@clickview/lite 0.64.0-rc.0 → 0.64.0-rc.2

package/dist/scripts/9013-6fcc58f028-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/9013-6fcc58f028-lite.chunk.js","mappings":"wTAWA,IACMA,EAAY,qBADA,uBAeLC,EAAkB,CAC7BC,sBAAuB,SAACC,GACtB,IAAQC,EAA6DD,EAA7DC,aAAcC,EAA+CF,EAA/CE,QAASC,EAAsCH,EAAtCG,cAAeC,EAAuBJ,EAAvBI,OAAQC,EAAeL,EAAfK,WAEtD,GAAIJ,IAAiB,WAAoBA,IAAiB,WACxD,MAAO,CAAEK,KAAM,eAAwBC,KAAMV,EAAUM,EAAgB,uBAAyB,4BAMlG,IAAIK,MAAMC,QAAQP,GAGlB,OAAQA,EAAQA,SACd,IAAK,SACH,MAAO,CAAEI,KAAM,eAAwBC,KAAMV,EAAU,sBACzD,IAAK,YACH,OAAIK,EAAQQ,qBACH,CAAEJ,KAAM,eAAwBC,KAAMV,EAAU,kBAClD,CACLS,KAAM,UACNC,KAAMT,EAAgBa,qBAAqBP,EAAQC,EAAYF,IAEnE,IAAK,mBACH,OAAID,EAAQQ,qBACH,CAAEJ,KAAM,UAAmBC,KAAMV,EAAUM,EAAgB,uBAAyB,4BACtF,CACLG,KAAM,UACNC,KAAMT,EAAgBa,qBAAqBP,EAAQC,EAAYF,IAMnE,IAAK,aACL,IAAK,UACH,MAAO,CAAEG,KAAM,UAAmBC,KAAMV,EAAU,uBACpD,QACE,MAAO,CAAC,EAEd,EAEAe,eAAgB,SAACZ,GACf,IAAQa,EAAgDb,EAAhDa,eAAgBC,EAAgCd,EAAhCc,oBAAqBC,EAAWf,EAAXe,OAC7C,IAAKF,IAAmBC,EACtB,OAAOhB,EAAgBC,sBAAsBC,GAE/C,IAAKa,EACH,MAAO,CAAEP,KAAM,UAAmBC,KAAMV,EAAU,aAEpD,IAAMmB,EAAU,YAAmBH,GAC7BI,EAAgB,gBAAuBJ,EAAgB,IAAIK,KAAQ,OAEzE,IAAKJ,EAAqB,CACxB,IAAI,EAAOE,EACPnB,EAAU,eACVA,EAAU,SAAU,CAAEsB,KAAMF,IAKhC,OAHIF,IAAW,cACb,EAAOlB,EAAU,YAEZ,CAAES,KAAM,WAAoBC,KAAA,EACpC,CAED,IAAIA,EAAOS,EACPnB,EAAU,uBACVA,EAAU,iBAAkB,CAAEsB,KAAMF,IAKxC,OAHIF,IAAW,cACbR,EAAOV,EAAU,oBAEZ,CAAES,KAAM,UAAmBC,KAAAA,EACpC,EAEAI,qBAAoB,SAACS,EAAmBf,EAAyBF,G,MAC/D,IAAKiB,IAAUf,EACb,OAAO,KAET,GAAIF,EACF,OAAON,EAAU,wBAEnB,IAAK,gBAAwBuB,GAC3B,OAAOvB,EAAU,oBAEnB,IAAMwB,EAAc,2BAA4D,QAAnB,EAAAD,EAAME,qBAAa,eAAEC,OAKlF,GAAIF,IAAgBA,EAAYG,UAC9B,OAAO3B,EAAU,cAEnB,IAEI4B,EACAC,EAE8B,EAL5BC,EAAS,cAAsBP,GAGF,E,64BAAA,CAEXf,GAAU,IAAlC,IAAK,EAAL,qBAAoC,KAAzBmB,EAAS,UAIbC,GAAgBD,EAAUD,MAAQE,EAAaF,SAClDE,EAAeD,GAKbH,GAAeG,EAAUD,OAASF,EAAYG,WAM9CG,GAAUH,EAAUG,OAAOJ,MAAQI,EAAOJ,SAMzCG,GAAuBF,EAAUD,MAAQG,EAAoBH,SAChEG,EAAsBF,EACzB,CAED,+BAGA,OAAKE,EAQqB,IAAtBrB,EAAWuB,OACN/B,EAAU,iBAMf6B,EAAoBH,QAAUE,EAAaF,MACtC1B,EAAU,eAAgB,CAAE2B,UAAWC,EAAaI,OAEtDhC,EAAU,iBAAkB,CAAE2B,UAAWE,EAAoBG,OAjB3DhC,EAAU,YAkBrB,E,6DCxKI,SAAUiC,IACd,aAAgB,WAEd,OADA,uBACO,kBAAM,wBAAiC,CAChD,GAAG,GACL,C,wECHMC,EAAY,wBAcZ,SAAUC,EAAaC,GAC3B,IAAQC,EAAoBD,EAApBC,gBAER,OACE,uBAAKC,UAAU,sEACb,wBAAMA,UAAU,eAAc,gBAAC,IAAI,CAACJ,UAAWA,EAAWK,OAASF,EAAgC,WAAd,gBAEnFA,GACA,gBAAC,KAAgB,CAAC3B,KAAM0B,EAAMI,cAAeC,WAAW,KAAKH,UAAU,uBAGxED,KAAoBA,aAAe,EAAfA,EAAiBN,SACpC,gBAAC,KAAuB,CAACU,WAAW,OAGrCJ,GACC,gBAAC,KAAkB,CACjBK,WAAYL,EACZM,YAAaP,EAAMO,YACnBC,WAAYR,EAAMQ,WAClBH,WAAW,KACXI,aAAcT,EAAMS,aACpBL,cAAeJ,EAAMI,gBAK/B,CA/BAL,EAAaW,aAAe,CAC1BF,WAAY,E,sVChBd,SAAgB,QAAU,S,82CCc1B,IAAMV,EAAY,+BACZlC,EAAY+C,EAAA,mBAAiCb,GAO7C,SAAUc,EAAoBZ,GAClC,IAAMa,EAAoB,CAAC,CACzBC,MAAOlD,EAAU,aACjBmD,OAAQC,EAAA,YACP,CACDF,MAAOlD,EAAU,UACjBmD,OAAQC,EAAA,WAGJC,EAyDGjB,EAAMkB,aAAaH,QAAO,SAAAI,GAAM,OACrCN,EAAkBO,MAAK,SAAAC,GAAM,OAAIF,IAAWE,EAAON,MAAM,GAAC,IAxDC,IAArB,YAAe,GAAM,GAAvDO,EAAY,KAAEC,EAAe,KACsC,IAAnC,WAAeN,GAAoB,GAAnEO,EAAW,KAAEC,EAAc,KAEnC,SAASC,IACP,IAAMC,EAAgB3B,EAAM4B,QAAQC,OAEpC,eAA2B,OAAD,wBACrB7B,EAAM4B,SAAO,CAChBC,OAAQ,OAAF,wBACDF,GAAa,CAChBR,OAAQ,GAAF,SACDnB,EAAMkB,aAAaH,QAAO,SAAAA,GAAM,OAAKF,EAAkBiB,MAAK,SAAAT,GAAM,OAAIN,IAAWM,EAAON,MAAM,GAAC,KAAC,EAChGS,QAIX,CA2CA,OACE,uBAAKtB,UAAU,yCACb,qBAAGA,UAAU,WAAU,gBAAC6B,EAAA,EAAI,CAACjC,UAAWA,EAAWK,OAAO,aAC1D,uBAAKD,UAAU,oDACb,gBAAC8B,EAAuB,CAACb,OAAQH,EAAA,QAAkBiB,YAAajC,EAAMkB,aAAcU,QAAS5B,EAAM4B,UACnG,gBAACI,EAAuB,CAACb,OAAQH,EAAA,OAAiBiB,YAAajC,EAAMkB,aAAcU,QAAS5B,EAAM4B,UAClG,gBAACI,EAAuB,CACtBb,OAAQH,EAAA,cACRiB,YAAajC,EAAMkB,aACnBU,QAAS5B,EAAM4B,UAEjB,gBAACM,EAAA,EAAQ,CAACC,SAtChB,SAA0BC,GACxBb,EAAgBa,GAEZA,GAGJV,GACF,EA+B4CW,KAAMf,GAC1C,gBAACY,EAAA,SAAe,CACdhC,UAAW,UACXoC,QAASrB,EAAoBtB,OAAS,OAAS,gBAE/C,wBAAMO,UAAU,oBACd,gBAAC6B,EAAA,EAAI,CAACjC,UAAWA,EAAWK,OAAO,gBAClCc,EAAoBtB,OAAS,MAAH,OAASsB,EAAoBtB,QAAW,KAIvE,gBAACuC,EAAA,OAAa,KACZ,uBAAKhC,UAAU,uBACb,sBAAIA,UAAU,WAAU,gBAAC6B,EAAA,EAAI,CAACjC,UAAWA,EAAWK,OAAO,WAC3D,sBAAID,UAAU,sBACXW,EAAkB0B,KAAI,SAAAlB,GAAM,OAC3B,sBAAImB,IAAG,UAAKnB,EAAOP,MAAK,WAAWZ,UAAU,QAC3C,gBAACuC,EAAA,EAAQ,CACPC,GAAE,UAAKrB,EAAOP,MAAK,WACnBA,MAAOO,EAAOP,MACd6B,SAAU,WAAF,OA5CJ5B,EA4C2BM,EAAON,YA3CxDU,EAAemB,EAAA,uBAAiCpB,EAAaT,IAD/D,IAAwBA,CA4CyC,EAC7C8B,SAzCM9B,EAyCoBM,EAAON,SAxC1CS,EAAYM,MAAK,SAAAgB,GAAc,OAAIA,IAAmB/B,CAAM,QADvE,IAA0BA,CA2CL,KAGT,0BAAQgC,QAAS,WAAF,OAtDzBrB,SACAH,GAAgB,EAqD+B,EAAErB,UAAU,6CAC/C,gBAAC6B,EAAA,EAAI,CAACjC,UAAWA,EAAWK,OAAO,iBAM1CH,EAAMkB,aAAavB,QACpB,0BAAQoD,QAtFd,WACEtB,EAAe,IAEf,IAAME,EAAgB3B,EAAM4B,QAAQC,OAEpC,eAA2B,OAAD,wBACrB7B,EAAM4B,SAAO,CAChBC,OAAQ,OAAF,wBACDF,GAAa,CAChBR,OAAQ,OAGd,EA0EqCjB,UAAU,qBACvC,gBAAC6B,EAAA,EAAI,CAACjC,UAAWA,EAAWK,OAAO,cAK7C,CAQA,SAAS6B,EAAwBhC,GAC/B,IAAMgD,EAAWhD,EAAMiC,YAAYgB,SAASjD,EAAMmB,QAE5C+B,EAAiBlD,EAAM4B,QACvBD,EAAgBuB,EAAerB,OAE/BsB,EAAwBP,EAAA,uBAAiC5C,EAAMiC,YAAajC,EAAMmB,QAElFiC,EAAa,OAAH,wBACXF,GAAc,CACjBrB,OAAQ,OAAF,wBACDF,GAAa,CAChBR,OAAQgC,MAIZ,SAASE,IACP,OAAIrD,EAAMmB,SAAWH,EAAA,QAAyB,SAC1ChB,EAAMmB,SAAWH,EAAA,OAAwB,QACzChB,EAAMmB,SAAWH,EAAA,cAA+B,oBAApD,CACF,CAEA,OACE,gBAACsC,EAAA,EAAO,CACNpD,UAAS,cAAS8C,EAAW,WAAa,mBAAkB,gBAC5DpB,QAASwB,EACTG,UAAS,UAAK3F,EAAU,gBAAe,aAAKA,EAAUyF,OAEtD,gBAACtB,EAAA,EAAI,CAACjC,UAAWA,EAAWK,OAAQkD,MAG1C,C,qCC5KM,EAAY1C,EAAA,mBADA,oCAGZ,SAAU6C,IACd,OACE,gBAACC,EAAA,EAAU,KACT,gBAACA,EAAA,QAAgB,CAACC,IAAKC,EAAA,iCAA0CC,KAAK,UACtE,gBAACH,EAAA,UAAkB,KAChB,EAAU,YAEb,gBAACA,EAAA,OAAe,KAAE,EAAU,SAC5B,gBAACA,EAAA,MAAc,CAAC7B,QAAS,CAAEiC,YAAa,cAAuBC,OAAQ,oBAA0BxF,KAAM,EAAU,SAGvH,C,w2BCVA,IACM,GAAYqC,EAAA,mBADA,0BAGlB,SAASoD,GAAcC,G,MACrB,GAAIA,EAAMC,OAASC,EAAA,eAAyC,QAAjB,EAAAF,aAAK,EAALA,EAAO1D,kBAAU,eAAEX,QAC5D,OAAOqE,EAAMG,YAEf,IAAMC,EAAcJ,EAAM1D,WAAWiC,KAAI,SAAA8B,GAAC,OAAIA,EAAEC,UAAU,IAU1D,OARAF,EAAYG,MAAK,SAACC,EAAOC,GACvB,OAAIC,EAAA,SAAkBF,EAAOC,GACpB,EAEFC,EAAA,UAAmBF,EAAOC,GAAS,GAAK,CACjD,IAGKL,EAAYzE,OAGViD,EAAA,OAAiBwB,GAFf,EAGX,C,gBClCA,UAAgB,cAAgB,SC4BhC,IAAM,GAAY,yBAQlB,SAASO,GAAiB3E,G,MAChB4E,EAAiB5E,EAAjB4E,aAER,IAAKA,EAAahF,KAChB,OAAO,gBAACmC,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAO,qBAG5C,GAAI0E,EAAA,cAAwBD,MACiB,QAA1C,EAAAC,EAAA,mBAA6BD,UAAa,eAAEE,aAC7C,OACE,wBAAM5E,UAAU,WACb0E,EAAahF,MAYpB,IAAMmF,EAPN,WACE,OAAQH,EAAazD,QACnB,KAAKH,EAAA,SAAmB,MAAO,SAC/B,KAAKA,EAAA,WAAqB,MAAO,WAErC,CAEsBgE,GAEtB,OACE,2BACGH,EAAA,cAAwBD,IACvB,gBAACK,EAAA,EAAY,CACXhB,KAAK,SACL9E,MAAOyF,EACPhD,QAAS,WAAYgD,GAAgBA,EAAaM,QAAS,QAAiBN,EAAaM,QAAU,KACnGC,iBAAkB,CAAEC,SAAU,eAC9BlF,UAAU,qBAIb6E,GACC,gBAACM,EAAA,EAAY,KACX,gBAACtD,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAQ4E,KAIxC,gBAACzB,EAAA,EAAO,CACN1B,SAAS,QAAiBgD,GAC1B1E,UAAU,UACVoF,cAAe,CAAE5C,GAAIkC,EAAalC,GAAI9C,KAAMgF,EAAahF,MACzDuF,iBAAkB,CAChBhH,OAAQoH,EAAA,qBAAmCX,EAAaX,MACxDuB,WAAY,WACZJ,SAAU,gBAGXR,EAAahF,QAGbI,EAAMyF,gBACP,uBAAKvF,UAAS,6GACZ,gBAAC6B,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAO,iBAAiBpC,QAAS,CAAE2H,WAAY1F,EAAMyF,mBAK3F,CAkBM,SAAUE,GAAc3F,GAC5B,IFpEA4F,EACAC,EACA5F,EACA6F,EACAC,EACAC,E,EE+DMC,GFpENL,EEqEE5F,EAAM4F,WFpERC,EEqEE7F,EAAM6F,cFpER5F,EEqEED,EAAMC,gBFpER6F,IEqEI9F,EAAMkG,kBFpEVH,EEqEE/F,EAAMmG,0BFpERH,EEqEEhG,EAAMgG,aFnED,WAAc,WACnB,IAAMI,EAAiC,GAEjCC,EAAmBR,EAAcS,QACrC,SAAC/D,EAAKgE,GAAG,OAAK,oBAAIA,EAAI7D,GAAK6D,GAAQhE,EAAG,GACtC,CAAC,GAEGiE,EAAqBvG,EAAgBqG,QACzC,SAAC/D,EAAKgE,GAAG,OAAK,oBAAIA,EAAI7D,GAAK6D,GAAQhE,EAAG,GACtC,CAAC,GAGGkE,EAAgCV,aAA0B,EAA1BA,EAA4BO,QAGhE,SAAC/D,EAAKgE,GAAG,OAAK,oBAAIA,EAAIG,cAAgBH,GAAQhE,EAAG,GACjD,CAAC,GAuCH,OApCAqD,EAAWe,SAAQ,SAAAC,G,QACXhC,EAAeyB,EAAiBO,EAAEC,UAEpCvG,EAAyC,KAc7C,GAZIsG,EAAE3C,OAASC,EAAA,gBACb5D,EAAa,GAED,QAAZ,EAAAsG,EAAEtG,kBAAU,SAAEqG,SAAQ,SAAAtC,GACpB,IAAMyC,EAAYN,EAAmBnC,EAAE3B,IAEnCoE,GACFxG,EAAWyG,KAAKD,EACpB,KAIElC,EAAc,CAChB,IAAMoC,EAAgBpC,EAAazD,SAAWH,EAAA,gBAC5CyF,aAA6B,EAA7BA,EAAiC7B,EAAqC8B,gBAExEN,EAAUW,KAAK,OAAD,QACZ/C,MAAO4C,EACPhC,aAAAA,EACA3E,gBAAiBK,EACjBgE,WAAYP,GAAc6C,GAC1BK,UAAsB,QAAX,EAAAL,EAAEK,iBAAS,QAAI,EAC1BD,cAAeA,aAAa,EAAbA,EAAeE,oBAC1BN,EAAE3C,OAASC,EAAA,YAAsB,CACnCjG,QAAS2I,EAAE3I,QACXQ,qBAAsBmI,EAAEnI,sBACtB,CAAC,GAER,CACH,IAEKqH,EAGEqB,GAAA,oBAA8Bf,GAF5B,GAAP,GAAU,GAAU,SAAWA,EAGnC,G,gDAAOJ,I,sjBEWP,OACE,gCACGoB,OAAOC,KAAKpB,GAAM1D,KAAI,SAAC+E,EAASC,GAAC,OAChC,uBAAK/E,IAAK8E,GACR,uBAAKpH,UAAS,UAAK,iBAAoB,gBACrC,qBAAGA,UAAU,0BAA0BoH,GAChC,IAANC,GACC,gCACE,4BACA,qBAAGrH,UAAU,oBAAmB,gBAAC6B,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAO,qBACnE,qBAAGD,UAAU,oBAAmB,gBAAC6B,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAO,uBACnE,qBAAGD,UAAU,oBAAmB,gBAAC6B,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAO,oBAKzE,uBAAKD,UAAS,yDACX+F,EAAKqB,GAAS/E,KAAI,SAAAiF,GACjB,IAAM5C,EAAe4C,EAAU5C,aAEzBxE,EAAgBoH,EAAUxD,MAAMC,OAASC,EAAA,aAC7CrG,EAAA,iBAA+B,CAC7BM,OAAQyG,EACR5G,aAAc4G,EAAazD,OAC3BjD,eAAe,EACfW,oBAAqB2I,EAAUxD,MAAMnF,oBACrCD,eAAgB4I,EAAUxD,MAAMpF,eAChCX,QAAS,CACPA,QAASuJ,EAAUvJ,QACnBQ,qBAAsB+I,EAAU/I,sBAElCK,OAAQ0I,EAAUxD,MAAMlF,OACxBV,WAAY4B,EAAMT,YAGtB,OACE,uBAAKiD,IAAKgF,EAAUxD,MAAMtB,GAAIxC,UAAS,UAAK,iBAAoB,+CAC9D,gBAACuH,EAAA,EAAiB,CAChBC,OAAQ9C,EACRhD,QAAS5B,EAAM2H,iBAAiB/C,GAChCgD,mBAAiB,EACjBC,gBAAiB,cACjBC,oBAAkB,EAClBC,gBAAc,IAEhB,gBAACpD,GAAgB,CAACC,aAAc4C,EAAU5C,aAAca,eAAgB+B,EAAUR,gBAElF,gBAACjH,GAAA,EAAY,CACXK,cAAeA,aAAa,EAAbA,EAAe9B,KAC9B2B,gBAAiBuH,EAAUvH,gBAC3BM,YAAaP,EAAMO,cAGrB,qBAAGL,UAAU,SAAQ,QAAWsH,EAAUlD,aAE1C,qBAAGpE,UAAU,QAAO,gBAAC6B,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAO,QAAQpC,QAAS,CAAEiK,MAAOR,EAAUP,cAE3F,gBAACgB,EAAA,EAAO,CAAC/H,UAAU,4BAA4BgI,QAASlI,EAAMmI,iBAAiBvD,KAGrF,KAEE,IAKd,CClMA,UAAgB,MAAQ,QAAQ,QAAU,QAAQ,MAAQ,QAAQ,OAAS,SAAS,KAAO,QAAQ,MAAQ,QAAQ,QAAU,SCG7H,SAASwD,KACP,OACE,uBAAKlI,UAAS,UAAK,SAAY,wDAC7B,uBAAKA,UAAS,8DAAyD,YACvE,uBAAKA,UAAS,0CAAqC,UAAa,KAChE,uBAAKA,UAAS,uDAAkD,aAChE,uBAAKA,UAAS,qCAAgC,UAAa,KAC3D,uBAAKA,UAAS,qCAAgC,WAAc,KAC5D,uBAAKA,UAAS,wCACZ,uBAAKA,UAAS,kDAA6C,cAC3D,uBAAKA,UAAS,kDAA6C,eAInE,CAEM,SAAUmI,KACd,OACE,gCACE,uBAAKnI,UAAU,QACb,uBAAKA,UAAU,8BACb,uBAAKA,UAAS,UAAK,SAAY,gBAC7B,uBAAKA,UAAS,gDAA2C,UAAa,KACtE,4BACA,uBAAKA,UAAS,0CAAqC,UAAa,KAChE,uBAAKA,UAAS,0CAAqC,UAAa,KAChE,uBAAKA,UAAS,0CAAqC,UAAa,MAGlE,gBAACkI,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,QAIf,uBAAKlI,UAAU,QACb,uBAAKA,UAAS,0CAAqC,UAAa,KAEhE,uBAAKA,UAAU,8BACb,gBAACkI,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,QAIf,uBAAKlI,UAAU,QACb,uBAAKA,UAAS,0CAAqC,UAAa,KAEhE,uBAAKA,UAAU,8BACb,gBAACkI,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,MACX,gBAACA,GAAU,QAKrB,CCvDA,IAAM,GAAY,8BACZ,GAAYzH,EAAA,mBAAiC,IAE7C,SAAU2H,KACd,OACE,gBAAC7E,EAAA,EAAU,KACT,gBAACA,EAAA,QAAgB,CAACC,IAAKC,EAAA,+BAAwC4E,QAAS,GAAU,aAClF,gBAAC9E,EAAA,UAAkB,KAAC,gBAAC1B,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAO,aACvD,gBAACsD,EAAA,OAAe,KAAC,gBAAC1B,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAO,UACpD,gBAACsD,EAAA,MAAc,CACbnF,KAAMqC,EAAA,YAA0B,GAAW,OAC3CiB,QAAS,CACPiC,YAAa,YACbC,OAAQ,oBAEVwB,cAAe,CAAC,EAChBH,iBAAkB,CAChBK,WAAY,WACZJ,SAAU,qBACVjH,OAAQ,aACRqK,cAAe,WACfC,WAAY,KAAAC,UAKtB,C,gBCxBM,GAAY/H,EAAA,mBADA,qB,muBCsBlB,IAAM,GAAY,oBACZ,GAAYA,EAAA,mBAAiC,IAM7C,SAAUgI,GAAa3I,G,QAC3B,GAAgD,EAAA4I,EAAA,KAAxCC,EAAc,EAAdA,eAAgBC,EAAmB,EAAnBA,oBAChBC,GAAgB,EAAAC,EAAA,GAAY,MAA5BD,aAER,EAAAlJ,EAAA,KAEA,IDoB8BgC,EACxBX,ECrBA+H,GAAc,EAAAC,EAAA,KAEdC,GDmBAjI,EAAeW,OADSA,EClBc7B,EAAMoJ,kBDmBvB,EAANvH,EAAQV,QAID,iBAAjBD,EACF,EAAEA,IAEJW,aAAM,EAANA,EAAQV,OAAOoB,KAAI,SAACpB,GAAkB,OAAMA,CAAM,MAAK,GALpC,GCpBpBkI,EAAwB,+BACxBnG,EA+CG,CACLW,YAAa,cACbC,OAAQ,kBACRjC,OAAQ,OAAF,wBACDwH,GAAqB,CACxBlI,OAAQgI,KAnDRG,EAsCG,CACLC,gBAAiBF,aAAqB,EAArBA,EAAuBG,MACxCC,iBAAkB,GAAF,WAAOJ,aAAqB,EAArBA,EAAuBK,kBAAmB,IAAE,IAAKL,aAAqB,EAArBA,EAAuBM,aAAc,KAC7GC,aAAcT,EAAoBxJ,OAASwJ,OAAsBU,GAtC/DC,GAAehB,EAAoB,0BACvCD,EAAekB,EAAA,iBAAgChB,EAEjD,GAYI,EAAAiB,EAAA,IAAeV,GAAkB,EAAMQ,GAXzClE,EAAU,EAAVA,WACAC,EAAa,EAAbA,cACA5F,EAAe,EAAfA,gBACAkG,EAAyB,EAAzBA,0BACA8D,EAAU,EAAVA,WACAC,EAAkB,EAAlBA,mBACAC,EAAU,EAAVA,WACAC,EAAO,EAAPA,QACAC,EAAS,EAATA,UACA9J,EAAW,EAAXA,YACAyF,EAAY,EAAZA,cAGF,EAAAsE,EAAA,GAAmB,CAAEC,MAAO,GAAU,cACtC,IDpBAC,EAEMC,ECkBEC,GAAkB,EAAA1B,EAAA,GAAY,MAA9B0B,cAEFC,GAAS,kBAA6BC,EAAA,YAEtCC,GAAc,kBAAkCC,EAAA,iBAChD1M,GAAa,mBACD,QAAhB,EAAAyM,GAAY5E,YAAI,eAAE8E,kBAAmBC,EAAA,aAA4BH,GAAY5E,KAAKgF,aAG9EC,ID7BNV,EC6BwDnB,ED3BlDoB,EAAoBU,KAAKC,UAAUZ,GAElC,eACL,SAAC9C,GAAkB,OA3CjB,SACJ9C,EACA4F,GAEA,IAAMa,EAAwC,GAExCC,EAAc,CAClBC,QAAQ,EACRrL,UAAW,wBAGb,GAAI2E,EAAA,cAAwBD,GAAe,CAGzC,IAFuBC,EAAA,mBAA6BD,GAA5C4G,WAGN,MAAO,GAETH,EAAqBtE,KAAK,OAAD,QACvB0E,QAAS,gBACT3K,MAAO,GAAU,gBACjBc,QAAS,OAAF,yBAAO,QAAmBgD,IAAa,CAAE/C,OAAQ2I,IACxDkB,MAAO,YACJJ,GAEN,CAUD,OARAD,EAAqBtE,KAAK,OAAD,QACvBjG,MAAO,GAAU,SACjB2K,QAAS,YACT7J,SAAS,QAAgBgD,GACzB8G,MAAO,SACJJ,IAGED,CACT,CAQ4BM,CACtBjE,EACA8C,EACD,GACD,CAACC,KC8CH,OAxBA,aAAgB,WACR5B,EAAekB,EAAA,iBAAgChB,GACnD,gBAA4B,IAChC,GAAG,CAACe,IAqBCA,EAIH,uBAAK5J,UAAU,QACb,gBAAC0L,EAAA,EAAkB,CACjBC,aAAyB,QAAX,EAAAlB,GAAO1E,YAAI,eAAE6F,gBAC3BC,aAAclD,EAAekB,EAAA,2BAG/B,uBAAK7J,UAAU,0DACb,sBAAIA,UAAU,QAAO,gBAAC6B,EAAA,EAAI,CAACjC,UAAW,GAAWK,OAAO,cAExD,gBAAC6L,EAAA,EAAkB,CAACC,qBAAsBvB,KAG5C,uBAAKxK,UAAU,QACb,gBAACU,EAAmB,CAACgB,QAASsB,EAAgBhC,aAAciI,KAIxDe,EACK,gBAAC7B,GAAoB,MAEzBzC,EAAWjG,OAMd,gCACE,gBAACgG,GAAa,CACZC,WAAYA,EACZC,cAAeA,EACf5F,gBAAiBA,EACjBkG,0BAA2BA,EAC3BwB,iBAAkB,KAClBQ,iBAAkB+C,GAClB3K,YAAaA,EACb2F,mBAAiB,EACjBF,aAAcA,EACdiD,YAAaA,EACb1J,UAAWnB,GAAW6H,QAEtBmE,GAAWH,IACX,gBAACiC,EAAA,EAAoB,CAACjC,WAAYA,EAAYI,UAAWA,EAAWF,WAAYA,KAnBlF,gBAAC3G,EAAuB,OAzBzB,gBAAC8E,GAAkB,KAmD9B,C","sources":["file:///app/packages/libs/shared/src/apps/share/utils/ShareLinkHelper.ts","file:///app/packages/libs/shared/src/hooks/useLockContentWidth.ts","file:///app/packages/projects/lite/src/apps/my-shares/components/shared-to-pill/SharedToPill.tsx","file:///app/packages/projects/lite/src/apps/insights/components/insights-list/type-filter/insights-type-filters.scss","file:///app/packages/projects/lite/src/apps/insights/components/insights-list/type-filter/InsightsTypeFilters.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-table/empty-state/MySharesTableEmptyState.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-table/MySharesTableUtils.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-table/my-shares-table.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-table/MySharesTable.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-table/partial-loading/partial-my-shares-table.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-table/partial-loading/PartialMySharesTable.tsx","file:///app/packages/projects/lite/src/apps/my-shares/views/my-shares/empty-state/MySharesEmptyState.tsx","file:///app/packages/projects/lite/src/apps/my-shares/views/my-shares/MySharesViewUtils.tsx","file:///app/packages/projects/lite/src/apps/my-shares/views/my-shares/MySharesView.tsx"],"sourcesContent":["import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { SharePrivacyResponse } from 'libs/shared/apps/share/interfaces/responses/SharePrivacyResponse';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ShareLinkStatus } from 'libs/shared/enums/ShareLinkStatus';\nimport { BaseObject, YearGroup } from 'libs/shared/interfaces';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nconst namespace = 'share.shareLinkInfo';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface GetIconAndTextOptions {\n  linkExpireDate: string;\n  isPasswordProtected: boolean;\n  privacy: SharePrivacyResponse;\n  status: ShareLinkStatus;\n  entityTypeId: MasterType;\n  hasStudentExp: boolean;\n  entity: BaseObject;\n  yearGroups: YearGroup[];\n}\n\n\nexport const ShareLinkHelper = {\n  getPrivateIconAndText: (options: GetIconAndTextOptions) => {\n    const { entityTypeId, privacy, hasStudentExp, entity, yearGroups } = options;\n  \n    if (entityTypeId === MasterType.Topic || entityTypeId === MasterType.Series)\n      return { icon: cvSvgLibrary.VisibleOn, text: getPhrase(hasStudentExp ? 'justMySchoolTeachers' : 'justMySchoolDescription') };\n  \n    /**\n     * This is mainly for typescript, privacy will be an array for playlists\n     * but that is handled above\n     */\n    if (Array.isArray(privacy))\n      return;\n  \n    switch (privacy.privacy) {\n      case 'public':\n        return { icon: cvSvgLibrary.VisibleOn, text: getPhrase('publicDescription') };\n      case 'protected':\n        if (privacy.overrideRestrictions)\n          return { icon: cvSvgLibrary.VisibleOn, text: getPhrase('clickViewOnly') };\n        return {\n          icon: cvSvgLibrary.Lock,\n          text: ShareLinkHelper.getRespectRatingText(entity, yearGroups, hasStudentExp)\n        };\n      case 'just_my_customer':\n        if (privacy.overrideRestrictions)\n          return { icon: cvSvgLibrary.Lock, text: getPhrase(hasStudentExp ? 'justMySchoolTeachers' : 'justMySchoolDescription') };\n        return {\n          icon: cvSvgLibrary.Lock,\n          text: ShareLinkHelper.getRespectRatingText(entity, yearGroups, hasStudentExp)\n        };\n      /**\n       * Because we plan to add restricted management later \n       * for the time being we treat is the same as private \n       */\n      case 'restricted':\n      case 'private':\n        return { icon: cvSvgLibrary.Lock, text: getPhrase('privateDescription') };\n      default:\n        return {};\n    }\n  },\n\n  getIconAndText: (options: GetIconAndTextOptions) => {\n    const { linkExpireDate, isPasswordProtected, status } = options;\n    if (!linkExpireDate && !isPasswordProtected)\n      return ShareLinkHelper.getPrivateIconAndText(options);\n  \n    if (!linkExpireDate)\n      return { icon: cvSvgLibrary.Lock, text: getPhrase('password') };\n  \n    const isToday = DateHelper.isToday(linkExpireDate);\n    const dayDifference = DateHelper.diffBetween(linkExpireDate, new Date(), 'day');\n  \n    if (!isPasswordProtected) {\n      let text = isToday\n        ? getPhrase('expiryToday')\n        : getPhrase('expiry', { days: dayDifference });\n  \n      if (status === ShareLinkStatus.Expired)\n        text = getPhrase('expired');\n  \n      return { icon: cvSvgLibrary.Timer, text };\n    }\n  \n    let text = isToday\n      ? getPhrase('passwordExpiryToday')\n      : getPhrase('passwordExpiry', { days: dayDifference });\n  \n    if (status === ShareLinkStatus.Expired)\n      text = getPhrase('passwordExpired');\n  \n    return { icon: cvSvgLibrary.Lock, text };\n  },\n\n  getRespectRatingText(video: BaseObject, yearGroups: YearGroup[], hasStudentExp: boolean) {\n    if (!video || !yearGroups)\n      return null;\n  \n    if (hasStudentExp)\n      return getPhrase('justMySchoolTeachers');\n  \n    if (!VideoHelper.isVideoType(video))\n      return getPhrase('collectionRating');\n  \n    const restriction = RestrictionHelper.getWeightedRestriction(video._restrictions?.value);\n  \n    /**\n     * Restrictions without a year level are teacher restricitons, which means only admins can see it.\n     */\n    if (restriction && !restriction.yearGroup)\n      return getPhrase('onlyAdmins');\n  \n    const rating = VideoHelper.getRating(video);\n  \n    let maxYearGroup: YearGroup;\n    let minAllowedYearGroup: YearGroup;\n  \n    for (const yearGroup of yearGroups) {\n      /**\n       * If our year level is our new highest so far, save it\n       */\n      if (!maxYearGroup || yearGroup.value > maxYearGroup.value)\n        maxYearGroup = yearGroup;\n  \n      /**\n       * If the restriction is higher than this year level, skip it.\n       */\n      if (restriction && yearGroup.value <= restriction.yearGroup)\n        continue;\n  \n      /**\n       * If therating is higher than this year level's rating value, skip it.\n       */\n      if (rating && yearGroup.rating.value < rating.value)\n        continue;\n  \n      /**\n       * If our year level is the new lowest so far, save it\n       */\n      if (!minAllowedYearGroup || yearGroup.value < minAllowedYearGroup.value)\n        minAllowedYearGroup = yearGroup;\n    }\n  \n    /**\n     * If no year levels are allowed, then it's staff only.\n     */\n    if (!minAllowedYearGroup)\n      return getPhrase('onlyStaff');\n  \n  \n    /**\n     * If there's only one year level, and it's allowed, then we can just\n     * say that everyone in your school can access it.\n     */\n    if (yearGroups.length === 1)\n      return getPhrase('clickViewOnly');\n  \n    /**\n     * We differentiate the copy if it's the highest year level or not. \n     * Basically if we need to say \"X and above\" or not.\n     */\n    if (minAllowedYearGroup.value === maxYearGroup.value)\n      return getPhrase('maxYearGroup', { yearGroup: maxYearGroup.name });\n  \n    return getPhrase('yearGroupRange', { yearGroup: minAllowedYearGroup.name });\n  }\n};","import React from 'react';\n\nimport { LayoutHelper } from 'libs/shared/utils/LayoutHelper';\n\nexport function useLockContentWidth(): void {\n  React.useEffect(() => {\n    LayoutHelper.lockContentWidth();\n    return () => LayoutHelper.unlockContentWidth();\n  }, []);\n}","import React from 'react';\n\nimport { AnonymousSharedToAvatar, SharedLinkAvatar, SharedToAvatarList } from 'libs/shared/apps/share/components/shared-to-avatar-list/SharedToAvatarList';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nconst namespace = 'myShares.sharedToPill';\n\ninterface SharedToPillProps {\n  shareRecipients: BaseObject[];\n  hasShareLink?: boolean;\n  maxAvatars?: number;\n  imageCdnUrl: string;\n  shareLinkText?: string;\n}\n\nSharedToPill.defaultProps = {\n  maxAvatars: 3\n};\n\nexport function SharedToPill(props: SharedToPillProps) {\n  const { shareRecipients } = props;\n\n  return (\n    <div className='d-flex align-items-center bg-gray-100 rounded-pill w-fit gap-2 p-2'>\n      <span className='text-nowrap'><Text namespace={namespace} phrase={!shareRecipients ? 'sharedVia' : 'sharedTo'} /></span>\n\n      {!shareRecipients &&\n        <SharedLinkAvatar text={props.shareLinkText} avatarSize='sm' className='bg-dark text-white' />\n      }\n\n      {shareRecipients && !shareRecipients?.length &&\n        <AnonymousSharedToAvatar avatarSize='sm' />\n      }\n\n      {shareRecipients &&\n        <SharedToAvatarList\n          recipients={shareRecipients}\n          imageCdnUrl={props.imageCdnUrl}\n          maxAvatars={props.maxAvatars}\n          avatarSize='sm'\n          hasShareLink={props.hasShareLink}\n          shareLinkText={props.shareLinkText}\n        />\n      }\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"noCaret\":\"TMpTN\"};","import React from 'react';\nimport { Dropdown } from 'react-bootstrap';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { MasterType } from 'libs/shared/enums/MasterType';\n\nimport styles from './insights-type-filters.scss';\n\nconst namespace = 'insights.insightsTypeFilters';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightsTypeFilterProps {\n  appLink: Core.AppLink;\n  typeIdParams: MasterType[];\n}\n\nexport function InsightsTypeFilters(props: InsightsTypeFilterProps) {\n  const moreFilterOptions = [{\n    label: getPhrase('playlists'),\n    filter: MasterType.Playlist\n  }, {\n    label: getPhrase('series'),\n    filter: MasterType.Series\n  }];\n\n  const moreFiltersSelected = getMoreFiltersSelected();\n\n  const [ showDropdown, setShowDropdown ] = React.useState(false);\n  const [ moreFilters, setMoreFilters ] = React.useState(moreFiltersSelected);\n\n  function applyFilter() {\n    const currentParams = props.appLink.params as HashObject;\n\n    Core.AppLinkHelper.trigger({\n      ...props.appLink,\n      params: {\n        ...currentParams,\n        typeId: [\n          ...props.typeIdParams.filter(filter => !moreFilterOptions.find(option => filter === option.filter)),\n          ...moreFilters\n        ]\n      }\n    });\n  }\n\n  function resetFilters() {\n    setMoreFilters([]);\n\n    const currentParams = props.appLink.params as HashObject;\n\n    Core.AppLinkHelper.trigger({\n      ...props.appLink,\n      params: {\n        ...currentParams,\n        typeId: []\n      }\n    });\n  }\n\n  function onToggleDropdown(isShowing: boolean): void {\n    setShowDropdown(isShowing);\n\n    if (isShowing)\n      return;\n\n    applyFilter();\n  }\n\n  function onClickApply() {\n    applyFilter();\n    setShowDropdown(false);\n  }\n\n  function onSelectFilter(filter: MasterType) {\n    setMoreFilters(ArrayHelper.addOrRemoveImmutable(moreFilters, filter));\n  }\n\n  function isFilterSelected(filter: MasterType) {\n    return !!moreFilters.find(selectedFilter => selectedFilter === filter);\n  }\n\n  function getMoreFiltersSelected() {\n    return props.typeIdParams.filter(typeId =>\n      moreFilterOptions.some(option => typeId === option.filter));\n  }\n\n  return (\n    <div className='d-flex align-items-center fw-semibold'>\n      <p className='h6 mb-0'><Text namespace={namespace} phrase='filters' /></p>\n      <div className='d-flex border-start border-light ps-3 ms-3 gap-2'>\n        <InsightTypeFilterButton typeId={MasterType.Video} typeFilters={props.typeIdParams} appLink={props.appLink} />\n        <InsightTypeFilterButton typeId={MasterType.Clip} typeFilters={props.typeIdParams} appLink={props.appLink} />\n        <InsightTypeFilterButton\n          typeId={MasterType.Interactive}\n          typeFilters={props.typeIdParams}\n          appLink={props.appLink}\n        />\n        <Dropdown onToggle={onToggleDropdown} show={showDropdown}>\n          <Dropdown.Toggle\n            className={styles.noCaret}\n            variant={moreFiltersSelected.length ? 'dark' : 'outline-dark'}\n          >\n            <span className='fw-semibold mb-0'>\n              <Text namespace={namespace} phrase='moreFilters' />\n              {moreFiltersSelected.length ? ` - ${moreFiltersSelected.length}` : ''}\n            </span>\n          </Dropdown.Toggle>\n\n          <Dropdown.Menu>\n            <div className='mx-1 px-2 py-1 mb-0'>\n              <h2 className='h6 mb-3'><Text namespace={namespace} phrase='types' /></h2>\n              <ul className='list-unstyled me-5'>\n                {moreFilterOptions.map(option => (\n                  <li key={`${option.label}-filter`} className='my-1'>\n                    <Checkbox\n                      id={`${option.label}-filter`}\n                      label={option.label}\n                      onChange={() => onSelectFilter(option.filter)}\n                      checked={isFilterSelected(option.filter)}\n                    />\n                  </li>\n                ))}\n              </ul>\n              <button onClick={() => onClickApply()} className='btn btn-link text-info float-end p-0 mb-0'>\n                <Text namespace={namespace} phrase='apply' />\n              </button>\n            </div>\n          </Dropdown.Menu>\n        </Dropdown>\n      </div>\n      {!!props.typeIdParams.length &&\n        <button onClick={resetFilters} className='btn btn-link ms-1'>\n          <Text namespace={namespace} phrase='resetAll' />\n        </button>\n      }\n    </div>\n  );\n}\n\ninterface InsightTypeFilterButtonProps {\n  typeId: MasterType;\n  typeFilters: MasterType[];\n  appLink: Core.AppLink;\n}\n\nfunction InsightTypeFilterButton(props: InsightTypeFilterButtonProps) {\n  const selected = props.typeFilters.includes(props.typeId);\n\n  const currentAppLink = props.appLink;\n  const currentParams = currentAppLink.params as HashObject;\n\n  const newType: MasterType[] = ArrayHelper.addOrRemoveImmutable(props.typeFilters, props.typeId);\n\n  const newAppLink = {\n    ...currentAppLink,\n    params: {\n      ...currentParams,\n      typeId: newType\n    }\n  };\n\n  function getTypePhrase(): string {\n    if (props.typeId === MasterType.Video) return 'videos';\n    if (props.typeId === MasterType.Clip) return 'clips';\n    if (props.typeId === MasterType.Interactive) return 'interactives';\n  }\n\n  return (\n    <AppLink\n      className={`btn ${selected ? 'btn-dark' : 'btn-outline-dark'} fw-semibold`}\n      appLink={newAppLink}\n      ariaLabel={`${getPhrase('ariaFilterBy')}: ${getPhrase(getTypePhrase())}`}\n    >\n      <Text namespace={namespace} phrase={getTypePhrase()} />\n    </AppLink>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'myShares.mySharesTableEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function MySharesTableEmptyState(): JSX.Element {\n  return (\n    <EmptyState>\n      <EmptyState.Image src={ImageUrls.EmptyStates.Share.SHARED_BY_ME} size='small' />\n      <EmptyState.Heading>\n        {getPhrase('heading')}\n      </EmptyState.Heading>\n      <EmptyState.Info>{getPhrase('info')}</EmptyState.Info>\n      <EmptyState.Cta appLink={{ application: AppChannels.DASHBOARD, action: Actions.Dashboard.HOME }} text={getPhrase('cta')} />\n    </EmptyState>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { InteractivesPendingReviews } from 'libs/shared/apps/analytics/interfaces/response/InteractivesPendingReviewsResponse';\nimport { SharePrivacy } from 'libs/shared/apps/share/interfaces/SharePrivacy';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { SharableEntity, SharableRecipient } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ShareType } from 'libs/shared/enums/ShareType';\nimport { InteractiveMetadata, UnionShareObject } from 'libs/shared/interfaces';\n\nconst namespace = 'myShares.mySharesTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getDateShared(share: UnionShareObject): string {\n  if (share.type === ShareType.ShareLink || !share?.recipients?.length)\n    return share.dateCreated;\n\n  const datesShared = share.recipients.map(r => r.dateShared);\n\n  datesShared.sort((date1, date2) => {\n    if (DateHelper.isSame(date1, date2))\n      return 0;\n\n    return DateHelper.isAfter(date1, date2) ? 1 : -2;\n  });\n\n\n  if (!datesShared.length)\n    return '';\n\n  return ArrayHelper.last(datesShared);\n}\n\ninterface MySharesTableData {\n  share: UnionShareObject;\n  sharedObject: SharableEntity;\n  dateShared: string;\n  shareRecipients?: SharableRecipient[];\n  viewCount: number;\n  pendingReview: number;\n  privacy?: SharePrivacy;\n  overrideRestrictions?: boolean;\n}\n\ntype TableDataGroupings = { [date: string]: MySharesTableData[] };\n\nexport function useGetMySharesData(\n  sentShares: UnionShareObject[],\n  sharedObjects: SharableEntity[],\n  shareRecipients: SharableRecipient[],\n  groupByDate: boolean,\n  interactivesPendingReviews: InteractivesPendingReviews[],\n  dependencies: (string | boolean)[]\n): TableDataGroupings {\n  return React.useMemo(() => {\n    const tableData: MySharesTableData[] = [];\n\n    const sharedObjectsMap = sharedObjects.reduce<Record<string, SharableEntity>>(\n      (map, obj) => ({ [obj.id]: obj, ...map }),\n      {}\n    );\n    const shareRecipientsMap = shareRecipients.reduce<Record<string, SharableRecipient>>(\n      (map, obj) => ({ [obj.id]: obj, ...map }),\n      {}\n    );\n\n    const interactivesPendingReviewsMap = interactivesPendingReviews?.reduce<\n      Record<string, InteractivesPendingReviews>\n    >(\n      (map, obj) => ({ [obj.interactiveId]: obj, ...map }),\n      {}\n    );\n\n    sentShares.forEach(s => {\n      const sharedObject = sharedObjectsMap[s.objectId];\n\n      let recipients: SharableRecipient[] | null = null;\n\n      if (s.type === ShareType.DirectShare) {\n        recipients = [];\n\n        s.recipients?.forEach(r => {\n          const recipient = shareRecipientsMap[r.id];\n\n          if (recipient)\n            recipients.push(recipient);\n        });\n      }\n\n      // Skip if we don't have access to the shared object (e.g. if it's been deleted)\n      if (sharedObject) {\n        const pendingReview = sharedObject.typeId === MasterType.Interactive &&\n          interactivesPendingReviewsMap?.[(sharedObject as InteractiveMetadata).interactiveId];\n\n        tableData.push({\n          share: s,\n          sharedObject,\n          shareRecipients: recipients,\n          dateShared: getDateShared(s),\n          viewCount: s.viewCount ?? 0,\n          pendingReview: pendingReview?.pendingReviewCount,\n          ...(s.type === ShareType.ShareLink ? {\n            privacy: s.privacy,\n            overrideRestrictions: s.overrideRestrictions\n          } : {})\n        });\n      }\n    });\n\n    if (!groupByDate)\n      return { [getPhrase('title')]: tableData };\n\n    return ShareHelper.groupByDateShared(tableData);\n  }, [...dependencies]);\n}","// extracted by mini-css-extract-plugin\nexport default {\"mySharesTable\":\"peXGl\"};","import React from 'react';\nimport { format as formatDate } from 'timeago.js';\n\nimport { Core } from 'libs/common/core';\n\nimport { LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { InteractivesPendingReviews } from 'libs/shared/apps/analytics/interfaces/response/InteractivesPendingReviewsResponse';\nimport { SharedObjectImage } from 'libs/shared/apps/share/components/shared-object-image/SharedObjectImage';\nimport { ShareLinkHelper } from 'libs/shared/apps/share/utils/ShareLinkHelper';\nimport { SharableEntity, SharableRecipient, ShareViewHelper } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { TitleSubText } from 'libs/shared/components/title-sub-text/TitleSubText';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ShareType } from 'libs/shared/enums/ShareType';\nimport { Breakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { BaseObject, UnionShareObject, YearGroup } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { getObjectAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nimport { useGetMySharesData } from 'apps/my-shares/components/my-shares-table/MySharesTableUtils';\nimport { SharedToPill } from 'apps/my-shares/components/shared-to-pill/SharedToPill';\n\nimport styles from './my-shares-table.scss';\n\nconst namespace = 'myShares.mySharesTable';\n\n\ninterface ShareObjectTitleProps {\n  sharedObject: SharableEntity;\n  requireMarking: number;\n}\n\nfunction ShareObjectTitle(props: ShareObjectTitleProps) {\n  const { sharedObject } = props;\n\n  if (!sharedObject.name) {\n    return <Text namespace={namespace} phrase='videoUnavailable' />;\n  }\n\n  if (VideoHelper.isVideoType(sharedObject) &&\n    !VideoHelper.getCanBeConsumed(sharedObject)?.canNavigate) {\n    return (\n      <span className='clamp-2'>\n        {sharedObject.name}\n      </span>\n    );\n  }\n\n  function getSubTextPhrase(): string {\n    switch (sharedObject.typeId) {\n      case MasterType.Series: return 'series';\n      case MasterType.Playlist: return 'playlist';\n    }\n  }\n\n  const subTextPhrase = getSubTextPhrase();\n\n  return (\n    <div>\n      {VideoHelper.isVideoType(sharedObject) && (\n        <VideoSubText\n          type='series'\n          video={sharedObject}\n          appLink={'series' in sharedObject && sharedObject.series ? getObjectAppLink(sharedObject.series) : null}\n          analyticsOptions={{ location: LocationContext.Insights }}\n          className='d-inline clamp-1'\n        />\n      )}\n\n      {subTextPhrase &&\n        <TitleSubText>\n          <Text namespace={namespace} phrase={subTextPhrase} />\n        </TitleSubText>\n      }\n\n      <AppLink\n        appLink={getObjectAppLink(sharedObject)}\n        className='clamp-1'\n        analyticsData={{ id: sharedObject.id, name: sharedObject.name }}\n        analyticsOptions={{\n          entity: ShareViewHelper.getAnalyticsEntity(sharedObject.type),\n          actionType: UserAction.Click,\n          location: LocationContext.MyShares\n        }}\n      >\n        {sharedObject.name}\n      </AppLink>\n\n      {!!props.requireMarking && (\n        <div className={`font-size-sm d-flex align-items-center bg-light-ultramarine text-ultramarine rounded-pill w-fit mt-1 px-2`}>\n          <Text namespace={namespace} phrase='requireMarking' options={{ smartCount: props.requireMarking }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface MySharesTableProps {\n  sentShares: UnionShareObject[];\n  sharedObjects: SharableEntity[];\n  shareRecipients: SharableRecipient[];\n  interactivesPendingReview: InteractivesPendingReviews[];\n  getObjectAppLink: (object: BaseObject) => Core.AppLink;\n  getObjectActions: (object: BaseObject) => ActionOptions[];\n  imageCdnUrl: string;\n  groupByDateShared?: boolean;\n  showStatus?: boolean;\n  showViewCount?: boolean;\n  dependencies?: (string | boolean)[];\n  breakpoints?: Breakpoints;\n  yearGroup?: YearGroup[];\n}\n\nexport function MySharesTable(props: MySharesTableProps): JSX.Element {\n  const data = useGetMySharesData(\n    props.sentShares,\n    props.sharedObjects,\n    props.shareRecipients,\n    !!props.groupByDateShared,\n    props.interactivesPendingReview,\n    props.dependencies\n  );\n\n  return (\n    <>\n      {Object.keys(data).map((heading, i) => (\n        <div key={heading}>\n          <div className={`${styles.mySharesTable} gap-3 px-3`}>\n            <p className='fw-semibold mb-2 ms-n3'>{heading}</p>\n            {i === 0 &&\n              <>\n                <div />\n                <p className='fw-semibold mb-2'><Text namespace={namespace} phrase='sharedToHeading' /></p>\n                <p className='fw-semibold mb-2'><Text namespace={namespace} phrase='dateSharedHeading' /></p>\n                <p className='fw-semibold mb-2'><Text namespace={namespace} phrase='viewsHeading' /></p>\n              </>\n            }\n          </div>\n\n          <div className={`d-flex flex-column rounded-3 border border-light mb-4`}>\n            {data[heading].map(shareData => {\n              const sharedObject = shareData.sharedObject;\n\n              const shareLinkText = shareData.share.type === ShareType.ShareLink &&\n                ShareLinkHelper.getIconAndText({\n                  entity: sharedObject,\n                  entityTypeId: sharedObject.typeId,\n                  hasStudentExp: false,\n                  isPasswordProtected: shareData.share.isPasswordProtected,\n                  linkExpireDate: shareData.share.linkExpireDate,\n                  privacy: {\n                    privacy: shareData.privacy,\n                    overrideRestrictions: shareData.overrideRestrictions\n                  },\n                  status: shareData.share.status,\n                  yearGroups: props.yearGroup\n                });\n\n              return (\n                <div key={shareData.share.id} className={`${styles.mySharesTable} align-items-center p-3 gap-3 border-light`}>\n                  <SharedObjectImage\n                    object={sharedObject}\n                    appLink={props.getObjectAppLink(sharedObject)}\n                    showVideoMetadata\n                    locationContext={LocationContext.MyShares}\n                    showCollectionMask\n                    showVideoCount\n                  />\n                  <ShareObjectTitle sharedObject={shareData.sharedObject} requireMarking={shareData.pendingReview} />\n\n                  <SharedToPill\n                    shareLinkText={shareLinkText?.text}\n                    shareRecipients={shareData.shareRecipients}\n                    imageCdnUrl={props.imageCdnUrl}\n                  />\n\n                  <p className='mb-0'>{formatDate(shareData.dateShared)}</p>\n\n                  <p className='mb-0'><Text namespace={namespace} phrase='views' options={{ count: shareData.viewCount }} /></p>\n\n                  <Actions className='justify-content-end gap-2' actions={props.getObjectActions(sharedObject)} />\n                </div>\n              );\n            })}\n          </div>\n        </div>\n\n      ))}\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"table\":\"elIjR\",\"heading\":\"iWHol\",\"image\":\"TMQxq\",\"avatar\":\"_3GY1C\",\"date\":\"nz3va\",\"views\":\"FpDfX\",\"actions\":\"pOtyK\"};","import React from 'react';\n\nimport styles from './partial-my-shares-table.scss';\n\nfunction PartialRow(): JSX.Element {\n  return (\n    <div className={`${styles.table} align-items-center striped-row rounded-3 gap-3 p-3`}>\n      <div className={`partial-loading-background rounded ratio ratio-16x9 ${styles.image}`} />\n      <div className={`partial-loading-background w-75 ${styles.name}`}>&nbsp;</div>\n      <div className={`partial-loading-background w-75 rounded-pill ${styles.avatar}`} />\n      <div className={`partial-loading-background ${styles.date}`}>&nbsp;</div>\n      <div className={`partial-loading-background ${styles.views}`}>&nbsp;</div>\n      <div className={`d-flex justify-content-end gap-2 p-3`}>\n        <div className={`partial-loading-background rounded w-50 ${styles.actions}`} />\n        <div className={`partial-loading-background rounded w-33 ${styles.actions}`} />\n      </div>\n    </div>\n  );\n}\n\nexport function PartialMySharesTable(): JSX.Element {\n  return (\n    <>\n      <div className='mb-3'>\n        <div className='striped-list no-full-width'>\n          <div className={`${styles.table} gap-3 px-3`}>\n            <div className={`partial-loading-background mb-2 ms-n3 ${styles.date}`}>&nbsp;</div>\n            <div />\n            <div className={`partial-loading-background mb-2 ${styles.date}`}>&nbsp;</div>\n            <div className={`partial-loading-background mb-2 ${styles.date}`}>&nbsp;</div>\n            <div className={`partial-loading-background mb-2 ${styles.date}`}>&nbsp;</div>\n          </div>\n\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n        </div>\n      </div>\n\n      <div className='mb-3'>\n        <div className={`partial-loading-background mb-2 ${styles.date}`}>&nbsp;</div>\n\n        <div className='striped-list no-full-width'>\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n        </div>\n      </div>\n\n      <div className='mb-3'>\n        <div className={`partial-loading-background mb-2 ${styles.date}`}>&nbsp;</div>\n\n        <div className='striped-list no-full-width'>\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n        </div>\n      </div>\n    </>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'myShares.mySharesEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function MySharesEmptyState() {\n  return (\n    <EmptyState>\n      <EmptyState.Image src={ImageUrls.EmptyStates.MY_VIDEOS_PUBLIC} altText={getPhrase('heading')} />\n      <EmptyState.Heading><Text namespace={namespace} phrase='heading' /></EmptyState.Heading>\n      <EmptyState.Info><Text namespace={namespace} phrase='info' /></EmptyState.Info>\n      <EmptyState.Cta\n        text={LanguageService.getPhrase(namespace, 'cta')}\n        appLink={{\n          application: AppChannels.SIGN_UP,\n          action: Actions.SignUp.SIGN_UP\n        }}\n        analyticsData={{}}\n        analyticsOptions={{\n          actionType: UserAction.Click,\n          location: LocationContext.MySharesLanding,\n          entity: EntityType.AppLink,\n          workflowPhase: WorkflowPhase.Start,\n          descriptor: SignUpDescriptors.SignUp\n        }}\n      />\n    </EmptyState>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AudienceQueryParams } from 'libs/shared/apps/analytics/interfaces/AudienceQueryParams';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { BaseObject } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { getInsightsAppLink, getShareAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nconst namespace = 'myShares.myShares';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function getShareObjectActions(\n  sharedObject: BaseObject,\n  audienceParams: AudienceQueryParams\n): ActionOptions[] {\n  const insightObjectActions: ActionOptions[] = [];\n\n  const buttonProps = {\n    button: true,\n    className: 'btn btn-outline-dark'\n  };\n\n  if (VideoHelper.isVideoType(sharedObject)) {\n    const { canConsume } = VideoHelper.getCanBeConsumed(sharedObject);\n\n    if (!canConsume)\n      return [];\n\n    insightObjectActions.push({\n      svgName: cvSvgLibrary.Analytics,\n      label: getPhrase('viewInsights'),\n      appLink: { ...getInsightsAppLink(sharedObject), params: audienceParams },\n      group: 'insights',\n      ...buttonProps\n    });\n  }\n\n  insightObjectActions.push({\n    label: getPhrase('share'),\n    svgName: cvSvgLibrary.Share,\n    appLink: getShareAppLink(sharedObject),\n    group: 'share',\n    ...buttonProps\n  });\n\n  return insightObjectActions;\n}\n\nexport function useGetShareObjectActions(\n  audienceParams?: AudienceQueryParams\n): ((object: BaseObject) => ActionOptions[]) | null {\n  const audienceParamsKey = JSON.stringify(audienceParams);\n\n  return React.useCallback(\n    (object: BaseObject) => getShareObjectActions(\n      object,\n      audienceParams\n    ),\n    [audienceParamsKey]\n  );\n}\n\n\nexport function getTypeIdParams(params: HashObject): MasterType[] {\n  const typeIdParams = params?.typeId;\n\n  if (!typeIdParams) return [];\n\n  if (typeof typeIdParams === 'string')\n    return [+typeIdParams];\n\n  return params?.typeId.map((typeId: MasterType) => +typeId) || [];\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { AudienceFilterView } from 'libs/shared/apps/analytics/views/audience-filter/AudienceFilterView';\nimport { GetSentItemsParams } from 'libs/shared/apps/share/interfaces/requests/GetSentItemsParams';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LocalPermissionName, 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 { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useSharesTable } from 'shared/hooks/useSharesTable';\nimport { getObjectAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nimport { InsightsTypeFilters } from 'apps/insights/components/insights-list/type-filter/InsightsTypeFilters';\nimport { InsightsAdminAlert } from 'apps/insights/views/insights-admin-alert/InsightsAdminAlert';\nimport { MySharesTableEmptyState } from 'apps/my-shares/components/my-shares-table/empty-state/MySharesTableEmptyState';\nimport { MySharesTable } from 'apps/my-shares/components/my-shares-table/MySharesTable';\nimport { PartialMySharesTable } from 'apps/my-shares/components/my-shares-table/partial-loading/PartialMySharesTable';\nimport { MySharesEmptyState } from 'apps/my-shares/views/my-shares/empty-state/MySharesEmptyState';\nimport { getTypeIdParams, useGetShareObjectActions } from 'apps/my-shares/views/my-shares/MySharesViewUtils';\n\nconst namespace = 'myShares.myShares';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MySharesViewProps {\n  queryParams: HashObject;\n}\n\nexport function MySharesView(props: MySharesViewProps) {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasInsights } = useSettings(null);\n\n  useLockContentWidth();\n\n  const breakpoints = useBreakpoints();\n\n  const typeIdAppLinkParams = getTypeIdParams(props.queryParams);\n  const audienceAppLinkParams = AnalyticsFilterHelper.getAudienceAppLinkParams();\n  const currentAppLink = getCurrentAppLink();\n  const sentSharesParams = getSentSharesFilter();\n\n\n  const shouldFetch = !hasLocalPermissions(LocalPermissionName.ViewMySharesLanding) ||\n    hasPermissions(PermissionName.ViewMyShares) && hasInsights;\n\n  const {\n    sentShares,\n    sharedObjects,\n    shareRecipients,\n    interactivesPendingReview,\n    isFetching,\n    showPartialLoading,\n    nextCursor,\n    hasMore,\n    fetchNext,\n    imageCdnUrl,\n    dependencies\n  } = useSharesTable(sentSharesParams, true, shouldFetch);\n\n  useSetPageMetadata({ title: getPhrase('myShares') });\n  const { hasClassrooms } = useSettings(null);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\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  const getSharedObjectActions = useGetShareObjectActions(audienceAppLinkParams);\n\n  React.useEffect(() => {\n    if (!(hasPermissions(PermissionName.ViewMyShares) && hasInsights))\n      Core.LocationUtils.PageLoad('/');\n  }, [shouldFetch]);\n\n  function getSentSharesFilter(): GetSentItemsParams {\n    return {\n      recipientUserId: audienceAppLinkParams?.users,\n      recipientGroupId: [ ...audienceAppLinkParams?.classroomGroups || [], ...audienceAppLinkParams?.classrooms || [] ],\n      objectTypeId: typeIdAppLinkParams.length ? typeIdAppLinkParams : undefined\n    };\n  }\n\n  function getCurrentAppLink(): Core.AppLink {\n    return {\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.HOME,\n      params: {\n        ...audienceAppLinkParams,\n        typeId: typeIdAppLinkParams\n      }\n    };\n  }\n\n  if (!shouldFetch)\n    return <MySharesEmptyState />;\n\n  return (\n    <div className='px-3'>\n      <InsightsAdminAlert\n        analyticsUrl={config.data?.analyticsWebUrl}\n        hasAnalytics={hasPermissions(PermissionName.ViewCustomerAnalytics)}\n      />\n\n      <div className='d-flex justify-content-between border-bottom pb-3 mb-3'>\n        <h1 className='mb-1'><Text namespace={namespace} phrase='myShares' /></h1>\n\n        <AudienceFilterView hasClassroomsFeature={hasClassrooms} />\n      </div>\n\n      <div className='mb-3'>\n        <InsightsTypeFilters appLink={currentAppLink} typeIdParams={typeIdAppLinkParams} />\n      </div>\n\n      {(() => {\n        if (showPartialLoading)\n          return <PartialMySharesTable />;\n\n        if (!sentShares.length)\n          return (\n            <MySharesTableEmptyState />\n          );\n\n        return (\n          <>\n            <MySharesTable\n              sentShares={sentShares}\n              sharedObjects={sharedObjects}\n              shareRecipients={shareRecipients}\n              interactivesPendingReview={interactivesPendingReview}\n              getObjectAppLink={getObjectAppLink}\n              getObjectActions={getSharedObjectActions}\n              imageCdnUrl={imageCdnUrl}\n              groupByDateShared\n              dependencies={dependencies}\n              breakpoints={breakpoints}\n              yearGroup={yearGroups.data}\n            />\n            {(hasMore || isFetching) &&\n              <InfiniteScrollFooter isFetching={isFetching} fetchNext={fetchNext} nextCursor={nextCursor} />\n            }\n          </>\n        );\n      })()}\n    </div>\n  );\n}"],"names":["getPhrase","ShareLinkHelper","getPrivateIconAndText","options","entityTypeId","privacy","hasStudentExp","entity","yearGroups","icon","text","Array","isArray","overrideRestrictions","getRespectRatingText","getIconAndText","linkExpireDate","isPasswordProtected","status","isToday","dayDifference","Date","days","video","restriction","_restrictions","value","yearGroup","maxYearGroup","minAllowedYearGroup","rating","length","name","useLockContentWidth","namespace","SharedToPill","props","shareRecipients","className","phrase","shareLinkText","avatarSize","recipients","imageCdnUrl","maxAvatars","hasShareLink","defaultProps","LanguageService","InsightsTypeFilters","moreFilterOptions","label","filter","MasterType","moreFiltersSelected","typeIdParams","typeId","some","option","showDropdown","setShowDropdown","moreFilters","setMoreFilters","applyFilter","currentParams","appLink","params","find","Text","InsightTypeFilterButton","typeFilters","Dropdown","onToggle","isShowing","show","variant","map","key","Checkbox","id","onChange","ArrayHelper","checked","selectedFilter","onClick","selected","includes","currentAppLink","newType","newAppLink","getTypePhrase","AppLink","ariaLabel","MySharesTableEmptyState","EmptyState","src","ImageUrls","size","application","action","getDateShared","share","type","ShareType","dateCreated","datesShared","r","dateShared","sort","date1","date2","DateHelper","ShareObjectTitle","sharedObject","VideoHelper","canNavigate","subTextPhrase","getSubTextPhrase","VideoSubText","series","analyticsOptions","location","TitleSubText","analyticsData","ShareViewHelper","actionType","requireMarking","smartCount","MySharesTable","sentShares","sharedObjects","groupByDate","interactivesPendingReviews","dependencies","data","groupByDateShared","interactivesPendingReview","tableData","sharedObjectsMap","reduce","obj","shareRecipientsMap","interactivesPendingReviewsMap","interactiveId","forEach","s","objectId","recipient","push","pendingReview","viewCount","pendingReviewCount","ShareHelper","Object","keys","heading","i","shareData","SharedObjectImage","object","getObjectAppLink","showVideoMetadata","locationContext","showCollectionMask","showVideoCount","count","Actions","actions","getObjectActions","PartialRow","PartialMySharesTable","MySharesEmptyState","altText","workflowPhase","descriptor","SignUp","MySharesView","usePermissions","hasPermissions","hasLocalPermissions","hasInsights","useSettings","breakpoints","useBreakpoints","typeIdAppLinkParams","queryParams","audienceAppLinkParams","sentSharesParams","recipientUserId","users","recipientGroupId","classroomGroups","classrooms","objectTypeId","undefined","shouldFetch","PermissionName","useSharesTable","isFetching","showPartialLoading","nextCursor","hasMore","fetchNext","useSetPageMetadata","title","audienceParams","audienceParamsKey","hasClassrooms","config","ConfigRequests","currentUser","UserRequests","isAuthenticated","CustomerRequests","customerId","getSharedObjectActions","JSON","stringify","insightObjectActions","buttonProps","button","canConsume","svgName","group","getShareObjectActions","InsightsAdminAlert","analyticsUrl","analyticsWebUrl","hasAnalytics","AudienceFilterView","hasClassroomsFeature","InfiniteScrollFooter"],"sourceRoot":""}

package/dist/scripts/9264-998d93d1c2-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9264],{31453:(e,t,a)=>{function r(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];if(!t.length)return"";var r=t.filter((function(e){return!!e}));return r.length?r.join(" "):""}a.d(t,{A:()=>r})},66122:(e,t,a)=>{a.d(t,{A:()=>n});var r=a(32735);function n(e){return r.createElement("span",{id:"".concat(e.name,"Error"),className:"".concat(e.className," invalid-feedback d-block"),role:"status"},e.children)}},65898:(e,t,a)=>{a.d(t,{o:()=>f});var r=a(32735),n=a(31453),l=a(2786),c=a(4594);const o="s6wnJ",i="UFQ2T",s="Tp9_3";function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var r,n,l,c,o=[],i=!0,s=!1;try{if(l=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;i=!1}else for(;!(i=(r=l.call(a)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){s=!0,n=e}finally{try{if(!i&&null!=a.return&&(c=a.return(),Object(c)!==c))return}finally{if(s)throw n}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}function d(e){switch(e){case c.E.Video:case c.E.Interactive:case c.E.Clip:return"y0V3Z";case c.E.Subject:case c.E.Playlist:return"x3h8F";case c.E.Series:return"Wrg5x";default:return""}}function f(e){return r.createElement("div",{className:"d-flex"},e.children)}var g={cover:s,full:"AlF2T"},h={base:"uQ2rm",full:""};f.NarrowContent=function(e){return r.createElement("div",{className:"".concat("INvJ0"," mx-auto w-100 ").concat(e.className?e.className:"")},e.children)},f.Left=function(e){return r.createElement("div",{className:"".concat(o," ").concat(e.className?e.className:"")},e.children)},f.LeftImage=function(e){var t=u(r.useState(!1),2),a=t[0],n=t[1],l=u(r.useState(""),2),c=l[0],m=l[1];return r.useEffect((function(){if(e.imageUrl){var t=new Image;return t.onload=function(){return n(!0)},t.src=e.imageUrl,function(){return t.onload=null}}var a=e.fallbackImages[Math.floor(Math.random()*e.fallbackImages.length)];m(a.bgUrl)}),[e.imageUrl]),r.createElement("div",{className:"".concat(o," ").concat(i," ").concat(s," bg-light"),style:{backgroundImage:"url('".concat(c,"')")}},a&&r.createElement(r.Fragment,null,r.createElement("div",{className:"Mtlg9",style:{backgroundImage:"url('".concat(e.imageUrl,"')")}}),r.createElement("div",{className:"".concat("NxEjh"," ").concat(d(e.objectType))},r.createElement("div",{className:"NN9cV"},r.createElement("img",{className:"PkJ8J",src:e.imageUrl,alt:e.title})))))},f.LeftImageWithBackground=function(e){var t={backgroundImage:'url("'.concat(e.imageUrl,'")')};return e.backgroundColor&&(t.backgroundColor=e.backgroundColor),r.createElement("div",{className:"".concat(o," ").concat(i," ").concat(g[e.imageSize||"cover"]," d-flex align-items-center"),style:t,title:e.title})},f.Right=function(e){return r.createElement("div",{className:"".concat("eoZzJ"," ").concat(e.className?e.className:"")},e.children)},f.Header=function(e){var t=(null==e?void 0:e.logoComponent)||l.$S;return r.createElement("div",{className:"position-relative"},r.createElement("div",{className:"".concat("YHNgA"," position-absolute")},r.createElement(t,null)),e.children)},f.Content=function(e){return r.createElement("div",{className:(0,n.A)("RVyLM","d-flex flex-column justify-content-center h-100",null==e?void 0:e.className)},e.children)},f.ContentBody=function(e){var t=h[e.width||"base"];return r.createElement("div",{className:(0,n.A)("aLd5V",t,"m-auto p-3",e.className)},e.children)},f.Buttons=function(e){return r.createElement("div",{className:(0,n.A)("position-fixed bg-white d-flex align-items-center","ZW85Q",null==e?void 0:e.className)},e.children)}},75608:(e,t,a)=>{a.d(t,{a:()=>f});var r=a(20354),n=a(30439),l=a(4594),c=a(21750),o=a(43012),i=a(20768),s=a(5112),u=a(60011),m=a(31949),d=a(1575);function f(e){var t=r.a.useBasicFetch(m.N.currentUser()),a=r.a.useBasicFetch(n.o.getShareObject(e)),f=function(){if(!a.data||!t.data)return null;switch(a.data.objectTypeId){case l.E.Video:return d.R.publicVideo(a.data.objectId,e);case l.E.Clip:return o.e.publicClip(a.data.objectId,e);case l.E.Interactive:return i.b.publicInteractiveMetadata(a.data.objectId,e);case l.E.Playlist:return s.C.getSharedPlaylist(a.data.objectId,e);case l.E.Subject:return c.x.classification(a.data.objectId,t.data.id);case l.E.Series:return u.J.sharedSeries(a.data.objectId,e)}}();return r.a.useBasicFetch(f).data}},69264:(e,t,a)=>{a.r(t),a.d(t,{PasswordProtectedShareLinkView:()=>S});var r=a(32735),n=a(70680),l=a(23481),c=a(57900),o=a(81886),i=a(20354),s=a(30439),u=a(64249),m=a(11607),d=a(66122),f=a(65898),g=a(2102),h=a(83914),b=a(83345),v=a(54610),E=a(67453),p=a(35223),y=a(83421),N=a(75608);const C={formContainer:"ByuHb",toggleEye:"t0aye",input:"uEjp5"};function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var r,n,l,c,o=[],i=!0,s=!1;try{if(l=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;i=!1}else for(;!(i=(r=l.call(a)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){s=!0,n=e}finally{try{if(!i&&null!=a.return&&(c=a.return(),Object(c)!==c))return}finally{if(s)throw n}}return o}}(e,t)||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)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function U(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}var k="share.passwordProtectedShareLink",w=l.T.encloseNamespace(k);function S(e){var t=I(r.useState(""),2),a=t[0],l=t[1],U=I(r.useState(!1),2),S=U[0],P=U[1],j=I(r.useState(!1),2),A=j[0],x=j[1],L=I(r.useState(""),2),O=L[0],T=L[1],B=(0,N.a)(e.shareId),_=(0,n.I0)();if(!B)return r.createElement(r.Fragment,null);var W=E.j.createUrl(u.I.getImageUrl(B),{size:v.h2.Large});return r.createElement(f.o,null,r.createElement(f.o.LeftImage,{title:B.name,imageUrl:W,objectType:B.typeId,fallbackImages:y.Hq}),r.createElement(f.o.Right,null,r.createElement(f.o.Header,null),r.createElement(f.o.Content,null,r.createElement(f.o.NarrowContent,null,r.createElement("p",{className:"h2"},r.createElement(b.x,{namespace:k,phrase:"info"})),r.createElement("form",{onSubmit:function(t){t.preventDefault(),a&&(P(!0),i.a.fetch(_,s.o.checkPassword(e.shareId,a,(function(t){if(t.success){c.qS.set(e.shareId,a);var r=o.Q.C$.getHref(e.appLink);o.Q.Ab.PageLoad(r)}else T(w("incorrectPasswordErrorMessage")),P(!1)}),(function(){T(w("ajaxErrorMessage")),P(!1)}))))},className:"position-relative"},r.createElement("div",{className:"form-group"},r.createElement("label",{className:"h6",htmlFor:"link-password"},r.createElement(b.x,{namespace:k,phrase:"prompt"})),r.createElement("div",{className:"position-relative"},r.createElement("input",{id:"link-password",type:A?"text":"password",className:"form-control form-control-lg ".concat(C.input," ").concat(O?"is-invalid":""),placeholder:w("placeholder"),onChange:function(e){return l(e.target.value)},value:a,autoComplete:"off","aria-errormessage":"linkPasswordError"}),r.createElement(m.L,{className:"btn ".concat(C.toggleEye),onClick:function(){return x((function(e){return!e}))}},r.createElement(h.x,{svgName:A?p.vn.VisibleOn:p.vn.VisibleOff}))),O&&r.createElement(d.A,{className:"mb-3",name:"linkPassword"},O)),r.createElement(g.m,{variant:"dark",showSpinner:S,type:"submit",className:"w-100 mt-3 btn-lg",disabled:S||!a},r.createElement(b.x,{namespace:k,phrase:"confirm"})))))))}},83421:(e,t,a)=>{a.d(t,{Hq:()=>m,Zf:()=>g});var r=a(32735),n=a(54610),l=a(4594),c=a(67453),o=a(99742);const i={left:"vIypY",leftTextImage:"YViNj",right:"MkD4u",blur:"X6mCh",imageContainer:"bc7kz",imagePosition:"JOhEj",image:"Ef2QR",thumbnail:"Gdurb",tallposter:"fjVNK",cover:"o3j31",linksContainer:"AT9Dk"};function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var r,n,l,c,o=[],i=!0,s=!1;try{if(l=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;i=!1}else for(;!(i=(r=l.call(a)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){s=!0,n=e}finally{try{if(!i&&null!=a.return&&(c=a.return(),Object(c)!==c))return}finally{if(s)throw n}}return o}}(e,t)||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)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}var m=[{bgUrl:o.W.LaunchPad.BG_1},{bgUrl:o.W.LaunchPad.BG_2},{bgUrl:o.W.LaunchPad.BG_3},{bgUrl:o.W.LaunchPad.BG_4},{bgUrl:o.W.LaunchPad.BG_5}],d=[{bgUrl:o.W.LaunchPad.PRODUCT.BG_1},{bgUrl:o.W.LaunchPad.PRODUCT.BG_2},{bgUrl:o.W.LaunchPad.PRODUCT.BG_3},{bgUrl:o.W.LaunchPad.PRODUCT.BG_4},{bgUrl:o.W.LaunchPad.PRODUCT.BG_5},{bgUrl:o.W.LaunchPad.PRODUCT.BG_6},{bgUrl:o.W.LaunchPad.PRODUCT.BG_7},{bgUrl:o.W.LaunchPad.PRODUCT.BG_8},{bgUrl:o.W.LaunchPad.PRODUCT.BG_9}];function f(e){switch(e){case l.E.Video:case l.E.Interactive:case l.E.Clip:return i.thumbnail;case l.E.Subject:case l.E.Playlist:return i.cover;case l.E.Series:return i.tallposter;default:return""}}function g(e){var t,a=s(r.useState(!1),2),l=a[0],o=a[1],u=s(r.useState(""),2),m=u[0],g=u[1],h=c.j.createUrl(e.imageUrl,{size:n.h2.Large}),b=d;return r.useEffect((function(){if(!h&&b&&0!==b.length){var e,t=(e=b)[Math.floor(Math.random()*e.length)];t.bgUrl&&g(t.bgUrl)}}),[]),r.useEffect((function(){if(h){var e=new Image;return e.onload=function(){return o(!0)},e.src=h,function(){return e.onload=null}}}),[]),r.createElement("div",{className:"d-flex"},e.leftComponent?e.leftComponent():r.createElement("div",{className:"".concat(i.left," ").concat(m?"bg-blue d-flex align-items-center":"bg-light")},m?r.createElement("img",{className:"img-fluid",src:m,draggable:!1}):l&&r.createElement(r.Fragment,null,r.createElement("div",{className:i.blur,style:{backgroundImage:"url('".concat(h,"')")}}),r.createElement("div",{className:"".concat(i.imageContainer," ").concat(f(e.objectType))},r.createElement("div",{className:i.imagePosition},r.createElement("img",{className:i.image,src:h,alt:e.title}))))),r.createElement("div",{className:"".concat(i.right," bg-white d-flex flex-column")},r.createElement("div",{className:"position-absolute d-flex align-items-center ".concat(i.linksContainer)},null===(t=e.links)||void 0===t?void 0:t.map((function(e,t){return e.hide?r.createElement(r.Fragment,{key:t}):r.createElement("a",{key:t,href:e.url,className:"info-link fw-semibold",onClick:e.onClick},e.text)}))),e.children))}}}]);
+//# sourceMappingURL=9264-998d93d1c2-lite.chunk.js.map

package/dist/scripts/9264-998d93d1c2-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/9264-998d93d1c2-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/react/utils/ClassNameHelper.ts","file:///app/packages/libs/shared/src/components/forms/form-feedback/FormFeedback.tsx","file:///app/packages/libs/shared/src/components/launchpad/v2/launchpad-v2.scss","file:///app/packages/libs/shared/src/components/launchpad/v2/LaunchpadV2.tsx","file:///app/packages/projects/lite/src/apps/share/hooks/useFetchSharedResource.ts","file:///app/packages/projects/lite/src/apps/share/views/password-protected-share-link/password-protected-share-link.scss","file:///app/packages/projects/lite/src/apps/share/views/password-protected-share-link/PasswordProtectedShareLinkView.tsx","file:///app/packages/projects/lite/src/shared/components/launchpad/launchpad.scss","file:///app/packages/projects/lite/src/shared/components/launchpad/Launchpad.tsx"],"sourcesContent":["type ValidParams = string | boolean | undefined | null;\n\n/**\n * Helper to append classNames.\n * Filters any falsy values before returning classNames.\n * \n * @param ...classNames Array<string | boolean | undefined | null>\n * @returns string\n */\nexport function classNames(...classNames: Array<ValidParams>): string {\n  if (!classNames.length) return '';\n\n  const filteredClassNames = classNames.filter(className => !!className);\n  \n  if (!filteredClassNames.length) return '';\n  \n  return filteredClassNames.join(' ');\n}","import React from 'react';\n\ninterface FormFeedbackProps extends React.PropsWithChildren {\n  name: string;\n  className?: string;\n}\n\nexport function FormFeedback(props: FormFeedbackProps) {\n  return (\n    <span id={`${props.name}Error`} className={`${props.className} invalid-feedback d-block`} role='status'>{props.children}</span>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"s6wnJ\",\"leftWithImage\":\"UFQ2T\",\"bgCover\":\"Tp9_3\",\"bgFull\":\"AlF2T\",\"right\":\"eoZzJ\",\"rightContent\":\"RVyLM\",\"narrowContent\":\"INvJ0\",\"logo\":\"YHNgA\",\"buttonContainer\":\"ZW85Q\",\"blur\":\"Mtlg9\",\"imageContainer\":\"NxEjh\",\"imagePosition\":\"NN9cV\",\"image\":\"PkJ8J\",\"thumbnail\":\"y0V3Z\",\"tallposter\":\"Wrg5x\",\"cover\":\"x3h8F\",\"contentBody\":\"aLd5V\",\"contentBodyBase\":\"uQ2rm\"};","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { ClickViewLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { MasterType } from 'libs/shared/enums/MasterType';\n\nimport styles from './launchpad-v2.scss';\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n  switch (objectType) {\n    case MasterType.Video:\n    case MasterType.Interactive:\n    case MasterType.Clip:\n      return styles.thumbnail;\n\n    case MasterType.Subject:\n    case MasterType.Playlist:\n      return styles.cover;\n\n    case MasterType.Series:\n      return styles.tallposter;\n\n    default:\n      return '';\n  }\n}\n\ninterface LaunchpadV2Props {\n}\n\nexport function LaunchpadV2(props: React.PropsWithChildren<LaunchpadV2Props>): JSX.Element {\n  return (\n    <div className='d-flex'>\n      {props.children}\n    </div>\n  );\n}\n\ninterface LeftPanelProps {\n  className?: string;\n}\n\n\nfunction LeftPanel(props: React.PropsWithChildren<LeftPanelProps>): JSX.Element {\n  return (\n    <div className={`${styles.left} ${props.className ? props.className : ''}`}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface LeftImageProps {\n  objectType?: MasterType;\n  title?: string;\n  imageUrl?: string;\n  fallbackImages: LaunchImage[];\n}\n\ninterface LaunchImage {\n  bgUrl: string;\n}\n\nfunction LeftImage(props: LeftImageProps): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n  const [ image, setImage ] = React.useState<string>('');\n\n  React.useEffect(() => {\n    if (!props.imageUrl) {\n      const image = props.fallbackImages[Math.floor(Math.random() * props.fallbackImages.length)];\n      setImage(image.bgUrl);\n      return;\n    }\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = props.imageUrl;\n    return () => img.onload = null;\n  }, [props.imageUrl]);\n\n  return (\n    <div\n      className={`${styles.left} ${styles.leftWithImage} ${styles.bgCover} bg-light`}\n      style={{ backgroundImage: `url('${image}')` }}\n    >\n      {showImage &&\n        <>\n          <div className={styles.blur} style={{ backgroundImage: `url('${props.imageUrl}')` }} />\n          <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n            <div className={styles.imagePosition}>\n              <img className={styles.image} src={props.imageUrl} alt={props.title} />\n            </div>\n          </div>\n        </>\n      }\n    </div>\n  );\n}\n\ntype ImageSizeType = 'cover' | 'full';\n\ninterface LeftImageWithBackgroundProps {\n  imageUrl: string;\n  imageSize?: ImageSizeType;\n  backgroundColor?: string;\n  title?: string;\n}\n\nconst imageSizeMap: {[key in ImageSizeType]: string} = {\n  cover: styles.bgCover,\n  full: styles.bgFull\n};\n\nfunction LeftImageWithBackground(props: LeftImageWithBackgroundProps): JSX.Element {\n  const bgStyles: React.CSSProperties = {\n    backgroundImage: `url(\"${props.imageUrl}\")`\n  };\n\n  if (props.backgroundColor)\n    bgStyles.backgroundColor = props.backgroundColor;\n  \n  return (\n    <div\n      className={`${styles.left} ${styles.leftWithImage} ${imageSizeMap[props.imageSize || 'cover']} d-flex align-items-center`}\n      style={bgStyles}\n      title={props.title}\n    />\n  );\n}\n\ninterface RightPanelProps {\n  className?: string;\n}\n\nexport function RightPanel(props: React.PropsWithChildren<RightPanelProps>): JSX.Element {\n  return (\n    <div className={`${styles.right} ${props.className ? props.className : ''}`}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface HeaderProps {\n  logoComponent?: () => JSX.Element;\n}\n\n\nfunction Header(props: React.PropsWithChildren<HeaderProps>): JSX.Element {\n  const LogoComponent = props?.logoComponent || ClickViewLogo;\n  \n  return (\n    <div className='position-relative'>\n      <div className={`${styles.logo} position-absolute`}>\n        <LogoComponent />\n      </div>\n      {props.children}\n    </div>\n  );\n}\n\ninterface ContentProps {\n  className?: string;\n}\n\nfunction Content(props: React.PropsWithChildren<ContentProps>): JSX.Element {\n  return (\n    <div className={classNames(styles.rightContent, 'd-flex flex-column justify-content-center h-100', props?.className)}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface ContentBodyProps {\n  className?: string;\n  width?: 'base' | 'full';\n}\n\nconst widthClassNameMap: {[key in ContentBodyProps['width']]: string} = {\n  base: styles.contentBodyBase,\n  full: ''\n};\n\nfunction ContentBody(props: React.PropsWithChildren<ContentBodyProps>): JSX.Element {\n  const widthClassName = widthClassNameMap[props.width || 'base'];\n  return (\n    <div className={classNames(styles.contentBody, widthClassName, 'm-auto p-3', props.className)}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface NarrowContentProps {\n  className?: string;\n}\n\nLaunchpadV2.NarrowContent = NarrowContent;\nfunction NarrowContent(props: React.PropsWithChildren<NarrowContentProps>): JSX.Element {\n  return (\n    <div className={`${styles.narrowContent} mx-auto w-100 ${props.className ? props.className : ''}`}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface ButtonsProps {\n  className?: string;\n}\n\nfunction Buttons(props: React.PropsWithChildren<ButtonsProps>): JSX.Element {\n  return (\n    <div className={classNames('position-fixed bg-white d-flex align-items-center', styles.buttonContainer, props?.className)}>\n      {props.children}\n    </div>\n  );\n}\n\n/**\n * Intended ussage below:\n * \n * <LaunchpadV2>\n *   <LaunchpadV2.Left>\n *     // Your LHS content here\n *   </LaunchpadV2.Left>\n *   <LaunchpadV2.Right>\n *     <LaunchpadV2.Header />\n *     <LaunchpadV2.Content>\n *       // Can omit this if it needs to be full width\n *       <LaunchpadV2.ContentBody width=\"...\">\n *        // Your main content here\n *       </LaunchpadV2.ContentBody>\n *     </LaunchpadV2.Content>\n * \n *     // Omit this and put your buttons in content\n *     // if you want your buttons immediately under your content rather \n *     // than at the bottom of the screen\n *     <LaunchpadV2.Buttons />\n * \n *   </LaunchpadV2.Right>\n * </LaunchpadV2>\n * \n * - Sha\n */\n\nLaunchpadV2.Left = LeftPanel;\nLaunchpadV2.LeftImage = LeftImage;\nLaunchpadV2.LeftImageWithBackground = LeftImageWithBackground;\nLaunchpadV2.Right = RightPanel;\nLaunchpadV2.Header = Header;\nLaunchpadV2.Content = Content;\nLaunchpadV2.ContentBody = ContentBody;\nLaunchpadV2.Buttons = Buttons;\n","import { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { SeriesRequests } from 'libs/shared/flight-requests/SeriesRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { CurrentUser, ShareLink } from 'libs/shared/interfaces';\n\nexport function useFetchSharedResource<T>(shareId: string): T {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const shareLink = Flight.useBasicFetch<ShareLink>(ShareRequests.getShareObject(shareId));\n\n  function getResourceRequest(): Flight.Request {\n    if (!shareLink.data || !currentUser.data)\n      return null;\n\n    switch (shareLink.data.objectTypeId) {\n      case MasterType.Video:\n        return VideoRequests.publicVideo(shareLink.data.objectId, shareId);\n      case MasterType.Clip:\n        return ClipRequests.publicClip(shareLink.data.objectId, shareId);\n      case MasterType.Interactive:\n        return InteractiveRequests.publicInteractiveMetadata(shareLink.data.objectId, shareId);\n      case MasterType.Playlist:\n        return PlaylistRequests.getSharedPlaylist(shareLink.data.objectId, shareId);\n      case MasterType.Subject:\n        return ClassificationRequests.classification(shareLink.data.objectId, currentUser.data.id);\n      case MasterType.Series:\n        return SeriesRequests.sharedSeries(shareLink.data.objectId, shareId);\n    }\n  }\n\n  const resourceRequest = getResourceRequest();\n  const resource = Flight.useBasicFetch<T>(resourceRequest);\n\n  return resource.data;\n}","// extracted by mini-css-extract-plugin\nexport default {\"formContainer\":\"ByuHb\",\"toggleEye\":\"t0aye\",\"input\":\"uEjp5\"};","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { SessionStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { SharableEntity, ShareViewHelper } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { FormFeedback } from 'libs/shared/components/forms/form-feedback/FormFeedback';\nimport { LaunchpadV2 } from 'libs/shared/components/launchpad/v2/LaunchpadV2';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { LAUNCHPAD_FALLBACK_IMAGES } from 'shared/components/launchpad/Launchpad';\n\nimport { useFetchSharedResource } from 'apps/share/hooks/useFetchSharedResource';\n\nimport styles from './password-protected-share-link.scss';\n\nconst namespace = 'share.passwordProtectedShareLink';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PasswordProtectedShareLinkViewProps {\n  shareId: string;\n  appLink: Core.AppLink;\n}\n\n// Metadata handled by C# share endpoint\n// eslint-disable-next-line rulesdir/require-view-title\nexport function PasswordProtectedShareLinkView(props: PasswordProtectedShareLinkViewProps): JSX.Element {\n  const [ password, setPassword ] = React.useState('');\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\n  const [ passwordVisible, setPasswordVisible ] = React.useState(false);\n  const [ errorMessage, setErrorMessage ] = React.useState('');\n\n  const sharedResource = useFetchSharedResource<SharableEntity>(props.shareId);\n\n  const dispatch = useDispatch();\n\n  function onSubmit(e: React.FormEvent): void {\n    e.preventDefault();\n\n    if (!password)\n      return;\n\n    setShowSpinner(true);\n\n    Flight.fetch(dispatch, ShareRequests.checkPassword(props.shareId, password, res => {\n      if (res.success) {\n        SessionStorageHelper.set(props.shareId, password);\n        const href = Core.AppLinkHelper.getHref(props.appLink);\n        Core.LocationUtils.PageLoad(href);\n        return;\n      }\n\n      setErrorMessage(getPhrase('incorrectPasswordErrorMessage'));\n      setShowSpinner(false);\n    }, () => {\n      setErrorMessage(getPhrase('ajaxErrorMessage'));\n      setShowSpinner(false);\n    }));\n  }\n  \n\n  if (!sharedResource)\n    return <></>;\n\n  const leftImageUrl = ImageHelper.createUrl(ShareViewHelper.getImageUrl(sharedResource), { size: ImageSize.Large });\n\n  return (\n    <LaunchpadV2>\n      <LaunchpadV2.LeftImage\n        title={sharedResource.name}\n        imageUrl={leftImageUrl}\n        objectType={sharedResource.typeId}\n        fallbackImages={LAUNCHPAD_FALLBACK_IMAGES}\n      />\n      <LaunchpadV2.Right>\n        <LaunchpadV2.Header />\n        <LaunchpadV2.Content>\n          <LaunchpadV2.NarrowContent>\n            <p className='h2'>\n              <Text namespace={namespace} phrase='info' />\n            </p>\n            <form onSubmit={onSubmit} className='position-relative'>\n              <div className='form-group'>\n                <label className='h6' htmlFor='link-password'>\n                  <Text namespace={namespace} phrase='prompt' />\n                </label>\n                <div className='position-relative'>\n                  <input\n                    id='link-password'\n                    type={passwordVisible ? 'text' : 'password'}\n                    className={`form-control form-control-lg ${styles.input} ${errorMessage ? 'is-invalid' : ''}`}\n                    placeholder={getPhrase('placeholder')}\n                    onChange={e => setPassword(e.target.value)}\n                    value={password}\n                    autoComplete='off'\n                    aria-errormessage='linkPasswordError'\n                  />\n                  <DivButton\n                    className={`btn ${styles.toggleEye}`}\n                    onClick={() => setPasswordVisible(state => !state)}\n                  >\n                    <SvgContainer svgName={passwordVisible ? cvSvgLibrary.VisibleOn : cvSvgLibrary.VisibleOff} />\n                  </DivButton>\n                </div>\n\n                {errorMessage && (\n                  <FormFeedback className='mb-3' name='linkPassword'>{errorMessage}</FormFeedback>\n                )}\n              </div>\n\n              <SpinnerButton\n                variant='dark'\n                showSpinner={showSpinner}\n                type='submit'\n                className='w-100 mt-3 btn-lg'\n                disabled={showSpinner || !password}\n              >\n                <Text namespace={namespace} phrase='confirm' />\n              </SpinnerButton>\n            </form>\n          </LaunchpadV2.NarrowContent>\n        </LaunchpadV2.Content>\n      </LaunchpadV2.Right>\n    </LaunchpadV2>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"vIypY\",\"leftTextImage\":\"YViNj\",\"right\":\"MkD4u\",\"blur\":\"X6mCh\",\"imageContainer\":\"bc7kz\",\"imagePosition\":\"JOhEj\",\"image\":\"Ef2QR\",\"thumbnail\":\"Gdurb\",\"tallposter\":\"fjVNK\",\"cover\":\"o3j31\",\"linksContainer\":\"AT9Dk\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './launchpad.scss';\n\nexport const LAUNCHPAD_FALLBACK_IMAGES = [\n  { bgUrl: ImageUrls.LaunchPad.BG_1 },\n  { bgUrl: ImageUrls.LaunchPad.BG_2 },\n  { bgUrl: ImageUrls.LaunchPad.BG_3 },\n  { bgUrl: ImageUrls.LaunchPad.BG_4 },\n  { bgUrl: ImageUrls.LaunchPad.BG_5 }\n];\n\nexport const LAUNCHPAD_PRODUCT_FALLBACK_IMAGES = [\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_1 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_2 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_3 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_4 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_5 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_6 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_7 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_8 },\n  { bgUrl: ImageUrls.LaunchPad.PRODUCT.BG_9 }\n];\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst XMAS_URLS: LaunchImage[] = [\n  { bgUrl: '/images/launchpad/xmas/2024-promo1-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo2-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo3-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo4-bg.png' },\n  { bgUrl: '/images/launchpad/xmas/2024-promo5-bg.png' }\n];\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n  switch (objectType) {\n    case MasterType.Video:\n    case MasterType.Interactive:\n    case MasterType.Clip:\n      return styles.thumbnail;\n\n    case MasterType.Subject:\n    case MasterType.Playlist:\n      return styles.cover;\n\n    case MasterType.Series:\n      return styles.tallposter;\n\n    default:\n      return '';\n  }\n}\n\ninterface LaunchpadLink {\n  url: string;\n  text: string;\n  onClick?: () => void;\n  hide?: boolean;\n}\n\ninterface LaunchpadProps {\n  objectType?: MasterType;\n  title?: string;\n  imageUrl?: string;\n  links?: LaunchpadLink[];\n  leftComponent?: () => JSX.Element;\n}\n\ninterface LaunchImage {\n  bgUrl: string;\n}\n\nfunction getRandomImage(urlLists: LaunchImage[]): LaunchImage {\n  return urlLists[Math.floor(Math.random() * urlLists.length)];\n}\n\nexport function Launchpad(props: React.PropsWithChildren<LaunchpadProps>): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n  const [ image, setImage ] = React.useState<string>('');\n\n  const imageUrl = ImageHelper.createUrl(props.imageUrl, { size: ImageSize.Large });\n  const IMAGE_URLS = LAUNCHPAD_PRODUCT_FALLBACK_IMAGES;\n\n  React.useEffect(() => {\n    if (imageUrl || !IMAGE_URLS || IMAGE_URLS.length === 0)\n      return;\n\n    const image = getRandomImage(IMAGE_URLS);\n\n    if (image.bgUrl) {\n      setImage(image.bgUrl);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!imageUrl)\n      return;\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = imageUrl;\n    return () => img.onload = null;\n  }, []);\n\n  return (\n    <div className='d-flex'>\n      { props.leftComponent ?\n        props.leftComponent()\n        :\n        <div\n          className={`${styles.left} ${image ? 'bg-blue d-flex align-items-center' : 'bg-light'}`}\n        >\n          {image ?\n            <img className='img-fluid' src={image} draggable={false} /> :\n            (showImage &&\n              <>\n                <div className={styles.blur} style={{ backgroundImage: `url('${imageUrl}')` }} />\n                <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n                  <div className={styles.imagePosition}>\n                    <img className={styles.image} src={imageUrl} alt={props.title} />\n                  </div>\n                </div>\n              </>\n            )\n          }\n        </div>\n      }\n      <div className={`${styles.right} bg-white d-flex flex-column`}>\n        <div className={`position-absolute d-flex align-items-center ${styles.linksContainer}`}>\n          {props.links?.map((link, key) => {\n            if (link.hide)\n              return <React.Fragment key={key}></React.Fragment>;\n\n            return (\n              <a key={key} href={link.url} className='info-link fw-semibold' onClick={link.onClick}>\n                {link.text}\n              </a>\n            );\n          })}\n        </div>\n\n        {props.children}\n      </div>\n    </div>\n  );\n}"],"names":["classNames","length","filteredClassNames","filter","className","join","FormFeedback","props","id","name","role","children","mapObjectTypeToImageClass","objectType","MasterType","LaunchpadV2","imageSizeMap","cover","full","widthClassNameMap","base","NarrowContent","Left","LeftImage","showImage","setShowImage","image","setImage","imageUrl","img","Image","onload","src","fallbackImages","Math","floor","random","bgUrl","style","backgroundImage","alt","title","LeftImageWithBackground","bgStyles","backgroundColor","imageSize","Right","Header","LogoComponent","logoComponent","ClickViewLogo","Content","ContentBody","widthClassName","width","Buttons","useFetchSharedResource","shareId","currentUser","shareLink","resourceRequest","data","objectTypeId","objectId","getResourceRequest","namespace","getPhrase","LanguageService","PasswordProtectedShareLinkView","password","setPassword","showSpinner","setShowSpinner","passwordVisible","setPasswordVisible","errorMessage","setErrorMessage","sharedResource","dispatch","leftImageUrl","ImageHelper","ShareViewHelper","size","typeId","Text","phrase","onSubmit","e","preventDefault","ShareRequests","res","success","href","appLink","htmlFor","type","placeholder","onChange","target","value","autoComplete","DivButton","onClick","state","SvgContainer","svgName","SpinnerButton","variant","disabled","LAUNCHPAD_FALLBACK_IMAGES","ImageUrls","LAUNCHPAD_PRODUCT_FALLBACK_IMAGES","Launchpad","IMAGE_URLS","urlLists","leftComponent","draggable","links","map","link","key","hide","url","text"],"sourceRoot":""}

package/dist/scripts/9894-0fba5cf702-lite.chunk.js

@@ -0,0 +1,3 @@
+/*! For license information please see 9894-0fba5cf702-lite.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9894],{49602:(e,t,n)=>{var r;n.d(t,{b:()=>c}),function(e){e[e.None=0]="None",e[e.AllSubjects=1]="AllSubjects",e[e.AllLevels=2]="AllLevels",e[e.AllSubjectsAndAllLevels=3]="AllSubjectsAndAllLevels"}(r||(r={}));var a=n(25925),c={hasManyPresentationTypes:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=0,n=0;return null==e||e.forEach((function(e){e.type===a.R.Subject?t++:e.type===a.R.Curriculum&&n++})),{hasManySubjectPresentations:t>1,hasManyCurriculumPresentations:n>1}},getBulkPreferencesState:function(e){return e===r.AllSubjectsAndAllLevels?{levels:!0,subjects:!0}:{levels:e===r.AllLevels,subjects:e===r.AllSubjects}},hasBulkSelectedLevels:function(e){return e===r.AllLevels||e===r.AllSubjectsAndAllLevels},hasBulkSelectedTopics:function(e){return e===r.AllSubjects||e===r.AllSubjectsAndAllLevels},getNextBulkState:function(e,t){var n=r.None,a=r.AllSubjects,c=r.AllLevels,l=r.AllSubjectsAndAllLevels,o="topics"===t;switch(e){case n:default:return o?a:c;case a:return o?n:l;case c:return o?l:n;case l:return o?c:a}}}},2192:(e,t,n)=>{n.d(t,{M:()=>x,Q:()=>N});var r=n(32735),a=n(31453),c=n(45157),l=n(36848),o=n(60376),i=n(5465),s=n(83914),u=n(83345),m=n(7733),d=n(54610),f=n(9085),h=n(67453),v=n(45778),p=n(35223),g=n(92038),b="shared.subjectWidgetItem",y=function(e){var t=e.name,n=e.multiline,a=e.noUnderLine,c="".concat(g.Z.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),l="";return n?l+=" ".concat(g.Z.clamped," clamp-2"):(c+=" text-nowrap",l+=" text-truncate"),r.createElement("div",{className:c},r.createElement("small",{className:"text-secondary"},r.createElement(u.x,{namespace:b,phrase:"comingSoon"})),r.createElement("p",{className:"".concat(a?"":g.Z.name," h6")},r.createElement("span",{className:l},t)))},E=function(e){var t=e.name,n=e.multiline,a=e.subtitle,c=e.noUnderLine,l=e.newVideosCount,o="px-3 d-flex flex-column justify-content-center",i="".concat(c?"":g.Z.name," h6");return n?i+=" ".concat(l?"clamp-2":"clamp-3"," text-start"):(o+=" text-nowrap text-truncate",i+=" text-truncate mb-0"),r.createElement("div",{className:o},a&&r.createElement("div",{className:"text-secondary clamp-1 ".concat(g.Z.text)},a),r.createElement("div",{className:i,title:t},t),!!l&&r.createElement("div",{className:"fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ".concat(g.Z.newVideos)},r.createElement(u.x,{namespace:b,phrase:"newVideos",options:{smartCount:l}})))};function x(e){var t,n=h.j.createUrl(e.coverUrl,{size:e.isLarge?d.h2.Medium:d.h2.Small}),l=void 0;v.G.isClassification(e.data)&&(l=e.data);var u={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle,noUnderLine:e.highlightOnHover,newVideosCount:e.showNewVideosCount?null===(t=null==l?void 0:l.externalMetadata)||void 0===t?void 0:t.childDashboardNewVideoCount:0},b={backgroundImage:n?"url('".concat(n,"')"):null,backgroundColor:e.coverBgColor},x=(0,f.x)(e.data.name,m.o);return r.createElement("div",{className:"".concat(e.themeColor?g.Z.hasThemeColor:"border"," d-flex position-relative ").concat(e.className," ").concat(g.Z.widgetItem," ").concat(e.isSelected?"border-success border-2":""," ").concat(e.highlightOnHover&&!e.themeColor?"bg-light-blue-hover":""),style:e.themeColor?{"--themeColor":e.themeColor}:{},id:"".concat(e.data.id,"-").concat(c.Y.getRandomInt())},e.isSelected&&r.createElement("div",{className:"".concat(g.Z.selectedMask," border-2")}),r.createElement("div",{className:"".concat(g.Z.imagePanel," ").concat(e.isLarge?g.Z.large:"")},e.isSelected&&!e.hideCheckmark&&r.createElement("div",{className:g.Z.selected},r.createElement(o.f,{svgName:p.vn.Check,svgSize:s.S.Large,textVariant:"white",variant:"green"})),n&&r.createElement("div",{className:(0,a.A)(g.Z.image,e.imageClassName,!e.coverBgColor&&x),style:b}),!e.hideFallback&&r.createElement(i.oy,{type:i.mS.Subject,extraClasses:e.isLarge?g.Z.large:""})),e.isComingSoon?r.createElement(y,Object.assign({},u)):r.createElement(E,Object.assign({},u)))}function N(e){var t,n=e.getChildAppLink?e.getChildAppLink(e.data):null;return r.createElement(r.Fragment,null,n?r.createElement(l.F,{className:g.Z.appLink,appLink:n,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:null===(t=e.getChildAppLinkOptions)||void 0===t?void 0:t.call(e)},r.createElement(x,Object.assign({},e))):r.createElement(x,Object.assign({},e)))}},75919:(e,t,n)=>{n.d(t,{N:()=>c});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return r.createElement("div",{className:(t="d-flex align-items-center text-center position-relative w-100 ".concat(a.imageContainer),"center"===e.contentPosition&&(t+=" px-5 justify-content-center"),"right"===e.contentPosition&&(t+=" me-n5 justify-content-end"),t)},!!e.annotationUrl&&r.createElement("div",{className:function(){var t=a.annotation;switch(e.annotationPosition){case"top-left":t+=" ".concat(a.above," ").concat(a.left);break;case"top-right":t+=" ".concat(a.above," ").concat(a.right);break;case"bottom-left":t+=" ".concat(a.below," ").concat(a.left);break;case"bottom-right":t+=" ".concat(a.below," ").concat(a.right)}return e.annotationClassName&&(t+=" ".concat(e.annotationClassName)),t}()},r.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&r.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,n)=>{n.d(t,{Y:()=>u});var r=n(32735),a=n(54610),c=n(67453),l=n(2248);const o={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(o.subjectPlaceholder)},e.coverUrl?r.createElement("div",{className:o.placeholderCover},r.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):r.createElement("div",{className:"".concat(o.placeholderCover," bg-light-blue")})))}function s(){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(o.promotedTopicPlaceholder)}))}function u(e){var t,n,a,c=Math.max(12-(null!==(n=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(l.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},r.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},r.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},r.createElement("div",{className:"bg-light ".concat(o.magicTab)}),r.createElement("div",{className:"".concat(o.magicTab)})),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2"},null===(a=e.subjects)||void 0===a?void 0:a.map((function(e){var t;return r.createElement(i,{key:e.id,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url})})),new Array(c).fill(0).map((function(e,t){return r.createElement(i,{key:t})}))),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null))))}},2248:(e,t,n)=>{n.d(t,{L:()=>g});var r=n(32735),a=n(60376),c=n(83914),l=n(2786),o=n(83345),i=n(54610),s=n(72639),u=n(79967),m=n(67453),d=n(35223),f=n(87114);const h={dot:"AlRQD",logo:"L42gR",blackBar:"ESCxm",topNav:"a3G_4",leftNav:"YxGVV",belowHeader:"jc_cg",leftNavIcon:"U6i6r",leftNavText:"LnYlW",presentationPlaceholderIcon:"Ljaju",presentationIcon:"QdwPq",presentationPlaceholderText:"af06V",curriculumIcon:"N7T4T",curriculumIconSmall:"_6xrUg",curriculumContainer:"Z65qX",iconPlaceholder:"CKOXL",shadow:"zygeJ",presentationName:"Oj7Dt"};var v="onboarding.mockLayout";function p(){return r.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},r.createElement("div",{className:"".concat(h.leftNavIcon," rounded-circle")}),r.createElement("div",{className:"".concat(h.leftNavText," rounded-pill")}))}function g(e){var t,n,g=(0,u.k)();return r.createElement("div",{className:"border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100"},!!e.editingCurriculum&&r.createElement("div",{className:"w-100 h-100 position-absolute ".concat(h.shadow)},r.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(h.curriculumContainer)},r.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},r.createElement("h2",{className:"h6 text-start"},r.createElement(o.x,{namespace:v,phrase:"curriculum"})),e.curriculum?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(h.curriculumIcon," rounded-circle me-2 border")},r.createElement(a.f,{imageUrl:m.j.createUrl(null===(t=e.curriculum.cover)||void 0===t?void 0:t.url,{size:i.h2.Small})})),r.createElement("div",{className:"text-start"},e.curriculum.name)):r.createElement("div",{className:"d-flex align-items-center text-secondary"},r.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(h.iconPlaceholder)},r.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:d.vn.GraduationCap})),r.createElement(o.x,{namespace:v,phrase:"selectCurriculum"}))))),r.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(h.blackBar)},r.createElement("div",{className:"rounded-circle me-2 ".concat(h.dot)}),r.createElement("div",{className:"rounded-circle me-2 ".concat(h.dot)}),r.createElement("div",{className:"rounded-circle ".concat(h.dot)})),r.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(h.topNav)},r.createElement("div",{className:"".concat(h.logo," me-4")},g.xs?r.createElement(l.bc,null):r.createElement(l.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(c.x,{svgName:d.vn.Search})),!!e.curriculum&&r.createElement("div",{className:"".concat(h.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},r.createElement(a.f,{imageUrl:null===(n=e.curriculum.cover)||void 0===n?void 0:n.url}))),r.createElement("div",{className:"d-flex ".concat(h.belowHeader)},r.createElement("div",{className:"".concat(h.leftNav," border-end")},r.createElement("div",{className:"d-flex flex-column pt-3 h-100"},r.createElement(p,null),r.createElement(p,null),r.createElement(p,null),r.createElement(p,null),r.createElement(p,null),r.createElement("div",{className:"d-flex align-items-end h-100 w-100"},r.createElement("div",{className:"border-top p-3 w-100"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(function(){if(!e.presentation)return h.presentationPlaceholderIcon;switch(f.i.getMappedPresentationLevel(e.presentation.learningLevel)){case s.p.Level_1:return"bg-indigo ".concat(h.presentationIcon);case s.p.Level_3:return"bg-blue ".concat(h.presentationIcon);default:case s.p.Level_2:return"bg-green ".concat(h.presentationIcon)}}()," text-white rounded")},r.createElement(c.x,{svgName:d.vn.School,size:c.S.Large})),e.presentation?r.createElement("span",{className:"fw-semibold text-truncate ".concat(h.presentationName)},e.presentation.name):r.createElement("div",{className:"".concat(h.presentationPlaceholderText," fw-semibold")},r.createElement(o.x,{namespace:v,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},59158:(e,t,n)=>{n.r(t),n.d(t,{OnboardingSubjectsView:()=>G});var r=n(32735),a=n(23481),c=n(20354),l=n(65858),o=n(60736),i=n(45716),s=n(2158),u=n(49602),m=n(11607),d=n(83345),f=n(2192),h=n(54610),v=n(77963),p=n(65728),g=n(61699),b=n(31949),y=n(84703),E=n(79612),x=n(37802),N=n(67453),w=n(87114),S=n(99742),L=n(82817),j=n(86698),k=n(75359),C=n(12058),A=n(56080),P=n(75919),I=n(39375),O=n(73190),T=n(90815),_=n(67963);const U={selected:"igx0Y",disabled:"nDUWB",annotation:"IN0vA"};function B(e){return B="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},B(e)}function Z(){Z=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},c="function"==typeof Symbol?Symbol:{},l=c.iterator||"@@iterator",o=c.asyncIterator||"@@asyncIterator",i=c.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var c=t&&t.prototype instanceof g?t:g,l=Object.create(c.prototype),o=new P(r||[]);return a(l,"_invoke",{value:j(e,n,o)}),l}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",f="suspendedYield",h="executing",v="completed",p={};function g(){}function b(){}function y(){}var E={};s(E,l,(function(){return this}));var x=Object.getPrototypeOf,N=x&&x(x(I([])));N&&N!==n&&r.call(N,l)&&(E=N);var w=y.prototype=g.prototype=Object.create(E);function S(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function L(e,t){function n(a,c,l,o){var i=m(e[a],e,c);if("throw"!==i.type){var s=i.arg,u=s.value;return u&&"object"==B(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,l,o)}),(function(e){n("throw",e,l,o)})):t.resolve(u).then((function(e){s.value=e,l(s)}),(function(e){return n("throw",e,l,o)}))}o(i.arg)}var c;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return c=c?c.then(a,a):a()}})}function j(t,n,r){var a=d;return function(c,l){if(a===h)throw Error("Generator is already running");if(a===v){if("throw"===c)throw l;return{value:e,done:!0}}for(r.method=c,r.arg=l;;){var o=r.delegate;if(o){var i=k(o,r);if(i){if(i===p)continue;return i}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=v,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=h;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?v:f,s.arg===p)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=v,r.method="throw",r.arg=s.arg)}}}function k(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,k(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),p;var c=m(a,t.iterator,n.arg);if("throw"===c.type)return n.method="throw",n.arg=c.arg,n.delegate=null,p;var l=c.arg;return l?l.done?(n[t.resultName]=l.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,p):l:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,p)}function C(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function A(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function I(t){if(t||""===t){var n=t[l];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,c=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return c.next=c}}throw new TypeError(B(t)+" is not iterable")}return b.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=s(y,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,s(e,i,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},S(L.prototype),s(L.prototype,o,(function(){return this})),t.AsyncIterator=L,t.async=function(e,n,r,a,c){void 0===c&&(c=Promise);var l=new L(u(e,n,r,a),c);return t.isGeneratorFunction(n)?l:l.next().then((function(e){return e.done?e.value:l.next()}))},S(w),s(w,i,"Generator"),s(w,l,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=I,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(A),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return o.type="throw",o.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var c=this.tryEntries.length-1;c>=0;--c){var l=this.tryEntries[c],o=l.completion;if("root"===l.tryLoc)return a("end");if(l.tryLoc<=this.prev){var i=r.call(l,"catchLoc"),s=r.call(l,"finallyLoc");if(i&&s){if(this.prev<l.catchLoc)return a(l.catchLoc,!0);if(this.prev<l.finallyLoc)return a(l.finallyLoc)}else if(i){if(this.prev<l.catchLoc)return a(l.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<l.finallyLoc)return a(l.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var c=a;break}}c&&("break"===e||"continue"===e)&&c.tryLoc<=t&&t<=c.finallyLoc&&(c=null);var l=c?c.completion:{};return l.type=e,l.arg=t,c?(this.method="next",this.next=c.finallyLoc,p):this.complete(l)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),A(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;A(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:I(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),p}},t}function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,c,l,o=[],i=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=c.call(n)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return V(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)?V(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(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}var z=function(e,t,n,r){return new(n||(n=Promise))((function(a,c){function l(e){try{i(r.next(e))}catch(e){c(e)}}function o(e){try{i(r.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(l,o)}i((r=r.apply(e,t||[])).next())}))},M="onboarding.subjects";function G(e){var t,n,B,V=(0,_.u)(),G=(0,s.T)(V).getPathway,D=c.a.useBasicFetch(b.N.currentUser()),H=(0,j.y)().preferredPresentation,R=c.a.useGetFetchAsync(),Y=(0,O.Q)(e.redirectUrl),W=Y.onClickBack,J=Y.exitOnboarding,Q=Y.onSaveError,X=Y.completeStepAsync,q=(0,L.M)().preferredCurriculum,K=(0,T.H)().logEvent,$=G(),ee=i.H[$.currentScreen],te=(0,x.r)(null==ee?void 0:ee.analyticsLocation),ne=te.updateSettingAsync,re=te.bulkOnboardingPreferencesState;(0,E.M)({title:null!==(n=null===(t=null==ee?void 0:ee.getPageTitle)||void 0===t?void 0:t.call(ee))&&void 0!==n?n:""});var ae=c.a.useBasicFetch(g.o.allSubjectPreferences()),ce=c.a.useBasicFetch(g.o.mySubjectPreferences()),le=u.b.hasBulkSelectedTopics(re),oe=F(r.useState([]),2),ie=oe[0],se=oe[1],ue=F(r.useState(le),2),me=ue[0],de=ue[1],fe=(0,y.n)(),he=null===(B=ae.data)||void 0===B?void 0:B.filter((function(e){var t;return!o.A[e.presentationId]||!!(null===(t=o.A[e.presentationId])||void 0===t?void 0:t[e.id])}));return r.useEffect((function(){var e;ce.hasCompleted&&(null===(e=ce.data)||void 0===e?void 0:e.length)&&(me||se(ce.data))}),[ce.hasCompleted]),r.createElement(A.z,{namespace:M},r.createElement(A.z.Left,{className:"bg-ultramarine d-flex flex-column align-items-end justify-content-center"},r.createElement(P.N,{annotationUrl:S.W.OnboardingV2.Subjects.ANNOTATION,annotationPosition:"top-right",annotationClassName:"me-5 ".concat(U.annotation)},r.createElement(I.Y,{presentation:H,subjects:me?he:ie,curriculum:q}))),r.createElement(A.z.Right,{hasCustomButtons:!1,onClickNext:function(){return z(this,void 0,void 0,Z().mark((function e(){var t,n,r;return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return K(l.Vw.Click,l.Ix.Next,{subjects:ie.map((function(e){return{subjectId:e.id,subjectName:e.name}})),allSubjectsSelected:me,presentationId:H.id,presentationName:H.name,presentationDescription:H.description}),e.prev=1,t=[],me!==le&&t.push(ne(D.data.id,{name:p.E.BulkOnboardingPreferencesState,value:u.b.getNextBulkState(re,"topics"),kind:v.g.Permanent})),me||(n=ie.filter((function(e){return!ce.data.find((function(t){return t.id===e.id}))})),r=ce.data.filter((function(e){return!ie.find((function(t){return t.id===e.id}))})),(null==n?void 0:n.length)&&t.push(R(g.o.followSubjects(n.map((function(e){return e.id}))))),(null==r?void 0:r.length)&&t.push(R(g.o.unfollowSubjects(r.map((function(e){return e.id})))))),e.next=7,Promise.all(t);case 7:return e.next=9,X();case 9:e.next=15;break;case 11:return e.prev=11,e.t0=e.catch(1),Q(),e.abrupt("return",Promise.reject());case 15:case"end":return e.stop()}}),e,null,[[1,11]])})))},onClickBack:W,onClickComeBackLater:J,disableNext:!ie.length&&!me},r.createElement(k.W,null,r.createElement(d.x,{phrase:fe?"headingKdm":"heading"})),r.createElement(C.X,null,r.createElement(d.x,{phrase:"info"})),r.createElement(m.L,{onClick:function(){K(l.Vw.Select,l.Ix.SelectAllSubjects,{presentationId:H.id,presentationName:H.name,presentationDescription:H.description}),me||se([]),de(!me)}},r.createElement(f.M,{data:{name:a.T.getPhrase(M,"allSubjects")},coverUrl:w.i.getPresentationLevelImage(H.learningLevel,"cover"),isSelected:me,multiline:!0})),r.createElement("div",{className:"d-flex align-items-center justify-content-between py-3"},r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"}),r.createElement("p",{className:"mb-0 px-3"},r.createElement(d.x,{phrase:"orSelectSubjects"})),r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"})),r.createElement("ul",{className:"list-unstyled row g-2 mb-0"},null==he?void 0:he.map((function(e){var t,n=!!ie.find((function(t){return t.id===e.id})),a="";return me?a+="cursor-default ".concat(U.disabled):n&&(a+=U.selected),r.createElement("li",{key:e.id,className:"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6"},r.createElement(m.L,{onClick:function(){return function(e){me||(K(l.Vw.Select,l.Ix.SelectSubject,{subjectId:e.id,subjectName:e.name,presentationId:H.id,presentationName:H.name,presentationDescription:H.description}),ie.find((function(t){return t.id===e.id}))?se(ie.filter((function(t){return t.id!==e.id}))):se(ie.concat(e)))}(e)},disabled:me,className:a},r.createElement(f.M,{data:e,coverUrl:N.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:h.h2.Small}),isSelected:n,multiline:!0})))}))),r.createElement(C.X,{className:"mt-2"},r.createElement(d.x,{phrase:"addMoreLater"}))))}},92038:(e,t,n)=>{n.d(t,{Z:()=>r});const r={appLink:"fFjKN",name:"A_by9",selectedMask:"xSQtR",widgetItem:"Ys9W_",hasThemeColor:"DX2ua",text:"JfAoy",imagePanel:"aUNDc",partialLargeImage:"RuLxv",selected:"BViJb",image:"LkTep",dragHandle:"CJqvP",large:"R5clw",comingSoonPanel:"Wa2PG",newVideos:"s61h8",editSubjectsItem:"gGNFD",allSubjectsItem:"IHdlJ",logoContainer:"Nzaes",draggingItem:"zUOye",partialLargeFallback:"FmJP9",partialIcon:"sdZuo"}}}]);
+//# sourceMappingURL=9894-0fba5cf702-lite.chunk.js.map

package/dist/scripts/9894-0fba5cf702-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/9894-0fba5cf702-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/enums/BulkOnboardingPreferencesState.ts","file:///app/packages/libs/shared/src/apps/subjects/utils/OnboardingHelper.ts","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/CoverPill.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/left-panel-item.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/LeftPanelItem.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/mock-discover.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/MockDiscover.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/mock-layout.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/MockLayout.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects/subjects.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects/OnboardingSubjectsView.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/cover-pill.scss"],"sourcesContent":["export enum BulkOnboardingPreferencesState {\n  None = 0,\n  AllSubjects = 1,\n  AllLevels = 2,\n  AllSubjectsAndAllLevels = 3\n}","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { Presentation } from 'libs/shared/interfaces';\n\n/**\n * These are all the valid preference steps in the onboarding worflow\n * Steps are displayed in full workflow order from left to right.\n * \n * Important: Not all customers/users will be required to compelete all steps.\n * \n * School-level = presentation selection for K12\n */\nexport type OnboardingStep = 'welcome' | 'school-level' | 'curriculum' | 'audiences' | 'topics' | 'summary' ;\n\nexport const OnboardingHelper = {\n  hasManyPresentationTypes(presentations: Presentation[] = []): HashObject {\n    let totalAvailableSubjectPresentations = 0;\n    let totalAvailableCurriculumPresentations = 0;\n\n    presentations?.forEach(p => {\n      if (p.type === PresentationType.Subject)\n        totalAvailableSubjectPresentations++;\n\n      else if (p.type === PresentationType.Curriculum)\n        totalAvailableCurriculumPresentations++;\n    });\n\n    /**\n     * The checks for \"> 1\" are done because we _only_ want to display presentation selectors\n     * if the user has more than 1 presentation to select from. If they only have 1 available,\n     * then that will always be used by default and they don't have to make any decisions.\n     */\n    return {\n      hasManySubjectPresentations: totalAvailableSubjectPresentations > 1,\n      hasManyCurriculumPresentations: totalAvailableCurriculumPresentations > 1\n    };\n  },\n\n  getBulkPreferencesState(state: BulkOnboardingPreferencesState): { [key in 'levels' | 'subjects']: boolean } {\n    if (state === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels)\n      return {\n        levels: true,\n        subjects: true\n      };\n\n    return {\n      levels: state === BulkOnboardingPreferencesState.AllLevels,\n      subjects: state === BulkOnboardingPreferencesState.AllSubjects\n    };\n  },\n\n  hasBulkSelectedLevels(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllLevels ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  hasBulkSelectedTopics(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllSubjects ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  getNextBulkState(current: BulkOnboardingPreferencesState, managing: 'topics' | 'audiences'): BulkOnboardingPreferencesState {\n    const { None, AllSubjects, AllLevels, AllSubjectsAndAllLevels } = BulkOnboardingPreferencesState;\n\n    const isManagingTopics = managing === 'topics';\n\n    switch (current) {\n      case None:\n      default:\n        return isManagingTopics ? AllSubjects : AllLevels;\n      case AllSubjects:\n        return isManagingTopics ? None : AllSubjectsAndAllLevels;\n      case AllLevels:\n        return isManagingTopics ? AllSubjectsAndAllLevels : None;\n      case AllSubjectsAndAllLevels:\n        return isManagingTopics ? AllLevels : AllSubjects;\n    }\n  }\n};\n","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { BaseObject, Classification, Presentation } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './cover-pill.scss';\n\nconst namespace = 'shared.subjectWidgetItem';\n\ninterface NamePanelProps {\n  name: string;\n  multiline?: boolean;\n  subtitle?: string;\n  noUnderLine?: boolean;\n  newVideosCount?: number;\n}\n\nconst ComingSoonNamePanel = ({ name, multiline, noUnderLine }: NamePanelProps) => {\n  let wrapperClassName = `${styles.comingSoonPanel} \n    d-flex flex-column align-items-center justify-content-center px-3 text-center`;\n\n  let textClassName = '';\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap';\n    textClassName += ' text-truncate';\n  } else {\n    textClassName += ` ${styles.clamped} clamp-2`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      <small className='text-secondary'><Text namespace={namespace} phrase='comingSoon' /></small>\n      <p className={`${noUnderLine ? '' : styles.name} h6`}><span className={textClassName}>{name}</span></p>\n    </div>\n  );\n};\n\nconst NormalNamePanel = ({ name, multiline, subtitle, noUnderLine, newVideosCount }: NamePanelProps) => {\n  let wrapperClassName = 'px-3 d-flex flex-column justify-content-center';\n  let textClassName = `${noUnderLine ? '' : styles.name} h6`;\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap text-truncate';\n    textClassName += ' text-truncate mb-0';\n  } else {\n    textClassName += ` ${newVideosCount ? 'clamp-2' : 'clamp-3'} text-start`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      {subtitle && <div className={`text-secondary clamp-1 ${styles.text}`}>{subtitle}</div>}\n      <div className={textClassName} title={name}>{name}</div>\n      {!!newVideosCount && (\n        <div className={`fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ${styles.newVideos}`}>\n          <Text namespace={namespace} phrase='newVideos' options={{ smartCount: newVideosCount }} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface CoverPillWidgetItemProps<T extends BaseObject> {\n  data: T;\n  getChildAppLink?: (data: T) => Core.AppLink;\n  getChildAppLinkOptions?: () => Core.AppLinkOptions;\n  isLarge?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  availablePresentations?: Presentation[];\n  getSubtitle?: (data: T) => string;\n  multiline?: boolean;\n  // set to true it will highlight on hover and also remove the hover text underline\n  highlightOnHover?: boolean;\n  showNewVideosCount?: boolean;\n  shouldHighlight?: (data: T) => boolean;\n}\n\ninterface CoverPillWidgetContentProps<T> extends CoverPillWidgetItemProps<T> {\n  coverUrl?: string;\n  coverBgColor?: string;\n  subtitle?: string;\n  isComingSoon?: boolean;\n  className?: string;\n  imageClassName?: string;\n  isSelected?: boolean;\n  hideFallback?: boolean;\n  hideCheckmark?: boolean;\n  themeColor?: string;\n}\n\nexport function CoverPillWidgetContent(props: CoverPillWidgetContentProps<BaseObject>): JSX.Element {\n  const coverUrl = ImageHelper.createUrl(props.coverUrl, { size: props.isLarge ? ImageSize.Medium : ImageSize.Small });\n\n  let classification: Classification | undefined = undefined;\n  if (MasterTypeHelper.isClassification(props.data)) {\n    classification = props.data;\n  }\n\n  const childProps = {\n    name: props.data.name,\n    multiline: props.isLarge || props.multiline,\n    subtitle: props.subtitle,\n    noUnderLine: props.highlightOnHover,\n    newVideosCount: props.showNewVideosCount ? classification?.externalMetadata?.childDashboardNewVideoCount : 0\n  };\n\n  const coverStyle: React.CSSProperties = {\n    backgroundImage: coverUrl ? `url('${coverUrl}')` : null,\n    backgroundColor: props.coverBgColor\n  };\n\n  const fallbackCoverBgClassName = getBgColorClass(props.data.name, BG_COLOUR_CLASS_NAMES);\n\n  return (\n    <div\n      className={`${props.themeColor ? styles.hasThemeColor : 'border'} d-flex position-relative ${props.className} ${styles.widgetItem} ${props.isSelected ? 'border-success border-2' : ''} ${props.highlightOnHover && !props.themeColor ? 'bg-light-blue-hover' : ''}`}\n      style={props.themeColor ? { '--themeColor': props.themeColor } as unknown as React.CSSProperties : {}}\n      id={`${props.data.id}-${RandomHelper.getRandomInt()}`}\n    >\n      {props.isSelected && (\n        <div className={`${styles.selectedMask} border-2`} />\n      )}\n\n      <div className={`${styles.imagePanel} ${props.isLarge ? styles.large : ''}`}>\n        {props.isSelected && !props.hideCheckmark && (\n          <div className={styles.selected}>\n            <IconCircle svgName={cvSvgLibrary.Check} svgSize={SvgContainerSize.Large} textVariant='white' variant='green' />\n          </div>\n        )}\n\n        {coverUrl &&\n          <div\n            className={classNames(\n              styles.image,\n              props.imageClassName,\n              !props.coverBgColor && fallbackCoverBgClassName\n            )}\n            style={coverStyle}\n          />\n        }\n        {!props.hideFallback && (\n          <ImageFallback\n            type={ImageFallbackType.Subject}\n            extraClasses={props.isLarge ? styles.large : ''}\n          />\n        )}\n      </div>\n\n      {props.isComingSoon\n        ? <ComingSoonNamePanel {...childProps} />\n        : <NormalNamePanel {...childProps} />\n      }\n    </div>\n  );\n}\n\nexport function CoverPillWidgetContentWrapper(props: CoverPillWidgetContentProps<BaseObject>) {\n  const appLink = props.getChildAppLink ? props.getChildAppLink(props.data) : null;\n\n  return (\n    <>\n      {appLink ? (\n        <AppLink\n          className={styles.appLink}\n          appLink={appLink}\n          analyticsData={props.analyticsData}\n          analyticsOptions={props.analyticsOptions}\n          appLinkOptions={props.getChildAppLinkOptions?.()}\n        >\n          <CoverPillWidgetContent {...props} />\n        </AppLink>\n      ) : (<CoverPillWidgetContent {...props} />)\n      }\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"LkdHB\",\"above\":\"ROdbm\",\"below\":\"OzyHx\",\"left\":\"W9EBF\",\"right\":\"zhio2\",\"divider\":\"cdR_p\",\"imageContainer\":\"QZZMF\"};","import React from 'react';\n\nimport styles from './left-panel-item.scss';\n\nexport interface LeftPanelItemProps {\n  contentPosition?: 'center' | 'right';\n  annotationUrl?: string;\n  annotationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  annotationClassName?: string;\n}\n\nLeftPanelItem.defaultProps = {\n  contentPosition: 'center'\n};\n\nexport function LeftPanelItem(props: React.PropsWithChildren<LeftPanelItemProps>): JSX.Element {\n  function getAnnotationClassName(): string {\n    let className = styles.annotation;\n\n    switch (props.annotationPosition) {\n      case 'top-left': {\n        className += ` ${styles.above} ${styles.left}`;\n        break;\n      }\n\n      case 'top-right': {\n        className += ` ${styles.above} ${styles.right}`;\n        break;\n      }\n\n      case 'bottom-left': {\n        className += ` ${styles.below} ${styles.left}`;\n        break;\n      }\n\n      case 'bottom-right': {\n        className += ` ${styles.below} ${styles.right}`;\n        break;\n      }\n    }\n\n    if (props.annotationClassName)\n      className += ` ${props.annotationClassName}`;\n\n    return className;\n  }\n\n  function getContainerClassName(): string {\n    let className = `d-flex align-items-center text-center position-relative w-100 ${styles.imageContainer}`;\n\n    if (props.contentPosition === 'center')\n      className += ' px-5 justify-content-center';\n\n    if (props.contentPosition === 'right')\n      className += ' me-n5 justify-content-end';\n\n    return className;\n  }\n\n  return (\n    <div className={getContainerClassName()}>\n      {!!props.annotationUrl && (\n        <div className={getAnnotationClassName()}>\n          <img className={`img-fluid`} src={props.annotationUrl} />\n        </div>\n      )}\n\n      {props.children}\n      {props.contentPosition === 'right' && (\n        <div className={styles.divider} />\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"magicTab\":\"H5jzm\",\"subjectPlaceholder\":\"r1L6T\",\"placeholderCover\":\"z9CFT\",\"promotedTopicPlaceholder\":\"PbYs6\",\"promotedTopicPlaceholderText\":\"hZ8Nf\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-discover.scss';\n\ninterface SubjectPlaceholderProps {\n  coverUrl?: string;\n}\n\nfunction SubjectPlaceholder(props: SubjectPlaceholderProps): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`d-flex border rounded-3 overflow-hidden ${styles.subjectPlaceholder}`}>\n        {props.coverUrl ? (\n          <div className={styles.placeholderCover}>\n            <img className='img-fluid' src={ImageHelper.createUrl(props.coverUrl, { size: ImageSize.Small })} />\n          </div>\n        ) : (\n          <div className={`${styles.placeholderCover} bg-light-blue`} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nfunction PromotedTopicPlaceholder(): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`bg-light-blue rounded-3 w-100 p-1 ${styles.promotedTopicPlaceholder}`} />\n    </li>\n  );\n}\n\ninterface MockDiscoverProps {\n  subjects?: Classification[];\n  presentation?: Presentation;\n  curriculum?: Presentation;\n  editingCurriculum?: boolean;\n}\n\nexport function MockDiscover(props: MockDiscoverProps): JSX.Element {\n  const placeholderSubjects = Math.max(12 - (props.subjects?.length ?? 0), 0);\n\n  return (\n    <MockLayout\n      presentation={props.presentation}\n      curriculum={props.curriculum}\n      editingCurriculum={props.editingCurriculum}\n    >\n      <div className='px-3 pt-3 w-100 d-flex flex-column align-items-center'>\n        {/* Magic tabs */}\n        <div className='rounded-3 border overflow-hidden d-flex mb-2'>\n          <div className={`bg-light ${styles.magicTab}`} />\n          <div className={`${styles.magicTab}`} />\n        </div>\n\n        {/* Subjects */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2'>\n          {props.subjects?.map(subject => {\n            return (\n              <SubjectPlaceholder key={subject.id} coverUrl={subject.cover?.url} />\n            );\n          })}\n          {new Array(placeholderSubjects).fill(0).map((_, index) => {\n            return (\n              <SubjectPlaceholder key={index} />\n            );\n          })}\n        </ul>\n\n        {/* Promoted topics */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1'>\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n        </ul>\n      </div>\n    </MockLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dot\":\"AlRQD\",\"logo\":\"L42gR\",\"blackBar\":\"ESCxm\",\"topNav\":\"a3G_4\",\"leftNav\":\"YxGVV\",\"belowHeader\":\"jc_cg\",\"leftNavIcon\":\"U6i6r\",\"leftNavText\":\"LnYlW\",\"presentationPlaceholderIcon\":\"Ljaju\",\"presentationIcon\":\"QdwPq\",\"presentationPlaceholderText\":\"af06V\",\"curriculumIcon\":\"N7T4T\",\"curriculumIconSmall\":\"_6xrUg\",\"curriculumContainer\":\"Z65qX\",\"iconPlaceholder\":\"CKOXL\",\"shadow\":\"zygeJ\",\"presentationName\":\"Oj7Dt\"};","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClickViewLogo, ClickViewPrimaryLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport styles from './mock-layout.scss';\n\nconst namespace = 'onboarding.mockLayout';\n\nfunction LeftNavItem(): JSX.Element {\n  return (\n    <div className='d-flex align-items-center justify-content-center mb-2 px-3'>\n      <div className={`${styles.leftNavIcon} rounded-circle`} />\n      <div className={`${styles.leftNavText} rounded-pill`} />\n    </div>\n  );\n}\n\ninterface MockLayoutProps {\n  editingCurriculum?: boolean;\n  curriculum?: Presentation;\n  presentation?: Presentation;\n}\n\nexport function MockLayout(props: React.PropsWithChildren<MockLayoutProps>): JSX.Element {\n  const breakpoints = useBreakpoints();\n  \n  function getPresentationClass(): string {\n    if (!props.presentation)\n      return styles.presentationPlaceholderIcon;\n\n    switch (TopicsHelper.getMappedPresentationLevel(props.presentation.learningLevel)) {\n      case PresentationLearningLevel.Level_1:\n        return `bg-indigo ${styles.presentationIcon}`;\n\n      case PresentationLearningLevel.Level_3:\n        return `bg-blue ${styles.presentationIcon}`;\n\n      default:\n      case PresentationLearningLevel.Level_2:\n        return `bg-green ${styles.presentationIcon}`;\n    }\n  }\n\n  return (\n    <div className={`border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100`}>\n      {!!props.editingCurriculum && (\n        <div className={`w-100 h-100 position-absolute ${styles.shadow}`}>\n          <div className={`d-flex align-items-center h-100 w-50 ${styles.curriculumContainer}`}>\n            <div className='bg-white rounded-3 border p-3 w-100'>\n              <h2 className='h6 text-start'><Text namespace={namespace} phrase='curriculum' /></h2>\n\n              {props.curriculum ? (\n                <div className='d-flex align-items-center'>\n                  <div className={`${styles.curriculumIcon} rounded-circle me-2 border`}>\n                    <IconCircle\n                      imageUrl={ImageHelper.createUrl(props.curriculum.cover?.url, { size: ImageSize.Small })}\n                    />\n                  </div>\n                  <div className='text-start'>{props.curriculum.name}</div>\n                </div>\n              ) : (\n                <div className='d-flex align-items-center text-secondary'>\n                  <div className={`me-2 rounded-circle p-1 ${styles.iconPlaceholder}`}>\n                    <IconCircle svgSize={SvgContainerSize.Large} textVariant='secondary' svgName={cvSvgLibrary.GraduationCap} />\n                  </div>\n                  <Text namespace={namespace} phrase='selectCurriculum' />\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Black bar */}\n      <div className={`bg-dark d-flex px-3 py-2 ${styles.blackBar}`}>\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle ${styles.dot}`} />\n      </div>\n\n      {/* Header */}\n      <div className={`border-bottom px-3 py-2 d-flex align-items-center ${styles.topNav}`}>\n        <div className={`${styles.logo} me-4`}>\n          {breakpoints.xs ? (\n            <ClickViewPrimaryLogo />\n          ) : (\n            <ClickViewLogo />\n          )}\n        </div>\n        <div className='form-control w-75 d-flex justify-content-start'>\n          <SvgContainer svgName={cvSvgLibrary.Search} />\n        </div>\n        {!!props.curriculum && (\n          <div className={`${styles.curriculumIconSmall} rounded-circle ms-2 me-n1 border`}>\n            <IconCircle imageUrl={props.curriculum.cover?.url} />\n          </div>\n        )}\n      </div>\n\n      <div className={`d-flex ${styles.belowHeader}`}>\n        {/* Left nav */}\n        <div className={`${styles.leftNav} border-end`}>\n          <div className='d-flex flex-column pt-3 h-100'>\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n\n            {/* Presentation */}\n            <div className='d-flex align-items-end h-100 w-100'>\n              <div className='border-top p-3 w-100'>\n                <div className='d-flex align-items-center'>\n                  <div className={`${getPresentationClass()} text-white rounded`}>\n                    <SvgContainer svgName={cvSvgLibrary.School} size={SvgContainerSize.Large} />\n                  </div>\n\n                  {!props.presentation ? (\n                    <div className={`${styles.presentationPlaceholderText} fw-semibold`}>\n                      <Text namespace={namespace} phrase='schoolLevel' />\n                    </div>\n                  ) : (\n                    <span className={`fw-semibold text-truncate ${styles.presentationName}`}>{props.presentation.name}</span>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Main content */}\n        <div className={`w-100 h-100 overflow-hidden`}>\n          {props.children}\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"selected\":\"igx0Y\",\"disabled\":\"nDUWB\",\"annotation\":\"IN0vA\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { ClassificationVideosMap } from 'libs/shared/apps/onboarding/constants/ClassificationVideos';\nimport { OnboardingScreenConfigs } from 'libs/shared/apps/onboarding/constants/OnboardingScreenConfigs';\nimport { useOnboardingPathway } from 'libs/shared/apps/onboarding/hooks/useOnboardingPathway';\nimport { OnboardingHelper } from 'libs/shared/apps/subjects/utils/OnboardingHelper';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CoverPillWidgetContent } from 'libs/shared/components/widgets/items/subject-widget-item/CoverPill';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useIsKDM } from 'libs/shared/hooks/UseIsKdm';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, CurrentUser } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport { OnboardingScreenHeading } from 'apps/onboarding/components/heading/OnboardingScreenHeading';\nimport { OnboardingScreenInfo } from 'apps/onboarding/components/info/OnboardingScreenInfo';\nimport { OnboardingLayout } from 'apps/onboarding/components/layout/OnboardingLayout';\nimport { LeftPanelItem } from 'apps/onboarding/components/left-panel-item/LeftPanelItem';\nimport { MockDiscover } from 'apps/onboarding/components/mock-views/discover/MockDiscover';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './subjects.scss';\n\nconst namespace = 'onboarding.subjects';\n\nexport function OnboardingSubjectsView(props: OnboardingViewProps): JSX.Element {\n  const appLinks = getOnboardingAppLinks();\n  const { getPathway } = useOnboardingPathway(appLinks);\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const { preferredPresentation } = usePresentation();\n  const fetchAsync = Flight.useGetFetchAsync();\n  const {\n    onClickBack,\n    exitOnboarding,\n    onSaveError,\n    completeStepAsync\n  } = useOnboardingCallbacks(props.redirectUrl);\n  const { preferredCurriculum } = useCurriculums();\n  const { logEvent } = useOnboardingEventLogger();\n\n  const pathway = getPathway();\n  const screenConfig = OnboardingScreenConfigs[pathway.currentScreen];\n\n  const { updateSettingAsync, bulkOnboardingPreferencesState } = useSettings(screenConfig?.analyticsLocation);\n  useSetPageMetadata({ title: screenConfig?.getPageTitle?.() ?? '' });\n\n  const subjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.allSubjectPreferences());\n  const initialSelectedSubjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.mySubjectPreferences());\n  const initialBulkState = OnboardingHelper.hasBulkSelectedTopics(bulkOnboardingPreferencesState);\n\n  const [ selectedSubjects, setSelectedSubjects ] = React.useState<Classification[]>([]);\n  const [ allSubjectsSelected, setAllSubjectsSelected ] = React.useState(initialBulkState);\n\n  const isKDM = useIsKDM();\n\n  const selectableSubjects = subjects.data?.filter(subject => {\n    if (!ClassificationVideosMap[subject.presentationId])\n      return true;\n\n    return !!ClassificationVideosMap[subject.presentationId]?.[subject.id];\n  });\n\n  React.useEffect(() => {\n    if (!initialSelectedSubjects.hasCompleted || !initialSelectedSubjects.data?.length)\n      return;\n\n    if (allSubjectsSelected)\n      return;\n\n    setSelectedSubjects(initialSelectedSubjects.data);\n  }, [initialSelectedSubjects.hasCompleted]);\n\n  function onSelectSubject(subject: Classification): void {\n    if (allSubjectsSelected)\n      return;\n\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectSubject, {\n      subjectId: subject.id,\n      subjectName: subject.name,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (selectedSubjects.find(s => s.id === subject.id)) {\n      setSelectedSubjects(selectedSubjects.filter(s => s.id !== subject.id));\n      return;\n    }\n\n    setSelectedSubjects(selectedSubjects.concat(subject));\n  }\n\n  function onClickAllSubjects(): void {\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectAllSubjects, {\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (!allSubjectsSelected)\n      setSelectedSubjects([]);\n\n    setAllSubjectsSelected(!allSubjectsSelected);\n  }\n\n  async function onClickNext(): Promise<void> {\n    logEvent(UserAction.Click, OnboardingDescriptor.Next, {\n      subjects: selectedSubjects.map(s => ({\n        subjectId: s.id,\n        subjectName: s.name\n      })),\n      allSubjectsSelected,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    try {\n      const requests: Promise<void>[] = [];\n\n      if (allSubjectsSelected !== initialBulkState) {\n        requests.push(\n          updateSettingAsync(currentUser.data.id, {\n            name: SettingName.BulkOnboardingPreferencesState,\n            value: OnboardingHelper.getNextBulkState(bulkOnboardingPreferencesState, 'topics'),\n            kind: SettingKind.Permanent\n          })\n        );\n      }\n\n      if (!allSubjectsSelected) {\n        const addedSubjects = selectedSubjects.filter(selection => {\n          return !initialSelectedSubjects.data.find(p => p.id === selection.id);\n        });\n        const removedSubjects = initialSelectedSubjects.data.filter(p => !selectedSubjects.find(s => s.id === p.id));\n  \n        if (addedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.followSubjects(addedSubjects.map(s => s.id))));\n  \n        if (removedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.unfollowSubjects(removedSubjects.map(s => s.id))));\n      }\n\n      await Promise.all(requests);\n      await completeStepAsync();\n    } catch {\n      onSaveError();\n      return Promise.reject();\n    }\n  }\n\n  return (\n    <OnboardingLayout namespace={namespace}>\n      <OnboardingLayout.Left className='bg-ultramarine d-flex flex-column align-items-end justify-content-center'>\n        <LeftPanelItem\n          annotationUrl={ImageUrls.OnboardingV2.Subjects.ANNOTATION}\n          annotationPosition='top-right'\n          annotationClassName={`me-5 ${styles.annotation}`}\n        >\n          <MockDiscover\n            presentation={preferredPresentation}\n            subjects={allSubjectsSelected ? selectableSubjects : selectedSubjects}\n            curriculum={preferredCurriculum}\n          />\n        </LeftPanelItem>\n      </OnboardingLayout.Left>\n\n      <OnboardingLayout.Right\n        hasCustomButtons={false}\n        onClickNext={onClickNext}\n        onClickBack={onClickBack}\n        onClickComeBackLater={exitOnboarding}\n        disableNext={!selectedSubjects.length && !allSubjectsSelected}\n      >\n        <OnboardingScreenHeading>\n          <Text phrase={isKDM ? 'headingKdm' : 'heading'} />\n        </OnboardingScreenHeading>\n\n        <OnboardingScreenInfo>\n          <Text phrase='info' />\n        </OnboardingScreenInfo>\n\n        <DivButton onClick={onClickAllSubjects}>\n          <CoverPillWidgetContent\n            data={{ name: LanguageService.getPhrase(namespace, 'allSubjects') }}\n            coverUrl={TopicsHelper.getPresentationLevelImage(preferredPresentation.learningLevel, 'cover')}\n            isSelected={allSubjectsSelected}\n            multiline\n          />\n        </DivButton>\n\n        <div className='d-flex align-items-center justify-content-between py-3'>\n          <hr className='m-0 flex-grow-1 border-dark' />\n\n          <p className='mb-0 px-3'><Text phrase='orSelectSubjects' /></p>\n\n          <hr className='m-0 flex-grow-1 border-dark' />\n        </div>\n\n        <ul className='list-unstyled row g-2 mb-0'>\n          {selectableSubjects?.map(subject => {\n            const isSelected = !!selectedSubjects.find(s => s.id === subject.id);\n\n            let className = '';\n\n            if (allSubjectsSelected)\n              className += `cursor-default ${styles.disabled}`;\n            else if (isSelected)\n              className += styles.selected;\n            \n            return (\n              <li key={subject.id} className='col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6'>\n                <DivButton\n                  onClick={() => onSelectSubject(subject)}\n                  disabled={allSubjectsSelected}\n                  className={className}\n                >\n                  <CoverPillWidgetContent\n                    data={subject}\n                    coverUrl={ImageHelper.createUrl(subject.cover?.url, {\n                      size: ImageSize.Small\n                    })}\n                    isSelected={isSelected}\n                    multiline\n                  />\n                </DivButton>\n              </li>\n            );\n          })}\n        </ul>\n\n        <OnboardingScreenInfo className='mt-2'>\n          <Text phrase='addMoreLater' />\n        </OnboardingScreenInfo>\n      </OnboardingLayout.Right>\n    </OnboardingLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"appLink\":\"fFjKN\",\"name\":\"A_by9\",\"selectedMask\":\"xSQtR\",\"widgetItem\":\"Ys9W_\",\"hasThemeColor\":\"DX2ua\",\"text\":\"JfAoy\",\"imagePanel\":\"aUNDc\",\"partialLargeImage\":\"RuLxv\",\"selected\":\"BViJb\",\"image\":\"LkTep\",\"dragHandle\":\"CJqvP\",\"large\":\"R5clw\",\"comingSoonPanel\":\"Wa2PG\",\"newVideos\":\"s61h8\",\"editSubjectsItem\":\"gGNFD\",\"allSubjectsItem\":\"IHdlJ\",\"logoContainer\":\"Nzaes\",\"draggingItem\":\"zUOye\",\"partialLargeFallback\":\"FmJP9\",\"partialIcon\":\"sdZuo\"};"],"names":["BulkOnboardingPreferencesState","OnboardingHelper","hasManyPresentationTypes","presentations","totalAvailableSubjectPresentations","totalAvailableCurriculumPresentations","forEach","p","type","PresentationType","hasManySubjectPresentations","hasManyCurriculumPresentations","getBulkPreferencesState","state","AllSubjectsAndAllLevels","levels","subjects","AllLevels","AllSubjects","hasBulkSelectedLevels","bulkState","hasBulkSelectedTopics","getNextBulkState","current","managing","None","isManagingTopics","namespace","ComingSoonNamePanel","name","multiline","noUnderLine","wrapperClassName","textClassName","className","phrase","NormalNamePanel","subtitle","newVideosCount","title","options","smartCount","CoverPillWidgetContent","props","coverUrl","size","isLarge","classification","undefined","data","childProps","highlightOnHover","showNewVideosCount","externalMetadata","childDashboardNewVideoCount","coverStyle","backgroundImage","backgroundColor","coverBgColor","fallbackCoverBgClassName","themeColor","isSelected","style","id","hideCheckmark","svgName","svgSize","S","textVariant","variant","imageClassName","hideFallback","extraClasses","isComingSoon","CoverPillWidgetContentWrapper","appLink","getChildAppLink","analyticsData","analyticsOptions","appLinkOptions","getChildAppLinkOptions","LeftPanelItem","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","SubjectPlaceholder","ImageHelper","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","length","MockLayout","presentation","curriculum","editingCurriculum","map","subject","key","cover","url","Array","fill","_","index","LeftNavItem","breakpoints","useBreakpoints","Text","IconCircle","imageUrl","SvgContainer","xs","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","OnboardingSubjectsView","appLinks","getPathway","useOnboardingPathway","currentUser","UserRequests","preferredPresentation","usePresentation","fetchAsync","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","onSaveError","completeStepAsync","preferredCurriculum","useCurriculums","logEvent","useOnboardingEventLogger","pathway","screenConfig","OnboardingScreenConfigs","currentScreen","useSettings","analyticsLocation","updateSettingAsync","bulkOnboardingPreferencesState","useSetPageMetadata","getPageTitle","PreferenceRequests","initialSelectedSubjects","initialBulkState","selectedSubjects","setSelectedSubjects","allSubjectsSelected","setAllSubjectsSelected","isKDM","selectableSubjects","filter","ClassificationVideos","presentationId","hasCompleted","OnboardingLayout","ImageUrls","hasCustomButtons","onClickNext","s","subjectId","subjectName","presentationName","presentationDescription","description","requests","push","SettingName","value","kind","SettingKind","addedSubjects","selection","find","removedSubjects","Promise","all","reject","onClickComeBackLater","disableNext","OnboardingScreenHeading","OnboardingScreenInfo","DivButton","onClick","CoverPill","LanguageService","concat","onSelectSubject","disabled"],"sourceRoot":""}