@clickview/lite 0.74.0-rc.2 → 0.74.0

package/dist/scripts/4400-e6d6e73b2c-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/4400-e6d6e73b2c-lite.chunk.js","mappings":"+LACA,SAAgB,IAAM,QAAQ,QAAU,SCSxC,IAAMA,EAAY,qCAOZ,SAAUC,EAAcC,GAC5B,OACE,gBAACC,EAAA,EAAO,CAACC,MAAOC,EAAA,YAA0BL,EAAW,WAAYM,kBAAiB,kBAAa,WAAkBC,UAAQ,GACvH,uBAAKC,UAAS,8CAAyC,MAAU,YAAIN,EAAMM,YACzE,gBAACC,EAAA,EAAY,CAACC,QAAS,cACrBR,EAAMS,UAAYN,EAAA,YAA0BL,EAAW,eAIjE,C,6DCzBA,SAAgB,SAAW,QAAQ,MAAQ,QAAQ,KAAO,QAAQ,QAAU,QAAQ,UAAY,QAAQ,UAAY,QAAQ,MAAQ,SCyB9H,SAAUY,EAAoBV,G,UAYlC,OACE,gBAACW,EAAA,EAAO,CACNC,QAAyB,QAAhB,EAAAZ,EAAMa,kBAAU,uBACzBP,UAAS,8EAAoF,QAAX,EAAAN,EAAMc,aAAK,eAAEC,OAAM,0CAAkCf,EAAMM,WAC7IU,cAAehB,EAAMgB,cACrBC,iBAAkBjB,EAAMiB,kBAExB,uBAAKX,UAAS,4BAAuB,aACnC,uBAAKA,UAAS,UAAgB,QAAX,EAAAN,EAAMc,aAAK,eAAEI,WAAU,iBAAS,QAAY,sDAC5DlB,EAAMmB,MAAQnB,EAAMmB,MAAQ,sCAE/B,uBAAKb,UAAS,UAtBpB,WACE,OAAQN,EAAMoB,KAAKC,MACjB,IAAK,QACH,OAAO,YACT,IAAK,MACH,OAAO,UACT,IAAK,QACH,OAAO,YAEb,CAayBC,GAAc,YAAI,OAAW,UAC7CtB,EAAMoB,KAAKG,MAEd,uBAAKjB,UAAS,eAAU,UACrBN,EAAMwB,QAKjB,C,2JCjDM1B,EAAY,oBAkBZ,SAAU2B,EAAWzB,GACzB,MAA8D,eAC5D0B,YAAY,GACT1B,GAFG2B,EAAU,EAAVA,WAAYf,EAAO,EAAPA,QAASgB,EAAK,EAALA,MAAOC,EAAY,EAAZA,aAAcH,EAAU,EAAVA,WAK5CI,EAAaH,EACfxB,EAAA,YAA0BL,EAAW,SAAU,CAAE6B,WAAAA,IACjDxB,EAAA,YAA0BL,EAAW,QAEnCiC,EAAuB,UAAVH,EAAoB,GAAK,aACtCI,EAAkBN,EAAa,cAAgB,GAErD,OACE,gBAACf,EAAA,EAAO,CACNC,QAASA,EACTN,UAAS,mDAA8CuB,EAAY,YAAIE,EAAU,YAAIC,IAErF,gBAACzB,EAAA,EAAY,CAACC,QAAS,iBAA0ByB,KAAM1B,EAAA2B,EAAA,SACvD,wBAAM5B,UAAU,QAAQwB,GAG9B,CA3BAL,EAAWU,aAAe,CACxBP,MAAO,QACPC,aAAc,I,oGCvBhB,SAAgB,cAAgB,QAAQ,iBAAmB,QAAQ,sBAAwB,QAAQ,UAAY,QAAQ,cAAgB,QAAQ,kBAAoB,QAAQ,YAAc,QAAQ,sBAAwB,QAAQ,aAAe,QAAQ,QAAU,SCuBlQ,IAAMO,EAAQ,GAAH,OAAM,IAAmB,cAAmBC,MAAK,YAAI,IAAmB,cAAmBC,QAatG,SAASC,EAAaC,GACpB,OAAIA,EAAQC,OAAS,IACZ,KAEF,cACT,CAwBA,IAEaC,EAAe,QAAW,SAAS1C,G,YACtCwC,EAAyFxC,EAAzFwC,QAASG,EAAgF3C,EAAhF2C,OAAQC,EAAwE5C,EAAxE4C,YAAaC,EAA2D7C,EAA3D6C,QAASC,EAAkD9C,EAAlD8C,cAAeC,EAAmC/C,EAAnC+C,iBAAkBC,EAAiBhD,EAAjBgD,aAE1EC,EAAyB,aAAiBC,EAAA,GAE1CC,GA5Cc,EAAAC,EAAA,KAEJC,IALS,KADL,KAkDdC,EAAsB,WAAc,WACxC,IAAKN,GAAgBhD,EAAMuD,eACzB,OAAO,EAET,IAAMC,EAAQC,EAAA,SAAkB,IAAIC,KAAQ,cAE5C,OAAKV,EAAaW,QAGXX,EAAaY,WAAaJ,GAASR,EAAaW,SAAWH,EAFzDR,EAAaY,YAAcJ,CAGtC,GAAG,CAACR,IAYEa,EAAe7D,EAAM6D,cAAgB,CACzCxB,MAAOc,EACPW,MAAO1B,EACP2B,WAAY,YAGRC,IAAQrB,KAAYC,GAAeqB,EAAA,kBAA4BtB,EAAQ,CAC3EuB,gBAAiBtB,EACjBuB,qBAAsB3B,EACtBnB,KAAM,cACLwC,GAEGO,EAAgG,CACpG9D,UAAW,wBAAF,OAA0BN,EAAMqE,iBACzCC,MAAON,EAAM,CAAEO,gBAAiB,QAAF,OAAUP,EAAG,OAAS,CAAC,IAGlDrB,GAAUI,WACNqB,EAAeE,MACtBF,EAAe9D,WAAa,IAAJ,OAAQyC,IAGlC,IAAMyB,EAAmBxE,EAAMyE,iBAEzBC,GAA0B,EAAAC,EAAA,GAAgB3E,EAAMwC,QAAS,KAE/D,OAAOoC,EAAA,yBAEL,0CAAYR,GACV,uBAAK9D,UAAS,oBAAe,YAAgB,oCAC1CN,EAAM6E,mBACL,uBAAKvE,UAAU,QACb,gBAACmB,EAAU,CACTb,QAASZ,EAAM6E,kBACflD,WAAY3B,EAAM8E,eAClBjD,aAAc7B,EAAM+E,kBACpBnD,MAAM,WAKZ,uBAAKtB,UAAS,UAAKN,EAAMgF,cAAgB,iEAAmE,GAAH,OAAM,gBAAoB,kBAAmB,QAAV,EAAAhF,EAAMiF,YAAI,eAAEjB,KAAM,wBAA+B,QACxLhB,GACD,uBAAK1C,UAAS,4BAAuB,0BACnC,gBAACI,EAAA,EAAmB,CAClBU,KAAM,CACJC,KAAM2B,EAAaW,QAAU,QAAU,MACvCpC,KAAMyB,EAAaW,QAAO,UACnBF,EAAA,SAAkBT,EAAaY,UAAW,MAAK,YAAIH,EAAA,SAAkBT,EAAaW,QAAS,OAC9FF,EAAA,SAAkBT,EAAaY,UAAW,OAEhDpC,MA7Dd,SAAkCwB,GAChC,OAAKA,EAAaW,QAGdF,EAAA,SAAkBT,EAAaY,UAAWZ,EAAaW,QAAS,SAC3DF,EAAA,SAAkBT,EAAaY,UAAW,QAE5C,GAAP,OAAUH,EAAA,SAAkBT,EAAaY,UAAW,OAAM,cAAMH,EAAA,SAAkBT,EAAaW,QAAS,QAL/FF,EAAA,SAAkBT,EAAaY,UAAW,OAMrD,CAqDqBsB,CAAyBlC,GAChClC,MAAOd,EAAMmF,iBAInB,2BACG7B,GACC,uBAAKhD,UAAU,kFACb,gBAAC8E,EAAA,EAAI,CAACtF,UA1FJ,sBA0F0BuF,OAAO,aAGtCrF,EAAMuD,gBACL,gBAACxD,EAAA,EAAa,CAACO,UAAU,yEAE3B,uBAAKA,UAAU,6BACZN,EAAMgF,gBAA2B,QAAV,EAAAhF,EAAMiF,YAAI,eAAEjB,MAClC,uBAAK1D,UAAS,UAAK,oBAAwB,kEAA0DoE,IACnG,gBAACY,EAAA,EAAS,CACRC,IAAKtB,EAAA,YAAgC,QAAV,EAAAjE,EAAMiF,YAAI,eAAEjB,IAAK,CAAE/B,KAAM,cACpDqC,MAAO,CAAEkB,gBAAiBxF,EAAMyF,iBAItC,sBAAInF,UAAS,sDAAiD,UAAc,YAAIiC,EAAaC,GAAQ,YAAIxC,EAAMgF,cAAgB,OAAS,KACrIxC,EACAgC,GAAoB,gBAACA,EAAgB,WAIzC3B,GACD,uBAAKvC,UAAW,oBACd,gBAACoF,EAAA,EAAO,CACN7C,QAASA,EACTC,cAAeA,EACf6C,yBAA0B3F,EAAM2F,8BAKtC3F,EAAMgF,kBAA6B,QAAV,EAAAhF,EAAMiF,YAAI,eAAEjB,MACrC,uBAAK1D,UAAW,iBACd,uBACEiF,IAAKtB,EAAA,YAAsBjE,EAAMiF,KAAKjB,IAAK,CAAE/B,KAAM,cACnD3B,UAAU,sBAMpB2C,aAAsB,EAAtBA,EAAwB2C,UAE5B,IAAG,SAACC,EAAWC,G,QAAuB,OACpCD,EAAUhD,UAAYiD,EAAUjD,SAC7BgD,EAAUrD,UAAYsD,EAAUtD,UAClB,QAAd,EAAAqD,EAAUZ,YAAI,eAAEjB,QAAsB,QAAd,EAAA8B,EAAUb,YAAI,eAAEjB,I,IAGvC,SAAU+B,IACd,IAAM9C,EAAyB,aAAiBC,EAAA,GAEhD,OAAO0B,EAAA,yBACL,uBAAKtE,UAAS,oDAA+C,YAC7D2C,aAAsB,EAAtBA,EAAwB2C,UAE5B,C,yGCzLMI,EAA8B,CAClCC,SAAU,IACVC,UAAW,CACTC,OAAQ,IACRC,UAAW,IACXC,OAAQ,IACRC,QAAS,KAEXC,WAAY,IACZC,oBAAqB,KAGjB,SAAUC,EACdC,GAMkC,IALlCC,EAAA,uDAA+B,CAAC,EAKhCC,EAAA,uDAAgC,CAAC,EAEjC,GAAKF,EAAL,CAGA,IAAIG,EAGFA,EADmB,iBAAVH,EACIA,EAEAA,EAAKI,OAGpB,IAAMC,EAAW,OAAH,wBACTf,GACAW,GAGAE,GAGA,yBAAmCA,KAGpCA,IAAe,mBAMfA,IAAe,aAMfA,IAAe,cAUdD,EAAUL,YACb,aAAuB,IAAIQ,EAASR,YAN/BK,EAAUV,WACb,aAAuB,IAAIa,EAASb,UAAUI,SAX3CM,EAAUX,UACb,aAAuB,IAAIc,EAASd,UAPjCW,EAAUJ,qBACb,aAAuB,IAAI,KAvBvB,CA6CV,C,+vDCvFMQ,EAAa,GAiBb,SAAUC,EACdC,EACAC,GAEA,IAEMC,EAFS,UAA0BF,EAASF,GAE1BK,KAAI,SAAAC,GAAK,OAAIH,EAAW,SAAiBG,GAAO,IAElEC,EAAY,qBAA6BH,GAEzCI,EAAW,YAAoBD,EAAUE,MACzCC,EAAQH,EAAUE,KAAKhF,OACzB+E,EAASG,QAAO,SAACC,EAAKC,GAAI,OAAK,+BAAMD,GAAG,KAAGC,EAAKC,GAAKD,GAAI,GAAK,CAAC,GAC/D,KAEJ,MAAO,CACLL,SAAAA,EACAE,MAAAA,EACAK,WAAYR,EAAUQ,WAE1B,CAQM,SAAUC,EACdC,EACAd,EACAe,GAEM,MAA0BC,EAAyB,CAAEhB,WAAAA,EAAYe,QAAAA,IAA/DE,EAAU,EAAVA,WAAeX,EAAI,IAArB,gBASN,OAPA,aAAgB,YACTQ,aAAI,EAAJA,EAAMxF,SAGX2F,EAAWH,EACb,GAAG,CAACA,aAAI,EAAJA,EAAMxF,SAEHgF,CACT,CAWM,SAAUU,EAA4BE,G,cACpCC,EAAwB,QAAf,EAAAD,EAAQH,eAAO,QAAK,SAACK,GAClC,MAAmB,WAAf,EAAOA,GACFA,EAAIT,GAENS,CACT,EAEMC,EAAe,SAA0B,IAAIC,KACmB,G,EAApC,WAAiC,I,EAAG,E,unBAA9DrB,EAAQ,KAAEsB,EAAW,KAwBvBnB,EAAY,qBAA6BH,GACzCI,EAAW,YAAoBD,EAAUE,MACzCC,EAAQH,EAAUE,KAAKhF,OACzB+E,EAASG,QAAO,SAACC,EAAKC,GAAI,OAAK,+BAAMD,GAAG,KAAGU,EAAOT,GAAQA,GAAI,GAAK,CAAC,GACpE,KAEJ,MAAO,CACLc,4BAAoD,QAAxB,EAAmB,QAAnB,EAAApB,EAAUA,iBAAS,eAAG,UAAE,eAAEqB,cACtDpB,SAAAA,EACAE,MAAAA,EACAK,WAAYR,EAAUQ,WACtBK,WAjCF,SAAoBH,GAClB,GAAKA,aAAI,EAAJA,EAAMxF,OAAX,CAGA,IAAMoG,EAAsB,GAE5BZ,EAAKa,SAAQ,SAAAP,GACX,IAAMQ,EAAMT,EAAOC,GAEfC,EAAaQ,QAAQC,IAAIF,KAG7BF,EAAeK,KAAKX,GACpBC,EAAaQ,QAAQG,IAAIJ,GAC3B,IAEKF,EAAepG,QAGpBiG,GAAY,SAAAU,GAAC,kBAAUA,GAAC,EAAK,UAAqBP,EAAgB7B,GAAYK,IAAIgB,EAAQlB,aAAW,GAjB7F,CAkBV,EAeF,C,6DCtHA,SAASkC,EAAiBC,GACxB,OAAOA,EAAWjC,KAAI,SAAAkB,GAAG,OAAIA,EAAI1B,UAAU,IAAE0C,KAAK,IACpD,CAGM,SAAUC,EACdC,EACAC,EACAC,GAEA,IAAML,EAAaM,MAAMC,QAAQJ,GAAeA,EAAc,CAACA,IAE/D,IAAAK,YAAU,WACRR,EAAWR,SAAQ,SAAAP,IACjB,OAAgBA,EAAI1B,WAAY6C,EAAcC,EAChD,GACF,GAAG,CAAEN,EAAiBC,GAAaI,EAAcC,GACnD,C,wECnBMI,EAAmB,I,iHC2BnB,SAAUC,EACd7C,EACA8C,EACAC,EACAC,EACAC,EACAC,GAEA,I,ID1BgChC,EAC1BiC,ECyB+C,G,GAAX,IAAAC,UAAS,G,EAAE,E,o4BAA7CC,EAAY,KAAEC,EAAe,KAE/BC,EAAcT,EAcdU,GAAW,QAZjB,SAAgBC,GACd,IAAKzD,EACH,OAAO,KAET,IAAM0D,EAAU1D,EAAWyD,GAE3B,OAAKC,EAGEA,EAAQ9B,IAFN,IAGX,GAIEoB,EACAC,GAwCF,ODrFgC/B,ECwDd,CAChByC,cATF,WACE,GAAKb,GAAc9C,GAAewD,EAIlC,OADAF,GAAgB,SAAAM,GAAU,OAAIA,EAAa,CAAC,IACrCL,EAAYC,EAASK,WAC9B,EAIEC,WAAWN,aAAQ,EAARA,EAAUK,YACrBjD,WAAY4C,aAAQ,EAARA,EAAU5C,WACtBsC,gBAAAA,GD3DIC,EAAe,WACnB,IAAIjC,EAAQN,WAAZ,CAGA,GAAKM,EAAQgC,gBAON,CACL,IAAQA,EAAoBhC,EAApBgC,gBAKR,GAJ4BA,EAAgBa,wBAAwB5I,OAAS+H,EAAgBc,UAEzEd,EAAgBe,aAAerB,EAGjD,MACH,MAVC,GAJ4BsB,OAAOC,YAAcC,SAASC,gBAAgBL,UAEtDI,SAASC,gBAAgBJ,aAAerB,EAG1D,OAWJ1B,EAAQyC,eAnBA,CAoBV,GAEA,IAAAhB,YAAU,WACR,IAAM2B,EAAWC,EAAA,WAAwBpB,EAAc,KAEjDD,EAAkBhC,EAAQgC,iBAAmBgB,OAKnD,OAHIhD,EAAQ4C,SACVZ,EAAgBsB,iBAAiB,SAAUF,GAEtC,kBAAMpB,EAAgBuB,oBAAoB,SAAUH,EAAS,CACtE,GAAG,CAAEpD,EAAQ4C,QAAS5C,EAAQyC,cAAezC,EAAQgC,mBC6BrD,IAAAP,YAAU,WACHa,GAGDA,EAASkB,oBAAsB5B,IACjCS,IACAD,GAAgB,SAAAM,GAAU,OAAIA,EAAa,CAAC,IAEhD,GAAG,CAAEJ,aAAQ,EAARA,EAAUkB,mBAAoB5B,KAEnC,IAAAH,YAAU,W,QACR,IAAKa,aAAQ,EAARA,EAAU9D,aAAe6E,EAAA,aAA0BxB,GAAxD,CAGA,IAAM4B,IAAoE,QAA/B,EAAmB,QAAnB,EAAAnB,EAAS9D,kBAAU,eAAEkF,kBAAU,eAAEC,OAAO,EAAG,IAElFF,IAAoBG,EAAA,eAA+BH,IAAoBG,EAAA,eAG3E/B,EAAQM,EAAcG,EAAS9D,WAPvB,CAQV,GAAG,CAAC8D,aAAQ,EAARA,EAAU9D,aAEP,CACLa,MAAOiD,aAAQ,EAARA,EAAUjD,MACjBuD,WAAWN,aAAQ,EAARA,EAAUK,YACrBA,WAAYL,aAAQ,EAARA,EAAUK,WACtBjD,WAAY4C,aAAQ,EAARA,EAAU5C,WACtBmE,WAAYvB,aAAQ,EAARA,EAAUuB,WACtBC,sBAAuBxB,aAAQ,EAARA,EAAUwB,sBAErC,C,mbCrGM,SAAUC,EAAepD,GAC7B,I,IAAqF,G,EAAvD,WAAc,kBAAM,gBAA8B,GAAE,I,EAAG,E,unBAA7EqD,EAAK,KAEPC,GAAcC,EAFK,MAEMF,GAE/B,OAAKC,GAAgBtD,EAGd,GAAP,O,yWAAA,CAAYsD,GAAW,gCAAOtD,GAAO,CAAEwD,QAAQ,MAFtCF,CAGX,C,gJCTaG,EAAiB,CAC5BC,WAAU,SAACnE,GACT,OAAOA,aAAG,EAAHA,EAAKoE,UAAWC,EAAA,UACzB,EAEAC,QAAO,SAACC,EAAoBC,G,MAC1B,SAAKA,IAAgBD,GAAYE,EAAA,UAAqBF,EAASG,cAGxDH,EAASG,WAAWnF,GAAGiE,cAA6B,QAAd,EAAAgB,EAAYjF,UAAE,eAAEiE,WAC/D,EAEAmB,cAAa,SAACJ,G,UACZ,GAAKA,EAAL,CAGA,IAAIK,EAAQ,EAWZ,OATmB,QAAf,EAAAL,EAASM,cAAM,eAAED,SACnBA,GAASL,EAASM,OAAOD,QAET,QAAd,EAAAL,EAASO,aAAK,eAAEF,SAClBA,GAASL,EAASO,MAAMF,QAED,QAArB,EAAAL,EAASQ,oBAAY,eAAEH,SACzBA,GAASL,EAASQ,aAAaH,OAE1BA,CAbC,CAcV,G,wbCvBIrN,EAAY,kCAEZyN,EAAY,SAAH,OAAMjN,EAAS,EAATA,UAAS,OAC5B,wBAAMA,UAAWA,GAAS,IAAe,EAE3C,SAASkN,EAAqBV,GAC5B,IAAQG,EAAeH,EAAfG,WAER,GAAKA,EAGL,OAAIA,EAAWQ,MAAQR,EAAWS,QACzBC,EAAA,cAAuBV,EAAWQ,KAAO,IAAMR,EAAWS,QAAQE,UAAU,EAAG,IAEpFX,EAAWQ,KACNR,EAAWQ,KAAKI,MAAM,KAAK,QADpC,CAEF,CA6BM,SAAUC,EAAsB9N,G,QAC9B+N,EAAqBtB,EAAeI,QAAQ7M,EAAM8M,SAAU9M,EAAM+M,aAElEiB,EAAwC,QAAxB,EAAAhO,EAAM8M,SAASmB,iBAAS,eAAEd,MAE1Ce,EAhCR,SAAwBpB,GACtB,IAAKA,EAASqB,oBACZ,MAAO,GAET,IAAMC,EAAM,IAAI1K,KACVwK,EAAczK,EAAA,oBAA6BqJ,EAASqB,qBAG1D,OAAI1K,EAAA,WAAoByK,EAAazK,EAAA,WAAoB2K,EAAK,EAAG,UACxD,GAEF3K,EAAA,UAAmByK,EAC5B,CAoBsBG,CAAerO,EAAM8M,UAEzC,OACE,uBAAKxM,UAAWN,EAAMsO,mBAEjBtO,EAAMuO,gBAAkBR,GACzB,iCACqC,QAAlC,EAAA/N,EAAM8M,SAAS0B,2BAAmB,eAAEC,OACnC,gCACE,uBAAKnO,UAAWN,EAAM0O,0BACpB,gBAACC,EAAA,EAAe,OAElB,0CAGF,gBAACvJ,EAAA,EAAI,CAACtF,UAAWA,EAAWuF,OAAO,YAAYgD,QAAS,CAAEuG,KAAMpB,EAAqBxN,EAAM8M,aAG7F,gBAACS,EAAS,CAACjN,UAAWN,EAAM6O,sBAKF,iBAAtB7O,EAAM8O,aACZ,gBAAC1J,EAAA,EAAI,CAACtF,UAAWA,EAAWuF,OAAO,SAASgD,QAAS,CAAE0G,WAAY/O,EAAM8O,eAI1Ed,EAAgB,GACf,gCACE,gBAACT,EAAS,CAACjN,UAAWN,EAAM6O,qBAC5B,gBAACzJ,EAAA,EAAI,CAACtF,UAAWA,EAAWuF,OAAO,YAAYgD,QAAS,CAAE0G,WAAYf,QAKvEE,GACD,gCACE,gBAACX,EAAS,CAACjN,UAAWN,EAAM6O,qBAC5B,gBAACzJ,EAAA,EAAI,CAACtF,UAAWA,EAAWuF,OAAO,cAAcgD,QAAS,CAAE2G,QAASd,MAK/E,C,+ECvGA,UAAgB,mBAAqB,SCK/B,SAAUe,KACd,OACE,gCACE,gBAAC,IAAmB,MACpB,uBAAK3O,UAAU,QACb,uBAAKA,UAAS,wDAAmD,0BAIzE,C,4BCCM4O,GAAY/O,EAAA,mBADA,4BAeLgP,GAAsB,CACjCC,mBAAkB,SAACC,EAAkCC,G,gBAEjDC,EASED,EATFC,gBACAC,EAQEF,EARFE,SACAC,EAOEH,EAPFG,SACAC,EAMEJ,EANFI,eACAC,EAKEL,EALFK,YACAC,EAIEN,EAJFM,qBACAC,EAGEP,EAHFO,kBACAC,EAEER,EAFFQ,cACAC,EACET,EADFS,kBAGI/O,EAAgB,CACpB8G,GAAIuH,EAAYvC,SAAShF,GACzB2F,KAAM4B,EAAYvC,SAASW,KAC3BO,cAA6C,QAA9B,EAAAqB,EAAYvC,SAASmB,iBAAS,eAAEd,MAC/C6C,WAAuC,QAA3B,EAAAX,EAAYvC,SAASM,cAAM,eAAED,MACzC8C,iBAAmD,QAAjC,EAAAZ,EAAYvC,SAASQ,oBAAY,eAAEH,MACrD+C,UAAqC,QAA1B,EAAAb,EAAYvC,SAASO,aAAK,eAAEF,MACvCgD,oBAA6D,QAAxC,EAAAd,EAAYvC,SAAS0B,2BAAmB,eAAEC,OAG3DxN,EAAqC,CACzCmP,SAAU,YACVC,OAAQ,cACRC,cAAe,YAGXzN,EAA2B,GAEjC,IAAK0M,EACH,OAAO1M,EAET,IAAMgK,EAAUJ,EAAeI,QAAQwC,EAAYvC,SAAUuC,EAAYtC,aAiIzE,OA/HKyC,IACCH,EAAYkB,gBACd1N,EAAQqG,KAAK,CACX/H,MAAO+N,GAAU,WACjBtO,QAASyO,EAAYkB,eACrB/P,QAAS,WACTF,UAAYmP,EAAyC,GAA9B,4BACvBe,QAASf,EACTzO,cAAAA,EACAC,iBAAkB,OAAF,wBACXA,GAAgB,CACnBwP,WAAY,cAKdX,GACFjN,EAAQqG,KAAK,CACX/H,OAAO,UACPuP,KAAMX,EACNY,cAAc,IAGlB9N,EAAQqG,KAAK,CACX/H,MAAO+N,GAAU,SACjBtO,QAAS,CACPgQ,YAAa,YACbC,OAAQ,kBACRvB,KAAM,CAACD,EAAYvC,SAAShF,IAC5BgJ,OAAQ,CAAEC,WAAY,aAExBvQ,QAAS,YACTF,UAAYmP,EAAyC,GAA9B,4BACvBe,QAASf,EACTzO,cAAAA,EACAC,iBAAkB,OAAF,wBACXA,GAAgB,CACnBwP,WAAY,WACZO,aAAc,aAKfnE,GACHhK,EAAQqG,KAAK,CACX/H,MAAO+N,GAAUS,EAAc,YAAc,UAC7CsB,QAAS,WACPvB,GAAgBC,GAChBC,GAAqB,GACrBP,EAAY6B,QACTvB,GACD,WACEC,GAAqB,GACrBuB,GAAA,gBAA8BnQ,EAAe,OAAF,wBACtCC,GAAgB,CACnBwP,WAAY,YACZW,WAAYzB,EAAc,SAAuB,QACjDW,cAAe,gBAEnB,IACA,WACEV,GAAqB,GACrBF,EAAeC,EACjB,GAEJ,EACAnP,QAASmP,EAAc,iBAA0B,WACjDrP,UAAYmP,EAER,GAFgB,6BACME,EAAc,eAAiB,OAAM,SAE/Da,QAASf,EACT4B,YAAaxB,IAIbhD,IACFhK,EAAQqG,KAAK,CACX/H,MAAO+N,GAAU,QACjBtO,QAAS,CACPgQ,YAAa,cACbC,OAAQ,4BACRvB,KAAM,CAACD,EAAYvC,SAAShF,KAE9BtH,QAAS,WACTgQ,QAAQ,EACRxP,cAAAA,EACAC,iBAAkB,OAAF,wBACXA,GAAgB,CACnBwP,WAAY,cAIhB5N,EAAQqG,KAAK,CACX/H,MAAO+N,GAAU,UACjBtO,QAAS,CACPgQ,YAAa,cACbC,OAAQ,8BACRvB,KAAM,CAACD,EAAYvC,SAAShF,KAE9BtH,QAAS,aACTF,UAAW,cACXkQ,QAAQ,EACRxP,cAAAA,EACAC,iBAAkB,OAAF,wBACXA,GAAgB,CACnBwP,WAAY,kBAK0B,QAAxC,EAAApB,EAAYvC,SAAS0B,2BAAmB,eAAEC,QAC5C5L,EAAQqG,KAAK,CACX/H,MAAO+N,GAAU,QACjBtO,QAAS,CACPgQ,YAAa,cACbC,OAAQ,4BACRvB,KAAM,CAACD,EAAYvC,SAAShF,KAE9B0I,QAAQ,EACRxP,cAAAA,EACAC,iBAAkB,OAAF,wBACXA,GAAgB,CACnBwP,WAAY,cAKX5N,CACT,GClMF,UAAgB,gBAAkB,S,ogCCuC5B,SAAUyO,GAAetR,GAC7B,IAAQwP,GAAa,EAAA+B,GAAA,KAAb/B,SAGiE,KAAjC,WAAexP,EAAM2P,aAAY,GAAjEA,EAAW,KAAED,EAAc,KACsC,KAArB,YAAe,GAAM,GAAjEG,EAAiB,KAAED,EAAoB,KAE/C,aAAgB,kBAAMF,EAAe1P,EAAM2P,YAAY,GAAE,CAAC3P,EAAM2P,cAEhE,IAAMF,GAAW,OAAc,QAE/B,GAAIzP,EAAMwR,mBACR,OAAO,gBAACvC,GAAqB,MAE/B,IAAMwC,EAAczR,EAAM8M,SAAS2E,YAE7B5O,EAA2BsM,GAAoBC,mBAAmBpP,EAAO,CAC7EuP,gBAAiBvP,EAAM+M,YAAYwC,gBACnCC,SAAAA,EACAC,SAAAA,EACAC,eAAAA,EACAC,YAAAA,EACAC,qBAAAA,EACAC,kBAAAA,EACAC,cAAe9P,EAAM8P,cACrBC,kBAAmB/P,EAAM+P,oBAGrBzD,EAActM,EAAM0R,iBAE1B,OACE,gCACE,gBAAChP,EAAA,EAAY,CACXF,QAASxC,EAAM8M,SAASW,KACxB9K,OAAQ3C,EAAM8M,SAASnK,OACvBC,YAAa5C,EAAM4C,YACnBC,QAASA,EAAQJ,QAAUI,EAC3B8C,yBAAyB,uBACzB5C,kBAAkB,EAAA4B,EAAA,GAAgB3E,EAAM8M,SAASW,KAAM,KACvDhJ,iBAAkB,WAAF,OACd,gBAACqJ,EAAqB,CACpBhB,SAAU9M,EAAM8M,SAChBC,YAAa/M,EAAM+M,YACnBuB,iBAAiB,wCACjBI,yBAA0B,mBAC1BG,mBAAmB,OACnBC,YAAa9O,EAAM8O,aACnB,OAGF2C,MAAiBnF,aAAW,EAAXA,EAAa7J,UAChC,uBAAKnC,UAAU,uBAENN,EAAM8M,UAAa9M,EAAM2R,mBAAqB3R,EAAM4R,UAChD,gBAAC,KAAkB,MAG1B,uBAAKtR,UAAU,QACb,gBAACuR,EAAA,GAAW,CAACvF,YAAaA,OAI7BmF,GAAe,qBAAGnR,UAAU,QAAQmR,IAKjD,C,ufCnFM,SAAUK,GAA2B9R,GACzC,I,IAAQ+R,EAAuE/R,EAAvE+R,eAAgBC,EAAuDhS,EAAvDgS,YAAaR,EAA0CxR,EAA1CwR,mBAAuBS,EAAc,GAAKjS,EAAzE,uDAE0E,G,EAAxB,a,EAAwB,E,s4BAAxEkS,EAAmB,KAAEC,EAAsB,KA2BnD,OAAIX,EACK,gBAACY,GAAA,EAAgB,CAACC,eAAgBrS,EAAMsS,SAAWtS,EAAMuS,cAE7DvS,EAAMsS,QAIT,gBAAC,MAAiB,iBACZL,EAAc,CAClBC,oBAAqBA,EACrBF,YAnCuB,SAACQ,GAC1B,IAAMC,EAAQzS,EAAMoN,OAAOsF,WAAU,SAAAC,GAAC,OAAIA,EAAE7K,GAAGiE,aAAeyG,EAAMhG,OAAO1E,GAAGiE,UAAU,IAExFoG,EAAuBM,GAEnB/G,GAAA,aAA0BsG,IAC5BA,EAAYS,EAChB,EA6BIG,UA3Bc,SAACJ,GACjBL,EAAuB,MAEvB,IAAQ3F,EAAiBgG,EAAjBhG,OAAQqG,EAASL,EAATK,KAEVC,EAAW9S,EAAMoN,OAAOsF,WAAU,SAAAC,GAAC,OAAIA,EAAE7K,GAAGiE,aAAeS,EAAO1E,GAAGiE,UAAU,IAC/EgH,EAAW/S,EAAMoN,OAAOsF,WAAU,SAAAC,GAAC,OAAIA,EAAE7K,GAAGiE,aAAe8G,EAAK/K,GAAGiE,UAAU,IAE9EL,GAAA,aAA0BqG,GAK/BA,EAAee,EAAUC,GAJvB,aAAuB,IAAIC,GAAA,EAAS,oFAKxC,EAcIC,eAAgB,gBAChBC,mBAAoB3S,GAAA2B,EAAA,IACpBiR,sBAAuBnT,EAAMmT,yBAVxB,gBAACC,GAAA,GAAS,iBAAKnB,GAa1B,C,4BChEM,GAAY,+BAEZ,SAAUoB,KACd,OACE,gBAAC,aAAiC,CAAC5E,MAAO,IACxC,gBAAC6E,GAAA,EAAU,KACT,gBAACA,GAAA,QAAgB,CAAC/N,IAAKgO,GAAA,0CAEvB,gBAACD,GAAA,UAAkB,KAAC,gBAAClO,EAAA,EAAI,CAACC,OAAO,aAEjC,gBAACiO,GAAA,OAAe,KAAC,gBAAClO,EAAA,EAAI,CAACC,OAAO,WAItC,C,uJCHA,IAAM,GAAYlF,EAAA,mBAAiC,sBAiE7C,SAAUqT,GAAcC,EAAoBC,EAAiBpD,GACjEa,GAAA,gBAA8B,CAAErJ,GAAI4L,EAASD,WAAAA,GAAc,CACzDrD,SAAU,eACVC,OAAQ,WACRI,WAAY,UACZH,cAAAA,GAEJ,CAEO,IAAMqD,GAAiB,CAC5B1N,SAAU,KACVC,UAAW,CACTI,QAASsN,GAAA,I,uGC/Cb,IACM,GAAYzT,EAAA,mBADA,sBAWZ,SAAU0T,GAAa7T,G,kCACrB8T,GAAW,UACXC,GAAS,SAETC,EAAS,kBAA6BC,EAAA,YACtClH,EAAc,kBAAwCmH,EAAA,iBAC5D,IAAuD,EAAAC,EAAA,MAA/CrE,GAAa,GAAbA,cAAesE,GAA2B,GAA3BA,4BACfC,IAAmB,EAAAC,EAAA,KAAnBD,eAEFE,GAAa,mBACD,QAAhB,EAAAxH,EAAYtF,YAAI,eAAE8H,kBAAmBiF,EAAA,aAA4BzH,EAAYtF,KAAKgN,aAG9E7C,GAAY,kBAChB5R,EAAM2R,kBACN+C,EAAA,OAA4B1U,EAAM2R,mBAG9BgD,GAAiB,kBACrB3U,EAAM2R,kBACN+C,EAAA,iBAAsC1U,EAAM2R,iBAAkC,QAAhB,EAAA5E,EAAYtF,YAAI,eAAEK,KAG5E8M,GAA6B,kBACjCD,GAAe/L,cACf8L,EAAA,mBAA2D,QAAnB,EAAAC,GAAelN,YAAI,eAAEoN,iBAGzDC,IAAwC,QAAhB,EAAA/H,EAAYtF,YAAI,eAAE8H,kBAE3CvP,EAAM2R,kBAAoBiD,GAA2BhM,gBADrB,QAA/B,EAAAgM,GAA2BnN,YAAI,eAAEK,IAGjCiN,GAAY,kBAChBD,IACAE,EAAA,wBAAsE,QAA/B,EAAAJ,GAA2BnN,YAAI,eAAEK,KAGlEmN,IAAqB,EAAAC,EAAA,GAAoB,CAC/CC,gBAAiB,oBACjBC,IAAKpV,EAAMqV,YACXC,iBAAkBtV,EAAMuV,UAHlBN,iBAMFO,GAAkBxV,EAAMuV,QAC1BE,EAAA,oBAAmCzV,EAAMyT,WAAYzT,EAAMuV,SAC3DE,EAAA,cAA6BzV,EAAMyT,YAEjCiC,GAA2B1V,EAAMuV,QACnCE,EAAA,+BAA8CzV,EAAMyT,WAAYzT,EAAMuV,SACtEE,EAAA,yBAAwCzV,EAAMyT,YAE5C3G,GAAW,kBAA+B0I,IAC1CG,GAAqB,kBAA+BD,IAEpDE,GDhFF,SACJ9I,EACAC,EACAwI,GAEA,IAAMM,GAAe,EAAAC,GAAA,GAAgB,CAAE1F,SAAU,eAAgCmF,QAAAA,IAEjF,OAAK9I,EAAeI,QAAQC,EAAUC,GAqC/B,OAAP,wBACK8I,GAAY,CACfE,gBApCsB,SAACC,EAAmB3N,GAC1C,I,EAAQ4N,EAAeC,EAAA,mBAA6BF,GAA5CC,WAEFE,EAA2B,CAC/BhV,MAAO,GAAU,sBACjBqP,QAAQ,EACRhQ,QAAS,aACTI,QAAS,CACPgQ,YAAa,cACbC,OAAQ,yCACRvB,KAAM,CAAE0G,EAAMlO,GAAIgF,EAAShF,IAC3BgJ,OAAQ,CAAEnE,OAAQqJ,EAAMrJ,SAE1BrM,UAAW,cACXW,iBAAkB,CAChBoP,OAAQ,WACRI,WAAY,gBACZL,SAAU,mBACVE,cAAe,WACfc,WAAY,eAEdpQ,cAAe,CACb8G,GAAIkO,EAAMlO,GACV2L,WAAY3G,EAAShF,IAEvBsO,MAAO,UAGT,OAAKH,EAGE,GAAP,O,gDAAYJ,EAAaE,gBAAgBC,EAAO3N,K,ojBAAQ,CAAE8N,IAFjD,CAACA,EAGZ,IAlCSN,CAwCX,CCgC8BQ,CAA4BvJ,GAASrF,KAAMsF,EAAYtF,KAAMzH,EAAMuV,UAE/F,OAAqBzI,GAAU6G,IAE/B,IAAM2C,GAAmB,SAAC1L,GACxB,OAAO5K,EAAMuV,QACTE,EAAA,0BAAyCzV,EAAMyT,WAAYzT,EAAMuV,QAAS3K,GAC1E6K,EAAA,oBAAmCzV,EAAMyT,WAAY7I,EAC3D,EAEM2L,GAAY,mBACA,QAAhB,EAAAxJ,EAAYtF,YAAI,eAAEK,KAClB2N,EAAA,yBAAwCzV,EAAMyT,WAA4B,QAAhB,EAAA1G,EAAYtF,YAAI,eAAEK,KAGxEmC,GAAY,SAACW,GACjB,aAAgBkJ,EAAhB,CAA0BwC,GAAiB1L,GAC7C,EAEA,IAA+C,OAA4B0L,GAAkBrM,IAA9EmD,GAAM,GAAb1F,MAAeuD,GAAO,GAAPA,QAASlD,GAAU,GAAVA,YAEhC,EAAAyO,EAAA,GAAcpJ,IAGd,IC9GA1F,GAE6D,GAArD+O,GAAgBC,G,MD4GiD,G,05BAAA,EC9GzEhP,GD8GkE0F,G,IC5GpB,IAAA7C,Y,GAAe,K,w4BAArDkM,GAAc,MAAEC,GAAiB,OAEzC,IAAA5M,YAAU,WACH2M,KAGD/O,GAAMjF,SAAWgU,GAAehU,QA/BxC,SAAsBkU,EAAoBC,GACxC,IAAIC,GAAU,EAEd,GAAIF,EAAKlU,SAAWmU,EAAKnU,OACvB,OAAO,EAET,IAAK,IAAIqU,EAAI,EAAGA,EAAIH,EAAKlU,OAAQqU,IAC/B,GAAIH,EAAKG,GAAGhP,KAAO8O,EAAKE,GAAGhP,GAAI,CAC7B+O,GAAU,EACV,KACD,CAGH,OAAOA,CACT,CAiBkDE,CAAarP,GAAO+O,MAChEC,GAAkB,KACtB,GAAG,CAAChP,KAEG,CAAE+O,GAAgBC,KDkGgD,GAAjEM,GAAe,MAAEC,GAAkB,OAE3C,EAAAC,EAAA,GAAa,CAAEpP,GAAI9H,EAAMyT,WAAY0D,IAAK,YAAa5B,QAASvV,EAAMuV,WACtE,EAAA6B,EAAA,GAAmBC,EAAA,uBAAuC,CACxDC,QAASxK,GAASrF,KAClB8P,cAAe,CACbC,cAAe,GACfC,YAAa,YACbC,kBAAmB,mBAErBC,cAAeC,EAAA,mBAA2B,CAAEC,uBAAuB,IACnEC,eAAe,KAGjB,IAyCMC,KAAoB3K,IAA4B,IAAlBA,GAAO3K,OAErC,GAAkB,SACtBuT,EACAgC,GAEE,I,EADF3P,EAAA,uDAAkC,CAAC,EAEnC,OAAO4P,EAAA,aAA8BjC,EAAO,OAAF,wBACrC3N,GAAO,CACV6P,UAAWlY,EAAMyT,WACjB0E,QAASC,EAAA,WACT7C,QAASvV,EAAMuV,QACfF,YAAarV,EAAMqV,YACnB2C,SAAAA,EACAK,gBAAgC,QAAhB,EAAAtL,EAAYtF,YAAI,eAAE8H,oBAAqBvP,EAAMuV,UAEjE,EAEM+C,KAAuC,QAAhB,EAAAvL,EAAYtF,YAAI,eAAE8H,oBAAqBgH,GAAU3N,aAGxE2P,GAAoBnL,cAAM,EAANA,GAAQoL,MAAK,SAAA7F,GAAI,MAAC,OAA+B,QAA/B,EAAAuD,EAAA,mBAA6BvD,UAAE,eAAEsD,UAAU,IACjF3D,GAAU7F,EAAeI,QAAQC,GAASrF,KAAMsF,EAAYtF,MAE5DgR,GACJrL,IAAUL,EAAYtF,MAAQuM,EAAOvM,KAcjC6E,IAAc,EAAAF,EAAA,GAAe,CAAEqB,KAAmB,QAAb,EAAAX,GAASrF,YAAI,eAAEgG,OAE1D,OACE,gBAACiL,EAAA,WAA4B,CAACjK,OAAuB,QAAhB,EAAA1B,EAAYtF,YAAI,eAAE8H,kBAAmBqG,IACxE,uBAAKtV,UAAU,iBACb,gBAACgR,GAAc,CACbxE,SAAUA,GAASrF,KACnBsF,YAAaA,EAAYtF,KACzBkI,YAA2B,QAAd,EAAA4G,GAAU9O,YAAI,eAAEkI,YAC7BuB,OA7DO,SAACyH,EAAuBC,EAAuB1O,G,MACtD2O,EAAMF,EACRlD,EAAA,iBACAA,EAAA,mBAOJ,UAAa3B,EAAU+E,EAAI7Y,EAAMyT,WAA4B,QAAhB,EAAA1G,EAAYtF,YAAI,eAAEK,GAAI8Q,GALrD,WACZ1O,IACA6J,EAAO+E,MAAM,GAAUH,EAAe,cAAgB,iBACxD,IAGF,EAmDQpI,eAAgBgI,IAAqB,GAAgBA,IAAmB,GACxE/G,oBAAqB1E,GAASrF,OAASgR,KAAoBH,GAC3D1V,cAAeoR,EAAOvM,MAAQuM,EAAOvM,KAAK7E,YAC1C8O,eAAgB,WAAF,OAAQ1R,EAAM+Y,gBAAkB,KAAOzM,EAAW,EAChEsF,UAAWA,GAAUnK,KACrB4N,YAAarV,EAAMqV,YACnB1D,iBAAkB3R,EAAM2R,iBACxB7B,cAAeA,GACfC,kBAAmBqE,GAAyC,QAAb,EAAAtH,GAASrF,YAAI,eAAEkF,OAAqB,QAAb,EAAAG,GAASrF,YAAI,eAAEK,IACrFgH,YAAarC,EAAeS,cAAcyI,GAAmBlO,QAE/D,uBAAKnH,UAAU,QACXyX,GAoBI,gBAAC1E,GAAkB,MAlBrB,gBAACvB,GAA0B,CACzB1E,OAAQ4J,IAAmB5J,GAC3BmH,WAAYA,GAAW9M,KACvBgM,aAAc3G,GAASrF,MAAQqF,GAASrF,KAAKK,GAC7CkK,YA5GM,SAACS,GACnB,IAAMuD,EAAQ5I,GAAOqF,GAEjBuD,GACFxC,GAAcxT,EAAMyT,WAAYuC,EAAMlO,GAAI,WAC9C,EAwGciK,eAtGS,SAACiH,EAAgBC,GACtC,GAAID,IAAWC,EAAf,CAGA,IAAMjD,EAAQ5I,GAAO4L,GAErB,GAAKhD,EAAL,CAGA,MAA2CkD,EAAA,UAAsB9L,GAAQ4L,EAAQC,GAAzExC,EAAc,EAAdA,eAAgB0C,EAAc,EAAdA,eACxBlC,GAAmBR,GAEnBjD,GAAcxT,EAAMyT,WAAYuC,EAAMlO,GAAI,eAM1C,UAAagM,EAAU2B,EAAA,gBAA+BzV,EAAMyT,WAAY0F,EAAgB,MAJxE,WACdlC,GAAmB,KACrB,IATQ,CALA,CAiBV,EAoFc3E,QAASA,GACTd,oBAAqBiH,GACrBW,gBAAiB,SAACzG,EAAG0G,GAAI,OAAK,GAAgB1G,GAAG,EAAO0G,EAAK,EAC7DC,aAA6B,QAAhB,EAAAvM,EAAYtF,YAAI,eAAE8H,iBAC/BgK,iBA7CW,SAAC3Y,GACxB,IAAM4Y,EAAc,eAA2B5Y,GACzCkQ,EAAyB,MAAhB0I,EAAsB,CAAEA,YAAAA,GAAgB,CAAC,EAExD,MAAO,CACL5I,YAAa,YACbC,OAAQ,sBACRC,OAAAA,EAEJ,EAqCc2I,uBAAwBnH,GACxBa,sBAAuBnT,EAAMqV,YAAc,KAAON,GAAUtN,KAC5D8K,aAAa,EACb8B,eAAgBA,GAChBqF,2BAA4B,SAAAC,GAAW,OAAIC,EAAA,6BAA8CD,EAAY,EACrG1E,iBAAkBA,OAKxBhK,IAAWlD,KAAe,gBAAC8R,EAAA,EAAoB,CAAC9R,WAAYA,GAAYkC,UAAWA,MAI7F,C,+JEvPM,SAAUiL,EAAoB7M,G,UAClC,EAAkEA,GAAW,CAAC,EAAtE8M,EAAe,EAAfA,gBAAiBC,EAAG,EAAHA,IAAK0E,EAAe,EAAfA,gBAAiBxE,EAAc,EAAdA,eAE/C,GAA6B,SAArB9F,EAAQ,EAARA,SAAUsB,EAAM,EAANA,OAClB,GAAuC,IAAAiJ,GAAkB5E,EAAiB2E,GAAlEE,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aACtB,GAAmD,OAAY,MAAvDC,EAAmB,EAAnBA,oBAAqBC,EAAiB,EAAjBA,kBAC7B,GAA2D,SAAnD9F,EAAc,EAAdA,eAA0B+F,EAAoB,EAA9BC,SAClBC,EAAuBjG,EAAe,uBAEtCL,EAAS,kBAA6B,cACtCjH,EAAc,kBAAkC,mBAChDwH,EAAa,mBACD,QAAhB,EAAAxH,EAAYtF,YAAI,eAAE8H,kBAAmB,eAA4BxC,EAAYtF,KAAKgN,aA4BpF,MAAO,CACL8F,8BARCJ,GACDC,GACApG,EAAOpL,cACPmE,EAAYnE,iBACM,QAAhB,EAAAmE,EAAYtF,YAAI,eAAE8H,kBAAmBgF,EAAW3L,cAKlDqM,iBAAkB,CAChBuF,YAAa,SACbC,kBA7BJ,SAA2BzE,G,MACzB,MAAM,WAAYA,EAUdV,KAAmC,QAAhB,EAAAvI,EAAYtF,YAAI,eAAE8H,iBAChC,KAEF,qBAAqCyG,EAAM0E,OAAQ,CAAEtF,IAAAA,IAZnD,IAaX,EAeI5F,SAAAA,EACAmL,iBAAiB7J,aAAM,EAANA,EAAQ8J,OACzBX,aAAAA,EACAD,aAAAA,EACApX,YAAwB,QAAX,EAAAoR,EAAOvM,YAAI,eAAE7E,YAC1B2R,WAAYA,EAAW9M,KACvBoT,yBAA0B,6BAC1BC,8BAA+B,kCAC/BC,2BAA4B,+BAC5BC,sBAAuBd,EACvBe,uBAAwB,KACxBX,qBAAAA,GAGN,C,+ECnFA,SAASY,EAAgBC,GACvB,OAAKA,EAGDvR,MAAMC,QAAQsR,GACTA,EAAQC,QAAO,SAAAC,GAAC,QAAMA,IAAM,YAAoBA,IAAM,WAAmBA,GAAG,IAEjF,SAAUF,EACLA,EAAQ1T,KAAK2T,QAAO,SAAAC,GAAC,QAAMA,IAAM,YAAoBA,IAAM,WAAmBA,GAAG,IAEnF,GARE,EASX,CAUM,SAAU7E,EAAc2E,GAA+C,IAA/B9S,EAAA,uDAA6B,CAAC,EACpEiT,EAAWJ,EAAgBC,GAAS9T,KAAI,SAAAsL,GAAC,OAAIA,EAAE7K,EAAE,KAEvD,QACEwT,GACA,SAAAC,GAAG,OAAI,qBAA+BA,EAAKlT,EAAQyR,gBAAgB,GACnE,KAEJ,CAEM,SAAU0B,IAAiD,IAA/BnT,EAAA,uDAA6B,CAAC,EAStDD,GAAe,QAAyB,CAAEjB,WARlD,SAAoBoU,GAClB,OAAO,qBAA+BA,EAAKlT,EAAQyR,gBACrD,IAMQ1R,WAER,MAAO,CAAEqT,aANT,SAAsB/T,GACpB,OAAOU,EAAW8S,EAAgBxT,GAAOL,KAAI,SAAAsL,GAAC,OAAIA,EAAE7K,EAAE,IACxD,EAKF,C","sources":["file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/coming-soon-tag.scss","file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/ComingSoonTag.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/generic-calendar-date.scss","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/GenericCalendarDate.tsx","file:///app/packages/libs/shared/src/components/back-button/BackButton.tsx","file:///app/packages/libs/shared/src/components/banner-header/banner-header.scss","file:///app/packages/libs/shared/src/components/banner-header/BannerHeader.tsx","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseBatchFetch.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteList.ts","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","file:///app/packages/libs/shared/src/apps/playlists/utils/PlaylistHelper.ts","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-header-details/PlaylistHeaderDetails.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/partial-loading/partial-playlist-header.scss","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/partial-loading/PartialPlaylistHeader.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/PlaylistHeaderUtils.ts","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/playlist-header.scss","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/PlaylistHeader.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/video-list/SortableVideoListContainer.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/empty-state/PlaylistEmptyState.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/PlaylistViewUtils.ts","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/PlaylistView.tsx","file:///app/packages/libs/shared/src/hooks/UseReorderedItems.ts","file:///app/packages/projects/lite/src/shared/hooks/useCommonVideoProps.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"tag\":\"XRj8d\",\"tooltip\":\"X6mLk\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './coming-soon-tag.scss';\n\nconst namespace = 'specialEventCalendar.comingSoonTag';\n\ninterface ComingSoonProps {\n  className?: string;\n  onlyIcon?: boolean;\n}\n\nexport function ComingSoonTag(props: ComingSoonProps): JSX.Element {\n  return (\n    <Tooltip title={LanguageService.getPhrase(namespace, 'tooltip')} spanHackClassName={`d-block ${styles.tooltip}`} spanHack>\n      <div className={`d-flex text-dark align-items-center ${styles.tag} ${props.className}`}>\n        <SvgContainer svgName={cvSvgLibrary.Timer} />\n        {!props.onlyIcon && LanguageService.getPhrase(namespace, 'comingSoon')}\n      </div>\n    </Tooltip>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dateItem\":\"I3SBm\",\"label\":\"PRORs\",\"body\":\"RfiM_\",\"bodyDay\":\"ZOVny\",\"bodyRange\":\"vYhXN\",\"bodyMonth\":\"mYslO\",\"month\":\"EPkkQ\"};","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 { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './generic-calendar-date.scss';\n\nexport interface GenericCalendarDateProps {\n  label?: string;\n  body: {\n    type: 'month' | 'range' | 'day';\n    text: string;\n  };\n  month?: string;\n  getAppLink?: () => Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  className?: string;\n  theme?: CalendarTheme;\n}\n\nexport function GenericCalendarDate(props: GenericCalendarDateProps): JSX.Element {\n  function getBodyClass(): string {\n    switch (props.body.type) {\n      case 'range':\n        return styles.bodyRange;\n      case 'day':\n        return styles.bodyDay;\n      case 'month':\n        return styles.bodyMonth;\n    }\n  }\n\n  return (\n    <AppLink\n      appLink={props.getAppLink?.()}\n      className={`text-decoration-none text-center bg-white text-dark border border-3 ${props.theme?.border} rounded-3 d-block fw-semibold ${props.className}`}\n      analyticsData={props.analyticsData}\n      analyticsOptions={props.analyticsOptions}\n    >\n      <div className={`position-relative ${styles.dateItem}`}>\n        <div className={`${props.theme?.background} py-1 ${styles.label} d-flex align-items-center justify-content-center`}>\n          {props.label ? props.label : <>&nbsp;</>}\n        </div>\n        <div className={`${getBodyClass()} ${styles.body} my-2`}>\n          {props.body.text}\n        </div>\n        <div className={`mb-0 ${styles.month}`}>\n          {props.month}\n        </div>\n      </div>\n    </AppLink>\n  );\n}","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.backButton';\n\ninterface BackButtonProps {\n  appLink: Core.AppLink;\n  backToName?: string;\n  color?: 'black' | 'white';\n  extraClasses?: string;\n  /**\n   * Whether or not the button text has a text shadow. Defaults to true\n   */\n  textShadow?: boolean;\n}\n\nBackButton.defaultProps = {\n  color: 'black',\n  extraClasses: ''\n};\n\nexport function BackButton(props: BackButtonProps): React.ReactElement {\n  const { backToName, appLink, color, extraClasses, textShadow } = {\n    textShadow: true,\n    ...props\n  };\n\n  const backPhrase = backToName\n    ? LanguageService.getPhrase(namespace, 'backTo', { backToName })\n    : LanguageService.getPhrase(namespace, 'back');\n\n  const colorClass = color === 'black' ? '' : 'text-white';\n  const textShadowClass = textShadow ? 'text-shadow' : '';\n\n  return (\n    <AppLink\n      appLink={appLink}\n      className={`d-inline-flex align-items-center h5 mb-0 ${extraClasses} ${colorClass} ${textShadowClass}`}\n    >\n      <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Medium} />\n      <span className='ms-1'>{backPhrase}</span>\n    </AppLink>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"bannerContent\":\"sSCTB\",\"actionsContainer\":\"Z5WI2\",\"bannerContentWithLogo\":\"rgs7Q\",\"container\":\"M51HJ\",\"logoContainer\":\"vkeJk\",\"logoContainerLeft\":\"M3U9B\",\"logoHeading\":\"EtRwC\",\"specialEventContainer\":\"rOxDc\",\"headingLarge\":\"_8pnV\",\"heading\":\"JXVBH\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { PortalHelper } from 'libs/common/react/utils/PortalHelper';\n\nimport { ComingSoonTag } from 'libs/shared/apps/calendar/components/coming-soon-tag/ComingSoonTag';\nimport { GenericCalendarDate } from 'libs/shared/apps/calendar/components/generic-calendar-date/GenericCalendarDate';\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { BackButton } from 'libs/shared/components/back-button/BackButton';\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { ImageMinDimensions } from 'libs/shared/constants/ImageSizes';\nimport { BannerPortalContext } from 'libs/shared/context/BannerPortalContext';\nimport { ImageSize, ImageType, ResizeType } from 'libs/shared/enums/Images';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Banner, CalendarEvent, Logo } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './banner-header.scss';\n\nconst RATIO = `${ImageMinDimensions[ImageType.Banners].width}:${ImageMinDimensions[ImageType.Banners].height}`;\nconst DEFAULT_WIDTH = 1200; // This is ImageSize.Large for a Banner.\nconst LARGE_SCREEN_WIDTH = 1920;\n\nfunction useGetImageWidth(): number {\n  const breakpoints = useBreakpoints();\n\n  if (breakpoints.xxl)\n    return LARGE_SCREEN_WIDTH;\n\n  return DEFAULT_WIDTH;\n}\n\nfunction getSizeClass(heading: string): string {\n  if (heading.length < 160)\n    return 'h1';\n\n  return styles.headingLarge;\n}\n\ninterface BannerHeaderProps {\n  heading: string;\n  banner?: Banner;\n  bannerClassName?: string;\n  imageCdnUrl?: string;\n  logo?: Logo;\n  logoBgColour?: string;\n  actions?: ActionOptions[];\n  specialEvent?: CalendarEvent;\n  backButtonAppLink?: Core.AppLink;\n  backButtonText?: string;\n  backButtonClasses?: string;\n  sortComponent?: JSX.Element;\n  blockColourClass?: string;\n  actionsDropdownClassName?: string;\n  detailsComponent?: () => React.ReactElement;\n  imageOptions?: ImageOptions;\n  showComingSoon?: boolean;\n  alignLogoLeft?: boolean;\n  calendarTheme?: CalendarTheme;\n}\n\nconst namespace = 'shared.bannerHeader';\n\nexport const BannerHeader = React.memo(function(props: React.PropsWithChildren<BannerHeaderProps>): React.ReactElement {\n  const { heading, banner, imageCdnUrl, actions, sortComponent, blockColourClass, specialEvent } = props;\n\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  const imageWidth = useGetImageWidth();\n\n  const specialEventIsToday = React.useMemo(() => {\n    if (!specialEvent || props.showComingSoon)\n      return false;\n\n    const today = DateHelper.format(new Date(), 'YYYY-MM-DD');\n\n    if (!specialEvent.endDate)\n      return specialEvent.startDate === today;\n\n    return specialEvent.startDate <= today && specialEvent.endDate >= today;\n  }, [specialEvent]);\n\n  function getSpecialEventMonthText(specialEvent: CalendarEvent): string {\n    if (!specialEvent.endDate)\n      return DateHelper.format(specialEvent.startDate, 'MMMM');\n\n    if (DateHelper.isSame(specialEvent.startDate, specialEvent.endDate, 'month'))\n      return DateHelper.format(specialEvent.startDate, 'MMMM');\n\n    return `${DateHelper.format(specialEvent.startDate, 'MMM')} - ${DateHelper.format(specialEvent.endDate, 'MMM')}`;\n  }\n\n  const imageOptions = props.imageOptions || {\n    width: imageWidth,\n    ratio: RATIO,\n    resizeType: ResizeType.Cover\n  };\n\n  const url = !!banner && !!imageCdnUrl && ImageHelper.createBannerUrl(banner, {\n    fallbackBaseUrl: imageCdnUrl,\n    fallbackCategoryName: heading,\n    type: ImageType.Banners\n  }, imageOptions);\n\n  const containerProps: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> = {\n    className: `banner banner-header ${props.bannerClassName}`,\n    style: url ? { backgroundImage: `url('${url}')` } : {}\n  };\n\n  if (!banner && blockColourClass) {\n    delete containerProps.style;\n    containerProps.className += ` ${blockColourClass}`;\n  }\n\n  const DetailsComponent = props.detailsComponent;\n\n  const logoFallbackBgClassName = getBgColorClass(props.heading, BG_COLOUR_CLASS_NAMES);\n\n  return PortalHelper.renderInPortalIfExists(\n    // \"banner\" is used in playlists in Online. banner-header is used by all other projects\n    <header {...containerProps}>\n      <div className={`container ${styles.container} position-relative inner-banner`}>\n        {props.backButtonAppLink && (\n          <div className='pt-3'>\n            <BackButton\n              appLink={props.backButtonAppLink}\n              backToName={props.backButtonText}\n              extraClasses={props.backButtonClasses}\n              color='white'\n            />\n          </div>\n        )}\n        \n        <div className={`${props.alignLogoLeft ? 'position-absolute top-50 start-0 translate-middle-y w-100 ps-4' : `${styles.bannerContent} px-2 ${props.logo?.url ? styles.bannerContentWithLogo : ''}`}`}>\n          {!!specialEvent && (\n            <div className={`position-relative ${styles.specialEventContainer}`}>\n              <GenericCalendarDate\n                body={{\n                  type: specialEvent.endDate ? 'range' : 'day',\n                  text: specialEvent.endDate\n                    ? `${DateHelper.format(specialEvent.startDate, 'DD')}-${DateHelper.format(specialEvent.endDate, 'DD')}`\n                    : DateHelper.format(specialEvent.startDate, 'DD')\n                }}\n                month={getSpecialEventMonthText(specialEvent)}\n                theme={props.calendarTheme}\n              />\n            </div>\n          )}\n          <div>\n            {specialEventIsToday && (\n              <div className='rounded-pill py-1 px-2 my-1 me-1 fw-semibold bg-light-blue lh-1 d-inline-block'>\n                <Text namespace={namespace} phrase='onToday' />\n              </div>\n            )}\n            {props.showComingSoon && (\n              <ComingSoonTag className='pe-2 fw-semibold mb-1 rounded-pill justify-content-start text-nowrap' />\n            )}\n            <div className='d-flex align-items-center'>\n              {props.alignLogoLeft && props.logo?.url &&\n                <div className={`${styles.logoContainerLeft} d-none d-md-block rounded-circle overflow-hidden me-3 ${logoFallbackBgClassName}`}>\n                  <LazyImage\n                    src={ImageHelper.createUrl(props.logo?.url, { size: ImageSize.Medium })}\n                    style={{ backgroundColor: props.logoBgColour }}\n                  />\n                </div>\n              }\n              <h1 className={`text-white text-shadow pe-3 position-static ${styles.heading} ${getSizeClass(heading)} ${props.alignLogoLeft ? 'w-50' : ''}`}>\n                {heading}\n                {DetailsComponent && <DetailsComponent />}\n              </h1>\n            </div>\n          </div>\n          {!!actions && (\n            <div className={styles.actionsContainer}>\n              <Actions\n                actions={actions}\n                sortComponent={sortComponent}\n                actionsDropdownClassName={props.actionsDropdownClassName}\n              />\n            </div>\n          )}\n        </div>\n        {!props.alignLogoLeft && !!props.logo?.url &&\n          <div className={styles.logoContainer}>\n            <img\n              src={ImageHelper.createUrl(props.logo.url, { size: ImageSize.Medium })}\n              className='rounded-circle'\n            />\n          </div>\n        }\n      </div>\n    </header>,\n    portalContainerContext?.container\n  );\n}, (prevProps, nextProps): boolean => (\n  prevProps.actions === nextProps.actions\n  && prevProps.heading === nextProps.heading\n  && prevProps.logo?.url === nextProps.logo?.url\n));\n\nexport function PartialBannerHeader(): JSX.Element {\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  return PortalHelper.renderInPortalIfExists(\n    <div className={`partial-banner partial-loading-background ${styles.banner}`} />,\n    portalContainerContext?.container\n  );\n}","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n  internalServerError?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError,\n  internalServerError: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.InternalServer) {\n    if (!ignoreMap.internalServerError)\n      Core.ErrorHelper.throw(new UnspecifiedError());\n    return;\n  }\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nconst CHUNK_SIZE = 50;\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n  itemsArr: T[];\n  items: { [key: string]: T} | null;\n  isFetching: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n  itemIds: string[],\n  getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n  const chunks = ArrayHelper.chunk<string>(itemIds, CHUNK_SIZE);\n\n  const requests = chunks.map(chunk => getRequest(ArrayHelper.uniq(chunk)));\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [item.id]: item }), {})\n    : null;\n\n  return {\n    itemsArr,\n    items,\n    isFetching: responses.isFetching\n  };\n}\n\n/**\n * When you need the useBatchFetch() behavior, but your list of objects to hydrate\n * will grow, such as on a scrolling page. useGrowingBatchFetch() will use local state\n * to determine what we've already built a request for and what items are new\n * as to not re-fetch items - Sha\n */\nexport function useGrowingBatchFetch<T>(\n  objs: T[],\n  getRequest: (items: T[]) => Flight.Request,\n  _getKey?: (obj: T) => string\n) {\n  const { fetchItems, ...data } = useGrowingBatchFetchFunc({ getRequest, _getKey });\n\n  React.useEffect(() => {\n    if (!objs?.length)\n      return;\n\n    fetchItems(objs);\n  }, [objs?.length]);\n\n  return data;\n}\n\ninterface UseGrowingBatchFetchFuncOptions<T> {\n  getRequest: (items: T[]) => Flight.Request;\n  _getKey?: (obj: T) => string;\n}\n\n/**\n * When you need the useGrowingBatchFetch() behaviour, but need to trigger the\n * fetch manually and update the objects - Nish \n */\nexport function useGrowingBatchFetchFunc<T>(options: UseGrowingBatchFetchFuncOptions<T>) {\n  const getKey = options._getKey ?? ((obj: any) => {\n    if (typeof obj === 'object')\n      return obj.id;\n\n    return obj;\n  });\n\n  const fetchedItems = React.useRef<Set<string>>(new Set<string>());\n  const [ requests, setRequests ] = React.useState<Flight.Request[]>([]);\n\n  function fetchItems(objs: T[]) {\n    if (!objs?.length)\n      return;\n\n    const unfetchedItems: T[] = [];\n    \n    objs.forEach(obj => {\n      const key = getKey(obj);\n\n      if (fetchedItems.current.has(key))\n        return;\n\n      unfetchedItems.push(obj);\n      fetchedItems.current.add(key);\n    });\n      \n    if (!unfetchedItems.length)\n      return;\n    \n    setRequests(r => ([ ...r, ...ArrayHelper.chunk<T>(unfetchedItems, CHUNK_SIZE).map(options.getRequest) ]));\n  }\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [getKey(item)]: item }), {})\n    : null;\n\n  return {\n    hasFirstRequestCompleted: !!responses.responses?.[0]?.hasCompleted,\n    itemsArr,\n    items,\n    isFetching: responses.isFetching,\n    fetchItems\n  };\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","import { useEffect } from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst SCROLL_TOLERANCE = 400; // value in px\n\ninterface UseInfiniteScrollOptions {\n  fetchNextPage: () => void;\n  hasMore: boolean;\n  isFetching: boolean;\n  scrollContainer?: HTMLElement;\n}\n\nexport function useInfiniteScroll(options: UseInfiniteScrollOptions): void {\n  const handleScroll = (): void => {\n    if (options.isFetching)\n      return;\n\n    if (!options.scrollContainer) {\n      const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\n  \n      const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    } else {\n      const { scrollContainer } = options;\n      const currentScrollHeight = scrollContainer.getBoundingClientRect().height + scrollContainer.scrollTop;\n  \n      const totalHeight = scrollContainer.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    }\n\n    options.fetchNextPage();\n  };\n\n  useEffect(() => {\n    const onScroll = FunctionHelper.throttle(handleScroll, 200);\n\n    const scrollContainer = options.scrollContainer || window;\n\n    if (options.hasMore)\n      scrollContainer.addEventListener('scroll', onScroll);\n\n    return () => scrollContainer.removeEventListener('scroll', onScroll);\n  }, [ options.hasMore, options.fetchNextPage, options.scrollContainer ]);\n}","import { useEffect, useState } from 'react';\n\nimport { HttpStatus, HttpStatusClass } from 'libs/common/backbone/enums/HttpStatus';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject, BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { useInfiniteScroll } from './UseInfiniteScroll';\nimport { useSelectAllPages } from './UseSelectAllPages';\n\nexport interface UseInfiniteListResult<T extends BaseObject> {\n  items: T[];\n  hasMore: boolean;\n  isFetching: boolean;\n  nextCursor: string;\n  totalItems?: number;\n  hasFirstPageCompleted: boolean;\n}\n\n/**\n * Hook to extract an infinite list from the application state,\n * save it locally in state and only update when new data\n * is fetched.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useInfiniteList<TObject = BaseObject, TResponse = BasePaginatedCollection<TObject>>(\n  getRequest: ((cursor?: string) => Flight.Request) | false,\n  fetchNext: ((cursor?: string) => void) | false,\n  onError?: (pageNumber: number, statusCode: HttpStatus) => void,\n  getItems?: (responseData: TResponse) => TObject[],\n  getCursor?: (responseData: TResponse) => string,\n  scrollContainer?: HTMLElement\n): UseInfiniteListResult<TObject> {\n  const [ pagesFetched, setPagesFetched ] = useState(0);\n\n  const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n  function getKey(cursor?: string): string {\n    if (!getRequest)\n      return null;\n\n    const request = getRequest(cursor);\n\n    if (!request)\n      return null;\n\n    return request.key;\n  }\n\n  const response = useSelectAllPages<TObject, TResponse>(\n    getKey,\n    getItems,\n    getCursor\n  );\n\n  function fetchNextPage(): void {\n    if (!fetchNext || !getRequest || !response)\n      return;\n\n    setPagesFetched(currentVal => currentVal + 1);\n    return fetchNextFn(response.nextCursor);\n  }\n\n  useInfiniteScroll({\n    fetchNextPage,\n    hasMore: !!response?.nextCursor,\n    isFetching: response?.isFetching,\n    scrollContainer\n  });\n\n  useEffect(() => {\n    if (!response)\n      return;\n\n    if (response.shouldInitialFetch && fetchNext) {\n      fetchNextFn();\n      setPagesFetched(currentVal => currentVal + 1);\n    }\n  }, [ response?.shouldInitialFetch, fetchNext ]);\n\n  useEffect(() => {\n    if (!response?.statusCode || !FunctionHelper.isFunction(onError))\n      return;\n\n    const httpStatusClass: HttpStatusClass = +(response.statusCode?.toString()?.substr(0, 1));\n\n    if (httpStatusClass !== HttpStatusClass.ClientError && httpStatusClass !== HttpStatusClass.ServerError)\n      return;\n\n    onError(pagesFetched, response.statusCode);\n  }, [response?.statusCode]);\n\n  return {\n    items: response?.items,\n    hasMore: !!response?.nextCursor,\n    nextCursor: response?.nextCursor,\n    isFetching: response?.isFetching,\n    totalItems: response?.totalItems,\n    hasFirstPageCompleted: response?.hasFirstPageCompleted\n  };\n}","import React from 'react';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BreadcrumbService } from 'libs/shared/services/BreadcrumbService';\n\nexport function useBreadcrumbs(current: Breadcrumb): Breadcrumb[] {\n  const [ match, useBuilder ] = React.useMemo(() => BreadcrumbService.getBuilder(), []);\n\n  const breadcrumbs = useBuilder(match);\n\n  if (!breadcrumbs || !current)\n    return breadcrumbs;\n\n  return [ ...breadcrumbs, { ...current, active: true }];\n}\n\n","import { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { BaseObject, CurrentUser, Playlist } from 'libs/shared/interfaces';\n\nexport const PlaylistHelper = {\n  isPlaylist(obj: BaseObject): obj is Playlist {\n    return obj?.typeId === MasterType.Playlist;\n  },\n\n  isOwner(playlist: Playlist, currentUser: CurrentUser): boolean {\n    if (!currentUser || !playlist || ObjectHelper.isEmpty(playlist._liteOwner))\n      return false;\n\n    return playlist._liteOwner.id.toString() === currentUser.id?.toString();\n  },\n\n  getVideoCount(playlist: Playlist): number {\n    if (!playlist)\n      return;\n\n    let count = 0;\n\n    if (playlist.videos?.count)\n      count += playlist.videos.count;\n\n    if (playlist.clips?.count)\n      count += playlist.clips.count;\n\n    if (playlist.interactives?.count)\n      count += playlist.interactives.count;\n\n    return count;\n  }\n};","import React from 'react';\n\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurrentUser, Playlist } from 'libs/shared/interfaces';\n\nconst namespace = 'playlists.playlistHeaderDetails';\n\nconst Separator = ({ className }: { className: string }) =>\n  <span className={className}>&bull;</span>;\n\nfunction getPlaylistOwnerName(playlist: Playlist): string {\n  const { _liteOwner } = playlist;\n\n  if (!_liteOwner)\n    return;\n\n  if (_liteOwner.name && _liteOwner.surname)\n    return TextHelper.toTitleCase(_liteOwner.name + ' ' + _liteOwner.surname.substring(0, 1));\n\n  if (_liteOwner.name)\n    return _liteOwner.name.split(' ')[0];\n}\n\nfunction getLastUpdated(playlist: Playlist): string {\n  if (!playlist.contentModifiedDate)\n    return '';\n\n  const now = new Date();\n  const lastUpdated = DateHelper.convertUTCToLocal(playlist.contentModifiedDate);\n\n  // Don't show if last updated over a month ago\n  if (DateHelper.isBefore(lastUpdated, DateHelper.subtract(now, 1, 'month')))\n    return '';\n\n  return DateHelper.fromNow(lastUpdated);\n}\n\ninterface PlaylistHeaderDetailsProps {\n  playlist: Playlist;\n  currentUser: CurrentUser;\n  totalVideos: number;\n  \n  hideOwnerName?: boolean;\n\n  // Custom classes for everything as online and lite use different styles\n  detailsClassName: string;\n  clickViewAvatarClassName: string;\n  separatorClassName: string;\n}\n\nexport function PlaylistHeaderDetails(props: PlaylistHeaderDetailsProps): React.ReactElement {\n  const currentUserIsOwner = PlaylistHelper.isOwner(props.playlist, props.currentUser);\n\n  const followerCount = props.playlist.followers?.count;\n\n  const lastUpdated = getLastUpdated(props.playlist);\n\n  return (\n    <div className={props.detailsClassName}>\n      {/* Owner name */}\n      {(!props.hideOwnerName && !currentUserIsOwner) && (\n        <>\n          {props.playlist._isClickViewCurated?.value ? (\n            <>\n              <div className={props.clickViewAvatarClassName}>\n                <ClickViewAvatar />\n              </div>\n              <span>ClickView</span>\n            </>\n          ) : (\n            <Text namespace={namespace} phrase='createdBy' options={{ user: getPlaylistOwnerName(props.playlist) }} />\n          )}\n\n          <Separator className={props.separatorClassName} />\n        </>\n      )}\n\n      {/* Video count */}\n      {typeof props.totalVideos === 'number' && (\n        <Text namespace={namespace} phrase='videos' options={{ smartCount: props.totalVideos }} />\n      )}\n\n      {/* Follower count */}\n      {followerCount > 0 && (\n        <>\n          <Separator className={props.separatorClassName} />\n          <Text namespace={namespace} phrase='followers' options={{ smartCount: followerCount }} />\n        </>\n      )}\n\n      {/* Last updated */}\n      {!!lastUpdated && (\n        <>\n          <Separator className={props.separatorClassName} />\n          <Text namespace={namespace} phrase='lastUpdated' options={{ timeAgo: lastUpdated }} />\n        </>\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialDescription\":\"vDX0m\"};","import React from 'react';\n\nimport { PartialBannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\n\nimport styles from './partial-playlist-header.scss';\n\nexport function PartialPlaylistHeader(): JSX.Element {\n  return (\n    <>\n      <PartialBannerHeader />\n      <div className='mb-2'>\n        <div className={`partial-loading-background my-2 border-bottom ${styles.partialDescription}`} />\n      </div>\n    </>\n  );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, EntityType, EventVersion, LocationContext, ToggleDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { getOpenInCurationStudioLabel } from 'libs/shared/hooks/useCurationStudio';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { PlaylistHeaderProps } from './PlaylistHeader';\n\nconst namespace = 'playlists.playlistHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface GetPlaylistActionsArgs {\n  isAuthenticated: boolean;\n  isPlugin: boolean;\n  isMobile: boolean;\n  setIsFollowing: (val: boolean) => void;\n  isFollowing: boolean;\n  setShowFollowSpinner: (val: boolean) => void;\n  showFollowSpinner: boolean;\n  isUserCurator: boolean;\n  openInCuratorLink: string;\n}\n\nexport const PlaylistHeaderUtils = {\n  getPlaylistActions(headerProps: PlaylistHeaderProps, args: GetPlaylistActionsArgs): ActionOptions[] {\n    const {\n      isAuthenticated,\n      isPlugin,\n      isMobile,\n      setIsFollowing,\n      isFollowing,\n      setShowFollowSpinner,\n      showFollowSpinner,\n      isUserCurator,\n      openInCuratorLink\n    } = args;\n\n    const analyticsData = {\n      id: headerProps.playlist.id,\n      name: headerProps.playlist.name,\n      followerCount: headerProps.playlist.followers?.count,\n      videoCount: headerProps.playlist.videos?.count,\n      interactiveCount: headerProps.playlist.interactives?.count,\n      clipCount: headerProps.playlist.clips?.count,\n      isClickViewPlaylist: headerProps.playlist._isClickViewCurated?.value\n    };\n\n    const analyticsOptions: AnalyticsOptions = {\n      location: LocationContext.Banner,\n      entity: EntityType.Playlist,\n      workflowPhase: WorkflowPhase.Start\n    };\n\n    const actions: ActionOptions[] = [];\n\n    if (!isAuthenticated)\n      return actions;\n\n    const isOwner = PlaylistHelper.isOwner(headerProps.playlist, headerProps.currentUser);\n\n    if (!isPlugin) {\n      if (headerProps.playAllAppLink) {\n        actions.push({\n          label: getPhrase('playAll'),\n          appLink: headerProps.playAllAppLink,\n          svgName: cvSvgLibrary.Play,\n          className: !isMobile ? 'btn btn-outline-dark me-2' : '',\n          button: !isMobile,\n          analyticsData,\n          analyticsOptions: {\n            ...analyticsOptions,\n            actionType: UserAction.Play\n          }\n        });\n      }\n\n      if (isUserCurator)\n        actions.push({\n          label: getOpenInCurationStudioLabel(),\n          href: openInCuratorLink,\n          openInNewTab: true\n        });\n\n      actions.push({\n        label: getPhrase('share'),\n        appLink: {\n          application: AppChannels.DEFAULT,\n          action: Actions.Default.SHARE,\n          args: [headerProps.playlist.id],\n          params: { entityType: 'playlist' }\n        },\n        svgName: cvSvgLibrary.Share,\n        className: !isMobile ? 'btn btn-outline-dark me-2' : '',\n        button: !isMobile,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Share,\n          eventVersion: EventVersion.V3\n        }\n      });\n    }\n\n    if (!isOwner) {\n      actions.push({\n        label: getPhrase(isFollowing ? 'following' : 'follow'),\n        onClick: () => {\n          setIsFollowing(!isFollowing);\n          setShowFollowSpinner(true);\n          headerProps.follow(\n            !isFollowing,\n            () => {\n              setShowFollowSpinner(false);\n              AnalyticsHelper.logUserAction(analyticsData, {\n                ...analyticsOptions,\n                actionType: UserAction.Follow,\n                descriptor: isFollowing ? ToggleDescriptor.Off : ToggleDescriptor.On,\n                workflowPhase: WorkflowPhase.Complete\n              });\n            },\n            () => {\n              setShowFollowSpinner(false);\n              setIsFollowing(isFollowing);\n            }\n          );\n        },\n        svgName: isFollowing ? cvSvgLibrary.BellFilled : cvSvgLibrary.Bell,\n        className: !isMobile\n          ? `btn follow-btn btn-${isFollowing ? 'outline-dark' : 'dark'} me-2`\n          : '',\n        button: !isMobile,\n        showSpinner: showFollowSpinner\n      });\n    }\n\n    if (isOwner) {\n      actions.push({\n        label: getPhrase('edit'),\n        appLink: {\n          application: AppChannels.PLAYLISTS,\n          action: Actions.Playlists.EDIT_PLAYLIST,\n          args: [headerProps.playlist.id]\n        },\n        svgName: cvSvgLibrary.Edit,\n        button: false,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Edit\n        }\n      });\n\n      actions.push({\n        label: getPhrase('delete'),\n        appLink: {\n          application: AppChannels.PLAYLISTS,\n          action: Actions.Playlists.DELETE_PLAYLIST,\n          args: [headerProps.playlist.id]\n        },\n        svgName: cvSvgLibrary.Delete,\n        className: 'text-danger',\n        button: false,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Delete\n        }\n      });\n    }\n\n    if (headerProps.playlist._isClickViewCurated?.value) {\n      actions.push({\n        label: getPhrase('copy'),\n        appLink: {\n          application: AppChannels.PLAYLISTS,\n          action: Actions.Playlists.COPY_PLAYLIST,\n          args: [headerProps.playlist.id]\n        },\n        button: false,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Copy\n        }\n      });\n    }\n\n    return actions;\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"clickViewAvatar\":\"PHe9c\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { PlaylistHeaderDetails } from 'libs/shared/apps/playlists/components/playlist-header-details/PlaylistHeaderDetails';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { BannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\nimport { Breadcrumb, Breadcrumbs, PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { Classification, CurrentUser, Playlist } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\n\nimport { PartialPlaylistHeader } from './partial-loading/PartialPlaylistHeader';\nimport { PlaylistHeaderUtils } from './PlaylistHeaderUtils';\n\nimport styles from './playlist-header.scss';\n\nexport interface PlaylistHeaderProps {\n  playlist: Playlist;\n  currentUser: CurrentUser;\n  isFollowing: boolean;\n  follow: (shouldFollow: boolean, onSuccess: () => void, onError: () => void) => void;\n  imageCdnUrl: string;\n  showPartialLoading: boolean;\n  playAllAppLink: Core.AppLink;\n  isUserCurator: boolean;\n  openInCuratorLink: string;\n\n  // For breadcrumbs\n  getBreadcrumbs: () => Breadcrumb[];\n  topicPath: Classification[];\n  moviesAndTv: boolean;\n  classificationId: string;\n  totalVideos: number;\n}\n\nexport function PlaylistHeader(props: PlaylistHeaderProps): JSX.Element {\n  const { isPlugin } = usePluginHelper();\n\n  // Store isFollowing in local state so that it updates immediately.\n  const [ isFollowing, setIsFollowing ] = React.useState(props.isFollowing);\n  const [ showFollowSpinner, setShowFollowSpinner ] = React.useState(false);\n\n  React.useEffect(() => setIsFollowing(props.isFollowing), [props.isFollowing]);\n\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (props.showPartialLoading)\n    return <PartialPlaylistHeader />;\n\n  const description = props.playlist.description;\n\n  const actions: ActionOptions[] = PlaylistHeaderUtils.getPlaylistActions(props, {\n    isAuthenticated: props.currentUser.isAuthenticated,\n    isPlugin,\n    isMobile,\n    setIsFollowing,\n    isFollowing,\n    setShowFollowSpinner,\n    showFollowSpinner,\n    isUserCurator: props.isUserCurator,\n    openInCuratorLink: props.openInCuratorLink\n  });\n\n  const breadcrumbs = props.getBreadcrumbs();\n\n  return (\n    <>\n      <BannerHeader\n        heading={props.playlist.name}\n        banner={props.playlist.banner}\n        imageCdnUrl={props.imageCdnUrl}\n        actions={actions.length && actions}\n        actionsDropdownClassName='btn btn-outline-dark'\n        blockColourClass={getBgColorClass(props.playlist.name, BG_COLOUR_CLASS_NAMES)}\n        detailsComponent={() => (\n          <PlaylistHeaderDetails\n            playlist={props.playlist}\n            currentUser={props.currentUser}\n            detailsClassName='mb-n1 font-size-normal fw-normal mt-1'\n            clickViewAvatarClassName={styles.clickViewAvatar}\n            separatorClassName='mx-1'\n            totalVideos={props.totalVideos}\n          />\n        )}\n      />\n      {(!!description || !!breadcrumbs?.length) && (\n        <div className='border-bottom py-3'>\n          {(() => {\n            if (!props.playlist || (props.classificationId && !props.topicPath))\n              return <PartialBreadcrumbs />;\n\n            return (\n              <div className='pb-2'>\n                <Breadcrumbs breadcrumbs={breadcrumbs} />\n              </div>\n            );\n          })()}\n          {!!description && <p className='mb-0'>{description}</p>}\n        </div>\n      )}\n    </>\n  );\n}\n","import * as React from 'react';\nimport { DragEndEvent, DragStartEvent } from '@dnd-kit/core';\n\nimport { DevError } from 'libs/common/backbone/errors/DevError';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\n\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { SortableVideoList, VideoList, VideoListProps } from 'libs/shared/components/video-list/VideoList';\nimport { YearGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\ninterface SortableVideoListContainerProps extends VideoListProps {\n  playlistId: string;\n  yearGroups: YearGroup[];\n  onSortComplete: (oldIdx: number, newIdx: number) => void;\n  onSortStart?: (index: number) => void;\n  canEdit?: boolean;\n  showPartialLoading?: boolean;\n  fetchRestrictions?: () => void;\n  showSignIn?: boolean;\n}\n\nexport function SortableVideoListContainer(props: SortableVideoListContainerProps): React.ReactElement {\n  const { onSortComplete, onSortStart, showPartialLoading, ...videoListProps } = props;\n\n  const [ currentSortingIndex, setCurrentSortingIndex ] = React.useState<number>();\n\n  const onSortStartHandler = (event: DragStartEvent) => {\n    const index = props.videos.findIndex(v => v.id.toString() === event.active.id.toString());\n\n    setCurrentSortingIndex(index);\n\n    if (FunctionHelper.isFunction(onSortStart))\n      onSortStart(index);\n  };\n\n  const onSortEnd = (event: DragEndEvent) => {\n    setCurrentSortingIndex(null);\n\n    const { active, over } = event;\n    \n    const oldIndex = props.videos.findIndex(v => v.id.toString() === active.id.toString());\n    const newIndex = props.videos.findIndex(v => v.id.toString() === over.id.toString());\n\n    if (!FunctionHelper.isFunction(onSortComplete)) {\n      Core.ErrorHelper.throw(new DevError('An onSortComplete callback function must be passed to SortableVideoListComponent'));\n      return;\n    }\n    \n    onSortComplete(oldIndex, newIndex);\n  };\n\n  if (showPartialLoading)\n    return <PartialVideoList withReordering={props.canEdit || props.showIndexes} />;\n\n  if (!props.canEdit)\n    return <VideoList {...videoListProps} />;\n\n  return (\n    <SortableVideoList\n      {...videoListProps}\n      currentSortingIndex={currentSortingIndex}\n      onSortStart={onSortStartHandler}\n      onSortEnd={onSortEnd}\n      dragHandleIcon={cvSvgLibrary.Hamburger}\n      dragHandleIconSize={SvgContainerSize.XXL}\n      presentationAudiences={props.presentationAudiences}\n    />\n  );\n}","import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'playlists.playlistEmptyState';\n\nexport function PlaylistEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Playlists.PLAYLIST_VIDEOS} />\n\n        <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n\n        <EmptyState.Info><Text phrase='info' /></EmptyState.Info>\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AssocDescriptor, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { VideoActionsOptions } from 'libs/shared/context/VideoActionsContext';\nimport { CurrentUser, Playlist, Video, VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { PlaylistNotFoundError } from 'shared/errors/playlists/playlist-not-found/LitePlaylistNotFoundError';\nimport { PlaylistPrivateError } from 'shared/errors/playlists/playlist-private/PlaylistPrivateError';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\n\nconst getPhrase = LanguageService.encloseNamespace('playlists.playlist');\n\n/**\n * NOTE:\n * This will be wrong if we increase the playlist limit from 100, or\n * stop fetching all 100 videos at once.\n */\nexport function getLastUpdatedDate(videos: Video[]): string {\n  const videoLastUpdatedDates: string[] = videos && videos.length && videos.map(v => v.dateAssociated);\n\n  return (videoLastUpdatedDates && videoLastUpdatedDates.length)\n    ? ArrayHelper.max<string, number>(videoLastUpdatedDates, (date: string) => new Date(date).getTime())\n    : null;\n}\n\nexport function usePlaylistViewVideoActions(\n  playlist: Playlist,\n  currentUser: CurrentUser,\n  shareId: string\n) {\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem, shareId });\n\n  if (!PlaylistHelper.isOwner(playlist, currentUser))\n    return videoActions;\n\n  const getVideoActions = (video: VideoTypes, options?: VideoActionsOptions) => {\n    const { canConsume } = VideoHelper.getCanBeConsumed(video);\n\n    const removeFromPlaylistAction = {\n      label: getPhrase('removeFromPlaylist'),\n      button: false,\n      svgName: cvSvgLibrary.Delete,\n      appLink: {\n        application: AppChannels.PLAYLISTS,\n        action: Actions.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,\n        args: [ video.id, playlist.id ],\n        params: { typeId: video.typeId }\n      },\n      className: 'text-danger',\n      analyticsOptions: {\n        entity: EntityType.Video,\n        actionType: UserAction.Dissociate,\n        location: LocationContext.VideoListItem,\n        workflowPhase: WorkflowPhase.Start,\n        descriptor: AssocDescriptor.Playlist\n      },\n      analyticsData: {\n        id: video.id,\n        playlistId: playlist.id\n      },\n      group: 'delete'\n    };\n\n    if (!canConsume)\n      return [removeFromPlaylistAction];\n\n    return [ ...videoActions.getVideoActions(video, options), removeFromPlaylistAction ];\n  };\n\n  return {\n    ...videoActions,\n    getVideoActions\n  };\n}\n\nexport function logSortAction(playlistId: string, videoId: string, workflowPhase: WorkflowPhase): void {\n  AnalyticsHelper.logUserAction({ id: videoId, playlistId }, {\n    location: LocationContext.VideoList,\n    entity: EntityType.Video,\n    actionType: UserAction.Move,\n    workflowPhase\n  });\n}\n\nexport const playlistErrors = {\n  notFound: PlaylistNotFoundError,\n  forbidden: {\n    privacy: PlaylistPrivateError\n  }\n};","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { useCurationStudio } from 'libs/shared/hooks/useCurationStudio';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useReorderedItems } from 'libs/shared/hooks/UseReorderedItems';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classification, Config, Following, OnlineCurrentUser, Playlist, Presentation, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\nimport { ReorderHelper } from 'libs/shared/utils/ReorderHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useCommonVideoProps } from 'shared/hooks/useCommonVideoProps';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { PlaylistHeader } from 'apps/playlists/components/playlist-header/PlaylistHeader';\nimport { SortableVideoListContainer } from 'apps/playlists/components/video-list/SortableVideoListContainer';\n\nimport { PlaylistEmptyState } from './empty-state/PlaylistEmptyState';\nimport { logSortAction, playlistErrors, usePlaylistViewVideoActions } from './PlaylistViewUtils';\n\nconst namespace = 'playlists.playlist';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PlaylistViewProps {\n  playlistId: string;\n  shareId?: string;\n  classificationId?: string;\n  moviesAndTv?: boolean;\n  hideBreadCrumbs?: boolean;\n}\n\nexport function PlaylistView(props: PlaylistViewProps): React.ReactElement {\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<OnlineCurrentUser>(UserRequests.currentUser());\n  const { isUserCurator, getOpenInCurationStudioLink } = useCurationStudio();\n  const { hasPermissions } = usePermissions();\n\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const topicPath = Flight.useBasicFetch<Classification[]>(\n    props.classificationId &&\n    ClassificationRequests.path(props.classificationId)\n  );\n\n  const classification = Flight.useBasicFetch<Classification>(\n    props.classificationId &&\n    ClassificationRequests.classification(props.classificationId, currentUser.data?.id)\n  );\n\n  const classificationPresentation = Flight.useBasicFetch<Presentation>(\n    classification.hasCompleted &&\n    ClassificationRequests.presentationById(classification.data?.presentationId)\n  );\n\n  const shouldFetchAudiences = !currentUser.data?.isAuthenticated\n    ? !!classificationPresentation.data?.id\n    : !props.classificationId || classificationPresentation.hasCompleted;\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    shouldFetchAudiences &&\n    AudienceRequests.presentationAudiences(classificationPresentation.data?.id)\n  );\n\n  const { commonVideoProps } = useCommonVideoProps({\n    locationContext: LocationContext.VideoThumbnail,\n    mtv: props.moviesAndTv,\n    sharedPlaylist: !!props.shareId\n  });\n\n  const playlistRequest = props.shareId\n    ? PlaylistRequests.getSharedPlaylist(props.playlistId, props.shareId)\n    : PlaylistRequests.getPlaylist(props.playlistId);\n\n  const playlistItemCountRequest = props.shareId\n    ? PlaylistRequests.getSharedPlaylistVideosCount(props.playlistId, props.shareId)\n    : PlaylistRequests.getPlaylistVideosCount(props.playlistId);\n\n  const playlist = Flight.useBasicFetch<Playlist>(playlistRequest);\n  const playlistWithCounts = Flight.useBasicFetch<Playlist>(playlistItemCountRequest);\n\n  const getVideoItemActions = usePlaylistViewVideoActions(playlist.data, currentUser.data, props.shareId);\n\n  useHandleObjectError(playlist, playlistErrors);\n\n  const getVideosRequest = (cursor?: string) => {\n    return props.shareId\n      ? PlaylistRequests.getSharedPlaylistVideos(props.playlistId, props.shareId, cursor)\n      : PlaylistRequests.getPlaylistVideos(props.playlistId, cursor);\n  };\n\n  const following = Flight.useBasicFetch<Following>(\n    currentUser.data?.id &&\n    PlaylistRequests.getIsFollowingPlaylist(props.playlistId, currentUser.data?.id)\n  );\n\n  const fetchNext = (cursor?: string) => {\n    Flight.getFetch(dispatch)(getVideosRequest(cursor));\n  };\n\n  const { items: videos, hasMore, isFetching } = useInfiniteList<VideoTypes>(getVideosRequest, fetchNext);\n\n  useVideoMixin(videos);\n\n  // Locally stored array of videos used to immediately reflect changes in order.\n  const [ reorderedVideos, setReorderedVideos ] = useReorderedItems(videos);\n\n  useDeepLinks({ id: props.playlistId, app: 'playlists', shareId: props.shareId });\n  useSetPageMetadata(PageMetadataHelper.getPlaylistMetadata({\n    content: playlist.data,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink({ stripPresentationSlug: true }),\n    allowIndexing: false\n  }));\n\n  const onSortStart = (index: number) => {\n    const video = videos[index];\n\n    if (video)\n      logSortAction(props.playlistId, video.id, WorkflowPhase.Start);\n  };\n\n  const onSortComplete = (oldIdx: number, newIdx: number) => {\n    if (oldIdx === newIdx)\n      return;\n\n    const video = videos[oldIdx];\n\n    if (!video)\n      return;\n\n    const { reorderedItems, reorderRequest } = ReorderHelper.reorder(videos, oldIdx, newIdx);\n    setReorderedVideos(reorderedItems);\n\n    logSortAction(props.playlistId, video.id, WorkflowPhase.Complete);\n\n    const onError = () => {\n      setReorderedVideos(null);\n    };\n\n    Flight.fetch(dispatch, PlaylistRequests.reorderVideos(props.playlistId, reorderRequest, null, onError));\n  };\n\n  const follow = (shouldFollow: boolean, onSuccess: () => void, onError: () => void) => {\n    const req = shouldFollow\n      ? PlaylistRequests.followPlaylist\n      : PlaylistRequests.unfollowPlaylist;\n\n    const error = () => {\n      onError();\n      alerts.error(getPhrase(shouldFollow ? 'followError' : 'unfollowError'));\n    };\n\n    Flight.fetch(dispatch, req(props.playlistId, currentUser.data?.id, onSuccess, error));\n  };\n\n  const playlistIsEmpty = !!videos && videos.length === 0;\n\n  const getVideoAppLink = (\n    video: VideoTypes,\n    playNext: boolean,\n    options: GetVideoAppLinkOptions = {}\n  ) => {\n    return VideoAppLinkHelper.getAppLink(video, {\n      ...options,\n      contextId: props.playlistId,\n      context: RelatedVideosContext.Playlist,\n      shareId: props.shareId,\n      moviesAndTv: props.moviesAndTv,\n      playNext,\n      includeContext: currentUser.data?.isAuthenticated || !!props.shareId\n    });\n  };\n\n  const isFollowingComplete = !currentUser.data?.isAuthenticated || !!following.hasCompleted;\n\n  // The play all applink should start from the first consumable video\n  const firstPlayAllVideo = videos?.find(v => VideoHelper.getCanBeConsumed(v)?.canConsume);\n  const canEdit = PlaylistHelper.isOwner(playlist.data, currentUser.data);\n\n  const videoDataLoaded = (\n    videos && currentUser.data && config.data\n  );\n\n  const getSignInAppLink = (appLink: Core.AppLink): Core.AppLink => {\n    const redirectUrl = Core.AppLinkHelper.getHref(appLink);\n    const params = redirectUrl !== '/' ? { redirectUrl } : {};\n    \n    return {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.CHALLENGE,\n      params\n    };\n  };\n\n  const breadcrumbs = useBreadcrumbs({ name: playlist.data?.name });\n\n  return (\n    <VideoActionsContext.Provider value={currentUser.data?.isAuthenticated && getVideoItemActions}>\n      <div className='bg-white px-3'>\n        <PlaylistHeader\n          playlist={playlist.data}\n          currentUser={currentUser.data}\n          isFollowing={following.data?.isFollowing}\n          follow={follow}\n          playAllAppLink={firstPlayAllVideo && getVideoAppLink(firstPlayAllVideo, true)}\n          showPartialLoading={!playlist.data || !videoDataLoaded || !isFollowingComplete}\n          imageCdnUrl={!!config.data && config.data.imageCdnUrl}\n          getBreadcrumbs={() => props.hideBreadCrumbs ? null : breadcrumbs}\n          topicPath={topicPath.data}\n          moviesAndTv={props.moviesAndTv}\n          classificationId={props.classificationId}\n          isUserCurator={isUserCurator}\n          openInCuratorLink={getOpenInCurationStudioLink(playlist.data?.typeId, playlist.data?.id)}\n          totalVideos={PlaylistHelper.getVideoCount(playlistWithCounts.data)}\n        />\n        <div className='mt-2'>\n          {!playlistIsEmpty\n            ? (\n              <SortableVideoListContainer\n                videos={reorderedVideos || videos}\n                yearGroups={yearGroups.data}\n                playlistId={!!playlist.data && playlist.data.id}\n                onSortStart={onSortStart}\n                onSortComplete={onSortComplete}\n                canEdit={canEdit}\n                showPartialLoading={!videoDataLoaded}\n                getVideoAppLink={(v, opts) => getVideoAppLink(v, false, opts)}\n                showSignIn={!currentUser.data?.isAuthenticated}\n                getSignInAppLink={getSignInAppLink}\n                canRemovePrivateVideos={canEdit}\n                presentationAudiences={props.moviesAndTv ? null : audiences.data}\n                showIndexes={true}\n                hasPermissions={hasPermissions}\n                getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n                commonVideoProps={commonVideoProps}\n              />\n            ) : <PlaylistEmptyState />\n          }\n        </div>\n        {(hasMore || isFetching) && <InfiniteScrollFooter isFetching={isFetching} fetchNext={fetchNext} />}\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}\n","import { useEffect, useState } from 'react';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nfunction isOrderEqual(arr1: BaseObject[], arr2: BaseObject[]): boolean {\n  let isEqual = true;\n\n  if (arr1.length !== arr2.length)\n    return false;\n\n  for (let i = 0; i < arr1.length; i++) {\n    if (arr1[i].id !== arr2[i].id) {\n      isEqual = false;\n      break;\n    }\n  }\n\n  return isEqual;\n}\n\n/**\n * This function can be used to temporarily store an array of reordered objects\n * until the array obtained from the application store updates to the new order.\n * \n * @param items array of objects from application store.\n */\nexport function useReorderedItems<T extends BaseObject>(\n  items: T[]\n): [ T[], React.Dispatch<React.SetStateAction<T[]>> ] {\n  const [ reorderedItems, setReorderedItems ] = useState<T[]>();\n\n  useEffect(() => {\n    if (!reorderedItems)\n      return;\n\n    if (items.length !== reorderedItems.length || isOrderEqual(items, reorderedItems))\n      setReorderedItems(null);\n  }, [items]);\n\n  return [ reorderedItems, setReorderedItems ];\n}","import { Core } from 'libs/common/backbone/index';\nimport { Flight } from 'libs/common/react/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\n\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { usePluginHelper } from './use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from './useLiteFavourites';\n\ninterface UseCommonVideoPropsResult {\n  hasCommonVideoPropsCompleted: boolean;\n  commonVideoProps: CommonVideoProps;\n}\n\ninterface UseCommonVideoPropsOptions {\n  locationContext: LocationContext,\n  mtv?: boolean;\n  flightNamespace?: string;\n  sharedPlaylist?: boolean;\n}\n\nexport function useCommonVideoProps(options: UseCommonVideoPropsOptions): UseCommonVideoPropsResult {\n  const { locationContext, mtv, flightNamespace, sharedPlaylist } = options || {};\n\n  const { isPlugin, params } = usePluginHelper();\n  const { setFavourite, canFavourite } = useLiteFavourites(locationContext, flightNamespace);\n  const { hasTopicDirectories, isLoadingSettings } = useSettings(null);\n  const { hasPermissions, isLoaded: hasLoadedPermissions } = usePermissions();\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  function getSubTextAppLink(video: VideoTypes): Core.AppLink {\n    if (!('series' in video))\n      return null;\n\n    /**\n     * We do not allow navigating to series on shared playlists when the user is not signed in\n     * because most series are customer created and will be empty for public users\n     * \n     * We do not have to do this for shared series, because all the series links are self referencing\n     *  - Sha\n     */\n    if (sharedPlaylist && !currentUser.data?.isAuthenticated)\n      return null;\n  \n    return SeriesAppLinkHelper.getSeriesAppLink(video.series, { mtv });\n  }\n\n  const hasCommonVideoPropsCompleted = (\n    !isLoadingSettings &&\n    hasLoadedPermissions &&\n    config.hasCompleted &&\n    currentUser.hasCompleted &&\n    (!currentUser.data?.isAuthenticated || yearGroups.hasCompleted)\n  );\n\n  return {\n    hasCommonVideoPropsCompleted,\n    commonVideoProps: {\n      subTextType: 'series',\n      getSubTextAppLink,\n      isPlugin,\n      isPluginPopup: !!params?.popup,\n      canFavourite,\n      setFavourite,\n      imageCdnUrl: config.data?.imageCdnUrl,\n      yearGroups: yearGroups.data,\n      getClassroomGuideAppLink: VideoAppLinkHelper.getClassroomGuideAppLink,\n      getInteractiveGuidanceAppLink: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n      getResourceGuidanceAppLink: VideoAppLinkHelper.getResourceGuidanceAppLink,\n      showNewVideoIndicator: hasTopicDirectories,\n      companyLogoFallbackUrl: null,\n      hasStudentExperience\n    }\n  };\n}","import { Flight } from 'libs/common/react/index';\n\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useGrowingBatchFetch, useGrowingBatchFetchFunc } from 'libs/shared/hooks/UseBatchFetch';\nimport { Clip, ClipCollection, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}) {\n  const videoIds = getValidObjects(objects).map(v => v.id);\n\n  useGrowingBatchFetch(\n    videoIds,\n    ids => VideoRequests.videoMixinAssocs(ids, options.flightNamespace),\n    null\n  );\n}\n\nexport function useVideoMixinFunc(options: VideoMixinOptions = {}) {\n  function getRequest(ids: string[]): Flight.Request {\n    return VideoRequests.videoMixinAssocs(ids, options.flightNamespace);\n  }\n  \n  function fetchObjects(items: Types) {\n    return fetchItems(getValidObjects(items).map(v => v.id));\n  }\n\n  const { fetchItems } = useGrowingBatchFetchFunc({ getRequest });\n\n  return { fetchObjects };\n}"],"names":["namespace","ComingSoonTag","props","Tooltip","title","LanguageService","spanHackClassName","spanHack","className","SvgContainer","svgName","onlyIcon","GenericCalendarDate","AppLink","appLink","getAppLink","theme","border","analyticsData","analyticsOptions","background","label","body","type","getBodyClass","text","month","BackButton","textShadow","backToName","color","extraClasses","backPhrase","colorClass","textShadowClass","size","S","defaultProps","RATIO","width","height","getSizeClass","heading","length","BannerHeader","banner","imageCdnUrl","actions","sortComponent","blockColourClass","specialEvent","portalContainerContext","BannerPortalContext","imageWidth","useBreakpoints","xxl","specialEventIsToday","showComingSoon","today","DateHelper","Date","endDate","startDate","imageOptions","ratio","resizeType","url","ImageHelper","fallbackBaseUrl","fallbackCategoryName","containerProps","bannerClassName","style","backgroundImage","DetailsComponent","detailsComponent","logoFallbackBgClassName","getBgColorClass","PortalHelper","backButtonAppLink","backButtonText","backButtonClasses","alignLogoLeft","logo","getSpecialEventMonthText","calendarTheme","Text","phrase","LazyImage","src","backgroundColor","logoBgColour","Actions","actionsDropdownClassName","container","prevProps","nextProps","PartialBannerHeader","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","internalServerError","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","CHUNK_SIZE","useBatchFetch","itemIds","getRequest","requests","map","chunk","responses","itemsArr","data","items","reduce","acc","item","id","isFetching","useGrowingBatchFetch","objs","_getKey","useGrowingBatchFetchFunc","fetchItems","options","getKey","obj","fetchedItems","Set","setRequests","hasFirstRequestCompleted","hasCompleted","unfetchedItems","forEach","key","current","has","push","add","r","generateCacheKey","flightObjs","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","Array","isArray","useEffect","SCROLL_TOLERANCE","useInfiniteList","fetchNext","onError","getItems","getCursor","scrollContainer","handleScroll","useState","pagesFetched","setPagesFetched","fetchNextFn","response","cursor","request","fetchNextPage","currentVal","nextCursor","hasMore","getBoundingClientRect","scrollTop","scrollHeight","window","innerHeight","document","documentElement","onScroll","FunctionHelper","addEventListener","removeEventListener","shouldInitialFetch","httpStatusClass","toString","substr","HttpStatus","totalItems","hasFirstPageCompleted","useBreadcrumbs","match","breadcrumbs","useBuilder","active","PlaylistHelper","isPlaylist","typeId","MasterType","isOwner","playlist","currentUser","ObjectHelper","_liteOwner","getVideoCount","count","videos","clips","interactives","Separator","getPlaylistOwnerName","name","surname","TextHelper","substring","split","PlaylistHeaderDetails","currentUserIsOwner","followerCount","followers","lastUpdated","contentModifiedDate","now","getLastUpdated","detailsClassName","hideOwnerName","_isClickViewCurated","value","clickViewAvatarClassName","ClickViewAvatar","user","separatorClassName","totalVideos","smartCount","timeAgo","PartialPlaylistHeader","getPhrase","PlaylistHeaderUtils","getPlaylistActions","headerProps","args","isAuthenticated","isPlugin","isMobile","setIsFollowing","isFollowing","setShowFollowSpinner","showFollowSpinner","isUserCurator","openInCuratorLink","videoCount","interactiveCount","clipCount","isClickViewPlaylist","location","entity","workflowPhase","playAllAppLink","button","actionType","href","openInNewTab","application","action","params","entityType","eventVersion","onClick","follow","AnalyticsHelper","descriptor","showSpinner","PlaylistHeader","usePluginHelper","showPartialLoading","description","getBreadcrumbs","classificationId","topicPath","Breadcrumbs","SortableVideoListContainer","onSortComplete","onSortStart","videoListProps","currentSortingIndex","setCurrentSortingIndex","PartialVideoList","withReordering","canEdit","showIndexes","event","index","findIndex","v","onSortEnd","over","oldIndex","newIndex","DevError","dragHandleIcon","dragHandleIconSize","presentationAudiences","VideoList","PlaylistEmptyState","EmptyState","ImageUrls","logSortAction","playlistId","videoId","playlistErrors","PlaylistPrivateError","PlaylistView","dispatch","alerts","config","ConfigRequests","UserRequests","useCurationStudio","getOpenInCurationStudioLink","hasPermissions","usePermissions","yearGroups","CustomerRequests","customerId","ClassificationRequests","classification","classificationPresentation","presentationId","shouldFetchAudiences","audiences","AudienceRequests","commonVideoProps","useCommonVideoProps","locationContext","mtv","moviesAndTv","sharedPlaylist","shareId","playlistRequest","PlaylistRequests","playlistItemCountRequest","playlistWithCounts","getVideoItemActions","videoActions","useVideoActions","getVideoActions","video","canConsume","VideoHelper","removeFromPlaylistAction","group","usePlaylistViewVideoActions","getVideosRequest","following","useVideoMixin","reorderedItems","setReorderedItems","arr1","arr2","isEqual","i","isOrderEqual","reorderedVideos","setReorderedVideos","useDeepLinks","app","useSetPageMetadata","PageMetadataHelper","content","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","stripPresentationSlug","allowIndexing","playlistIsEmpty","playNext","VideoAppLinkHelper","contextId","context","RelatedVideosContext","includeContext","isFollowingComplete","firstPlayAllVideo","find","videoDataLoaded","VideoActionsContext","shouldFollow","onSuccess","req","error","hideBreadCrumbs","oldIdx","newIdx","ReorderHelper","reorderRequest","getVideoAppLink","opts","showSignIn","getSignInAppLink","redirectUrl","canRemovePrivateVideos","getPreviewQuestionsAppLink","interactive","InteractiveHelper","InfiniteScrollFooter","flightNamespace","u","setFavourite","canFavourite","hasTopicDirectories","isLoadingSettings","hasLoadedPermissions","isLoaded","hasStudentExperience","hasCommonVideoPropsCompleted","subTextType","getSubTextAppLink","series","isPluginPopup","popup","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","showNewVideoIndicator","companyLogoFallbackUrl","getValidObjects","objects","filter","o","videoIds","ids","useVideoMixinFunc","fetchObjects"],"sourceRoot":""}

package/dist/scripts/5135-c6eae4df36-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5135],{94644:(e,t,r)=>{r.d(t,{r:()=>u});var n=r(50242),i=r(81886),a=r(67058),o=r(14553),c=r(49267),l=r(49075),s={notFound:a.d,forbidden:{rating:o.q,yearLevel:o.q,region:c.a,privacy:o.q},badRequest:l._,internalServerError:l._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var a;a="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},s),t);a&&i.Q.Ry.isStatusCodeError(a)&&(a!==n.o.InternalServer?a!==n.o.NotFound?a!==n.o.Forbidden?r.badRequest||i.Q.Ry.throw(new o.badRequest):r.forbidden||i.Q.Ry.throw(new o.forbidden.privacy):r.notFound||i.Q.Ry.throw(new o.notFound):r.internalServerError||i.Q.Ry.throw(new l._))}}},39902:(e,t,r)=>{r.d(t,{FN:()=>f,SW:()=>p,fh:()=>v});var n=r(32735),i=r(20354),a=r(75896);function o(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||c(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){if(e){if("string"==typeof e)return l(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function u(e,t,r){return(t=function(e){var t=function(e){if("object"!=s(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]])}return r},m=50;function v(e,t){var r=a.m.chunk(e,m).map((function(e){return t(a.m.uniq(e))})),n=i.a.useBasicFetchAll(r),o=a.m.flatten(n.data),c=n.data.length?o.reduce((function(e,t){return Object.assign(Object.assign({},e),u({},t.id,t))}),{}):null;return{itemsArr:o,items:c,isFetching:n.isFetching}}function f(e,t,r){var i=p({getRequest:t,_getKey:r}),a=i.fetchItems,o=d(i,["fetchItems"]);return n.useEffect((function(){(null==e?void 0:e.length)&&a(e)}),[null==e?void 0:e.length]),o}function p(e){var t,r,l,d,v,f=null!==(t=e._getKey)&&void 0!==t?t:function(e){return"object"===s(e)?e.id:e},p=n.useRef(new Set),y=(d=n.useState([]),v=2,function(e){if(Array.isArray(e))return e}(d)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,a,o,c=[],l=!0,s=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(d,v)||c(d,v)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=y[0],b=y[1],g=i.a.useBasicFetchAll(h),E=a.m.flatten(g.data),A=g.data.length?E.reduce((function(e,t){return Object.assign(Object.assign({},e),u({},f(t),t))}),{}):null;return{hasFirstRequestCompleted:!!(null===(l=null===(r=g.responses)||void 0===r?void 0:r[0])||void 0===l?void 0:l.hasCompleted),itemsArr:E,items:A,isFetching:g.isFetching,fetchItems:function(t){if(null==t?void 0:t.length){var r=[];t.forEach((function(e){var t=f(e);p.current.has(t)||(r.push(e),p.current.add(t))})),r.length&&b((function(t){return[].concat(o(t),o(a.m.chunk(r,m).map(e.getRequest)))}))}}}}},91286:(e,t,r)=>{r.d(t,{v:()=>o});var n=r(32735),i=r(94644);function a(e){return e.map((function(e){return e.statusCode})).join(":")}function o(e,t,r){var o=Array.isArray(e)?e:[e];(0,n.useEffect)((function(){o.forEach((function(e){(0,i.r)(e.statusCode,t,r)}))}),[a(o),t,r])}},84062:(e,t,r)=>{r.d(t,{M:()=>f});var n=r(32735),i=r(38750),a=r(38647),o=r(16714),c=r(22902),l=r(31908),s=r(26492),u=r(78166),d=r(22490),m=r(18901);function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function f(e){var t,r,f=(t=n.useState(!0),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,a,o,c=[],l=!0,s=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,r)||function(e,t){if(e){if("string"==typeof e)return v(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=f[0],y=f[1],h=l.M.isVideoTypeArchived(e.interactive),b=n.useMemo((function(){return(0,i.oD)()}),[]),g=(0,c.T)().hasPermissions,E=g(o.C.StudentExperience);return n.createElement("div",{className:"px-3"},h&&n.createElement(s.T,{typeId:e.interactive.typeId,hasStudentExperience:!0}),n.createElement("div",{className:"mb-3"},n.createElement(m._,{config:e.config,video:e.interactive,currentUser:e.currentUser,shareLink:e.shareLink,viewKey:e.viewKey,startTime:e.startTime,onShowSummary:function(e){y(!e)},summaryPortalNode:b,token:e.token,publicName:e.publicName,profileId:e.profileId})),n.createElement("div",null,p&&n.createElement("h1",{className:"h3 d-flex"},e.interactive.name,!E&&n.createElement(a.m,{tooltipPlacement:"right",className:"ps-1",video:e.interactive,yearGroups:e.yearGroups}))),n.createElement(i.t0,{node:b}),!g(o.C.StudentExperience)&&n.createElement(u.Z,{currentVideo:e.interactive,currentUser:e.currentUser,relatedVideos:e.relatedVideos,audiences:e.audiences,getVideoAppLink:function(t,r){var n,i;return d.W.getAppLink(t,Object.assign(Object.assign({},r),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:null===(n=e.shareLink)||void 0===n?void 0:n.id,moviesAndTv:e.queryParams.mtv,includeContext:null===(i=e.currentUser)||void 0===i?void 0:i.isAuthenticated}))},moviesAndTv:e.queryParams.mtv,commonVideoProps:e.commonVideoProps}))}},25758:(e,t,r)=>{r.d(t,{x:()=>q});var n=r(32735),i=r(38750),a=r(23481),o=r(28400),c=r(83657),l=r(15611),s=r(49935),u=r(37929),d=r(11190),m=r(83345),v=r(38647),f=r(11518),p=r(80128),y=r(35429),h=r(5960),b=r(4594),g=r(58704),E=r(31908),A=r(47938),S=r(78166),P=r(14070),I=r(97291),w=r(10671),x=r(22490),N=r(83914),C=r(83523),V=r(36532),O=r(35223),j=a.T.encloseNamespace("interactives.previewInteractive");function k(e){return n.createElement("div",{className:"alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center",role:"alert"},e.isArchived?n.createElement("div",{className:"d-flex align-items-center"},n.createElement(N.x,{svgName:O.vn.Archive,size:N.S.Standard,className:"me-2 svg-container"}),n.createElement("div",{className:"w-100"},n.createElement("p",{className:"fw-semibold mb-0"},j("archivedInfoTitle")),n.createElement("p",{className:"mb-1"},j("archivedInfo")))):n.createElement(m.x,{phrase:"alert"}),e.isPreviewPreventScrubbingEnabled&&n.createElement(V.u,{title:j("previewPreventScrubbingExplain"),trigger:"hover",spanHack:!0},n.createElement("div",{className:"d-flex mt-1 mt-lg-0"},n.createElement("div",{className:"me-2"},n.createElement(m.x,{phrase:"previewPreventScrubbing"})),n.createElement(C.Z,{on:e.isPreviewingPreventScrubbing,onClick:e.toggleStudentMode}))))}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var L="interactives.previewInteractive",F=a.T.encloseNamespace(L);function q(e){var t,r,a,N,C,V,O,j,q,M,R,U=(0,y.g)(),_=(M=n.useState(!1),R=2,function(e){if(Array.isArray(e))return e}(M)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,a,o,c=[],l=!0,s=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(M,R)||function(e,t){if(e){if("string"==typeof e)return T(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?T(e,t):void 0}}(M,R)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),G=_[0],W=_[1],D=E.M.getCanBeConsumed(e.interactive).canConsume,B=(0,w._)({location:w.i.PlayPage,shareId:e.shareId});C=G,V=function(){var e,t,r;null===(r=null===(t=null===(e=U.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.togglePreviewPreventScrubbing)||void 0===r||r.call(t)},n.useEffect((function(){V()}),[C]),E.M.isClip(e.sourceVideo)?(O=null===(t=e.interactives)||void 0===t?void 0:t.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),j=e.sourceVideo.name,q={application:I.O.CLIPS,action:P.e.Clips.PLAY_CLIP,args:[e.sourceVideo.id,o.m.slugify(e.sourceVideo.name)]}):(O=null===(r=e.interactives)||void 0===r?void 0:r.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),j=e.sourceVideo.name,q={application:I.O.VIDEOS,action:P.e.Videos.PLAY_VIDEO,args:[e.sourceVideo.id,o.m.slugify(e.sourceVideo.name)]});var Q=e.interactive.status===h.X.Draft;return n.createElement(m.D.Provider,{value:L},n.createElement("div",{className:"px-4"},(null===(a=e.breadcrumbs)||void 0===a?void 0:a.length)&&n.createElement("div",{className:"mb-2"},n.createElement(s.Oo,{breadcrumbs:e.breadcrumbs})),n.createElement(A.W,{restrictions:e.interactive._restrictions,yearGroups:e.commonVideoProps.yearGroups,objectId:e.interactive.id,objectTypeId:b.E.Interactive,canManageVideoAccess:e.canManageVideoAccess}),n.createElement(k,{isPreviewPreventScrubbingEnabled:e.isPreviewPreventScrubbingEnabled,isPreviewingPreventScrubbing:G,toggleStudentMode:function(){W(!G)},isArchived:E.M.isVideoTypeArchived(e.interactive)}),n.createElement("div",{className:"mb-3"},D&&n.createElement(p.r,{key:e.interactive.id,objectId:e.interactive.id,objectTypeId:e.interactive.typeId,shareId:e.shareId,startTime:null!==(N=e.queryParams.t)&&void 0!==N?N:e.queryParams.startTime,mode:"default",location:"play-page",token:e.token})),n.createElement("div",{className:"d-flex justify-content-between align-items-center"},n.createElement("div",{className:"inline-block w-100"},n.createElement("div",{className:"ms-2 float-end"},n.createElement(c.e,{actions:B.getVideoActions(e.interactive),actionsDropdownClassName:"btn btn-outline-dark",fetchMore:function(){return B.fetchMoreActions(e.interactive)}})),n.createElement("h1",{className:"h3 mb-2"},Q&&n.createElement("div",{className:"badge draft-badge me-2 align-bottom flex-shrink-0 h-auto lh-base"},n.createElement(m.x,{phrase:"draft"})),e.interactive.name,n.createElement(v.m,{tooltipPlacement:"right",className:"ps-1",video:e.interactive,yearGroups:e.commonVideoProps.yearGroups})),E.M.canViewOriginalVideo(e.interactive)&&n.createElement("div",{className:"mb-1 me-3 clamp-1"},n.createElement(m.x,{phrase:"viewOriginal"})," ",n.createElement(l.F,{appLink:q,className:"text-info"},j)))),e.interactive.description&&n.createElement(u.D,{lines:5},(function(){return n.createElement("p",{className:"mb-0 d-inline"},e.interactive.description)})),n.createElement("div",{className:"mb-3"},n.createElement(i.t0,{node:U.questionListPortalNode})),!!(null==O?void 0:O.length)&&n.createElement("div",{className:"pb-3"},n.createElement(f.kM,{name:F("otherInteractives",{count:O.length}),contents:g.z.Interactives,collection:O,prefetched:!0,getChildAppLink:function(e){return{application:I.O.INTERACTIVES,action:P.e.Interactives.VIEW_INTERACTIVE,args:[e.id,o.m.slugify(e.name)]}},childComponent:d.K,extraChildComponentProps:{questionsAppLink:{application:I.O.INTERACTIVES,action:P.e.Interactives.PREVIEW_QUESTIONS},commonVideoProps:e.commonVideoProps},analyticsData:{widgetId:"interactives"}})),n.createElement(S.Z,{currentVideo:e.interactive,currentUser:e.currentUser,audiences:e.audiences,relatedVideos:e.relatedVideos,getVideoAppLink:function(t,r){var n;return x.W.getAppLink(t,Object.assign(Object.assign({},r),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv,includeContext:null===(n=e.currentUser)||void 0===n?void 0:n.isAuthenticated}))},moviesAndTv:e.queryParams.mtv,commonVideoProps:e.commonVideoProps})))}},58321:(e,t,r)=>{r.d(t,{U:()=>f});var n=r(20354),i=r(16714),a=r(39151),o=r(1666),c=r(31949),l=r(22902),s=r(37802),u=r(22490),d=r(82431),m=r(46390),v=r(27638);function f(e){var t,r,f,p=e||{},y=p.locationContext,h=p.mtv,b=p.flightNamespace,g=p.sharedPlaylist,E=(0,m.G)(),A=E.isPlugin,S=E.params,P=(0,v.u)(y,b),I=P.setFavourite,w=P.canFavourite,x=(0,s.r)(null),N=x.hasTopicDirectories,C=x.isLoadingSettings,V=(0,l.T)(),O=V.hasPermissions,j=V.isLoaded,k=O(i.C.StudentExperience),T=n.a.useBasicFetch(a.L.config()),L=n.a.useBasicFetch(c.N.currentUser()),F=n.a.useBasicFetch((null===(t=L.data)||void 0===t?void 0:t.isAuthenticated)&&o.h.yearGroups(L.data.customerId));return{hasCommonVideoPropsCompleted:!C&&j&&T.hasCompleted&&L.hasCompleted&&(!(null===(r=L.data)||void 0===r?void 0:r.isAuthenticated)||F.hasCompleted),commonVideoProps:{subTextType:"series",getSubTextAppLink:function(e){var t;return"series"in e?g&&!(null===(t=L.data)||void 0===t?void 0:t.isAuthenticated)?null:d.j.getSeriesAppLink(e.series,{mtv:h}):null},isPlugin:A,isPluginPopup:!!(null==S?void 0:S.popup),canFavourite:w,setFavourite:I,imageCdnUrl:null===(f=T.data)||void 0===f?void 0:f.imageCdnUrl,yearGroups:F.data,getClassroomGuideAppLink:u.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:u.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:u.W.getResourceGuidanceAppLink,showNewVideoIndicator:N,companyLogoFallbackUrl:null,hasStudentExperience:k}}}},44110:(e,t,r)=>{r.d(t,{i:()=>o});var n=r(20354),i=r(89454),a=r(86698),o=function(){var e=(0,a.y)({redirectOnError:!0}),t=e.activePresentation,r=e.getFallbackPresentation,o=t||r();return n.a.useBasicFetch(!!o&&i.O.presentationAudiences(o.id))}},53073:(e,t,r)=>{r.d(t,{f:()=>s});var n=r(20354),i=r(16714),a=r(12754),o=r(31949),c=r(22902),l=r(15311);function s(){var e=(0,c.T)().hasPermissions,t=(0,l.r)().hasProduct,r=n.a.useBasicFetch(o.N.currentUser());return!e(i.C.StudentExperience)&&t(a.x.Primary)&&r.data.isAuthenticated}},97816:(e,t,r)=>{r.d(t,{V:()=>c,l:()=>l});var n=r(1575),i=r(39902),a=r(31908);function o(e){return e?Array.isArray(e)?e.filter((function(e){return!!e&&(a.M.isVideo(e)||a.M.isClip(e))})):"data"in e?e.data.filter((function(e){return!!e&&(a.M.isVideo(e)||a.M.isClip(e))})):[]:[]}function c(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=o(e).map((function(e){return e.id}));(0,i.FN)(r,(function(e){return n.R.videoMixinAssocs(e,t.flightNamespace)}),null)}function l(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,i.SW)({getRequest:function(t){return n.R.videoMixinAssocs(t,e.flightNamespace)}}).fetchItems;return{fetchObjects:function(e){return t(o(e).map((function(e){return e.id})))}}}}}]);
+//# sourceMappingURL=5135-c6eae4df36-lite.chunk.js.map

package/dist/scripts/5135-c6eae4df36-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/5135-c6eae4df36-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseBatchFetch.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/projects/lite/src/apps/interactives/components/play-interactive/PlayInteractive.tsx","file:///app/packages/projects/lite/src/apps/interactives/components/preview-interactive/InteractiveAlertBanner.tsx","file:///app/packages/projects/lite/src/apps/interactives/components/preview-interactive/PreviewInteractive.tsx","file:///app/packages/projects/lite/src/apps/interactives/hooks/interactiveHooks.tsx","file:///app/packages/projects/lite/src/shared/hooks/useCommonVideoProps.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useShouldPreviewInteractive.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n  internalServerError?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError,\n  internalServerError: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.InternalServer) {\n    if (!ignoreMap.internalServerError)\n      Core.ErrorHelper.throw(new UnspecifiedError());\n    return;\n  }\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nconst CHUNK_SIZE = 50;\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n  itemsArr: T[];\n  items: { [key: string]: T} | null;\n  isFetching: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n  itemIds: string[],\n  getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n  const chunks = ArrayHelper.chunk<string>(itemIds, CHUNK_SIZE);\n\n  const requests = chunks.map(chunk => getRequest(ArrayHelper.uniq(chunk)));\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [item.id]: item }), {})\n    : null;\n\n  return {\n    itemsArr,\n    items,\n    isFetching: responses.isFetching\n  };\n}\n\n/**\n * When you need the useBatchFetch() behavior, but your list of objects to hydrate\n * will grow, such as on a scrolling page. useGrowingBatchFetch() will use local state\n * to determine what we've already built a request for and what items are new\n * as to not re-fetch items - Sha\n */\nexport function useGrowingBatchFetch<T>(\n  objs: T[],\n  getRequest: (items: T[]) => Flight.Request,\n  _getKey?: (obj: T) => string\n) {\n  const { fetchItems, ...data } = useGrowingBatchFetchFunc({ getRequest, _getKey });\n\n  React.useEffect(() => {\n    if (!objs?.length)\n      return;\n\n    fetchItems(objs);\n  }, [objs?.length]);\n\n  return data;\n}\n\ninterface UseGrowingBatchFetchFuncOptions<T> {\n  getRequest: (items: T[]) => Flight.Request;\n  _getKey?: (obj: T) => string;\n}\n\n/**\n * When you need the useGrowingBatchFetch() behaviour, but need to trigger the\n * fetch manually and update the objects - Nish \n */\nexport function useGrowingBatchFetchFunc<T>(options: UseGrowingBatchFetchFuncOptions<T>) {\n  const getKey = options._getKey ?? ((obj: any) => {\n    if (typeof obj === 'object')\n      return obj.id;\n\n    return obj;\n  });\n\n  const fetchedItems = React.useRef<Set<string>>(new Set<string>());\n  const [ requests, setRequests ] = React.useState<Flight.Request[]>([]);\n\n  function fetchItems(objs: T[]) {\n    if (!objs?.length)\n      return;\n\n    const unfetchedItems: T[] = [];\n    \n    objs.forEach(obj => {\n      const key = getKey(obj);\n\n      if (fetchedItems.current.has(key))\n        return;\n\n      unfetchedItems.push(obj);\n      fetchedItems.current.add(key);\n    });\n      \n    if (!unfetchedItems.length)\n      return;\n    \n    setRequests(r => ([ ...r, ...ArrayHelper.chunk<T>(unfetchedItems, CHUNK_SIZE).map(options.getRequest) ]));\n  }\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [getKey(item)]: item }), {})\n    : null;\n\n  return {\n    hasFirstRequestCompleted: !!responses.responses?.[0]?.hasCompleted,\n    itemsArr,\n    items,\n    isFetching: responses.isFetching,\n    fetchItems\n  };\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","import React from 'react';\nimport { createHtmlPortalNode, OutPortal } from 'react-reverse-portal';\n\nimport { CheckMarkStatus } from 'libs/shared/components/check-mark-button/CheckMarkButton';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Config, CurrentUser, InteractiveMetadata, PlayerViewKey, PresentationAudience, UnionShareObject, YearGroup } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\nimport { AuthToken } from 'libs/shared/interfaces/models/AuthToken';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { LitePlayerView } from 'shared/views/lite-player/LitePlayerView';\n\ninterface PlayInteractiveProps {\n  interactive: InteractiveMetadata;\n  yearGroups: YearGroup[];\n  currentUser: CurrentUser;\n  token: AuthToken;\n  config: Config;\n  audiences: PresentationAudience[];\n  queryParams: PlayViewQueryParams;\n  viewKey: PlayerViewKey;\n  startTime?: string;\n  endTime?: string;\n  relatedVideos: RelatedVideosHash;\n  commonVideoProps: CommonVideoProps;\n\n  // Share view only\n  shareLink?: UnionShareObject;\n  sharerInstanceRegion?: string;\n  checkMarkStatus?: CheckMarkStatus;\n\n  publicName?: string;\n  profileId?: string;\n}\n\nexport function PlayInteractive(props: PlayInteractiveProps): JSX.Element {\n  const [ showHeading, setShowHeading ] = React.useState(true);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.interactive);\n\n  const summaryPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n\n  const { hasPermissions } = usePermissions();\n\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  function onShowSummary(showing: boolean): void {\n    setShowHeading(!showing);\n  }\n\n  return (\n    <div className='px-3'>\n      {isArchived && <ArchivedBanner typeId={props.interactive.typeId} hasStudentExperience />}\n\n      <div className='mb-3'>\n        <LitePlayerView\n          config={props.config}\n          video={props.interactive}\n          currentUser={props.currentUser}\n          shareLink={props.shareLink}\n          viewKey={props.viewKey}\n          startTime={props.startTime}\n          onShowSummary={onShowSummary}\n          summaryPortalNode={summaryPortalNode}\n          token={props.token}\n          publicName={props.publicName}\n          profileId={props.profileId}\n        />\n      </div>\n      {/* This wrapping div is here because react seems to not want to play nice\n      with adding or removing a node just ahead of an OutPortal */}\n      <div>\n        {showHeading &&\n          <h1 className='h3 d-flex'>\n            {props.interactive.name}\n            {!hasStudentExperience && (\n              <RestrictionPadlock\n                tooltipPlacement='right'\n                className='ps-1'\n                video={props.interactive}\n                yearGroups={props.yearGroups}\n              />\n            )}\n          </h1>\n        }\n      </div>\n      <OutPortal node={summaryPortalNode}></OutPortal>\n\n      {!hasPermissions(PermissionName.StudentExperience) && (\n        <RelatedVideos\n          currentVideo={props.interactive}\n          currentUser={props.currentUser}\n          relatedVideos={props.relatedVideos}\n          audiences={props.audiences}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareLink?.id,\n            moviesAndTv: props.queryParams.mtv,\n            includeContext: props.currentUser?.isAuthenticated\n          })}\n          moviesAndTv={props.queryParams.mtv}\n          commonVideoProps={props.commonVideoProps}\n        />\n      )}\n    </div>\n  );\n}","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 { Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'interactives.previewInteractive';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveAlertBannerProps {\n  isPreviewPreventScrubbingEnabled: boolean;\n  isPreviewingPreventScrubbing: boolean;\n  toggleStudentMode: () => void;\n  isArchived: boolean;\n}\n\nexport function InteractiveAlertBanner(props: InteractiveAlertBannerProps): JSX.Element {\n  return (\n    <div className='alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center' role='alert'>\n      {!props.isArchived ? <Text phrase='alert' /> : (\n        <div className='d-flex align-items-center'>\n          <SvgContainer\n            svgName={cvSvgLibrary.Archive}\n            size={SvgContainerSize.Standard}\n            className='me-2 svg-container'\n          />\n    \n          <div className='w-100'>\n            <p className='fw-semibold mb-0'>{getPhrase('archivedInfoTitle')}</p>\n            <p className='mb-1'>{getPhrase('archivedInfo')}</p>\n          </div>\n        </div>\n      )}\n      {props.isPreviewPreventScrubbingEnabled && (\n        <Tooltip\n          title={getPhrase('previewPreventScrubbingExplain')}\n          trigger='hover'\n          spanHack\n        >\n          <div className='d-flex mt-1 mt-lg-0'>\n            <div className='me-2'><Text phrase='previewPreventScrubbing'/></div>\n            <ToggleSwitch on={props.isPreviewingPreventScrubbing} onClick={props.toggleStudentMode} />\n          </div>\n        </Tooltip>\n      )}\n    </div>\n  );\n}","import * as React from 'react';\nimport { OutPortal } from 'react-reverse-portal';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Actions as ActionsComponent } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { ExpandableText } from 'libs/shared/components/expandable-text/ExpandableText';\nimport { InteractiveWidgetItem } from 'libs/shared/components/play-page/interactives-widget/InteractiveWidgetItem';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { FixedWidget } from 'libs/shared/components/widgets/fixed-widget';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { Clip, CurrentUser, Interactive, InteractiveMetadata, PresentationAudience, Video } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\nimport { AuthToken } from 'libs/shared/interfaces/models/AuthToken';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { InteractiveAlertBanner } from 'apps/interactives/components/preview-interactive/InteractiveAlertBanner';\nimport { usePreviewPreventInteractive } from 'apps/interactives/hooks/interactiveHooks';\n\nconst namespace = 'interactives.previewInteractive';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PreviewInteractiveProps {\n  sourceVideo: Clip | Video;\n  interactive: InteractiveMetadata;\n  interactives: InteractiveMetadata[];\n  token?: AuthToken;\n  currentUser: CurrentUser;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  isPreviewPreventScrubbingEnabled: boolean;\n  relatedVideos: RelatedVideosHash;\n  canManageVideoAccess: boolean;\n  breadcrumbs?: Breadcrumb[];\n  commonVideoProps: CommonVideoProps;\n\n  // Share view only\n  shareId?: string;\n}\n\nexport function PreviewInteractive(props: PreviewInteractiveProps): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const [ isPreviewingPreventScrubbing, setIsPreviewingPreventScrubbing ] = React.useState(false);\n\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.interactive);\n\n  const videoActions = useVideoActions({\n    location: VideoActionsLocation.PlayPage,\n    shareId: props.shareId\n  });\n\n  usePreviewPreventInteractive(isPreviewingPreventScrubbing, togglePreviewPreventScrubbing);\n\n  function togglePreviewPreventScrubbing() {\n    playerContext.playerRef?.current?.togglePreviewPreventScrubbing?.();\n  }\n\n  function toggleStudentMode() {\n    setIsPreviewingPreventScrubbing(!isPreviewingPreventScrubbing);\n  }\n \n  let otherInteractives: InteractiveMetadata[];\n  let backToName: string;\n  let backAppLink: Core.AppLink;\n\n  if (VideoHelper.isClip(props.sourceVideo)) {\n    otherInteractives = props.interactives?.filter(i => {\n      return i.id.toString() !== props.interactive.id.toString();\n    });\n    backToName = props.sourceVideo.name;\n    backAppLink = {\n      application: AppChannels.CLIPS,\n      action: Actions.Clips.PLAY_CLIP,\n      args: [ props.sourceVideo.id, TextHelper.slugify(props.sourceVideo.name) ]\n    };\n  } else {\n    otherInteractives = props.interactives?.filter(i => {\n      return i.id.toString() !== props.interactive.id.toString();\n    });\n    backToName = props.sourceVideo.name;\n    backAppLink = {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ props.sourceVideo.id, TextHelper.slugify(props.sourceVideo.name) ]\n    };\n  }\n\n  const isDraft = props.interactive.status === CurationStatus.Draft;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className='px-4'>\n        {props.breadcrumbs?.length &&\n          <div className='mb-2'>\n            <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n          </div>\n        }\n\n        <RestrictionBanner\n          restrictions={props.interactive._restrictions}\n          yearGroups={props.commonVideoProps.yearGroups}\n          objectId={props.interactive.id}\n          objectTypeId={MasterType.Interactive}\n          canManageVideoAccess={props.canManageVideoAccess}\n        />\n\n        <InteractiveAlertBanner\n          isPreviewPreventScrubbingEnabled={props.isPreviewPreventScrubbingEnabled}\n          isPreviewingPreventScrubbing={isPreviewingPreventScrubbing}\n          toggleStudentMode={toggleStudentMode}\n          isArchived={VideoHelper.isVideoTypeArchived(props.interactive)}\n        />\n\n        <div className='mb-3'>\n          {canConsume && (\n            <GlobalPlayerConsumer\n              key={props.interactive.id}\n              objectId={props.interactive.id}\n              objectTypeId={props.interactive.typeId}\n              shareId={props.shareId}\n              startTime={props.queryParams.t ?? props.queryParams.startTime}\n              mode='default'\n              location='play-page'\n              token={props.token}\n            />\n          )}\n        </div>\n        <div className='d-flex justify-content-between align-items-center'>\n          <div className='inline-block w-100'>\n            <div className='ms-2 float-end'>\n              <ActionsComponent\n                actions={videoActions.getVideoActions(props.interactive)}\n                actionsDropdownClassName='btn btn-outline-dark'\n                fetchMore={() => videoActions.fetchMoreActions(props.interactive)}\n              />\n            </div>\n\n            <h1 className='h3 mb-2'>\n              {isDraft && (\n                <div className={`badge draft-badge me-2 align-bottom flex-shrink-0 h-auto lh-base`}>\n                  <Text phrase='draft' />\n                </div>\n              )}\n              {props.interactive.name}\n              <RestrictionPadlock\n                tooltipPlacement='right'\n                className='ps-1'\n                video={props.interactive}\n                yearGroups={props.commonVideoProps.yearGroups}\n              />\n            </h1>\n            {VideoHelper.canViewOriginalVideo(props.interactive) &&\n              <div className='mb-1 me-3 clamp-1'>\n                <Text phrase='viewOriginal' />&nbsp;<AppLink appLink={backAppLink} className='text-info'>{backToName}</AppLink>\n              </div>\n            }\n          </div>\n        </div>\n\n        {props.interactive.description && (\n          <ExpandableText lines={5}>\n            {() => <p className='mb-0 d-inline'>{props.interactive.description}</p>}\n          </ExpandableText>\n        )}\n\n        <div className='mb-3'>\n          <OutPortal node={playerContext.questionListPortalNode}></OutPortal>\n        </div>\n\n        {!!otherInteractives?.length && (\n          <div className='pb-3'>\n         \n            <FixedWidget\n              name={getPhrase('otherInteractives', { count: otherInteractives.length })}\n              contents={WidgetContents.Interactives}\n              collection={otherInteractives}\n              prefetched\n              getChildAppLink={(interactive: Interactive) => {\n                return {\n                  application: AppChannels.INTERACTIVES,\n                  action: Actions.Interactives.VIEW_INTERACTIVE,\n                  args: [ interactive.id, TextHelper.slugify(interactive.name) ]\n                };\n              }}\n              childComponent={InteractiveWidgetItem}\n              extraChildComponentProps={{\n                questionsAppLink: {\n                  application: AppChannels.INTERACTIVES,\n                  action: Actions.Interactives.PREVIEW_QUESTIONS\n                },\n                commonVideoProps: props.commonVideoProps\n              }}\n              analyticsData={{ widgetId: 'interactives' }}\n            />\n          </div>\n        )}\n\n        <RelatedVideos\n          currentVideo={props.interactive}\n          currentUser={props.currentUser}\n          audiences={props.audiences}\n          relatedVideos={props.relatedVideos}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv,\n            includeContext: props.currentUser?.isAuthenticated\n          })}\n          moviesAndTv={props.queryParams.mtv}\n          commonVideoProps={props.commonVideoProps}\n        />\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import React from 'react';\n\nexport function usePreviewPreventInteractive(\n  previewPreventInteractive: boolean,\n  togglePreviewPreventInteractive: () => void\n): void {\n  React.useEffect(() => {\n    togglePreviewPreventInteractive();\n  }, [previewPreventInteractive]);\n}","import { Core } from 'libs/common/backbone/index';\nimport { Flight } from 'libs/common/react/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\n\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { usePluginHelper } from './use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from './useLiteFavourites';\n\ninterface UseCommonVideoPropsResult {\n  hasCommonVideoPropsCompleted: boolean;\n  commonVideoProps: CommonVideoProps;\n}\n\ninterface UseCommonVideoPropsOptions {\n  locationContext: LocationContext,\n  mtv?: boolean;\n  flightNamespace?: string;\n  sharedPlaylist?: boolean;\n}\n\nexport function useCommonVideoProps(options: UseCommonVideoPropsOptions): UseCommonVideoPropsResult {\n  const { locationContext, mtv, flightNamespace, sharedPlaylist } = options || {};\n\n  const { isPlugin, params } = usePluginHelper();\n  const { setFavourite, canFavourite } = useLiteFavourites(locationContext, flightNamespace);\n  const { hasTopicDirectories, isLoadingSettings } = useSettings(null);\n  const { hasPermissions, isLoaded: hasLoadedPermissions } = usePermissions();\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  function getSubTextAppLink(video: VideoTypes): Core.AppLink {\n    if (!('series' in video))\n      return null;\n\n    /**\n     * We do not allow navigating to series on shared playlists when the user is not signed in\n     * because most series are customer created and will be empty for public users\n     * \n     * We do not have to do this for shared series, because all the series links are self referencing\n     *  - Sha\n     */\n    if (sharedPlaylist && !currentUser.data?.isAuthenticated)\n      return null;\n  \n    return SeriesAppLinkHelper.getSeriesAppLink(video.series, { mtv });\n  }\n\n  const hasCommonVideoPropsCompleted = (\n    !isLoadingSettings &&\n    hasLoadedPermissions &&\n    config.hasCompleted &&\n    currentUser.hasCompleted &&\n    (!currentUser.data?.isAuthenticated || yearGroups.hasCompleted)\n  );\n\n  return {\n    hasCommonVideoPropsCompleted,\n    commonVideoProps: {\n      subTextType: 'series',\n      getSubTextAppLink,\n      isPlugin,\n      isPluginPopup: !!params?.popup,\n      canFavourite,\n      setFavourite,\n      imageCdnUrl: config.data?.imageCdnUrl,\n      yearGroups: yearGroups.data,\n      getClassroomGuideAppLink: VideoAppLinkHelper.getClassroomGuideAppLink,\n      getInteractiveGuidanceAppLink: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n      getResourceGuidanceAppLink: VideoAppLinkHelper.getResourceGuidanceAppLink,\n      showNewVideoIndicator: hasTopicDirectories,\n      companyLogoFallbackUrl: null,\n      hasStudentExperience\n    }\n  };\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { Flight } from 'libs/common/flight';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nexport function useShouldPreviewInteractive() {\n  const { hasPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  return !hasPermissions(PermissionName.StudentExperience) &&\n    hasProduct(ProductId.Primary) &&\n    currentUser.data.isAuthenticated;\n}","import { Flight } from 'libs/common/react/index';\n\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useGrowingBatchFetch, useGrowingBatchFetchFunc } from 'libs/shared/hooks/UseBatchFetch';\nimport { Clip, ClipCollection, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}) {\n  const videoIds = getValidObjects(objects).map(v => v.id);\n\n  useGrowingBatchFetch(\n    videoIds,\n    ids => VideoRequests.videoMixinAssocs(ids, options.flightNamespace),\n    null\n  );\n}\n\nexport function useVideoMixinFunc(options: VideoMixinOptions = {}) {\n  function getRequest(ids: string[]): Flight.Request {\n    return VideoRequests.videoMixinAssocs(ids, options.flightNamespace);\n  }\n  \n  function fetchObjects(items: Types) {\n    return fetchItems(getValidObjects(items).map(v => v.id));\n  }\n\n  const { fetchItems } = useGrowingBatchFetchFunc({ getRequest });\n\n  return { fetchObjects };\n}"],"names":["defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","internalServerError","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","CHUNK_SIZE","useBatchFetch","itemIds","getRequest","requests","map","chunk","responses","itemsArr","data","items","length","reduce","acc","item","id","isFetching","useGrowingBatchFetch","objs","_getKey","useGrowingBatchFetchFunc","fetchItems","options","getKey","obj","fetchedItems","Set","setRequests","hasFirstRequestCompleted","hasCompleted","unfetchedItems","forEach","key","current","has","push","add","r","generateCacheKey","flightObjs","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","Array","isArray","useEffect","PlayInteractive","props","showHeading","setShowHeading","isArchived","interactive","summaryPortalNode","hasPermissions","hasStudentExperience","className","typeId","config","video","currentUser","shareLink","viewKey","startTime","onShowSummary","showing","token","publicName","profileId","name","tooltipPlacement","yearGroups","node","currentVideo","relatedVideos","audiences","getVideoAppLink","v","opts","context","queryParams","contextId","playNext","shareId","moviesAndTv","mtv","includeContext","isAuthenticated","commonVideoProps","getPhrase","LanguageService","InteractiveAlertBanner","role","SvgContainer","svgName","size","S","Text","phrase","isPreviewPreventScrubbingEnabled","Tooltip","title","trigger","spanHack","ToggleSwitch","on","isPreviewingPreventScrubbing","onClick","toggleStudentMode","PreviewInteractive","previewPreventInteractive","togglePreviewPreventInteractive","otherInteractives","backToName","backAppLink","playerContext","setIsPreviewingPreventScrubbing","canConsume","VideoHelper","videoActions","useVideoActions","location","playerRef","togglePreviewPreventScrubbing","sourceVideo","interactives","filter","i","toString","application","action","args","TextHelper","isDraft","CurationStatus","value","breadcrumbs","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","objectId","objectTypeId","MasterType","canManageVideoAccess","GlobalPlayerConsumer","t","mode","Actions","actions","getVideoActions","actionsDropdownClassName","fetchMore","fetchMoreActions","RestrictionPadlock","AppLink","appLink","description","ExpandableText","lines","questionListPortalNode","count","contents","WidgetContents","collection","prefetched","getChildAppLink","childComponent","InteractiveWidgetItem","extraChildComponentProps","questionsAppLink","analyticsData","widgetId","RelatedVideos","VideoAppLinkHelper","useCommonVideoProps","locationContext","flightNamespace","sharedPlaylist","isPlugin","params","u","setFavourite","canFavourite","hasTopicDirectories","isLoadingSettings","hasLoadedPermissions","isLoaded","customerId","hasCommonVideoPropsCompleted","subTextType","getSubTextAppLink","series","isPluginPopup","popup","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","showNewVideoIndicator","companyLogoFallbackUrl","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","useShouldPreviewInteractive","hasProduct","getValidObjects","objects","o","useVideoMixin","videoIds","ids","useVideoMixinFunc","fetchObjects"],"sourceRoot":""}

package/dist/scripts/618-d8d8f7d8c1-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[618],{39902:(e,t,n)=>{n.d(t,{FN:()=>p,SW:()=>v,fh:()=>m});var r=n(32735),i=n(20354),a=n(75896);function o(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||u(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e,t,n){return(t=function(e){var t=function(e){if("object"!=c(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==c(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n},f=50;function m(e,t){var n=a.m.chunk(e,f).map((function(e){return t(a.m.uniq(e))})),r=i.a.useBasicFetchAll(n),o=a.m.flatten(r.data),u=r.data.length?o.reduce((function(e,t){return Object.assign(Object.assign({},e),s({},t.id,t))}),{}):null;return{itemsArr:o,items:u,isFetching:r.isFetching}}function p(e,t,n){var i=v({getRequest:t,_getKey:n}),a=i.fetchItems,o=d(i,["fetchItems"]);return r.useEffect((function(){(null==e?void 0:e.length)&&a(e)}),[null==e?void 0:e.length]),o}function v(e){var t,n,l,d,m,p=null!==(t=e._getKey)&&void 0!==t?t:function(e){return"object"===c(e)?e.id:e},v=r.useRef(new Set),h=(d=r.useState([]),m=2,function(e){if(Array.isArray(e))return e}(d)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,u=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw i}}return u}}(d,m)||u(d,m)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=h[0],y=h[1],b=i.a.useBasicFetchAll(g),A=a.m.flatten(b.data),S=b.data.length?A.reduce((function(e,t){return Object.assign(Object.assign({},e),s({},p(t),t))}),{}):null;return{hasFirstRequestCompleted:!!(null===(l=null===(n=b.responses)||void 0===n?void 0:n[0])||void 0===l?void 0:l.hasCompleted),itemsArr:A,items:S,isFetching:b.isFetching,fetchItems:function(t){if(null==t?void 0:t.length){var n=[];t.forEach((function(e){var t=p(e);v.current.has(t)||(n.push(e),v.current.add(t))})),n.length&&y((function(t){return[].concat(o(t),o(a.m.chunk(n,f).map(e.getRequest)))}))}}}}},63719:(e,t,n)=>{n.d(t,{h:()=>u});var r=n(32735),i=n(77316);function a(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function u(e){var t,n,u=(t=r.useMemo((function(){return i.p.getBuilder()}),[]),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,u=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw i}}return u}}(t,n)||a(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=u[0],c=(0,u[1])(l);return c&&e?[].concat(function(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||a(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(c),[Object.assign(Object.assign({},e),{active:!0})]):c}},40618:(e,t,n)=>{n.r(t),n.d(t,{CuratedDashboardWidgetView:()=>I});var r=n(32735),i=n(23481),a=n(20354),o=n(65858),u=n(49935),l=n(75100),c=n(51365),s=n(183),d=n(80889),f=n(31949),m=n(63719),p=n(22902),v=n(79612),h=n(76753),g=n(10671),y=n(58321),b=n(44110),A=n(97816),S=n(10741),w=n(33192),j=n(22490),O=n(1860);const C={partialHeading:"yLlYt"};function P(){return r.createElement("div",{className:"px-3"},r.createElement("div",{className:"partial-loading-background mb-2 ".concat(C.partialHeading)}),r.createElement(O.S,null))}var k=i.T.encloseNamespace("dashboard.dashboardWidget");function I(e){var t,n,i,O=e.widgetId,C=(0,y.U)({locationContext:o.LZ.VideoThumbnail}).commonVideoProps,I=(0,g._)({location:g.i.VideoItem}),E=a.a.useBasicFetch(O&&d._.dashboardWidgetContent(O)),F=a.a.useBasicFetch(f.N.currentUser()),x=null===(t=E.data)||void 0===t?void 0:t.content;(0,A.V)(x),(0,v.M)(h.CG.getDefaultMetadata({title:null===(n=E.data)||void 0===n?void 0:n.name,phraseContext:{phraseHandler:k,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"},canonicalLink:w.f.getCanonicalLink({stripPresentationSlug:!0}),allowIndexing:w.f.allowIndexing()}));var L=(0,b.i)(),T=(0,p.T)().hasPermissions,N=(0,m.h)({name:null===(i=E.data)||void 0===i?void 0:i.name});return E.data&&(null==x?void 0:x.length)?r.createElement(c.M.Provider,{value:I},r.createElement("div",{className:"px-3"},r.createElement("h1",{className:"h2 mb-2"},E.data.name),r.createElement(u.Oo,{breadcrumbs:N}),r.createElement(l.E4,{videos:x,getVideoAppLink:function(t,n){var r;return j.W.getAppLink(t,Object.assign(Object.assign({},n),{context:s.Q.Widget,contextId:e.widgetId,includeContext:null===(r=F.data)||void 0===r?void 0:r.isAuthenticated}))},hasPermissions:T,presentationAudiences:L.data,getPreviewQuestionsAppLink:function(e){return S.j.getPreviewQuestionsAppLink(e)},commonVideoProps:C}))):r.createElement(P,null)}},58321:(e,t,n)=>{n.d(t,{U:()=>p});var r=n(20354),i=n(16714),a=n(39151),o=n(1666),u=n(31949),l=n(22902),c=n(37802),s=n(22490),d=n(82431),f=n(46390),m=n(27638);function p(e){var t,n,p,v=e||{},h=v.locationContext,g=v.mtv,y=v.flightNamespace,b=v.sharedPlaylist,A=(0,f.G)(),S=A.isPlugin,w=A.params,j=(0,m.u)(h,y),O=j.setFavourite,C=j.canFavourite,P=(0,c.r)(null),k=P.hasTopicDirectories,I=P.isLoadingSettings,E=(0,l.T)(),F=E.hasPermissions,x=E.isLoaded,L=F(i.C.StudentExperience),T=r.a.useBasicFetch(a.L.config()),N=r.a.useBasicFetch(u.N.currentUser()),V=r.a.useBasicFetch((null===(t=N.data)||void 0===t?void 0:t.isAuthenticated)&&o.h.yearGroups(N.data.customerId));return{hasCommonVideoPropsCompleted:!I&&x&&T.hasCompleted&&N.hasCompleted&&(!(null===(n=N.data)||void 0===n?void 0:n.isAuthenticated)||V.hasCompleted),commonVideoProps:{subTextType:"series",getSubTextAppLink:function(e){var t;return"series"in e?b&&!(null===(t=N.data)||void 0===t?void 0:t.isAuthenticated)?null:d.j.getSeriesAppLink(e.series,{mtv:g}):null},isPlugin:S,isPluginPopup:!!(null==w?void 0:w.popup),canFavourite:C,setFavourite:O,imageCdnUrl:null===(p=T.data)||void 0===p?void 0:p.imageCdnUrl,yearGroups:V.data,getClassroomGuideAppLink:s.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:s.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:s.W.getResourceGuidanceAppLink,showNewVideoIndicator:k,companyLogoFallbackUrl:null,hasStudentExperience:L}}}},44110:(e,t,n)=>{n.d(t,{i:()=>o});var r=n(20354),i=n(89454),a=n(86698),o=function(){var e=(0,a.y)({redirectOnError:!0}),t=e.activePresentation,n=e.getFallbackPresentation,o=t||n();return r.a.useBasicFetch(!!o&&i.O.presentationAudiences(o.id))}},97816:(e,t,n)=>{n.d(t,{V:()=>u,l:()=>l});var r=n(1575),i=n(39902),a=n(31908);function o(e){return e?Array.isArray(e)?e.filter((function(e){return!!e&&(a.M.isVideo(e)||a.M.isClip(e))})):"data"in e?e.data.filter((function(e){return!!e&&(a.M.isVideo(e)||a.M.isClip(e))})):[]:[]}function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=o(e).map((function(e){return e.id}));(0,i.FN)(n,(function(e){return r.R.videoMixinAssocs(e,t.flightNamespace)}),null)}function l(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,i.SW)({getRequest:function(t){return r.R.videoMixinAssocs(t,e.flightNamespace)}}).fetchItems;return{fetchObjects:function(e){return t(o(e).map((function(e){return e.id})))}}}}}]);
+//# sourceMappingURL=618-d8d8f7d8c1-lite.chunk.js.map

package/dist/scripts/618-d8d8f7d8c1-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/618-d8d8f7d8c1-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/hooks/UseBatchFetch.ts","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","file:///app/packages/projects/lite/src/apps/dashboard/views/dashboard-widget/partial-loading/partial-dashboard-widget.scss","file:///app/packages/projects/lite/src/apps/dashboard/views/dashboard-widget/partial-loading/PartialDashboardWidget.tsx","file:///app/packages/projects/lite/src/apps/dashboard/views/dashboard-widget/CuratedDashboardWidgetView.tsx","file:///app/packages/projects/lite/src/shared/hooks/useCommonVideoProps.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nconst CHUNK_SIZE = 50;\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n  itemsArr: T[];\n  items: { [key: string]: T} | null;\n  isFetching: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n  itemIds: string[],\n  getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n  const chunks = ArrayHelper.chunk<string>(itemIds, CHUNK_SIZE);\n\n  const requests = chunks.map(chunk => getRequest(ArrayHelper.uniq(chunk)));\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [item.id]: item }), {})\n    : null;\n\n  return {\n    itemsArr,\n    items,\n    isFetching: responses.isFetching\n  };\n}\n\n/**\n * When you need the useBatchFetch() behavior, but your list of objects to hydrate\n * will grow, such as on a scrolling page. useGrowingBatchFetch() will use local state\n * to determine what we've already built a request for and what items are new\n * as to not re-fetch items - Sha\n */\nexport function useGrowingBatchFetch<T>(\n  objs: T[],\n  getRequest: (items: T[]) => Flight.Request,\n  _getKey?: (obj: T) => string\n) {\n  const { fetchItems, ...data } = useGrowingBatchFetchFunc({ getRequest, _getKey });\n\n  React.useEffect(() => {\n    if (!objs?.length)\n      return;\n\n    fetchItems(objs);\n  }, [objs?.length]);\n\n  return data;\n}\n\ninterface UseGrowingBatchFetchFuncOptions<T> {\n  getRequest: (items: T[]) => Flight.Request;\n  _getKey?: (obj: T) => string;\n}\n\n/**\n * When you need the useGrowingBatchFetch() behaviour, but need to trigger the\n * fetch manually and update the objects - Nish \n */\nexport function useGrowingBatchFetchFunc<T>(options: UseGrowingBatchFetchFuncOptions<T>) {\n  const getKey = options._getKey ?? ((obj: any) => {\n    if (typeof obj === 'object')\n      return obj.id;\n\n    return obj;\n  });\n\n  const fetchedItems = React.useRef<Set<string>>(new Set<string>());\n  const [ requests, setRequests ] = React.useState<Flight.Request[]>([]);\n\n  function fetchItems(objs: T[]) {\n    if (!objs?.length)\n      return;\n\n    const unfetchedItems: T[] = [];\n    \n    objs.forEach(obj => {\n      const key = getKey(obj);\n\n      if (fetchedItems.current.has(key))\n        return;\n\n      unfetchedItems.push(obj);\n      fetchedItems.current.add(key);\n    });\n      \n    if (!unfetchedItems.length)\n      return;\n    \n    setRequests(r => ([ ...r, ...ArrayHelper.chunk<T>(unfetchedItems, CHUNK_SIZE).map(options.getRequest) ]));\n  }\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [getKey(item)]: item }), {})\n    : null;\n\n  return {\n    hasFirstRequestCompleted: !!responses.responses?.[0]?.hasCompleted,\n    itemsArr,\n    items,\n    isFetching: responses.isFetching,\n    fetchItems\n  };\n}","import React from 'react';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BreadcrumbService } from 'libs/shared/services/BreadcrumbService';\n\nexport function useBreadcrumbs(current: Breadcrumb): Breadcrumb[] {\n  const [ match, useBuilder ] = React.useMemo(() => BreadcrumbService.getBuilder(), []);\n\n  const breadcrumbs = useBuilder(match);\n\n  if (!breadcrumbs || !current)\n    return breadcrumbs;\n\n  return [ ...breadcrumbs, { ...current, active: true }];\n}\n\n","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"yLlYt\"};","import React from 'react';\n\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-dashboard-widget.scss';\n\nexport function PartialDashboardWidget(): JSX.Element {\n  return (\n    <div className='px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <PartialVideoList />\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { DashboardRequests } from 'libs/shared/flight-requests/DashboardRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { CuratedWidget, CuratedWidgetData, CurrentUser, Video } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useCommonVideoProps } from 'shared/hooks/useCommonVideoProps';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { PartialDashboardWidget } from './partial-loading/PartialDashboardWidget';\n\nconst namespace = 'dashboard.dashboardWidget';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CuratedDashboardWidgetViewQueryParams {\n  widgetId?: string;\n}\n\nexport function CuratedDashboardWidgetView(props: CuratedDashboardWidgetViewQueryParams): JSX.Element {\n  const { widgetId } = props;\n\n  const { commonVideoProps } = useCommonVideoProps({ locationContext: LocationContext.VideoThumbnail });\n  \n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  const widget = Flight.useBasicFetch<CuratedWidget<CuratedWidgetData, Video[]>>(\n    widgetId && DashboardRequests.dashboardWidgetContent(widgetId)\n  );\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const videos = widget.data?.content;\n  useVideoMixin(videos);\n\n  useSetPageMetadata(PageMetadataHelper.getDefaultMetadata({\n    title: widget.data?.name,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink({ stripPresentationSlug: true }),\n    allowIndexing: SeoHelper.allowIndexing()\n  }));\n\n  const audiences = usePresentationAudiences();\n  const { hasPermissions } = usePermissions();\n\n  const breadcrumbs = useBreadcrumbs({ name: widget.data?.name });\n\n  if (!widget.data || !videos?.length)\n    return <PartialDashboardWidget />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='px-3'>\n        <h1 className='h2 mb-2'>{widget.data.name}</h1>\n        <Breadcrumbs breadcrumbs={breadcrumbs} />\n        <VideoList\n          videos={videos}\n          getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n            ...opts,\n            context: RelatedVideosContext.Widget,\n            contextId: props.widgetId,\n            includeContext: currentUser.data?.isAuthenticated\n          })}\n          hasPermissions={hasPermissions}\n          presentationAudiences={audiences.data}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n          commonVideoProps={commonVideoProps}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","import { Core } from 'libs/common/backbone/index';\nimport { Flight } from 'libs/common/react/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\n\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { usePluginHelper } from './use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from './useLiteFavourites';\n\ninterface UseCommonVideoPropsResult {\n  hasCommonVideoPropsCompleted: boolean;\n  commonVideoProps: CommonVideoProps;\n}\n\ninterface UseCommonVideoPropsOptions {\n  locationContext: LocationContext,\n  mtv?: boolean;\n  flightNamespace?: string;\n  sharedPlaylist?: boolean;\n}\n\nexport function useCommonVideoProps(options: UseCommonVideoPropsOptions): UseCommonVideoPropsResult {\n  const { locationContext, mtv, flightNamespace, sharedPlaylist } = options || {};\n\n  const { isPlugin, params } = usePluginHelper();\n  const { setFavourite, canFavourite } = useLiteFavourites(locationContext, flightNamespace);\n  const { hasTopicDirectories, isLoadingSettings } = useSettings(null);\n  const { hasPermissions, isLoaded: hasLoadedPermissions } = usePermissions();\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  function getSubTextAppLink(video: VideoTypes): Core.AppLink {\n    if (!('series' in video))\n      return null;\n\n    /**\n     * We do not allow navigating to series on shared playlists when the user is not signed in\n     * because most series are customer created and will be empty for public users\n     * \n     * We do not have to do this for shared series, because all the series links are self referencing\n     *  - Sha\n     */\n    if (sharedPlaylist && !currentUser.data?.isAuthenticated)\n      return null;\n  \n    return SeriesAppLinkHelper.getSeriesAppLink(video.series, { mtv });\n  }\n\n  const hasCommonVideoPropsCompleted = (\n    !isLoadingSettings &&\n    hasLoadedPermissions &&\n    config.hasCompleted &&\n    currentUser.hasCompleted &&\n    (!currentUser.data?.isAuthenticated || yearGroups.hasCompleted)\n  );\n\n  return {\n    hasCommonVideoPropsCompleted,\n    commonVideoProps: {\n      subTextType: 'series',\n      getSubTextAppLink,\n      isPlugin,\n      isPluginPopup: !!params?.popup,\n      canFavourite,\n      setFavourite,\n      imageCdnUrl: config.data?.imageCdnUrl,\n      yearGroups: yearGroups.data,\n      getClassroomGuideAppLink: VideoAppLinkHelper.getClassroomGuideAppLink,\n      getInteractiveGuidanceAppLink: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n      getResourceGuidanceAppLink: VideoAppLinkHelper.getResourceGuidanceAppLink,\n      showNewVideoIndicator: hasTopicDirectories,\n      companyLogoFallbackUrl: null,\n      hasStudentExperience\n    }\n  };\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { Flight } from 'libs/common/react/index';\n\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useGrowingBatchFetch, useGrowingBatchFetchFunc } from 'libs/shared/hooks/UseBatchFetch';\nimport { Clip, ClipCollection, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}) {\n  const videoIds = getValidObjects(objects).map(v => v.id);\n\n  useGrowingBatchFetch(\n    videoIds,\n    ids => VideoRequests.videoMixinAssocs(ids, options.flightNamespace),\n    null\n  );\n}\n\nexport function useVideoMixinFunc(options: VideoMixinOptions = {}) {\n  function getRequest(ids: string[]): Flight.Request {\n    return VideoRequests.videoMixinAssocs(ids, options.flightNamespace);\n  }\n  \n  function fetchObjects(items: Types) {\n    return fetchItems(getValidObjects(items).map(v => v.id));\n  }\n\n  const { fetchItems } = useGrowingBatchFetchFunc({ getRequest });\n\n  return { fetchObjects };\n}"],"names":["CHUNK_SIZE","useBatchFetch","itemIds","getRequest","requests","map","chunk","responses","itemsArr","data","items","length","reduce","acc","item","id","isFetching","useGrowingBatchFetch","objs","_getKey","useGrowingBatchFetchFunc","fetchItems","options","getKey","obj","fetchedItems","Set","setRequests","hasFirstRequestCompleted","hasCompleted","unfetchedItems","forEach","key","current","has","push","add","r","useBreadcrumbs","match","breadcrumbs","useBuilder","active","PartialDashboardWidget","className","PartialVideoList","getPhrase","LanguageService","CuratedDashboardWidgetView","props","widgetId","commonVideoProps","useCommonVideoProps","locationContext","videoActions","useVideoActions","location","widget","DashboardRequests","currentUser","UserRequests","videos","content","useVideoMixin","useSetPageMetadata","PageMetadataHelper","title","name","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","stripPresentationSlug","allowIndexing","audiences","usePresentationAudiences","hasPermissions","usePermissions","VideoActionsContext","value","Breadcrumbs","VideoList","getVideoAppLink","video","opts","VideoAppLinkHelper","context","RelatedVideosContext","contextId","includeContext","isAuthenticated","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","mtv","flightNamespace","sharedPlaylist","isPlugin","params","u","setFavourite","canFavourite","hasTopicDirectories","isLoadingSettings","hasLoadedPermissions","isLoaded","hasStudentExperience","config","yearGroups","customerId","hasCommonVideoPropsCompleted","subTextType","getSubTextAppLink","series","isPluginPopup","popup","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","showNewVideoIndicator","companyLogoFallbackUrl","redirectOnError","activePresentation","getFallbackPresentation","presentation","getValidObjects","objects","Array","isArray","filter","o","videoIds","v","ids","useVideoMixinFunc","fetchObjects"],"sourceRoot":""}

package/dist/scripts/6379-4b78ae2469-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6379],{71553:(e,t,a)=>{a.d(t,{I:()=>c});var n=a(99940),r=a(62875);function i(e,t){return{currentUserId:e.id,currentCustomerId:e.customerId,dateRange:{start:t.start,end:t.end},userIds:t.userId,classroomsAndGroups:t.groupId}}var c={interactiveResultSet:function(e,t,a,c,s,l,o,u){return{url:s?"/api/domain/v3/analytics/interactives/".concat(e,"/metadata/").concat(t):"/api/domain/v2/analytics/interactives/".concat(e,"/metadata/").concat(t),key:(0,r.H)("interactive:result:set:".concat(e,":").concat(t),c),data:i(a,c),type:n.k.POST,normalize:!1,formatData:function(e){return Object.assign(Object.assign({},e),{students:e.students.map((function(e){return e.name&&e.profileId?Object.assign(Object.assign({},e),{publicUser:{profileId:e.profileId,name:e.name}}):e}))})},success:l,error:o,always:u}},mark:function(e,t,a,r,i,c,s){return{url:"/api/domain/v1/analytics/answers/".concat(a),key:"mark:answer:".concat(a,":").concat(r.resultId),type:n.k.PUT,data:r,normalize:!1,invalidationKeys:"interactive:result:set:".concat(e,":").concat(t),success:i,error:c,always:s}},pendingReviews:function(e){return{url:"/api/domain/v1/analytics/interactives/pending-reviews/summary",key:"interactives:pending:reviews",type:n.k.POST,data:e}},interactiveResultsReport:function(e){return{url:"/api/domain/v3/analytics/interactives/report",key:"interactive:results:report",data:e,type:n.k.POST,normalize:!1}}}},49863:(e,t,a)=>{a.d(t,{m9:()=>E,Ad:()=>b,Kh:()=>S});var n=a(32735),r=a(23481),i=a(75896),c=a(97408),s=a(18995),l=a(12528),o=a(83914),u=a(36532),d=a(4594),m=a(36511),v=a(35223),p=a(64818);const f={avatarContainer:"ByxQa",sm:"EgJ0v",sharedAvatar:"cW0NT"};var h=r.T.encloseNamespace("reportsShare.sharedToAvatarList");function g(e){var t=i.m.countBy(e,"typeId"),a=t[d.E.User],n=t[d.E.Classroom],r=t[d.E.ClassroomGroup];return a&&n&&r?h("classroomsGroupsAndUsers",{userCount:a,classroomCount:n,groupCount:r}):a&&n?h("classroomsAndUsers",{userCount:a,classroomCount:n}):a&&r?h("groupsAndUsers",{userCount:a,groupCount:r}):n&&r?h("classroomsAndGroups",{classroomCount:n,groupCount:r}):a?h("users",{userCount:a}):n?h("classrooms",{classroomCount:n}):r?h("groups",{groupCount:r}):void 0}function y(e){var t,a,r,i,s,h=(null===(t=e.item)||void 0===t?void 0:t.typeId)===d.E.User&&e.item,g=(null===(a=e.item)||void 0===a?void 0:a.typeId)===d.E.Classroom&&e.item,y=(null===(r=e.item)||void 0===r?void 0:r.typeId)===d.E.ClassroomGroup&&e.item,E="d-flex justify-content-center align-items-center text-white rounded-circle h-100 w-100";return n.createElement(n.Fragment,null,!!h&&n.createElement(u.u,{title:"".concat(h.name," ").concat(h.surname),spanHack:!0,spanHackClassName:"h-100 w-100"},n.createElement(c.q,{imageUrl:null===(i=h.avatar)||void 0===i?void 0:i.url,imageCdnUrl:e.imageCdnUrl,initials:p.l.getInitials(h.name,h.surname),extraClasses:f.sharedAvatar})),!!g&&n.createElement(u.u,{title:g.name,spanHack:!0,spanHackClassName:"h-100 w-100"},n.createElement("div",{className:E},n.createElement(l.f,{svgName:v.vn.Classrooms,svgSize:o.S.Large,variant:"teal"}))),!!y&&n.createElement(u.u,{title:y.name,spanHack:!0,spanHackClassName:"h-100 w-100"},n.createElement("div",{className:E},n.createElement(l.f,{svgName:v.vn.Group,variant:(0,m.I)(null===(s=y.metadata)||void 0===s?void 0:s.colour)}))))}function E(e){return n.createElement("div",{className:"".concat(f.avatarContainer," ").concat("sm"===e.avatarSize?f.sm:"")},n.createElement(u.u,{title:h("anonymous"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},n.createElement(o.x,{svgName:v.vn.Anonymous,size:"sm"===e.avatarSize?o.S.Small:null})))}function b(e){return n.createElement("div",{className:"".concat(f.avatarContainer," ").concat("sm"===e.avatarSize?f.sm:"")},n.createElement(u.u,{title:e.text||h("sharedLink"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100 ".concat(e.className||"")},n.createElement(o.x,{svgName:v.vn.Link,size:"sm"===e.avatarSize?o.S.Small:null})))}function S(e){return n.createElement(s.e,Object.assign({},e,{items:e.recipients,avatarItem:y,avatarContainerClassname:"".concat(f.avatarContainer," ").concat("sm"===e.avatarSize?f.sm:""),getHiddenTooltip:g,hasShareLink:e.hasShareLink,shareLinkText:e.shareLinkText}))}S.defaultProps={maxAvatars:5}},65853:(e,t,a)=>{a.d(t,{R:()=>m});var n=a(23481),r=a(110),i=a(4594),c=a(49080),s=a(26361),l=a(35223),o=a(31908);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var d=n.T.encloseNamespace("share.shareLinkInfo"),m={getPrivateIconAndText:function(e){var t=e.entityTypeId,a=e.privacy,n=e.hasStudentExp,r=e.entity,c=e.yearGroups;if(t===i.E.Topic||t===i.E.Series)return{icon:l.vn.VisibleOn,text:d(n?"justMySchoolTeachers":"justMySchoolDescription")};if(!Array.isArray(a))switch(a.privacy){case"public":return{icon:l.vn.VisibleOn,text:d("publicDescription")};case"protected":return a.overrideRestrictions?{icon:l.vn.VisibleOn,text:d("clickViewOnly")}:{icon:l.vn.Lock,text:m.getRespectRatingText(r,c,n)};case"just_my_customer":return a.overrideRestrictions?{icon:l.vn.Lock,text:d(n?"justMySchoolTeachers":"justMySchoolDescription")}:{icon:l.vn.Lock,text:m.getRespectRatingText(r,c,n)};case"restricted":case"private":return{icon:l.vn.Lock,text:d("privateDescription")};default:return{}}},getIconAndText:function(e){var t=e.linkExpireDate,a=e.isPasswordProtected,n=e.status;if(!t&&!a)return m.getPrivateIconAndText(e);if(!t)return{icon:l.vn.Lock,text:d("password")};var i=r.O.isToday(t),s=r.O.diffBetween(t,new Date,"day");if(!a){var o=i?d("expiryToday"):d("expiry",{days:s});return n===c.F.Expired&&(o=d("expired")),{icon:l.vn.Timer,text:o}}var u=i?d("passwordExpiryToday"):d("passwordExpiry",{days:s});return n===c.F.Expired&&(u=d("passwordExpired")),{icon:l.vn.Lock,text:u}},getRespectRatingText:function(e,t,a){var n;if(!e||!t)return null;if(a)return d("justMySchoolTeachers");if(!o.M.isVideoType(e))return d("collectionRating");var r=s.l.getWeightedRestriction(null===(n=e._restrictions)||void 0===n?void 0:n.value);if(r&&!r.yearGroup)return d("onlyAdmins");var i,c,l,m=o.M.getRating(e),v=function(e,t){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=function(e,t){if(e){if("string"==typeof e)return u(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?u(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){a&&(e=a);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,c=!0,s=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return c=e.done,e},e:function(e){s=!0,i=e},f:function(){try{c||null==a.return||a.return()}finally{if(s)throw i}}}}(t);try{for(v.s();!(l=v.n()).done;){var p=l.value;(!i||p.value>i.value)&&(i=p),r&&p.value<=r.yearGroup||m&&p.rating.value<m.value||(!c||p.value<c.value)&&(c=p)}}catch(e){v.e(e)}finally{v.f()}return c?1===t.length?d("clickViewOnly"):c.value===i.value?d("maxYearGroup",{yearGroup:i.name}):d("yearGroupRange",{yearGroup:c.name}):d("onlyStaff")}}},18995:(e,t,a)=>{a.d(t,{e:()=>l});var n=a(32735),r=a(23481),i=a(49863),c=a(36532),s=r.T.encloseNamespace("shared.avatarList");function l(e){var t=e.items.length>e.maxAvatars?e.items.slice(0,e.maxAvatars-1):e.items,a=e.items.length>t.length?e.items.slice(e.maxAvatars-1):[],r=e.avatarItem,l=a.length,o="sm"===e.avatarSize?4:8;function u(t){return{transform:"translateX(".concat((e.hasShareLink?t+1:t)*-o,"px)"),zIndex:e.maxAvatars-t}}return 0===t.length&&0===a.length?n.createElement(n.Fragment,null):n.createElement("div",{className:"d-flex",style:{marginRight:"-".concat((t.length-1+(a.length?1:0)+(e.hasShareLink?1:0))*o,"px")}},e.hasShareLink&&n.createElement("div",{style:{zIndex:e.maxAvatars+1}},n.createElement(i.Ad,{text:e.shareLinkText,avatarSize:e.avatarSize,className:"bg-dark text-white"})),t.map((function(t,a){return n.createElement("div",{className:"".concat(e.avatarContainerClassname||""),key:t.id,style:u(a)},n.createElement(r,{item:t,imageCdnUrl:e.imageCdnUrl,index:a,maxAvatars:e.maxAvatars}))})),!!a.length&&n.createElement("div",{className:"".concat(e.avatarContainerClassname||""," bg-white rounded-circle"),style:{transform:"translateX(".concat(t.length*-o,"px)"),zIndex:e.maxAvatars-t.length}},n.createElement(c.u,{title:e.getHiddenTooltip?e.getHiddenTooltip(a):e.roleToDisplay?s("staff"===e.roleToDisplay?"staff":"student",{count:l,smartCount:l}):s("users",{count:l,smartCount:l}),spanHack:!0,spanHackClassName:"h-100 w-100"},n.createElement("div",{className:"d-flex justify-content-center align-items-center border border-dark rounded-circle h-100 w-100 ".concat(e.numberClassname||"")},"+".concat(a.length)))))}l.defaultProps={maxAvatars:5}},39902:(e,t,a)=>{a.d(t,{FN:()=>p,SW:()=>f,fh:()=>v});var n=a(32735),r=a(20354),i=a(75896);function c(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||s(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){if(e){if("string"==typeof e)return l(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function u(e,t,a){return(t=function(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,"string");if("object"!=o(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var d=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a},m=50;function v(e,t){var a=i.m.chunk(e,m).map((function(e){return t(i.m.uniq(e))})),n=r.a.useBasicFetchAll(a),c=i.m.flatten(n.data),s=n.data.length?c.reduce((function(e,t){return Object.assign(Object.assign({},e),u({},t.id,t))}),{}):null;return{itemsArr:c,items:s,isFetching:n.isFetching}}function p(e,t,a){var r=f({getRequest:t,_getKey:a}),i=r.fetchItems,c=d(r,["fetchItems"]);return n.useEffect((function(){(null==e?void 0:e.length)&&i(e)}),[null==e?void 0:e.length]),c}function f(e){var t,a,l,d,v,p=null!==(t=e._getKey)&&void 0!==t?t:function(e){return"object"===o(e)?e.id:e},f=n.useRef(new Set),h=(d=n.useState([]),v=2,function(e){if(Array.isArray(e))return e}(d)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,c,s=[],l=!0,o=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){o=!0,r=e}finally{try{if(!l&&null!=a.return&&(c=a.return(),Object(c)!==c))return}finally{if(o)throw r}}return s}}(d,v)||s(d,v)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=h[0],y=h[1],E=r.a.useBasicFetchAll(g),b=i.m.flatten(E.data),S=E.data.length?b.reduce((function(e,t){return Object.assign(Object.assign({},e),u({},p(t),t))}),{}):null;return{hasFirstRequestCompleted:!!(null===(l=null===(a=E.responses)||void 0===a?void 0:a[0])||void 0===l?void 0:l.hasCompleted),itemsArr:b,items:S,isFetching:E.isFetching,fetchItems:function(t){if(null==t?void 0:t.length){var a=[];t.forEach((function(e){var t=p(e);f.current.has(t)||(a.push(e),f.current.add(t))})),a.length&&y((function(t){return[].concat(c(t),c(i.m.chunk(a,m).map(e.getRequest)))}))}}}}},62875:(e,t,a)=>{function n(e,t,a){var n="".concat(e,":").concat(t.start,":").concat(t.end),r=Array.isArray(t.userId)?t.userId.sort().join(":"):t.userId,i=Array.isArray(t.groupId)?t.groupId.sort().join(":"):t.groupId;return r&&(n+=":".concat(r)),i&&(n+=":".concat(i)),a&&(n+=":".concat(a)),n}a.d(t,{H:()=>n})},36511:(e,t,a)=>{a.d(t,{I:()=>r});var n=a(38129);function r(e){switch(e){case n.R.Pink:return"pink";case n.R.Orange:return"orange";case n.R.Green:return"green";case n.R.Blue:return"blue";case n.R.Purple:return"purple";case n.R.Indigo:return"indigo";default:return"pink"}}},80179:(e,t,a)=>{a.r(t),a.d(t,{SharedByMeView:()=>de});var n=a(32735),r=a(81886),i=a(23481),c=a(97958),s=i.T.encloseNamespace("share.sharedByMeEmptyState");function l(e){return n.createElement(c.u,null,n.createElement(c.u.Image,{src:e.imageUrl,size:"small"}),n.createElement(c.u.Heading,null,s(e.useInteractiveCopy?"interactivesHeading":"genericHeading")),n.createElement(c.u.Info,null,s(e.useInteractiveCopy?"interactivesInfo":"genericInfo")),!!e.appLink&&n.createElement(c.u.Cta,{appLink:e.appLink,text:s("cta")}))}var o=a(95834),u=a(6748),d=a(82602),m=a(75896),v=a(110),p=a(65858),f=a(83914),h=a(36532),g=a(49080),y=a(85063),E=a(35223);const b={indicatorContainer:"T6YAv",indicator:"_MRHG"};var S=i.T.encloseNamespace("share.shareStatusIndicator");function C(e){if(e.type===y.y.DirectShare)return S("active");switch(e.status){case g.F.Active:return S("active");case g.F.Expired:return S("expired")}}function x(e){if(e.type===y.y.DirectShare)return"bg-success";switch(e.status){case g.F.Active:return"bg-success";case g.F.Expired:return"bg-gray-500"}}function k(e){var t;return e.share.type!==y.y.DirectShare||(null===(t=e.share.recipients)||void 0===t?void 0:t.length)?e.share.type===y.y.ShareLink&&e.share.isPasswordProtected?n.createElement(h.u,{title:S("passwordProtected"),spanHack:!0},n.createElement(f.x,{svgName:E.vn.Lock,size:f.S.Small})):n.createElement(h.u,{title:C(e.share),spanHack:!0,spanHackClassName:b.indicatorContainer},n.createElement("div",{className:"".concat(b.indicator," ").concat(x(e.share))})):n.createElement(n.Fragment,null)}var w=a(9806),I=a(49863),A=a(31754),N=a(65853),O=a(64249),j=a(83657),T=a(15611),R=a(83345),L=a(26339),M=a(31908);function F(e){return F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},F(e)}var H="share.sharedByMeTable",P=i.T.encloseNamespace(H);function U(e){var t;if(e.type===y.y.ShareLink||!(null===(t=null==e?void 0:e.recipients)||void 0===t?void 0:t.length))return e.dateCreated;var a=e.recipients.map((function(e){return e.dateShared}));return a.sort((function(e,t){return v.O.isSame(e,t)?0:v.O.isAfter(e,t)?1:-2})),a.length?m.m.last(a):""}function D(e){var t=e.index,a=e.dateHeading,r=e.getObjectAppLink,i=e.getObjectActions,c=e.imageCdnUrl,s=e.showStatus,l=e.showViewCount,o=e.breakpoints,u=e.yearGroups,m=o&&(o.xs||o.sm),v=[{Header:s?"":a,accessor:"sharedObject",id:"image",Cell:function(e){var t=e.value;return n.createElement("div",{className:"w-100"},n.createElement(w.k,{object:t,appLink:r(t),showVideoMetadata:!0,locationContext:p.LZ.SharedByMe}))},minWidth:140,maxWidth:30},{accessor:"sharedObject",id:"name",Cell:function(e){var t,a=e.value;return a.name?M.M.isVideoType(a)&&!(null===(t=M.M.getCanBeConsumed(a))||void 0===t?void 0:t.canNavigate)?n.createElement("span",{className:"clamp-2"},a.name):n.createElement("div",{className:"clamp-2"},M.M.isVideoType(a)&&n.createElement(L.$,{type:"series",video:a,appLink:"series"in a&&a.series?r(a.series):null,analyticsOptions:{location:p.LZ.Insights}}),n.createElement(T.F,{appLink:r(a),analyticsData:{id:a.id,name:a.name},analyticsOptions:{entity:O.I.getAnalyticsEntity(a.type),actionType:p.Vw.Click,location:p.LZ.SharedByMe}},a.name)):n.createElement("span",null,n.createElement(R.x,{namespace:H,phrase:"videoUnavailable"}))},width:60},{Header:0===t?P("sharedTo"):"",accessor:"sharedToData",Cell:function(e){var t=e.value,a=t.share,r=t.sharedObject,i=t.recipients;if(!i){var s=a.type===y.y.ShareLink&&N.R.getIconAndText({entity:r,entityTypeId:r.typeId,hasStudentExp:!1,isPasswordProtected:a.isPasswordProtected,linkExpireDate:a.linkExpireDate,privacy:{privacy:a.privacy,overrideRestrictions:a.overrideRestrictions},status:a.status,yearGroups:null!=u?u:[]});return n.createElement(I.Ad,{text:null==s?void 0:s.text})}return(null==i?void 0:i.length)?n.createElement(I.Kh,{recipients:i,imageCdnUrl:c,maxAvatars:m?1:2}):n.createElement(I.m9,null)},width:40},!m&&{Header:0===t?P("shared"):"",id:"dateShared",accessor:function(e){return(0,d.WU)(e.dateShared)},width:40},{accessor:"sharedObject",id:"actions",Cell:function(e){var t=e.value;return n.createElement(j.e,{actions:i(t),className:"w-100 justify-content-end pe-2"})},width:20}],f={Header:a,accessor:"share",id:"status",Cell:function(e){var t=e.value;return n.createElement(k,{share:t})},width:5},h={Header:P("views"),accessor:"viewCount",width:30};return s&&v.splice(0,0,f),l&&v.splice(v.length-1,0,h),v.filter(Boolean)}function B(e){var t,a,r,i,c,s,l,d,m=(t=e.sentShares,a=e.sharedObjects,r=e.shareRecipients,i=!!e.groupByDateShared,c=[],t.forEach((function(e){var t,n,i=null==a?void 0:a[e.objectId],s=null;e.type===y.y.DirectShare&&(s=[],null===(t=e.recipients)||void 0===t||t.forEach((function(e){var t=null==r?void 0:r[e.id];t&&s.push(t)}))),i&&c.push({share:e,sharedObject:i,sharedToData:{share:e,sharedObject:i,recipients:s},dateShared:U(e),viewCount:null!==(n=e.viewCount)&&void 0!==n?n:0})})),i?A.x.groupByDateShared(c):(s={},l=P("title"),d=c,(l=function(e){var t=function(e){if("object"!=F(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,"string");if("object"!=F(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==F(t)?t:t+""}(l))in s?Object.defineProperty(s,l,{value:d,enumerable:!0,configurable:!0,writable:!0}):s[l]=d,s));return n.createElement(n.Fragment,null,Object.keys(m).map((function(t,a){return n.createElement(u.i,{key:a,columns:D({index:a,dateHeading:t,getObjectAppLink:e.getObjectAppLink,getObjectActions:e.getObjectActions,imageCdnUrl:e.imageCdnUrl,showStatus:e.showStatus,showViewCount:e.showViewCount,breakpoints:e.breakpoints,yearGroups:e.yearGroups}),data:m[t],theme:o.J})})))}var G=a(87801),z=a(16714),V=a(79967),_=a(22902),W=a(79612),K=a(37802),q=a(99742),X=a(14070),Z=a(97291),Y=a(64208),$=a(86099),J=a(2523);const Q={imageColumn:"uIOaA",nameColumn:"Nta2B",sharedToColumn:"XTJBC",dateSharedColumn:"HdARK",actionsColumn:"DXyZw",heading:"XZ6o7",image:"MolfU",name:"MM43m",avatar:"EboYM",date:"by_XM",actions:"_S2M_"};function ee(){return n.createElement("div",{className:"d-flex striped-row rounded"},n.createElement("div",{className:"d-flex align-items-center justify-content-center p-2 ".concat(Q.imageColumn)},n.createElement("div",{className:"partial-loading-background rounded w-100 ".concat(Q.image)})),n.createElement("div",{className:"d-flex align-items-center p-2 ".concat(Q.nameColumn)},n.createElement("div",{className:"partial-loading-background w-75 ".concat(Q.name)})),n.createElement("div",{className:"d-flex align-items-center p-2 ".concat(Q.sharedToColumn)},n.createElement("div",{className:"partial-loading-background ".concat(Q.avatar)})),n.createElement("div",{className:"d-none d-md-flex align-items-center p-2 ".concat(Q.dateSharedColumn)},n.createElement("div",{className:"partial-loading-background ".concat(Q.date)})),n.createElement("div",{className:"d-flex align-items-center justify-content-end p-2 ".concat(Q.actionsColumn)},n.createElement("div",{className:"partial-loading-background rounded me-2 ".concat(Q.actions)})))}function te(e){return n.createElement("div",{className:"d-flex mb-1"},n.createElement("div",{className:"".concat(Q.imageColumn," p-2")},n.createElement("div",{className:"partial-loading-background ".concat(Q.heading)})),n.createElement("div",{className:"".concat(Q.nameColumn," p-2")}," "),n.createElement("div",{className:"".concat(Q.sharedToColumn," p-2")},e.fullHeader?n.createElement("div",{className:"partial-loading-background ".concat(Q.heading)}):n.createElement(n.Fragment,null," ")),n.createElement("div",{className:"".concat(Q.dateSharedColumn," p-2 d-none d-md-flex")},e.fullHeader?n.createElement("div",{className:"partial-loading-background ".concat(Q.heading)}):n.createElement(n.Fragment,null," ")),n.createElement("div",{className:"".concat(Q.actionsColumn," p-2")}," "))}function ae(){return n.createElement(n.Fragment,null,n.createElement("div",{className:"mb-3"},n.createElement(te,{fullHeader:!0}),n.createElement("div",{className:"striped-list no-full-width"},n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null))),n.createElement("div",{className:"mb-3"},n.createElement(te,null),n.createElement("div",{className:"striped-list no-full-width"},n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null))),n.createElement("div",{className:"mb-3"},n.createElement(te,null),n.createElement("div",{className:"striped-list no-full-width"},n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null),n.createElement(ee,null))))}var ne=a(20354),re=a(4594),ie=a(39151),ce=a(70227),se=i.T.encloseNamespace("liteShare.sharedByMe");function le(e,t){return{label:se("editShareSettings"),appLink:{application:Z.O.DEFAULT,action:X.e.Default.SHARE,args:[e.id],params:{entityType:t}}}}function oe(e){return n.createElement(h.u,{title:e.label,spanHack:!0},n.createElement("a",{href:e.url,target:"_blank"},n.createElement(f.x,{svgName:E.vn.Analytics})))}var ue=i.T.encloseNamespace("liteShare.sharedByMe");function de(){var e=(0,_.T)().hasPermissions,t=(0,K.r)(null).hasShareFlowV2,a=(0,V.k)(),i=(0,Y.a)(),c=i.sentShares,s=i.sharedObjects,o=i.shareRecipients,u=i.isFetching,d=i.showPartialLoading,m=i.nextCursor,v=i.hasMore,p=i.fetchNext,f=i.imageCdnUrl,h=i.yearGroups,g=e(z.C.ViewMyShares)&&t;n.useEffect((function(){g&&r.Q.C$.trigger({application:Z.O.MY_SHARES,action:X.e.MyShares.HOME},{replace:!0})}),[g]),(0,W.M)({title:ue("sharedByMe")});var y=function(e){var t=ne.a.useBasicFetch(ie.L.config()),a=e.xs||e.sm;return n.useCallback((function(e){return function(e,t,a){var r,i="viewUsage";if(M.M.isVideo(e)&&(r="video"),M.M.isInteractive(e)&&(r="interactive",i="viewResults"),M.M.isClip(e)&&(r="clip"),e.typeId===re.E.Series&&(r="series"),e.typeId===re.E.Playlist&&(r="playlist"),M.M.isVideoType(e)&&!M.M.getCanBeConsumed(e).canConsume)return[];var c=[le(e,r)],s=ce.c.getObjectUrl(a,e);return s&&c.push({label:t?se(i):function(){return n.createElement(oe,{label:se(i),url:s})},className:"btn btn-link",button:!t,href:ce.c.getObjectUrl(a,e),openInNewTab:!0}),c}(e,a,t.data)}),[a])}(a);return n.createElement("div",{className:"px-3"},!g&&n.createElement(J.w,null),d?n.createElement(ae,null):c.length?n.createElement(n.Fragment,null,n.createElement(B,{sentShares:c,sharedObjects:s.items,shareRecipients:o.items,getObjectAppLink:$.Qh,getObjectActions:y,groupByDateShared:!0,breakpoints:a,yearGroups:h,imageCdnUrl:f}),(v||u)&&n.createElement(G._,{isFetching:u,fetchNext:p,nextCursor:m})):n.createElement(l,{appLink:{application:Z.O.DASHBOARD,action:X.e.Dashboard.HOME},imageUrl:q.W.EmptyStates.Share.SHARED_WITH_ME}))}},64208:(e,t,a)=>{a.d(t,{a:()=>h});var n=a(20354),r=a(1048),i=a(71553),c=a(30439),s=a(39151),l=a(1666),o=a(31949),u=a(39902),d=a(60115),m=a(75896),v=a(85063),p={getDirectShares:function(e){var t;return null!==(t=null==e?void 0:e.filter((function(e){return e.type===v.y.DirectShare})))&&void 0!==t?t:[]},getRecipients:function(e){return m.m.flatten(p.getDirectShares(e).map((function(e){var t;return null!==(t=e.recipients)&&void 0!==t?t:[]})))}},f=a(31908);function h(e,t){var a,m,v=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],h=n.a.useGetFetch(),g=n.a.useBasicFetch(o.N.currentUser()),y=n.a.useBasicFetch(s.L.config()),E=n.a.useBasicFetch((null===(a=g.data)||void 0===a?void 0:a.isAuthenticated)&&l.h.yearGroups(g.data.customerId)),b=function(t){return v&&c.o.sentShare(Object.assign({cursor:t},e))},S=function(e){return h(b(e))},C=(0,d.K)(b,S),x=C.items,k=C.hasMore,w=C.isFetching,I=C.nextCursor,A=C.hasFirstPageCompleted,N=(0,u.FN)(null==x?void 0:x.map((function(e){return e.objectId})),c.o.sharedObjectsById),O=(0,u.FN)(p.getRecipients(x).map((function(e){return e.id})),(function(e){return c.o.getRecipientsById(e,g.data.customerId)})),j=(0,u.FN)(t?r.t.values(N.items||[]):[],(function(e){return i.I.pendingReviews({interactives:e.filter(f.M.isInteractive).map((function(e){return{interactiveId:e.interactiveId,metadataId:e.id}})),filters:{currentCustomerId:g.data.customerId,currentUserId:g.data.id}})}),(function(e){return"".concat(e.id,":").concat(e.interactiveId)})),T=w||N.isFetching||O.isFetching||j.isFetching||E.isFetching,R=!A||(null==x?void 0:x.length)&&!N.hasFirstRequestCompleted;return{sentShares:x,sharedObjects:N,shareRecipients:O,yearGroups:E.data,interactivesPendingReview:j,isFetching:T,showPartialLoading:R,nextCursor:I,hasMore:k,fetchNext:S,imageCdnUrl:null===(m=y.data)||void 0===m?void 0:m.imageCdnUrl}}}}]);
+//# sourceMappingURL=6379-4b78ae2469-lite.chunk.js.map