@clickview/lite 0.48.0 → 0.48.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/lite",
-  "version": "0.48.0",
+  "version": "0.48.2",
   "description": "ClickView Lite",
   "main": "dist/scripts/bundle.js",
   "types": "dist/projects/lite/src/index.d.ts",

package/dist/scripts/1285-c322e093f9-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/1285-c322e093f9-lite.chunk.js","mappings":"mJAKMA,E,SAAY,mBADA,mBAOZ,SAAUC,EAAeC,GAC7B,IAAMC,EAAsB,cAAfD,EAAME,KAAuBJ,EAAU,aAAeA,EAAU,gBAE7E,OACE,uBAAKK,UAAU,kFACZF,EAAI,IAWX,C,sECOaG,EAAyB,SAACC,GAAsE,IAA5CC,EAAA,uDAAsC,CAAC,EACtG,EAA6CA,EAArCC,QAAAA,OAAO,IAAG,OAAI,EAAEC,EAAqBF,EAArBE,iBAElBC,EAAUH,EAAQI,aAAeJ,EAAQI,aAAe,IAAIC,IAE5DC,EAAQ,SAAiCH,GAEzCI,GAAc,SAEdC,GAAiB,OAAYT,GAC7BU,GAAgB,OAAYP,GAwClC,SAASQ,IACPJ,EAAMK,QAAQC,QACdL,GACF,CA6BA,SAASM,EAAUC,GAMjB,MALoB,iBAATA,EACTA,EAAOA,EAAKC,WACW,iBAATD,IACdA,EAAOA,EAAKb,GAASc,YAEhBT,EAAMK,QAAQK,IAAIF,EAC3B,CAuBA,SAASG,IACP,SAAKlB,aAAU,EAAVA,EAAYmB,SAGVnB,EAAWoB,MAAMN,EAC1B,CAEA,SAASO,EAAYC,GACnBA,EAAIC,SAAQ,SAAAC,GACVjB,EAAMK,QAAQa,IAAID,GAAI,EACxB,IACAhB,GACF,CAUA,OAtHA,aAAgB,WAIVP,EAAQI,cAORF,GAAoBO,IAAkBP,IAO1BM,aAAc,EAAdA,EAAgBiB,KAAI,SAAAC,GAAC,OAAIA,EAAEzB,EAAQ,IAAE0B,WACzC5B,aAAU,EAAVA,EAAY0B,KAAI,SAAAC,GAAC,OAAIA,EAAEzB,EAAQ,IAAE0B,SAK7CjB,GACF,GAAG,CAAEF,EAAgBC,EAAeV,EAAYC,EAAQI,eAExD,aAAgB,W,OACa,QAAtB,EAAAJ,EAAQ4B,sBAAc,eAAEV,SAG7BE,EAAYpB,EAAQ4B,eACtB,GAAG,IAsFI,CACLC,aA/EF,WACE,IAAMC,GAAYb,IAElBlB,EAAWuB,SAAQ,SAAAR,GACbgB,EACFxB,EAAMK,QAAQa,IAAIV,EAAKb,GAASc,YAAY,GAE5CT,EAAMK,QAAO,OAAQG,EAAKb,GAASc,WACvC,IAEAR,GACF,EAqEEwB,aAlEF,SAAsBR,GACpB,IAAMS,GAAiB1B,EAAMK,QAAQK,IAAIO,EAAGR,YAExCiB,EACF1B,EAAMK,QAAQa,IAAID,EAAGR,WAAYiB,GAEjC1B,EAAMK,QAAO,OAAQY,EAAGR,YAE1BR,GACF,EA0DE0B,YA9CF,WACE,OAAOC,MAAMC,KAAK7B,EAAMK,QAAQyB,OAClC,EA6CEvB,UAAAA,EACAwB,YAAapB,IACbqB,YA7CF,YACOvC,aAAU,EAAVA,EAAYmB,UAEjBnB,EAAWuB,SAAQ,SAAAR,GACjBR,EAAMK,QAAO,OAAQG,EAAKb,GAASc,WACrC,IACAR,IACF,EAuCEgC,kBApCF,WACE,SAAKxC,aAAU,EAAVA,EAAYmB,WAGRnB,EAAWyC,MAAK,SAAA1B,GAAI,OAAID,EAAUC,EAAK,GAClD,EAgCEM,YAAAA,EACAqB,iBAjBF,WACE,OAAOnC,EAAMK,QAAQ+B,IACvB,EAgBEhC,MAAAA,EACAiC,OAfF,WACE,OAAOrC,EAAMK,OACf,EAeF,C,kDClLM,SAAUiC,EAAeC,GAC7B,IAAMC,EAAM,WAIZ,OAHA,aAAgB,WACdA,EAAInC,QAAUkC,CAChB,IACOC,EAAInC,OACb,C,kDCLM,SAAUoC,EAAqBC,GACnC,OAAQA,GACN,KAAK,SACH,MAAO,OACT,KAAK,WACH,MAAO,SACT,KAAK,UACH,MAAO,QACT,KAAK,SACH,MAAO,OACT,KAAK,WACH,MAAO,SACT,KAAK,WACH,MAAO,SACT,QACE,MAAO,OAEb,C,mRCVMC,EAAY,kCAOZ,SAAUC,EAA0BxD,GACxC,OACE,gBAAC,aAAiC,CAACmD,MAAOI,GACxC,gBAACE,EAAA,EAAU,KACT,gBAACA,EAAA,QAAgB,CAACC,IAAKC,EAAA,oCAEvB,gBAACF,EAAA,UAAkB,KAAC,gBAACG,EAAA,EAAI,CAACC,OAAO,uBACjC,gBAACJ,EAAA,OAAe,CAACtD,UAAS,eAAWH,EAAM8D,eAA0B,GAAT,SAC1D,gBAACF,EAAA,EAAI,CAACC,OAAO,oBAGd7D,EAAM8D,iBAAmB9D,EAAM+D,aAC9B,gBAACN,EAAA,MAAc,CACbxD,KAAM+D,EAAA,YAA0BT,EAAW,iBAC3CU,QAAS,CACPC,YAAa,iBACbC,OAAQ,6BAIZnE,EAAM8D,iBAAmB9D,EAAM+D,aAC/B,gBAACN,EAAA,OAAe,KAAC,gBAACG,EAAA,EAAI,CAACC,OAAO,cAE/B7D,EAAM+D,aACL,qBAAG5D,UAAU,uCAAuCiE,KAAM,GAAIC,OAAO,UAClEL,EAAA,YAA0BT,EAAW,kBAMlD,CClCA,IAAM,EAAY,+CACZzD,EAAYkE,EAAA,mBAAiC,GAE7CM,EAAgC,iFAChCC,EAA2B,GAS3B,SAAUC,IACd,OACE,gBAAC,aAAiC,CAACrB,MAAO,GACxC,gBAACM,EAAA,EAAU,KACT,gBAACA,EAAA,QAAgB,CAACC,IAAKC,EAAA,oCAEvB,gBAACF,EAAA,UAAkB,KAAC,gBAACG,EAAA,EAAI,CAACC,OAAO,uBAEjC,gBAACJ,EAAA,OAAe,CAACtD,UAAU,QAAQ,gBAACyD,EAAA,EAAI,CAACC,OAAO,oBAEhD,qBAAG1D,UAAU,uCAAuCiE,KAAMG,EAA0BF,OAAO,UACxFvE,EAAU,kBAKrB,CAEM,SAAU2E,EAAkCzE,GAChD,OAAIA,EAAM0E,oBACD,gBAAClB,EAAyB,CAACM,eAAgB9D,EAAM8D,iBAGxD,gBAAC,aAAiC,CAACX,MAAO,GACxC,gBAACM,EAAA,EAAU,KACT,gBAACA,EAAA,QAAgB,CAACC,IAAKC,EAAA,oCAEvB,gBAACF,EAAA,UAAkB,KAAC,gBAACG,EAAA,EAAI,CAACC,OAAO,uBAEjC,gBAACJ,EAAA,OAAe,KAAC,gBAACG,EAAA,EAAI,CAACC,OAAO,oBAC9B,gBAACJ,EAAA,MAAc,CACbxD,KAAM+D,EAAA,YAA0B,EAAW,eAC3CW,KAAM,UACNV,QAAS,CACPC,YAAa,eACbC,OAAQ,oCACRS,KAAM,CAAC5E,EAAM6E,UAAUhD,OAI3B,qBAAG1B,UAAU,uCAAuCiE,KAAME,EAA+BD,OAAO,UAC7FrE,EAAM8E,qBAKjB,C,gJChEM,SAAUC,EAAmB/E,G,MACjC,OAAKA,EAAMgF,MAIT,uBAAK7E,UAAS,wCAAkC,OAAyC,QAApB,EAAAH,EAAMgF,MAAMC,gBAAQ,eAAEC,UACxFlF,EAAMgF,MAAMG,MAJR,gCAOX,CAOM,SAAUC,EAAuBpF,GACrC,OAAKA,EAAMqF,MAIT,gBAACC,EAAA,EAAS,CAACC,QAASvF,EAAMuF,QAASpF,UAAS,8CAA8C,IACtFH,EAAMqF,OAJH,gCAOX,CCZA,IAAM,EAAY,oCAEZG,EAAqB,SAAC3D,EAAY4D,GAAgB,MAAM,CAC5DvB,YAAa,eACbC,OAAQ,yBACRS,KAAM,CAAC/C,GACP6D,OAAQ,CACNC,YAAaF,EAAS1D,KAAI,SAAA6D,GAAC,OAAIA,EAAE/D,EAAE,KAEtC,EAEKgE,EAA6B,SAACJ,EAAkBT,GAKpD,OAJwBS,EAASK,QAAO,SAAAC,GACtC,OAAOf,EAAMgB,MAAMC,KAAKnD,MAAK,SAAAoD,GAAC,OAAIA,EAAErE,GAAGR,aAAe0E,EAAQlE,GAAGR,UAAU,GAC7E,IAEuBG,MACzB,EAmBM,SAAU2E,EAAuBnG,G,MACrC,GAAoC,EAAAI,EAAA,GAAuBJ,EAAMoG,OAAQ,CACvElE,eAAgBlC,EAAMqG,cAActE,KAAI,SAAA6D,GAAC,OAAIA,EAAE/D,EAAE,MAD3CQ,EAAY,EAAZA,aAAclB,EAAS,EAATA,UAsBtB,aAAgB,WAGdnB,EAAMoG,OAAOxE,SAAQ,SAAA0E,GACnB,IAAMC,EAAuBV,EAA2B7F,EAAMwG,iBAAkBF,KAG1EC,GAAwBA,IAAyBvG,EAAMwG,iBAAiBhF,QAAWL,EAAUmF,EAAEzE,OAMhG0E,IAAwBpF,EAAUmF,EAAEzE,MALvCQ,EAAaiE,EAAEzE,GASnB,GACF,IAEA,IAEM4E,EAA4B,CAChCC,MAAO1G,EAAM2G,WAAa,MAAQ,SAWpC,OAHI3G,EAAM4G,WACRH,EAAcI,MAAO,GAGrB,gBAACC,EAAA,EAAQ,iBAAKL,GACZ,gBAACK,EAAA,SAAe,CACdC,GAAG,MACHlF,GAAI7B,EAAM6B,GACV1B,UAAS,UAAKH,EAAM4G,SAAW,aAAe,iBAAgB,YAnB9C,uCAmB+D,cAE/E,gBAACI,EAAA,EAAY,CACXC,QAAS,WACTC,MAAOlH,EAAM4G,SAAW5G,EAAMmH,iBAAmBnD,EAAA,YAA0B,EAAW,qBACtFoD,iBAAiB,MACjBC,iBAAe,EACfC,yBAAyB,MAG7B,gBAACR,EAAA,OAAa,QACG,QAAZ,EAAA9G,EAAMoG,cAAM,eAAE5E,SACf,uBAAKrB,UAAU,2BACb,qBAAGA,UAAU,QAAO,gBAACyD,EAAA,EAAI,CAACL,UAAW,EAAWM,OAAO,gBACvD,sBAAI1D,UAAU,sBACXH,EAAMoG,OAAOrE,KAAI,SAAAiD,GAAK,OACrB,sBAAIuC,IAAKvC,EAAMnD,GAAI1B,UAAU,2CAC3B,gBAACqH,EAAA,EAAQ,CACP3F,GAAE,UAAK7B,EAAM6B,GAAE,YAAImD,EAAMnD,IACzB4F,QAAStG,EAAU6D,EAAMnD,IACzB6F,SAAU,kBA7E5B,SAAkB1C,GAChB,IAAM2C,GAAaxG,EAAU6D,EAAMnD,IACnC7B,EAAM4H,cAAc5C,EAAO2C,GAE3BtF,EAAa2C,EAAMnD,GACrB,CAwEkC,CAASmD,EAAM,EAC/B6C,gBAAiBhC,EAA2B7F,EAAMwG,iBAAkBxB,KAEtE,gBAACD,EAAkB,CAACC,MAAOA,IACxB,MAKb,gBAAC8C,EAAA,EAAO,CACNvC,QAhFR,WACMvF,EAAM4G,UAGVmB,EAAA,gBAA8B,CAAC,EAAGA,EAAA,eAA6B/H,EAAMgI,iBAAkB,CACrFC,WAAY,YACZC,cAAe,WACfC,OAAQ,sBAEZ,EAwEQlE,QAASuB,EAAmBxF,EAAM6E,UAAUhD,GAAI7B,EAAMwG,kBACtDrG,UAAWH,EAAM4G,SAAW,WAAa,8CAEzC,gBAACI,EAAA,EAAY,CAACC,QAAS,YACvB,gBAACrD,EAAA,EAAI,CAACL,UAAW,EAAWM,OAAO,gBAK7C,CA1GAsC,EAAuBiC,aAAe,CACpC/B,cAAe,I,2DCvDjB,UAAgB,gBAAkB,QAAQ,KAAO,S,2hCC6BjD,IACM,GAAYrC,EAAA,mBADA,yCAGZqE,GAAwB,SAACxG,GAAU,MAAM,CAC7CqC,YAAa,iBACbC,OAAQ,0BACRS,KAAM,CAAC/C,GACP6D,OAAQ,CAAE4C,SAAUC,EAAA,WACrB,EAEKC,GAA2B,SAACC,EAAmBC,GAAmB,MAAM,CAC5ExE,YAAa,eACbC,OAAQ,+BACRS,KAAM,CAAC8D,GACPhD,OAAQ,CACNiD,WAAY,CAACF,IAEhB,EAeK,SAAUG,GAA2B5I,G,MACwC,KAArB,YAAe,GAAM,GAAzE6I,EAAqB,KAAEC,EAAwB,KACkB,KAArB,YAAe,GAAM,GAAjEC,EAAiB,KAAEC,EAAoB,KAGyD,KAA1C,WAAuC,CAAC,GAAE,GAAhGC,EAAsB,KAAEC,EAAyB,KAEnDC,EAAe,SAA6B,MAC5CC,EAAc,SAA6B,MAEzCC,GAAmB,EAAAC,EAAA,KAAnBD,eAGR,aAAgB,WACdE,IAEIR,GAGJD,GAAyB,EAC3B,GAAG,CAAC9I,EAAMwJ,eAAehI,SAOzB,IAsEQiI,EAtEFC,EAA0BC,EAAA,YALhC,WACEJ,IACAT,GAAyB,EAC3B,GAEkE,KAoDlE,SAASS,IACPL,EAA0BlJ,EAAMwJ,eAAeI,QAAO,SAACC,EAAK7E,GAE1D,OADA6E,EAAI7E,EAAMnD,KAAM,EACTgI,CACT,GAAG,CAAC,GACN,CAoDA,OA3GA,QAAkB,WACZd,GAGJW,GACF,IAMA,aAAgB,WACd,GAAKP,EAAalI,SAAYmI,EAAYnI,SAAY4H,EAAtD,CAGA,IAAMiB,EAAiBX,EAAalI,QAAQ8I,kBAC5C,GAAKD,EAAL,CAEA,IAUIE,EAC6C,EAX3CC,EAAeH,EAAeI,wBAAwBC,EAEtDC,EAAwD,CAAC,EAQrC,E,gmBAAA,CACNjB,EAAalI,QAAQoJ,UAAQ,IAAjD,IAAK,EAAL,qBAAmD,KAAxCC,EAAK,QACVA,EAAMzI,KACRuI,EAA2BE,EAAMzI,IAAMyI,EAAMJ,wBAAwBC,IAAMF,EAC3ED,EAAgBI,EAA2BE,EAAMzI,IAAMyI,EAAMzI,GAAKmI,EAErE,CAED,+BACIZ,EAAYnI,QAAQiJ,wBAAwBC,IAAMF,IACpDG,EAA2BJ,IAAiB,GAE9Cd,EAA0BkB,GAC1BtB,GAAyB,EAzBE,CAHnB,CA6BV,GAAG,CAACD,IAkEF,uBAAK1I,UAAU,uCACb,gBAACqH,EAAA,EAAQ,CACP3F,GAAI7B,EAAM+F,QAAQlE,GAClB4F,QAASzH,EAAMyH,QACfC,SAAU1H,EAAMuK,iBAChBpK,UAAU,OACVyG,SAAU5G,EAAMwK,WAGlB,uBAAKrK,UAAS,UAAK,mBAAsB,UACvC,gBAACsK,EAAA,EAAM,CACLC,YAAa1K,EAAM2K,OAAOD,YAC1BE,SAAUC,EAAA,cAAuB7K,EAAM+F,QAAQZ,KAAMnF,EAAM+F,QAAQ+E,SACnEC,SAA8B,QAApB,EAAA/K,EAAM+F,QAAQiF,cAAM,eAAEC,OAIpC,qBAAG9K,UAAS,eAAU,QAAW,oCAAoCH,EAAM+F,QAAQZ,KAAI,IAAGnF,EAAM+F,QAAQ+E,SAExG,uBAEE3K,UAAS,UAAK0I,EAAwB,YAAc,GAAE,mCACtDzF,IAAK+F,GAEJnJ,EAAMwJ,eAAezH,KAAI,SAAAiD,GACxB,OAAKiE,EAAuBjE,EAAMnD,IAIhC,uBAAK0F,IAAKvC,EAAMnD,GAAI1B,UAAU,YAAY0B,GAAImD,EAAMnD,IAClD,gBAACkD,EAAkB,CAACC,MAAOA,KAJtB,gBAAC,WAAc,CAACuC,IAAKvC,EAAMnD,IAOtC,IACA,uBAAKuB,IAAKgG,EAAajJ,UAAU,aAC/B,gBAACiF,EAAsB,CAACC,MApFvB6F,OAAOxI,KAAKuG,GAAwBW,QAAO,SAACvE,EAAO8F,GAIxD,OAHKlC,EAAuBkC,IAC1B9F,IAEKA,CACT,GAAG,GA+E4DE,QAnGjE,WACEyD,GAAqB,GACrBO,GACF,MAoGI,gBAACpD,EAAsB,CACrBtE,GAAE,oBAAe7B,EAAM+F,QAAQlE,IAC/BgD,UAAW7E,EAAM6E,UACjBuB,OAAQpG,EAAMoL,gBACd5E,iBAAkB,CAACxG,EAAM+F,SACzBM,cAAerG,EAAMwJ,eACrB5B,cAAe,SAAC5C,EAAOqG,GAAQ,OAAKrL,EAAMsL,cAActL,EAAM+F,QAASf,EAAOqG,EAAS,EACvFrD,iBAAkB,CAAEuD,SAAU,qCAC9B5E,YAAU,EACVC,SAAU5G,EAAMwK,SAChBrD,iBAAkBnH,EAAMwL,kBAG1B,gBAAC,IAAW,CACV/B,SA7FEA,EAA2B,GAE7BJ,EAAeoC,EAAA,gBACjBhC,EAAQiC,KAAK,CACXC,MAAO,GAAU,eACjB1H,QAASoE,GAAsBrI,EAAM+F,QAAQlE,IAC7C+E,SAAU5G,EAAMwK,SAChBrK,UAAWH,EAAMwK,SAAW,WAAa,GACzCoB,QAAS5L,EAAMwK,SAAWxK,EAAMwL,gBAAkB,GAClDjG,QAAS,WACPwC,EAAA,gBAA8B,CAAElG,GAAI7B,EAAM+F,QAAQlE,IAAM,CACtDoG,WAAY,UACZE,OAAQ,UACRD,cAAe,WACfqD,SAAU,qCAEd,IAGJ9B,EAAQiC,KAAK,CACXC,MAAO,GAAU,iBACjB1H,QAASuE,GAAyBxI,EAAM+F,QAAQlE,GAAI7B,EAAM6E,UAAUhD,IACpE+E,SAAU5G,EAAMwK,SAChBrK,UAAWH,EAAMwK,SAAW,WAAa,cACzCoB,QAAS5L,EAAMwK,SAAWxK,EAAMwL,gBAAkB,GAClDjG,QAAS,WACPwC,EAAA,gBAA8B,CAAElG,GAAI7B,EAAM6E,UAAUhD,GAAIgK,OAAQ7L,EAAM+F,QAAQlE,IAAM,CAClFoG,WAAY,gBACZE,OAAQ,eACR2D,WAAY,UACZ5D,cAAe,WACfqD,SAAU,qCAEd,IAGK9B,GA0DHsC,yBAAyB,QAIjC,C,gBChOM,GAAY,qCACZ,GAAY/H,EAAA,mBAAiC,IAa7C,SAAUgI,GAAwBhM,G,MAC9B6E,EAAgC7E,EAAhC6E,UAAWY,EAAqBzF,EAArByF,SAAUW,EAAWpG,EAAXoG,OAEvB6F,GAAW,UACXC,GAAS,SAETC,GAAiB,EAAA/L,EAAA,GAAuBqF,EAASQ,MACjDmG,EAAiBD,EAAe5J,cAAcf,OAE9C6K,EAAoBjG,EAAON,QAAO,SAAAd,G,QACtC,KAAsB,QAAjB,EAAW,QAAX,EAAAA,EAAMgB,aAAK,eAAEC,YAAI,eAAEzE,QACtB,OAAO,EAET,IAAI8K,GAAmB,EACnBC,EAAQ,EAEN5D,EAAawD,EAAe5J,cAElC,GAAKoG,EAAWnH,OAAhB,CACS,iBAGP,IAAMK,EAAK8G,EAAW4D,GACjBvH,EAAMgB,MAAMC,KAAKnD,MAAK,SAAC0J,GAAQ,OAAKA,EAAI3K,GAAGR,aAAeQ,EAAGR,UAAU,MAC1EiL,GAAmB,GAErBC,G,EALF,aAMSA,EAAQ5D,EAAWnH,QAE5B,OAAO8K,CAVC,CAWV,IAuEMG,GAAa,OAAc,YAEjC,OAAkB,QAAb,EAAAhH,EAASQ,YAAI,eAAEzE,QAYlB,gCACE,uBAAKrB,UAAS,yCAAoCsM,EAAa,OAAS,SACtE,gBAACjF,EAAA,EAAQ,CACP3F,GAAG,iCACH6F,SAAUyE,EAAehK,aACzBsF,QAAS0E,EAAexJ,YACxBxC,UAAU,OACV0H,cAAesE,EAAetJ,oBAC9B+D,SAAU5G,EAAMwK,WAGlB,gBAACrE,EAAsB,CACrBtE,GAAG,iBACHgD,UAAWA,EACX2B,iBAAkB2F,EAAe5J,cAAcR,KAAI,SAAAF,GACjD,OAAO7B,EAAMyF,SAASQ,KAAKnD,MAAK,SAAA8C,GAAC,OAAIA,EAAE/D,GAAGR,aAAeQ,EAAGR,UAAU,GACxE,IACA+E,OAAQA,EACRwB,cA1DR,SAAuB5C,EAAuB2C,GAC5C,IAAM+E,EAAqBP,EAAe5J,cAEpCoK,EAAUhF,EAAYiF,GAAA,qBAAuCA,GAAA,0BAEnE,UACEX,EACAU,EAAQD,EAAoB1H,EAAMnD,GAAIgD,EAAUhD,IAAI,WAClDkG,EAAA,gBAA8B,CAC5BlG,GAAImD,EAAMnD,GACVgL,aAAcH,EAAmBlL,QAChC,CACDyG,WAAY,eACZE,OAAQ,oBACR2D,WAAY,UACZ5D,cAAe,cACfqD,SAAU,+BAGZW,EAAOY,QAAQ,GAAU,aAAc,CAAEC,UAAW/H,EAAMG,KAAM6H,YAAY,IAC9E,IAAG,WACDd,EAAOe,MAAM,GAAU,WAAY,CAAEF,UAAW/H,EAAMG,KAAM6H,YAAY,IAC1E,IAEJ,EAmCQpG,UAAWwF,GAAkBpM,EAAMwK,SACnCnE,cAAegG,EACfrE,iBAAkB,CAAEuD,SAAU,8BAC9BpE,iBAAkBnH,EAAMwK,UAAYxG,EAAA,YAA0B,GAAW,yBAE3E,gBAACsB,EAAA,EAAS,CACRnF,UAAS,mBAAciM,GAAkBpM,EAAMwK,SAAW,4BAA8B,IACxFjF,QA7FR,WACE,GAAK6G,IAAkBpM,EAAMwK,SAA7B,CAGA,IAAM7B,EAAawD,EAAe5J,cAElCwF,EAAA,gBAA8B,CAC5BlG,GAAIgD,EAAUhD,GACdgL,aAAclE,EAAWnH,QACxB,CACD2G,OAAQ,eACR2D,WAAY,UACZ5D,cAAe,WACfD,WAAY,gBACZsD,SAAU,+BAGZ,eAA2B,CACzBrH,YAAa,eACbC,OAAQ,+BACRS,KAAM,CAACC,EAAUhD,IACjB6D,OAAQ,CACNiD,WAAAA,IApBI,CAuBV,GAsEQ,gBAACuE,EAAA,EAAO,CACNC,UAAQ,EACRjG,MAAOlH,EAAMwK,SAAWxG,EAAA,YAA0B,GAAW,uBAAyB,IAEtF,gBAACgD,EAAA,EAAY,CACXC,QAAS,YACTC,MAAOlD,EAAA,YAA0B,GAAW,UAC5CoD,iBAAiB,MACjBC,iBAAe,MAIrB,gBAAC6F,EAAA,EAAO,CACNC,UAAQ,EACRjG,MAAOlH,EAAMwK,SAAWxG,EAAA,YAA0B,GAAW,uBAAyB,IAEtF,gBAACoJ,EAAA,EAAU,CACT7H,QAhIV,WACEwC,EAAA,gBAA8B,CAAElG,GAAIgD,EAAUhD,IAAM,CAClDsG,OAAQ,eACR2D,WAAY,UACZ5D,cAAe,WACfD,WAAY,eACZsD,SAAU,+BAGZ,eAA2B,CACzBrH,YAAa,eACbC,OAAQ,oCACRS,KAAM,CAACC,EAAUhD,KAErB,EAmHUoF,QAAS,UACT9G,UAAU,uBACVyG,SAAU5G,EAAMwK,UAEhB,gBAAC5G,EAAA,EAAI,CAACL,UAAW,GAAWM,OAAO,kBAKzC,sBAAI1D,UAAU,8BACXsF,EAASQ,KAAKlE,KAAI,SAAAgE,GAAO,OACxB,sBAAIwB,IAAKxB,EAAQlE,IACf,gBAAC+G,GAA0B,CACzB/D,UAAWA,EACXkB,QAASA,EACTqF,gBAAiBpL,EAAMoG,OACvBuE,OAAQ3K,EAAM2K,OACdnB,eAAgBxJ,EAAMoG,OAAON,QAAO,SAAAQ,GAAC,OAAIA,EAAEN,MAAMC,KAAKnD,MAAK,SAAAoD,GAAC,OAAIA,EAAErE,KAAOkE,EAAQlE,EAAE,GAAC,IACpF4F,QAAS0E,EAAehL,UAAU4E,EAAQlE,IAC1C0I,iBAAkB,kBAAM4B,EAAe9J,aAAa0D,EAAQlE,GAAG,EAC/DyJ,cAAetL,EAAMsL,cACrBd,SAAUxK,EAAMwK,SAChBgB,gBAAiBxL,EAAMwK,SAAW,GAAU,uBAAyB,KAEpE,MAhFT,gBAAC/F,EAAiC,CAChCI,UAAW7E,EAAM6E,UACjBC,mBAAoB,GAAU,sBAC9BJ,oBAAqB1E,EAAM0E,oBAC3BZ,eAAgB9D,EAAM8D,gBAiF9B,C,2BC5OA,SAA8D,QAA9D,GAAmF,QAAnF,GAA+I,QAA/I,GAA4J,QCMrJ,IAAMuJ,GAAiC,QAAW,WACvD,OACE,uBAAKlN,UAAU,QAEb,uBAAKA,UAAS,0CDVM,WCapB,uBAAKA,UAAU,QACb,gBAAC,MAAkB,CAACmN,SAAU,KAIhC,uBAAKnN,UAAU,QACb,gBAACoN,GAAA,EAAsB,OAGzB,uBAAKpN,UAAU,kCAEb,uBAAKA,UAAS,0CAAqC,MAEnD,uBAAKA,UAAS,0CAAqC,MAEnD,uBAAKA,UAAS,6CAAwC,MAGtD,uBAAKA,UAAS,qCD/BmF,YCmCnG,sBAAIA,UAAU,8BACXqC,MAAM,IAAIgL,KAAK,MAAMzL,KAAI,SAACgE,EAAS/D,GAAC,OACnC,sBAAIuF,IAAKvF,GACP,uBAAK7B,UAAU,uCAEb,uBAAKA,UAAS,0CAAqC,MAGnD,uBAAKA,UAAS,0CD3Ce,WC8C7B,uBAAKA,UAAU,QACb,uBAAKA,UAAS,qCD/CiG,YCmDjH,uBAAKA,UAAU,kBACZsN,KAAKC,SAAW,GAEb,gCACE,uBAAKvN,UAAS,uDAAkD,GAAY,YDvDuE,WCwDnJ,uBAAKA,UAAS,kDAA6C,GAAY,YAAI,OAE3E,uBAAKA,UAAS,kDAA6C,GAAY,YAAI,OAKnF,uBAAKA,UAAS,0CAAqC,MAEnD,uBAAKA,UAAS,qCDjEmK,YCmEhL,KAKf,I,mCC9CM,GAAY6D,EAAA,mBADA,gCAGZ2J,GAAuB,CAC3BxF,OAAQ,oBACR2D,WAAY,UACZ5D,cAAe,cACfqD,SAAU,qCAON,SAAUqC,GAAsB5N,G,cAC9B6N,EAAc,kBAAkCC,EAAA,iBAChDjJ,EAAY,kBAAgCgJ,EAAY5H,MAC5D2G,GAAA,eAA+B5M,EAAM6B,GAAIgM,EAAY5H,KAAKpE,KACtD4D,EAAW,kBAAqCmH,GAAA,uBAAuC5M,EAAM6B,KAC7FkM,EAAc,kBAAqCF,EAAY5H,MACnE+H,GAAA,WAA6BH,EAAY5H,KAAKgI,WAAY1F,EAAA,YACtDnC,EAAS,kBAA+CwG,GAAA,qBAAqC5M,EAAM6B,KACnG8I,EAAS,kBAA6BuD,EAAA,YAEtCC,EAA0C,QAA7B,EAAc,QAAd,EAAAtJ,EAAUoB,YAAI,eAAEmI,qBAAa,eAAEC,SAE5CpC,GAAW,UACT5C,GAAmB,EAAAC,EAAA,KAAnBD,eAOR,SAASiC,EAAcvF,EAAef,EAAuBqG,GAC3D,IAAMiD,EAAgB,CACpBzM,GAAImD,EAAMnD,GACVgL,aAAc,GAGVF,EAAUtB,EACZuB,GAAA,qBAAqC,CAAC7G,EAAQlE,IAAKmD,EAAMnD,GAAI7B,EAAM6B,IAAI,WACvEkG,EAAA,gBAA8BuG,EAAe,OAAF,wBACtCX,IAAoB,CACvB1F,WAAY,iBAEhB,IACE2E,GAAA,0BAA0C,CAAC7G,EAAQlE,IAAKmD,EAAMnD,GAAI7B,EAAM6B,IAAI,WAC5EkG,EAAA,gBAA8BuG,EAAe,OAAF,wBACtCX,IAAoB,CACvB1F,WAAY,kBAEhB,IAEF,UAAagE,EAAUU,EACzB,CAYA,OAtCA,EAAA4B,EAAA,GAAmB,CACjBrH,MAAO,GAAU,YAAa,CAAEsH,cAA6B,QAAd,EAAA3J,EAAUoB,YAAI,eAAEd,UAEjE,EAAAsJ,GAAA,GAAyB5J,GAoCtBA,EAAUoB,OACM,QAAb,EAAAR,EAASQ,YAAI,eAAEA,QACJ,QAAX,EAAAG,EAAOH,YAAI,eAAEA,OACb0E,EAAO1E,MACP8H,EAAY9H,KAKhB,gBAACyI,GAAA,EAAe,CACd7J,UAAWA,EAAUoB,KACrB4H,YAAaA,EAAY5H,KACzB0I,YAvBJ,SAAqBC,EAAoBC,EAAuBC,GAC9D,IAAIX,EAAJ,CAEA,IAAMxB,EAAUiC,EACZhC,GAAA,eACAA,GAAA,iBAEJ,UAAaX,EAAUU,EAAQ9H,EAAUoB,KAAM4I,EAAWC,GALlD,CAMV,EAgBIC,UAAU,WACVZ,WAAYA,GAEV,W,gBACA,OAAIA,EAEA,gCACE,gBAACpO,EAAA,EAAc,CAACG,KAAK,cACrB,gBAACsE,EAAmC,QAInB,QAAnB,EAAa,QAAb,EAAAiB,EAASQ,YAAI,eAAEA,YAAI,eAAEzE,QAErB,gBAACwK,GAAuB,CACtBnH,UAAWA,EAAUoB,KACrBR,SAAUA,EAASQ,KACnBG,OAAQA,EAAOH,KAAKA,KACpBqF,cAAeA,EACfX,OAAQA,EAAO1E,KACfvB,sBAA4C,QAAtB,EAAgB,QAAhB,EAAAqJ,EAAY9H,YAAI,eAAEA,YAAI,eAAEzE,QAC9CsC,eAAgBuF,EAAeoC,EAAA,eAC/BjB,SAAU2D,IAMd,gBAAC1J,EAAiC,CAChCI,UAAWA,EAAUoB,KACrBnB,mBAAoB,GAAU,sBAC9BJ,sBAA4C,QAAtB,EAAgB,QAAhB,EAAAqJ,EAAY9H,YAAI,eAAEA,YAAI,eAAEzE,QAC9CsC,eAAgBuF,EAAeoC,EAAA,gBAGrC,CAhCE,IAVG,gBAAC4B,GAA8B,KA6C1C,C","sources":["file:///app/packages/libs/shared/src/components/rostering/rostering-alert/RosteringAlert.tsx","file:///app/packages/libs/shared/src/hooks/useBulkCheckboxManager.ts","file:///app/packages/libs/shared/src/hooks/usePrevious.ts","file:///app/packages/libs/shared/src/utils/GroupHelper.ts","file:///app/packages/projects/lite/src/apps/classrooms/views/classrooms/empty-state/ClassroomsNoStudentsState.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/classroom-group-pill/ClassroomGroupPill.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-student-item/manage-classroom-student-item.scss","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-students/ManageClassroomStudents.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-students/partial-loading/partial-manage-classroom-students.scss","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents.tsx","file:///app/packages/projects/lite/src/apps/classrooms/views/classroom-students/ClassroomStudentsView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nconst namespace = 'rostering.alert';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface RosteringAlertProps {\n  type?: 'classroom' | 'general';\n}\n\nexport function RosteringAlert(props: RosteringAlertProps) {\n  const text = props.type === 'classroom' ? getPhrase('classroom') : getPhrase('hasRostering');\n\n  return (\n    <div className='alert text-info bg-light-blue px-2 rounded-3 fw-semibold py-2 d-flex flex-wrap'>\n      {text}&nbsp;\n      {/* todo add it back when KB article link is ready */}\n      {/* <ExternalLink\n        className='text-info text-underline'\n        href={''}\n        newTab\n      >\n        {LanguageService.getPhrase(namespace, 'learnMore')}\n      </ExternalLink> */}\n    </div>\n  );\n}","import React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { useForceUpdate } from 'libs/shared/hooks/useForceUpdate';\nimport { usePrevious } from 'libs/shared/hooks/usePrevious';\n\ntype CheckboxItemsState = Map<string, boolean>;\n\nexport interface BulkCheckboxManager {\n  onToggleBulk: () => void;\n  onToggleItem: (id: string) => void;\n  getSelected: () => string[];\n  isChecked: (item: string | number | HashObject<string>) => boolean;\n  bulkChecked: boolean;\n  deselectAll: () => void;\n  hasSomeSelections: () => boolean;\n  setSelected: (ids: string[]) => void;\n  getSelectedCount: () => number;\n  reset: () => void;\n  getMap: () => Map<string, boolean>;\n}\n\nexport interface BulkCheckboxManagerOptions {\n  idField?: string; // For objects like `PresentationAudiences` that don't use `id` as their identifier field\n  persistNamespace?: string;\n  preselectedIds?: string[];\n  initialState?: CheckboxItemsState;\n}\n\n/**\n * @param collection - The collection you are keeping track of with checkboxes\n * @param options - See interface above\n */\nexport const useBulkCheckboxManager = (collection: HashObject[], options: BulkCheckboxManagerOptions = {}) => {\n  const { idField = 'id', persistNamespace } = options;\n\n  const initial = options.initialState ? options.initialState : new Map<string, boolean>();\n\n  const items = React.useRef<CheckboxItemsState>(initial);\n  \n  const forceUpdate = useForceUpdate();\n\n  const prevCollection = usePrevious(collection);\n  const prevNamespace = usePrevious(persistNamespace);\n\n  /**\n   * This hook will clear the state of this hook when a user navigates between pages\n   * if a persistNamespace was not provided\n   */\n  React.useEffect(() => {\n    /**\n     * If we're being passed initial state, we don't want to clear the state\n     */\n    if (options.initialState)\n      return;\n\n    /**\n     * If we've been given a persist namespace, we don't want to clear our\n     * selections while the namespace stays the same\n     */\n    if (persistNamespace && prevNamespace === persistNamespace)\n      return;\n\n    /**\n     * Don't reinitialize if the ids of the new and old collection\n     * are identical\n     */\n    const prevIds = prevCollection?.map(i => i[idField]).join();\n    const ids = collection?.map(i => i[idField]).join();\n\n    if (prevIds === ids)\n      return;\n\n    reset();\n  }, [ prevCollection, prevNamespace, collection, options.initialState ]);\n\n  React.useEffect(() => {\n    if (!options.preselectedIds?.length)\n      return;\n\n    setSelected(options.preselectedIds);\n  }, []);\n\n  function reset(): void {\n    items.current.clear();\n    forceUpdate();\n  }\n\n  // When toggled on, all checkbox items will be enabled. Vice versa if toggled off\n  function onToggleBulk(): void {\n    const setValue = !isBulkChecked();\n\n    collection.forEach(item => {\n      if (setValue)\n        items.current.set(item[idField].toString(), true);\n      else\n        items.current.delete(item[idField].toString());\n    });\n\n    forceUpdate();\n  }\n\n  // Toggles a single item\n  function onToggleItem(id: string): void {\n    const nextItemState = !items.current.get(id.toString());\n\n    if (nextItemState)\n      items.current.set(id.toString(), nextItemState);\n    else\n      items.current.delete(id.toString());\n    \n    forceUpdate();\n  }\n\n  // Returns the state of the item passed in\n  function isChecked(item: string | number | HashObject<string>): boolean {\n    if (typeof item === 'number')\n      item = item.toString();\n    else if (typeof item !== 'string')\n      item = item[idField].toString();\n\n    return items.current.get(item);\n  }\n\n  function getSelected(): string[] {\n    return Array.from(items.current.keys());\n  }\n\n  function deselectAll(): void {\n    if (!collection?.length) return;\n\n    collection.forEach(item => {\n      items.current.delete(item[idField].toString());\n    });\n    forceUpdate();\n  }\n\n  // Returns true if at least 1 item is checked\n  function hasSomeSelections(): boolean {\n    if (!collection?.length)\n      return false;\n\n    return !!collection.find(item => isChecked(item));\n  }\n\n  function isBulkChecked(): boolean {\n    if (!collection?.length)\n      return false;\n\n    return collection.every(isChecked);\n  }\n\n  function setSelected(ids: string[]): void {\n    ids.forEach(id => {\n      items.current.set(id, true);\n    });\n    forceUpdate();\n  }\n\n  function getSelectedCount(): number {\n    return items.current.size;\n  }\n\n  function getMap(): Map<string, boolean> {\n    return items.current;\n  }\n\n  return {\n    onToggleBulk,\n    onToggleItem,\n    getSelected,\n    isChecked,\n    bulkChecked: isBulkChecked(),\n    deselectAll,\n    hasSomeSelections,\n    setSelected,\n    getSelectedCount,\n    reset,\n    getMap\n  };\n};","import React from 'react';\n\n// https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state\nexport function usePrevious<T>(value: T): T {\n  const ref = React.useRef<T>();\n  React.useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}","import { ButtonProps } from 'react-bootstrap';\n\nimport { ClassroomGroupColour } from 'libs/shared/interfaces';\n\nexport function mapColourToBsVariant(groupColour: ClassroomGroupColour): ButtonProps['variant'] {\n  switch (groupColour) {\n    case ClassroomGroupColour.Pink:\n      return 'pink';\n    case ClassroomGroupColour.Orange:\n      return 'orange';\n    case ClassroomGroupColour.Green:\n      return 'green';\n    case ClassroomGroupColour.Blue:\n      return 'blue';\n    case ClassroomGroupColour.Purple:\n      return 'purple';\n    case ClassroomGroupColour.Indigo:\n      return 'indigo';\n    default:\n      return 'pink';\n  }\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';\nimport { LanguageNamespaceContext, 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 = 'classrooms.classroomsEmptyState';\n\ninterface ClassroomsNoStudentsStateProps {\n  canManageUsers: boolean;\n  isRostering?: boolean;\n}\n\nexport function ClassroomsNoStudentsState(props: ClassroomsNoStudentsStateProps): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Classrooms.STUDENTS} />\n\n        <EmptyState.Heading><Text phrase='noStudentsHeading' /></EmptyState.Heading>\n        <EmptyState.Info className={`w-33 ${!props.canManageUsers ? 'mb-0' : ''}`}>\n          <Text phrase='noStudentsInfo' />\n        </EmptyState.Info>\n\n        {props.canManageUsers && !props.isRostering && (\n          <EmptyState.Cta\n            text={LanguageService.getPhrase(namespace, 'noStudentsCta')}\n            appLink={{\n              application: AppChannels.USER_MANAGER,\n              action: Actions.UserManager.STUDENTS\n            }}\n          />\n        )}\n        {!props.canManageUsers && !props.isRostering && (\n          <EmptyState.Info><Text phrase='askAdmin' /></EmptyState.Info>\n        )}\n        {props.isRostering && (\n          <a className='btn btn-link info-link font-semibold' href={''} target='_blank'>\n            {LanguageService.getPhrase(namespace, 'rosteringCta')}\n          </a>\n        )}\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\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';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { Classroom } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ClassroomsNoStudentsState } from 'apps/classrooms/views/classrooms/empty-state/ClassroomsNoStudentsState';\n\nconst namespace = 'classrooms.manageClassroomStudentsEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst STUDENT_ENGAGEMENT_IDEAS_LINK = 'https://static.clickview.com.au/Primary/Documents/Student-engagement-ideas.pdf';\nconst ROSTERING_KB_ARTICLE_URL = '';\n\ninterface ManageClassroomStudentsEmptyStateProps {\n  classroom: Classroom;\n  classroomIdeasText: string;\n  schoolHasNoStudents: boolean;\n  canManageUsers: boolean;\n}\n\nexport function RosteredClassroomStudentsEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Classrooms.STUDENTS} />\n\n        <EmptyState.Heading><Text phrase='emptyStateHeading' /></EmptyState.Heading>\n\n        <EmptyState.Info className='mb-2' ><Text phrase='emptyStateInfo' /></EmptyState.Info>\n\n        <a className='btn btn-link info-link font-semibold' href={ROSTERING_KB_ARTICLE_URL} target='_blank'>\n          {getPhrase('rosteringCta')}\n        </a>\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n\nexport function ManageClassroomStudentsEmptyState(props: ManageClassroomStudentsEmptyStateProps): JSX.Element {\n  if (props.schoolHasNoStudents)\n    return <ClassroomsNoStudentsState canManageUsers={props.canManageUsers} />;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Classrooms.STUDENTS} />\n\n        <EmptyState.Heading><Text phrase='emptyStateHeading' /></EmptyState.Heading>\n\n        <EmptyState.Info><Text phrase='emptyStateInfo' /></EmptyState.Info>\n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'addStudents')}\n          icon={cvSvgLibrary.Plus}\n          appLink={{\n            application: AppChannels.CLASSROOMS,\n            action: Actions.Classrooms.ADD_STUDENTS_CHOICES,\n            args: [props.classroom.id]\n          }}\n        />\n\n        <a className='btn btn-link info-link font-semibold' href={STUDENT_ENGAGEMENT_IDEAS_LINK} target='_blank'>\n          {props.classroomIdeasText}\n        </a>\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ClassroomGroup } from 'libs/shared/interfaces';\nimport { mapColourToBsVariant } from 'libs/shared/utils/GroupHelper';\n\ninterface ClassroomGroupProps {\n  group: ClassroomGroup;\n}\n\nexport function ClassroomGroupPill(props: ClassroomGroupProps): JSX.Element {\n  if (!props.group)\n    return <></>;\n\n  return (\n    <div className={`classroom-pill text-white bg-${mapColourToBsVariant(props.group.metadata?.colour)}`}>\n      {props.group.name}\n    </div>\n  );\n}\n\ninterface ClassroomGroupExpanderProps {\n  count: number;\n  onClick: () => void;\n}\n\nexport function ClassroomGroupExpander(props: ClassroomGroupExpanderProps): JSX.Element {\n  if (!props.count)\n    return <></>;\n\n  return (\n    <DivButton onClick={props.onClick} className={`classroom-pill bg-white border border-dark`}>\n      +{props.count}\n    </DivButton>\n  );\n}","import React from 'react';\nimport { Dropdown } from 'react-bootstrap';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useBulkCheckboxManager } from 'libs/shared/hooks/useBulkCheckboxManager';\nimport { PropsWithAnalyticsOptions, User } from 'libs/shared/interfaces';\nimport { Classroom, ClassroomGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ClassroomGroupPill } from 'apps/classrooms/components/classroom-group-pill/ClassroomGroupPill';\n\nconst namespace = 'classrooms.classroomGroupDropdown';\n\nconst getNewGroupAppLink = (id: string, students: User[]) => ({\n  application: AppChannels.CLASSROOMS,\n  action: Actions.Classrooms.NEW_GROUP,\n  args: [id],\n  params: {\n    addStudents: students.map(s => s.id)\n  }\n});\n\nconst getCheckedStudentsForGroup = (students: User[], group: ClassroomGroup) => {\n  const studentsInGroup = students.filter(student => {\n    return group.users.data.find(u => u.id.toString() === student.id.toString());\n  });\n\n  return studentsInGroup.length;\n};\n\ntype ClassroomGroupDropdownProps = PropsWithAnalyticsOptions<{\n  id: string;\n  classroom: Classroom;\n  selectedStudents: User[];\n  groups: ClassroomGroup[];\n  onSelectGroup: (group: ClassroomGroup, toggleOn?: boolean) => void;\n  preselections?: ClassroomGroup[];\n\n  alignRight?: boolean;\n  disabled?: boolean;\n  disabledTooltips?: string;\n}>;\n\nClassroomGroupDropdown.defaultProps = {\n  preselections: []\n};\n\nexport function ClassroomGroupDropdown(props: ClassroomGroupDropdownProps): JSX.Element {\n  const { onToggleItem, isChecked } = useBulkCheckboxManager(props.groups, {\n    preselectedIds: props.preselections.map(s => s.id)\n  });\n\n  function onChange(group: ClassroomGroup): void {\n    const shouldAdd = !isChecked(group.id);\n    props.onSelectGroup(group, shouldAdd);\n\n    onToggleItem(group.id);\n  }\n\n  function onClickCreateNewGroup(): void {\n    if (props.disabled)\n      return;\n\n    AnalyticsHelper.logUserAction({}, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\n      actionType: UserAction.Create,\n      workflowPhase: WorkflowPhase.Start,\n      entity: EntityType.ClassroomGroup\n    }));\n  }\n\n  React.useEffect(() => {\n    // On each passthrough, validate that the checkbox states are valid\n    // This is needed because the group/student state is managed in 2 separate places on the same page\n    props.groups.forEach(g => {\n      const totalCheckedForGroup = getCheckedStudentsForGroup(props.selectedStudents, g);\n\n      // Validate if unchecked checkbox should be checked\n      if (!!totalCheckedForGroup && totalCheckedForGroup === props.selectedStudents.length && !isChecked(g.id)) {\n        onToggleItem(g.id);\n        return;\n      }\n\n      // Validate if checked checkbox should be unchecked\n      if (!totalCheckedForGroup && isChecked(g.id)) {\n        onToggleItem(g.id);\n        return;\n      }\n    });\n  });\n\n  const buttonClasses = 'me-2 d-inline-block svg-container sm';\n\n  const dropdownProps: HashObject = {\n    align: props.alignRight ? 'end' : 'start'\n  };\n\n  /**\n   * This prop is applied like this so that when `props.disabled` it false, the prop is omitted altogether.\n   * This is because we want `react-bootstrap` to control the open state, and if we used the `show` prop\n   * at all times we'd be preventing that.\n   */\n  if (props.disabled)\n    dropdownProps.show = false;\n\n  return (\n    <Dropdown {...dropdownProps}>\n      <Dropdown.Toggle\n        as='div'\n        id={props.id}\n        className={`${props.disabled ? 'text-light' : 'cursor-pointer'} ${buttonClasses} no-caret`}\n      >\n        <SvgContainer\n          svgName={cvSvgLibrary.Group}\n          title={props.disabled ? props.disabledTooltips : LanguageService.getPhrase(namespace, 'addToGroupTooltip')}\n          tooltipPlacement='top'\n          tooltipSpanHack\n          tooltipSpanHackClassName=''\n        />\n      </Dropdown.Toggle>\n      <Dropdown.Menu>\n        {!!props.groups?.length && (\n          <div className='px-2 border-bottom mb-1'>\n            <p className='mb-0'><Text namespace={namespace} phrase='addToGroup' /></p>\n            <ul className='list-unstyled pe-3'>\n              {props.groups.map(group => (\n                <li key={group.id} className='d-flex align-items-center bg-white my-1'>\n                  <Checkbox\n                    id={`${props.id}:${group.id}`}\n                    checked={isChecked(group.id)}\n                    onChange={() => onChange(group)}\n                    indeterminate={!!getCheckedStudentsForGroup(props.selectedStudents, group)}\n                  />\n                  <ClassroomGroupPill group={group} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n        <AppLink\n          onClick={onClickCreateNewGroup}\n          appLink={getNewGroupAppLink(props.classroom.id, props.selectedStudents)}\n          className={props.disabled ? 'disabled' : 'text-nowrap d-flex align-items-center px-2'}\n        >\n          <SvgContainer svgName={cvSvgLibrary.Plus} />\n          <Text namespace={namespace} phrase='createNew' />\n        </AppLink>\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"avatarContainer\":\"rfVnC\",\"name\":\"RYLWZ\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AssocDescriptor, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions, Actions as MoreActions } from 'libs/shared/components/actions/Actions';\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useResizeListener } from 'libs/shared/hooks/UseResizeListener';\nimport { ClassroomGroup, Config } from 'libs/shared/interfaces';\nimport { Classroom } from 'libs/shared/interfaces';\nimport { User } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ClassroomGroupDropdown } from 'apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown';\nimport { ClassroomGroupExpander, ClassroomGroupPill } from 'apps/classrooms/components/classroom-group-pill/ClassroomGroupPill';\n\nimport styles from './manage-classroom-student-item.scss';\n\ntype GroupVisibilityMapping = { [id: string]: boolean };\n\nconst namespace = 'classrooms.manageClassroomStudentItem';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst getEditStudentAppLink = (id: string) => ({\n  application: AppChannels.USER_MANAGER,\n  action: Actions.UserManager.EDIT_USER,\n  args: [id],\n  params: { userType: UserGroup.Learner }\n});\n\nconst getRemoveStudentsAppLink = (studentId: string, classroomId: string) => ({\n  application: AppChannels.CLASSROOMS,\n  action: Actions.Classrooms.REMOVE_STUDENTS,\n  args: [classroomId],\n  params: {\n    studentIds: [studentId]\n  }\n});\n\ninterface ManageClassroomStudentItemProps {\n  classroom: Classroom;\n  student: User;\n  classroomGroups: ClassroomGroup[];\n  selectedGroups: ClassroomGroup[];\n  config: Config;\n  onToggleGroup: (student: User, group: ClassroomGroup, toggleOn: boolean) => void;\n  onToggleCheckbox: () => void;\n  checked: boolean;\n  readOnly?: boolean;\n  readOnlyTooltip?: string;\n}\n\nexport function ManageClassroomStudentItem(props: ManageClassroomStudentItemProps): JSX.Element {\n  const [ isComputingTruncation, setIsComputingTruncation ] = React.useState(false);\n  const [ hasExpandedGroups, setHasExpandedGroups ] = React.useState(false);\n\n  // Maps a group to it's visibility state.\n  const [ groupVisibilityMapping, setGroupVisibilityMapping ] = React.useState<GroupVisibilityMapping>({});\n\n  const groupListRef = React.useRef<HTMLDivElement>(null);\n  const expanderRef = React.useRef<HTMLDivElement>(null);\n\n  const { hasPermissions } = usePermissions();\n\n  // Every time the selected groups array changes, we want to re-compute which groups should be truncated\n  React.useEffect(() => {\n    renderAllGroups();\n\n    if (hasExpandedGroups) // Don't re-compute if the user has expanded all groups\n      return;\n\n    setIsComputingTruncation(true);\n  }, [props.selectedGroups.length]);\n\n  function onResize(): void {\n    renderAllGroups();\n    setIsComputingTruncation(true);\n  }\n\n  const throttledResizeListener = FunctionHelper.throttle(onResize, 300);\n\n  useResizeListener(() => {\n    if (hasExpandedGroups) // Don't re-compute if the user has expanded all groups\n      return;\n\n    throttledResizeListener();\n  });\n\n  /**\n   * This iterates through each group element, and detects if any of them don't\n   * fit on the first row of items. The elements that don't will be hidden.\n   */\n  React.useEffect(() => {\n    if (!groupListRef.current || !expanderRef.current || !isComputingTruncation)\n      return;\n\n    const firstGroupPill = groupListRef.current.firstElementChild as HTMLDivElement;\n    if (!firstGroupPill) return;\n\n    const topRowHeight = firstGroupPill.getBoundingClientRect().y;\n\n    const nextGroupVisibilityMapping: { [id: string]: boolean } = {};\n\n    /**\n     * Here we're checking if the y-coordinate of any groups\n     * don't match the y-coordinate of the first group (which should\n     * always be on the first row). This way we know if they should be\n     * hidden or not.\n     */\n    let lastVisibleId: string;\n    for (const child of groupListRef.current.children) {\n      if (child.id) {\n        nextGroupVisibilityMapping[child.id] = child.getBoundingClientRect().y === topRowHeight;\n        lastVisibleId = nextGroupVisibilityMapping[child.id] ? child.id : lastVisibleId;\n      }\n    }\n\n    // If the expander button has also wrapped, we hide the last element that we were going to make visible.\n    if (expanderRef.current.getBoundingClientRect().y !== topRowHeight)\n      nextGroupVisibilityMapping[lastVisibleId] = false;\n\n    setGroupVisibilityMapping(nextGroupVisibilityMapping);\n    setIsComputingTruncation(false);\n  }, [isComputingTruncation]);\n\n  function onClickShowAllGroups(): void {\n    setHasExpandedGroups(true);\n    renderAllGroups();\n  }\n\n  // Updates the group visibility mapping to display all groups\n  function renderAllGroups(): void {\n    setGroupVisibilityMapping(props.selectedGroups.reduce((acc, group) => {\n      acc[group.id] = true;\n      return acc;\n    }, {} as GroupVisibilityMapping));\n  }\n\n  // Returns the number of groups that are invisible\n  function getInvisibleGroupCount(): number {\n    return Object.keys(groupVisibilityMapping).reduce((count, groupId) => {\n      if (!groupVisibilityMapping[groupId])\n        count++;\n  \n      return count;\n    }, 0);\n  }\n\n  function getActions(): ActionOptions[] {\n    const actions: ActionOptions[] = [];\n\n    if (hasPermissions(PermissionName.ManageUsers))\n      actions.push({\n        label: getPhrase('editStudent'),\n        appLink: getEditStudentAppLink(props.student.id),\n        disabled: props.readOnly,\n        className: props.readOnly ? 'disabled' : '',\n        tooltip: props.readOnly ? props.readOnlyTooltip : '',\n        onClick: () => {\n          AnalyticsHelper.logUserAction({ id: props.student.id }, {\n            actionType: UserAction.Edit,\n            entity: EntityType.User,\n            workflowPhase: WorkflowPhase.Start,\n            location: LocationContext.ManageClassroomStudentListItem\n          });\n        }\n      });\n\n    actions.push({\n      label: getPhrase('removeStudent'),\n      appLink: getRemoveStudentsAppLink(props.student.id, props.classroom.id),\n      disabled: props.readOnly,\n      className: props.readOnly ? 'disabled' : 'text-danger',\n      tooltip: props.readOnly ? props.readOnlyTooltip : '',\n      onClick: () => {\n        AnalyticsHelper.logUserAction({ id: props.classroom.id, userId: props.student.id }, {\n          actionType: UserAction.Dissociate,\n          entity: EntityType.Classroom,\n          descriptor: AssocDescriptor.User,\n          workflowPhase: WorkflowPhase.Start,\n          location: LocationContext.ManageClassroomStudentListItem\n        });\n      }\n    });\n\n    return actions;\n  }\n\n  return (\n    <div className='d-flex align-items-center py-1 px-4'>\n      <Checkbox\n        id={props.student.id}\n        checked={props.checked}\n        onChange={props.onToggleCheckbox}\n        className='me-2'\n        disabled={props.readOnly}\n      />\n\n      <div className={`${styles.avatarContainer} me-2`}>\n        <Avatar\n          imageCdnUrl={props.config.imageCdnUrl}\n          initials={UserHelper.getInitials(props.student.name, props.student.surname)}\n          imageUrl={props.student.avatar?.url}\n        />\n      </div>\n\n      <p className={`me-2 ${styles.name} text-truncate mb-0 text-nowrap`}>{props.student.name} {props.student.surname}</p>\n\n      <div\n        // When we are computing the truncation, we want all group elements to be rendered but invisible.\n        className={`${isComputingTruncation ? 'invisible' : ''} me-auto d-flex flex-wrap mt-n1`}\n        ref={groupListRef}\n      >\n        {props.selectedGroups.map(group => {\n          if (!groupVisibilityMapping[group.id]) // Don't render any groups that are marked as hidden\n            return <React.Fragment key={group.id}></React.Fragment>;\n\n          return (\n            <div key={group.id} className='me-1 mt-1' id={group.id}>\n              <ClassroomGroupPill group={group} />\n            </div>\n          );\n        })}\n        <div ref={expanderRef} className='me-1 mt-1'>\n          <ClassroomGroupExpander count={getInvisibleGroupCount()} onClick={onClickShowAllGroups} />\n        </div>\n      </div>\n\n      <ClassroomGroupDropdown\n        id={`add-group-${props.student.id}`}\n        classroom={props.classroom}\n        groups={props.classroomGroups}\n        selectedStudents={[props.student]}\n        preselections={props.selectedGroups}\n        onSelectGroup={(group, toggleOn) => props.onToggleGroup(props.student, group, toggleOn)}\n        analyticsOptions={{ location: LocationContext.ManageClassroomStudentListItem }}\n        alignRight\n        disabled={props.readOnly}\n        disabledTooltips={props.readOnlyTooltip}\n      />\n\n      <MoreActions\n        actions={getActions()}\n        actionsDropdownClassName='btn'\n      />\n    </div>\n  );\n}","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AssocDescriptor, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useBulkCheckboxManager } from 'libs/shared/hooks/useBulkCheckboxManager';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { Classroom, Config } from 'libs/shared/interfaces';\nimport { ClassroomGroup, User, UserCollection } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ClassroomGroupDropdown } from 'apps/classrooms/components/classroom-group-dropdown/ClassroomGroupDropdown';\nimport { ManageClassroomStudentItem } from 'apps/classrooms/components/manage-classroom-student-item/ManageClassroomStudentItem';\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\n\nimport { ManageClassroomStudentsEmptyState } from './empty-state/ManageClassroomStudentsEmptyState';\n\nconst namespace = 'classrooms.manageClassroomStudents';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ManageClassroomStudentsProps {\n  classroom: Classroom;\n  students: UserCollection;\n  schoolHasNoStudents: boolean;\n  canManageUsers: boolean;\n  groups: ClassroomGroup[];\n  config: Config;\n  onToggleGroup: (student: User, group: ClassroomGroup, toggleOn: boolean) => void;\n  readOnly?: boolean;\n}\n\nexport function ManageClassroomStudents(props: ManageClassroomStudentsProps): JSX.Element {\n  const { classroom, students, groups } = props;\n\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n\n  const CheckboxHelper = useBulkCheckboxManager(students.data);\n  const selectionCount = CheckboxHelper.getSelected().length;\n\n  const bulkPreselections = groups.filter(group => {\n    if (!group.users?.data?.length)\n      return false;\n\n    let allStudentsFound = true;\n    let index = 0;\n\n    const studentIds = CheckboxHelper.getSelected();\n\n    if (!studentIds.length)\n      return;\n\n    do {\n      const id = studentIds[index];\n      if (!group.users.data.find((stu: any) => stu.id.toString() === id.toString()))\n        allStudentsFound = false;\n\n      index++;\n    } while (index < studentIds.length);\n\n    return allStudentsFound;\n  });\n\n  function onClickAddStudents(): void {\n    AnalyticsHelper.logUserAction({ id: classroom.id }, {\n      entity: EntityType.Classroom,\n      descriptor: AssocDescriptor.User,\n      workflowPhase: WorkflowPhase.Start,\n      actionType: UserAction.Associate,\n      location: LocationContext.ManageClassroomStudents\n    });\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.CLASSROOMS,\n      action: Actions.Classrooms.ADD_STUDENTS_CHOICES,\n      args: [classroom.id]\n    });\n  }\n\n  function onClickBulkRemoveStudents(): void {\n    if (!selectionCount || props.readOnly)\n      return;\n\n    const studentIds = CheckboxHelper.getSelected();\n\n    AnalyticsHelper.logUserAction({\n      id: classroom.id,\n      studentCount: studentIds.length\n    }, {\n      entity: EntityType.Classroom,\n      descriptor: AssocDescriptor.User,\n      workflowPhase: WorkflowPhase.Start,\n      actionType: UserAction.Dissociate,\n      location: LocationContext.ManageClassroomStudents\n    });\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.CLASSROOMS,\n      action: Actions.Classrooms.REMOVE_STUDENTS,\n      args: [classroom.id],\n      params: {\n        studentIds\n      }\n    });\n  }\n\n  function onSelectGroup(group: ClassroomGroup, shouldAdd: boolean): void {\n    const selectedStudentIds = CheckboxHelper.getSelected();\n\n    const request = shouldAdd ? ClassroomRequests.addStudentsToGroup : ClassroomRequests.removeStudentsFromGroup;\n\n    Flight.fetch(\n      dispatch,\n      request(selectedStudentIds, group.id, classroom.id, () => {\n        AnalyticsHelper.logUserAction({\n          id: group.id,\n          studentCount: selectedStudentIds.length\n        }, {\n          actionType: UserAction.Associate,\n          entity: EntityType.ClassroomGroup,\n          descriptor: AssocDescriptor.User,\n          workflowPhase: WorkflowPhase.Complete,\n          location: LocationContext.ManageClassroomStudents\n        });\n\n        alerts.success(getPhrase('addSuccess', { groupName: group.name, escapeText: true }));\n      }, () => {\n        alerts.error(getPhrase('addError', { groupName: group.name, escapeText: true }));\n      })\n    );\n  }\n\n  const edgeToEdge = useMediaQuery(MediaQueryStrings.XLDown);\n\n  if (!students.data?.length) {\n    return (\n      <ManageClassroomStudentsEmptyState\n        classroom={props.classroom}\n        classroomIdeasText={getPhrase('classroomIdeasText')}\n        schoolHasNoStudents={props.schoolHasNoStudents}\n        canManageUsers={props.canManageUsers}\n      />\n    );\n  }\n\n  return (\n    <>\n      <div className={`d-flex align-items-center py-2 ${edgeToEdge ? 'ps-2' : 'ps-4'}`}>\n        <Checkbox\n          id='manage-classroom-students-bulk'\n          onChange={CheckboxHelper.onToggleBulk}\n          checked={CheckboxHelper.bulkChecked}\n          className='me-2'\n          indeterminate={CheckboxHelper.hasSomeSelections()}\n          disabled={props.readOnly}\n        />\n\n        <ClassroomGroupDropdown\n          id='bulk-add-group'\n          classroom={classroom}\n          selectedStudents={CheckboxHelper.getSelected().map(id => {\n            return props.students.data.find(s => s.id.toString() === id.toString());\n          })}\n          groups={groups}\n          onSelectGroup={onSelectGroup}\n          disabled={!selectionCount || props.readOnly}\n          preselections={bulkPreselections}\n          analyticsOptions={{ location: LocationContext.ManageClassroomStudents }}\n          disabledTooltips={props.readOnly && LanguageService.getPhrase(namespace, 'disabledByRostering')}\n        />\n        <DivButton\n          className={`me-auto ${!selectionCount || props.readOnly ? 'text-light cursor-default' : ''}`}\n          onClick={onClickBulkRemoveStudents}\n        >\n          <Tooltip\n            spanHack\n            title={props.readOnly ? LanguageService.getPhrase(namespace, 'disabledByRostering') : ''}\n          >\n            <SvgContainer\n              svgName={cvSvgLibrary.Delete}\n              title={LanguageService.getPhrase(namespace, 'delete')}\n              tooltipPlacement='top'\n              tooltipSpanHack\n            />\n          </Tooltip>\n        </DivButton>\n        <Tooltip\n          spanHack\n          title={props.readOnly ? LanguageService.getPhrase(namespace, 'disabledByRostering') : ''}\n        >\n          <IconButton\n            onClick={onClickAddStudents}\n            svgName={cvSvgLibrary.Plus}\n            className='btn btn-outline-dark'\n            disabled={props.readOnly}\n          >\n            <Text namespace={namespace} phrase='addStudent' />\n          </IconButton>\n        </Tooltip>\n      </div>\n\n      <ul className='striped-list list-unstyled'>\n        {students.data.map(student => (\n          <li key={student.id}>\n            <ManageClassroomStudentItem\n              classroom={classroom}\n              student={student}\n              classroomGroups={props.groups}\n              config={props.config}\n              selectedGroups={props.groups.filter(g => g.users.data.find(u => u.id === student.id))}\n              checked={CheckboxHelper.isChecked(student.id)}\n              onToggleCheckbox={() => CheckboxHelper.onToggleItem(student.id)}\n              onToggleGroup={props.onToggleGroup}\n              readOnly={props.readOnly}\n              readOnlyTooltip={props.readOnly ? getPhrase('disabledByRostering') : ''}\n            />\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"heading\":\"YrP_G\",\"avatar\":\"droqZ\",\"checkbox\":\"pJf6R\",\"actionIcon\":\"MSvzY\",\"addStudents\":\"j62jt\",\"studentName\":\"gorcb\",\"group\":\"IFmvc\",\"sm\":\"pOcvk\",\"lg\":\"SdQ90\",\"moreActions\":\"S7p4K\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialPillTabSelector } from 'libs/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector';\n\nimport styles from './partial-manage-classroom-students.scss';\n\nexport const PartialManageClassroomStudents = React.memo(function(): JSX.Element {\n  return (\n    <div className='px-3'>\n      {/* Heading */}\n      <div className={`mb-1 partial-loading-background ${styles.heading}`} />\n\n      {/* Breadcrumbs */}\n      <div className='pb-3'>\n        <PartialBreadcrumbs numItems={2} />\n      </div>\n\n      {/* Pill tab selector */}\n      <div className='pb-2'>\n        <PartialPillTabSelector />\n      </div>\n\n      <div className='d-flex align-items-center py-2'>\n        {/* Checkbox */}\n        <div className={`mx-4 partial-loading-background ${styles.checkbox}`} />\n        {/* Group selector */}\n        <div className={`me-2 partial-loading-background ${styles.actionIcon}`} />\n        {/* Delete action */}\n        <div className={`me-auto partial-loading-background ${styles.actionIcon}`} />\n\n        {/* Add new students button */}\n        <div className={`partial-loading-background ${styles.addStudents}`} />\n      </div>\n\n      {/* Students list */}\n      <ul className='striped-list list-unstyled'>\n        {Array(20).fill(null).map((student, i) => (\n          <li key={i}>\n            <div className='d-flex align-items-center py-1 px-4'>\n              {/* Checkbox */}\n              <div className={`me-2 partial-loading-background ${styles.checkbox}`} />\n\n              {/* Avatar */}\n              <div className={`me-2 partial-loading-background ${styles.avatar}`} />\n\n              {/* Student name */}\n              <div className='w-25'>\n                <div className={`partial-loading-background ${styles.studentName}`} />\n              </div>\n\n              {/* Groups list. Randomly renders either 1 or 2 groups. Group widths are randomly generated */}\n              <div className='me-auto d-flex'>\n                {Math.random() > 0.5\n                  ? (\n                    <>\n                      <div className={`partial-loading-background rounded-pill me-1 ${styles.group} ${styles.lg}`} />\n                      <div className={`partial-loading-background rounded-pill ${styles.group} ${styles.sm}`} />\n                    </>\n                  ) : <div className={`partial-loading-background rounded-pill ${styles.group} ${styles.sm}`} />\n                }\n              </div>\n\n              {/* Group selector */}\n              <div className={`me-2 partial-loading-background ${styles.actionIcon}`} />\n              {/* More actions */}\n              <div className={`partial-loading-background ${styles.moreActions}`} />\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n});","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AssocDescriptor, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { RosteringAlert } from 'libs/shared/components/rostering/rostering-alert/RosteringAlert';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, ClassroomGroup, ClassroomGroupCollection, Config, CurrentUser, User, UserCollection } from 'libs/shared/interfaces';\n\nimport { ManageClassroomStudentsEmptyState, RosteredClassroomStudentsEmptyState } from 'apps/classrooms/components/manage-classroom-students/empty-state/ManageClassroomStudentsEmptyState';\nimport { ManageClassroomStudents } from 'apps/classrooms/components/manage-classroom-students/ManageClassroomStudents';\nimport { PartialManageClassroomStudents } from 'apps/classrooms/components/manage-classroom-students/partial-loading/PartialManageClassroomStudents';\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { useHandleClassroomErrors } from 'apps/classrooms/hooks/useHandleClassroomErrors';\nimport { ClassroomLayout } from 'apps/classrooms/layouts/ClassroomLayout';\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\n\nconst namespace = 'classrooms.classroomStudents';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst baseAnalyticsOptions = {\n  entity: EntityType.ClassroomGroup,\n  descriptor: AssocDescriptor.User,\n  workflowPhase: WorkflowPhase.Complete,\n  location: LocationContext.ManageClassroomStudentListItem\n};\n\ninterface ClassroomStudentsViewProps {\n  id: string;\n}\n\nexport function ClassroomStudentsView(props: ClassroomStudentsViewProps): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const classroom = Flight.useBasicFetch<Classroom>(currentUser.data &&\n    ClassroomRequests.getClassroom(props.id, currentUser.data.id));\n  const students = Flight.useBasicFetch<UserCollection>(ClassroomRequests.getClassroomStudents(props.id));\n  const allStudents = Flight.useBasicFetch<UserCollection>(currentUser.data &&\n    UserManagerRequests.getUsers(currentUser.data.customerId, UserGroup.Learner));\n  const groups = Flight.useBasicFetch<ClassroomGroupCollection>(ClassroomRequests.getClassroomGroups(props.id));\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const isRostered = classroom.data?._integrations?.rostered;\n\n  const dispatch = useDispatch();\n  const { hasPermissions } = usePermissions();\n\n  useSetPageMetadata({\n    title: getPhrase('pageTitle', { classroomName: classroom.data?.name })\n  });\n  useHandleClassroomErrors(classroom);\n\n  function onToggleGroup(student: User, group: ClassroomGroup, toggleOn: boolean): void {\n    const analyticsData = {\n      id: group.id,\n      studentCount: 1\n    };\n\n    const request = toggleOn\n      ? ClassroomRequests.addStudentsToGroup([student.id], group.id, props.id, () => {\n        AnalyticsHelper.logUserAction(analyticsData, {\n          ...baseAnalyticsOptions,\n          actionType: UserAction.Associate\n        });\n      })\n      : ClassroomRequests.removeStudentsFromGroup([student.id], group.id, props.id, () => {\n        AnalyticsHelper.logUserAction(analyticsData, {\n          ...baseAnalyticsOptions,\n          actionType: UserAction.Dissociate\n        });\n      });\n\n    Flight.fetch(dispatch, request);\n  }\n\n  function onTogglePin(shouldPin: boolean, onSuccess: () => void, onError: () => void): void {\n    if (isRostered)\n      return;\n    const request = shouldPin\n      ? ClassroomRequests.pinClassroom\n      : ClassroomRequests.unpinClassroom;\n\n    Flight.fetch(dispatch, request(classroom.data, onSuccess, onError));\n  }\n\n  if (\n    !classroom.data\n    || !students.data?.data\n    || !groups.data?.data\n    || !config.data\n    || !allStudents.data\n  )\n    return <PartialManageClassroomStudents />;\n\n  return (\n    <ClassroomLayout\n      classroom={classroom.data}\n      currentUser={currentUser.data}\n      onTogglePin={onTogglePin}\n      activeTab='students'\n      isRostered={isRostered}\n    >\n      {(() => {\n        if (isRostered)\n          return (\n            <>\n              <RosteringAlert type='classroom'/>\n              <RosteredClassroomStudentsEmptyState />\n            </>\n          );\n\n        if (students.data?.data?.length) {\n          return (\n            <ManageClassroomStudents\n              classroom={classroom.data}\n              students={students.data}\n              groups={groups.data.data}\n              onToggleGroup={onToggleGroup}\n              config={config.data}\n              schoolHasNoStudents={!allStudents.data?.data?.length}\n              canManageUsers={hasPermissions(PermissionName.ManageUsers)}\n              readOnly={isRostered}\n            />\n          );\n        }\n\n        return (\n          <ManageClassroomStudentsEmptyState\n            classroom={classroom.data}\n            classroomIdeasText={getPhrase('classroomIdeasText')}\n            schoolHasNoStudents={!allStudents.data?.data?.length}\n            canManageUsers={hasPermissions(PermissionName.ManageUsers)}\n          />\n        );\n      })()}\n    </ClassroomLayout>\n  );\n}\n"],"names":["getPhrase","RosteringAlert","props","text","type","className","useBulkCheckboxManager","collection","options","idField","persistNamespace","initial","initialState","Map","items","forceUpdate","prevCollection","prevNamespace","reset","current","clear","isChecked","item","toString","get","isBulkChecked","length","every","setSelected","ids","forEach","id","set","map","i","join","preselectedIds","onToggleBulk","setValue","onToggleItem","nextItemState","getSelected","Array","from","keys","bulkChecked","deselectAll","hasSomeSelections","find","getSelectedCount","size","getMap","usePrevious","value","ref","mapColourToBsVariant","groupColour","namespace","ClassroomsNoStudentsState","EmptyState","src","ImageUrls","Text","phrase","canManageUsers","isRostering","LanguageService","appLink","application","action","href","target","STUDENT_ENGAGEMENT_IDEAS_LINK","ROSTERING_KB_ARTICLE_URL","RosteredClassroomStudentsEmptyState","ManageClassroomStudentsEmptyState","schoolHasNoStudents","icon","args","classroom","classroomIdeasText","ClassroomGroupPill","group","metadata","colour","name","ClassroomGroupExpander","count","DivButton","onClick","getNewGroupAppLink","students","params","addStudents","s","getCheckedStudentsForGroup","filter","student","users","data","u","ClassroomGroupDropdown","groups","preselections","g","totalCheckedForGroup","selectedStudents","dropdownProps","align","alignRight","disabled","show","Dropdown","as","SvgContainer","svgName","title","disabledTooltips","tooltipPlacement","tooltipSpanHack","tooltipSpanHackClassName","key","Checkbox","checked","onChange","shouldAdd","onSelectGroup","indeterminate","AppLink","AnalyticsHelper","analyticsOptions","actionType","workflowPhase","entity","defaultProps","getEditStudentAppLink","userType","UserGroup","getRemoveStudentsAppLink","studentId","classroomId","studentIds","ManageClassroomStudentItem","isComputingTruncation","setIsComputingTruncation","hasExpandedGroups","setHasExpandedGroups","groupVisibilityMapping","setGroupVisibilityMapping","groupListRef","expanderRef","hasPermissions","usePermissions","renderAllGroups","selectedGroups","actions","throttledResizeListener","FunctionHelper","reduce","acc","firstGroupPill","firstElementChild","lastVisibleId","topRowHeight","getBoundingClientRect","y","nextGroupVisibilityMapping","children","child","onToggleCheckbox","readOnly","Avatar","imageCdnUrl","config","initials","UserHelper","surname","imageUrl","avatar","url","Object","groupId","classroomGroups","toggleOn","onToggleGroup","location","readOnlyTooltip","PermissionName","push","label","tooltip","userId","descriptor","actionsDropdownClassName","ManageClassroomStudents","dispatch","alerts","CheckboxHelper","selectionCount","bulkPreselections","allStudentsFound","index","stu","edgeToEdge","selectedStudentIds","request","ClassroomRequests","studentCount","success","groupName","escapeText","error","Tooltip","spanHack","IconButton","PartialManageClassroomStudents","numItems","PartialPillTabSelector","fill","Math","random","baseAnalyticsOptions","ClassroomStudentsView","currentUser","UserRequests","allStudents","UserManagerRequests","customerId","ConfigRequests","isRostered","_integrations","rostered","analyticsData","useSetPageMetadata","classroomName","useHandleClassroomErrors","ClassroomLayout","onTogglePin","shouldPin","onSuccess","onError","activeTab"],"sourceRoot":""}

package/dist/scripts/2182-8e4d603a1b-lite.chunk.js

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

package/dist/scripts/2182-8e4d603a1b-lite.chunk.js.map

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

package/dist/scripts/3012-b5208d6981-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/3012-b5208d6981-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/rostering/rostering-alert/RosteringAlert.tsx","file:///app/packages/libs/shared/src/hooks/useBulkCheckboxManager.ts","file:///app/packages/libs/shared/src/hooks/usePrevious.ts","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-teachers/empty-state/ManageClassroomTeachersEmptyState.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-teacher-item/manage-classroom-teacher-item.scss","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-teacher-item/ManageClassroomTeacherItem.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-teachers/ManageClassroomTeachers.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-teachers/partial-loading/partial-manage-classroom-teachers.scss","file:///app/packages/projects/lite/src/apps/classrooms/components/manage-classroom-teachers/partial-loading/PartialManageClassroomTeachers.tsx","file:///app/packages/projects/lite/src/apps/classrooms/views/classroom-teachers/ClassroomTeachersView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nconst namespace = 'rostering.alert';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface RosteringAlertProps {\n  type?: 'classroom' | 'general';\n}\n\nexport function RosteringAlert(props: RosteringAlertProps) {\n  const text = props.type === 'classroom' ? getPhrase('classroom') : getPhrase('hasRostering');\n\n  return (\n    <div className='alert text-info bg-light-blue px-2 rounded-3 fw-semibold py-2 d-flex flex-wrap'>\n      {text}&nbsp;\n      {/* todo add it back when KB article link is ready */}\n      {/* <ExternalLink\n        className='text-info text-underline'\n        href={''}\n        newTab\n      >\n        {LanguageService.getPhrase(namespace, 'learnMore')}\n      </ExternalLink> */}\n    </div>\n  );\n}","import React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { useForceUpdate } from 'libs/shared/hooks/useForceUpdate';\nimport { usePrevious } from 'libs/shared/hooks/usePrevious';\n\ntype CheckboxItemsState = Map<string, boolean>;\n\nexport interface BulkCheckboxManager {\n  onToggleBulk: () => void;\n  onToggleItem: (id: string) => void;\n  getSelected: () => string[];\n  isChecked: (item: string | number | HashObject<string>) => boolean;\n  bulkChecked: boolean;\n  deselectAll: () => void;\n  hasSomeSelections: () => boolean;\n  setSelected: (ids: string[]) => void;\n  getSelectedCount: () => number;\n  reset: () => void;\n  getMap: () => Map<string, boolean>;\n}\n\nexport interface BulkCheckboxManagerOptions {\n  idField?: string; // For objects like `PresentationAudiences` that don't use `id` as their identifier field\n  persistNamespace?: string;\n  preselectedIds?: string[];\n  initialState?: CheckboxItemsState;\n}\n\n/**\n * @param collection - The collection you are keeping track of with checkboxes\n * @param options - See interface above\n */\nexport const useBulkCheckboxManager = (collection: HashObject[], options: BulkCheckboxManagerOptions = {}) => {\n  const { idField = 'id', persistNamespace } = options;\n\n  const initial = options.initialState ? options.initialState : new Map<string, boolean>();\n\n  const items = React.useRef<CheckboxItemsState>(initial);\n  \n  const forceUpdate = useForceUpdate();\n\n  const prevCollection = usePrevious(collection);\n  const prevNamespace = usePrevious(persistNamespace);\n\n  /**\n   * This hook will clear the state of this hook when a user navigates between pages\n   * if a persistNamespace was not provided\n   */\n  React.useEffect(() => {\n    /**\n     * If we're being passed initial state, we don't want to clear the state\n     */\n    if (options.initialState)\n      return;\n\n    /**\n     * If we've been given a persist namespace, we don't want to clear our\n     * selections while the namespace stays the same\n     */\n    if (persistNamespace && prevNamespace === persistNamespace)\n      return;\n\n    /**\n     * Don't reinitialize if the ids of the new and old collection\n     * are identical\n     */\n    const prevIds = prevCollection?.map(i => i[idField]).join();\n    const ids = collection?.map(i => i[idField]).join();\n\n    if (prevIds === ids)\n      return;\n\n    reset();\n  }, [ prevCollection, prevNamespace, collection, options.initialState ]);\n\n  React.useEffect(() => {\n    if (!options.preselectedIds?.length)\n      return;\n\n    setSelected(options.preselectedIds);\n  }, []);\n\n  function reset(): void {\n    items.current.clear();\n    forceUpdate();\n  }\n\n  // When toggled on, all checkbox items will be enabled. Vice versa if toggled off\n  function onToggleBulk(): void {\n    const setValue = !isBulkChecked();\n\n    collection.forEach(item => {\n      if (setValue)\n        items.current.set(item[idField].toString(), true);\n      else\n        items.current.delete(item[idField].toString());\n    });\n\n    forceUpdate();\n  }\n\n  // Toggles a single item\n  function onToggleItem(id: string): void {\n    const nextItemState = !items.current.get(id.toString());\n\n    if (nextItemState)\n      items.current.set(id.toString(), nextItemState);\n    else\n      items.current.delete(id.toString());\n    \n    forceUpdate();\n  }\n\n  // Returns the state of the item passed in\n  function isChecked(item: string | number | HashObject<string>): boolean {\n    if (typeof item === 'number')\n      item = item.toString();\n    else if (typeof item !== 'string')\n      item = item[idField].toString();\n\n    return items.current.get(item);\n  }\n\n  function getSelected(): string[] {\n    return Array.from(items.current.keys());\n  }\n\n  function deselectAll(): void {\n    if (!collection?.length) return;\n\n    collection.forEach(item => {\n      items.current.delete(item[idField].toString());\n    });\n    forceUpdate();\n  }\n\n  // Returns true if at least 1 item is checked\n  function hasSomeSelections(): boolean {\n    if (!collection?.length)\n      return false;\n\n    return !!collection.find(item => isChecked(item));\n  }\n\n  function isBulkChecked(): boolean {\n    if (!collection?.length)\n      return false;\n\n    return collection.every(isChecked);\n  }\n\n  function setSelected(ids: string[]): void {\n    ids.forEach(id => {\n      items.current.set(id, true);\n    });\n    forceUpdate();\n  }\n\n  function getSelectedCount(): number {\n    return items.current.size;\n  }\n\n  function getMap(): Map<string, boolean> {\n    return items.current;\n  }\n\n  return {\n    onToggleBulk,\n    onToggleItem,\n    getSelected,\n    isChecked,\n    bulkChecked: isBulkChecked(),\n    deselectAll,\n    hasSomeSelections,\n    setSelected,\n    getSelectedCount,\n    reset,\n    getMap\n  };\n};","import React from 'react';\n\n// https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state\nexport function usePrevious<T>(value: T): T {\n  const ref = React.useRef<T>();\n  React.useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { Classroom } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'classrooms.manageClassroomTeachersEmptyState';\n\ninterface ManageClassroomTeachersEmptyStateProps {\n  classroom: Classroom;\n}\n\nexport function RosteredClassroomTeachersEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Classrooms.TEACHERS} />\n\n        <EmptyState.Heading><Text phrase='emptyStateHeading' /></EmptyState.Heading>\n\n        <EmptyState.Info className='mb-2'><Text phrase='emptyStateInfo' /></EmptyState.Info>\n\n        {/* todo add kb link */}\n        <a className='btn btn-link info-link font-semibold' href={''} target='_blank'>\n          {LanguageService.getPhrase(namespace, 'rosteringCta')}\n        </a>\n\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n\nexport function ManageClassroomTeachersEmptyState(props: ManageClassroomTeachersEmptyStateProps): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Classrooms.TEACHERS} />\n\n        <EmptyState.Heading><Text phrase='emptyStateHeading' /></EmptyState.Heading>\n\n        <EmptyState.Info ><Text phrase='emptyStateInfo' /></EmptyState.Info>\n     \n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'addTeachers')}\n          icon={cvSvgLibrary.Plus}\n          appLink={{\n            application: AppChannels.CLASSROOMS,\n            action: Actions.Classrooms.ADD_TEACHERS,\n            args: [props.classroom.id]\n          }}\n        />\n\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"avatarContainer\":\"kTynd\",\"name\":\"UWi4G\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AssocDescriptor, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions, Actions as MoreActions } from 'libs/shared/components/actions/Actions';\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { UserRole } from 'libs/shared/enums/UserRole';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Config, CurrentUser } from 'libs/shared/interfaces';\nimport { Classroom } from 'libs/shared/interfaces';\nimport { User } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport styles from './manage-classroom-teacher-item.scss';\n\nconst namespace = 'classrooms.manageClassroomTeacherItem';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst getRemoveTeachersAppLink = (teacherId: string, classroomId: string) => ({\n  application: AppChannels.CLASSROOMS,\n  action: Actions.Classrooms.REMOVE_TEACHERS,\n  args: [classroomId],\n  params: {\n    teacherIds: [teacherId]\n  }\n});\n\nconst getAssignAsOwnerAppLink = (teacherId: string, classroomId: string) => ({\n  application: AppChannels.CLASSROOMS,\n  action: Actions.Classrooms.ASSIGN_AS_OWNER,\n  args: [ classroomId, teacherId ]\n});\n\nconst getRevokeOwnershipAppLink = (teacherId: string, classroomId: string) => ({\n  application: AppChannels.CLASSROOMS,\n  action: Actions.Classrooms.REVOKE_OWNERSHIP,\n  args: [ classroomId, teacherId ]\n});\n\ninterface ManageClassroomTeacherItemProps {\n  classroom: Classroom;\n  teacher: User;\n  config: Config;\n  onToggleCheckbox: () => void;\n  checked: boolean;\n  isOwner: (userId: string) => boolean;\n  currentUser: CurrentUser;\n  readOnly?: boolean;\n  readonlyTooltip?: string;\n}\n\nexport function ManageClassroomTeacherItem(props: ManageClassroomTeacherItemProps): JSX.Element {\n  const { hasPermissions } = usePermissions();\n\n  const teacherIsAdmin = UserHelper.getUserRole(props.teacher) === UserRole.Admin;\n\n  function getCanManageTeacher(): boolean {\n    // Current user can perform any action on themselves\n    if (props.currentUser.id === props.teacher.id)\n      return true;\n\n    // This permission allows total control over a classroom\n    if (hasPermissions(PermissionName.ManageAllClassrooms))\n      return true;\n\n    // Regular teachers or owners cannot perform actions on admins in the classroom\n    if (teacherIsAdmin)\n      return false;\n\n    return props.isOwner(props.currentUser.id);\n  }\n\n  const canManageTeacher = getCanManageTeacher();\n\n  const actionDisabled = !canManageTeacher || props.readOnly;\n\n  function getActions(): ActionOptions[] {\n    // Non-owners cannot perform any actions on other classroom teachers\n    if (!props.isOwner(props.currentUser.id))\n      return [];\n\n    const actions: ActionOptions[] = [];\n\n    const disabledClassName = 'text-secondary disabled cursor-default';\n\n    // Actions are different if the user item is for the current user\n    const isManagingCurrentUser = props.currentUser.id === props.teacher.id;\n\n    if (!isManagingCurrentUser) {\n      if (props.isOwner(props.teacher.id)) {\n        actions.push({\n          order: 0,\n          label: getPhrase('revokeOwnership'),\n          appLink: getRevokeOwnershipAppLink(props.teacher.id, props.classroom.id),\n          analyticsData: {\n            id: props.teacher.id,\n            classroomId: props.classroom.id\n          },\n          analyticsOptions: {\n            actionType: UserAction.Demote,\n            entity: EntityType.User,\n            descriptor: AssocDescriptor.Classroom,\n            workflowPhase: WorkflowPhase.Start,\n            location: LocationContext.ManageClassroomTeacherListItem\n          },\n          className: actionDisabled ? disabledClassName : '',\n          disabled: actionDisabled,\n          tooltip: props.readOnly ? props.readonlyTooltip : !canManageTeacher ? getPhrase('cannotRevokeOwnershipFromAdmin') : ''\n        });\n      } else {\n        actions.push({\n          order: 0,\n          label: getPhrase('assignAsOwner'),\n          appLink: getAssignAsOwnerAppLink(props.teacher.id, props.classroom.id),\n          analyticsData: {\n            id: props.teacher.id,\n            classroomId: props.classroom.id\n          },\n          analyticsOptions: {\n            actionType: UserAction.Promote,\n            entity: EntityType.User,\n            descriptor: AssocDescriptor.Classroom,\n            workflowPhase: WorkflowPhase.Start,\n            location: LocationContext.ManageClassroomTeacherListItem\n          },\n          className: actionDisabled ? disabledClassName : '',\n          disabled: actionDisabled,\n          tooltip: props.readOnly ? props.readonlyTooltip : !canManageTeacher ? getPhrase('cannotAssignAdminAsOwner') : ''\n        });\n      }\n    }\n\n    actions.push({\n      order: 10,\n      label: isManagingCurrentUser ? getPhrase('leaveClassroom') : getPhrase('removeTeacher'),\n      appLink: getRemoveTeachersAppLink(props.teacher.id, props.classroom.id),\n      analyticsData: {\n        id: props.classroom.id,\n        userId: props.teacher.id\n      },\n      analyticsOptions: {\n        actionType: UserAction.Dissociate,\n        entity: EntityType.Classroom,\n        descriptor: AssocDescriptor.User,\n        workflowPhase: WorkflowPhase.Start,\n        location: LocationContext.ManageClassroomTeacherListItem\n      },\n      className: actionDisabled ? disabledClassName : 'text-danger',\n      disabled: actionDisabled,\n      tooltip:  props.readOnly ? props.readonlyTooltip : !canManageTeacher ? getPhrase('cannotRemoveAdmin') : ''\n    });\n\n    return actions;\n  }\n\n  return (\n    <div className='d-flex align-items-center py-1 px-4'>\n      {props.isOwner(props.currentUser.id) && (\n        <Checkbox\n          id={props.teacher.id}\n          checked={props.checked}\n          onChange={props.onToggleCheckbox}\n          className='me-2'\n          disabled={props.readOnly}\n        />\n      )}\n\n      <div className={`${styles.avatarContainer} me-2`}>\n        <Avatar\n          imageCdnUrl={props.config.imageCdnUrl}\n          initials={UserHelper.getInitials(props.teacher.name, props.teacher.surname)}\n          imageUrl={props.teacher.avatar?.url}\n        />\n      </div>\n\n      <p className={`${styles.name} me-2 text-truncate mb-0 text-nowrap`}>{UserHelper.getFullName(props.teacher)}</p>\n\n      {!!teacherIsAdmin && (\n        <div className={`classroom-pill text-white bg-navy`}>\n          <Text namespace={namespace} phrase='admin' />\n        </div>\n      )}\n\n      {(!teacherIsAdmin && props.isOwner(props.teacher.id)) && (\n        <div className={`classroom-pill text-white bg-indigo`}>\n          <Text namespace={namespace} phrase='owner' />\n        </div>\n      )}\n\n      <MoreActions\n        actions={getActions()}\n        className='ms-auto'\n        actionsDropdownClassName='btn btn-link'\n      />\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AssocDescriptor, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useBulkCheckboxManager } from 'libs/shared/hooks/useBulkCheckboxManager';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { Classroom, Config, CurrentUser, User } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ManageClassroomTeacherItem } from 'apps/classrooms/components/manage-classroom-teacher-item/ManageClassroomTeacherItem';\n\nimport { ManageClassroomTeachersEmptyState } from './empty-state/ManageClassroomTeachersEmptyState';\n\nconst namespace = 'classrooms.manageClassroomTeachers';\n\ninterface ManageClassroomTeachersProps {\n  classroom: Classroom;\n  isOwner: (teacherId: string) => boolean;\n  currentUser: CurrentUser;\n  teachers: User[];\n  config: Config;\n  readOnly?: boolean;\n}\n\nexport function ManageClassroomTeachers(props: ManageClassroomTeachersProps): JSX.Element {\n  const CheckboxHelper = useBulkCheckboxManager(props.teachers);\n  const selectionCount = CheckboxHelper.getSelected().length;\n\n  function onClickBulkRemoveTeachers(): void {\n    if (!selectionCount || !props.isOwner(props.currentUser.id) || props.readOnly)\n      return;\n\n    const teacherIds = CheckboxHelper.getSelected();\n\n    AnalyticsHelper.logUserAction({\n      id: props.classroom.id,\n      teacherCount: teacherIds.length\n    }, {\n      entity: EntityType.Classroom,\n      descriptor: AssocDescriptor.User,\n      workflowPhase: WorkflowPhase.Start,\n      actionType: UserAction.Dissociate,\n      location: LocationContext.ManageClassroomTeachers\n    });\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.CLASSROOMS,\n      action: Actions.Classrooms.REMOVE_TEACHERS,\n      args: [props.classroom.id],\n      params: {\n        teacherIds\n      }\n    });\n  }\n\n  const edgeToEdge = useMediaQuery(MediaQueryStrings.XLDown);\n\n  if (!props.teachers?.length)\n    return <ManageClassroomTeachersEmptyState classroom={props.classroom} />;\n\n  return (\n    <>\n      <div className={`d-flex align-items-center py-2 ${edgeToEdge ? 'ps-2' : 'ps-4'}`}>\n        {props.isOwner(props.currentUser.id) && (\n          <>\n            <Checkbox\n              id='manage-classroom-teachers-bulk'\n              onChange={CheckboxHelper.onToggleBulk}\n              checked={CheckboxHelper.bulkChecked}\n              className='me-2'\n              indeterminate={CheckboxHelper.hasSomeSelections()}\n              disabled={props.readOnly}\n            />\n\n            <DivButton\n              className={!selectionCount || props.readOnly ? 'me-auto text-light cursor-default' : 'me-auto'}\n              onClick={onClickBulkRemoveTeachers}\n            >\n              <SvgContainer\n                svgName={cvSvgLibrary.Delete}\n                title={props.readOnly ? LanguageService.getPhrase(namespace, 'disabledByRostering') : LanguageService.getPhrase(namespace, 'delete')}\n                tooltipPlacement='top'\n                tooltipSpanHack\n              />\n            </DivButton>\n            <Tooltip\n              spanHack\n              title={props.readOnly ? LanguageService.getPhrase(namespace, 'disabledByRostering') : ''}\n            >\n              <IconButton\n                disabled={props.readOnly}\n                svgName={cvSvgLibrary.Plus}\n                className='btn btn-outline-dark ms-auto'\n                appLink={props.readOnly\n                  ? null\n                  : {\n                    application: AppChannels.CLASSROOMS,\n                    action: Actions.Classrooms.ADD_TEACHERS,\n                    args: [props.classroom.id]\n                  }}\n                analyticsData={{ id: props.classroom.id }}\n                analyticsOptions={{\n                  entity: EntityType.Classroom,\n                  descriptor: AssocDescriptor.User,\n                  workflowPhase: WorkflowPhase.Start,\n                  actionType: UserAction.Associate,\n                  location: LocationContext.ManageClassroomTeachers\n                }}\n              >\n                <Text namespace={namespace} phrase='addTeacher' />\n              </IconButton>\n            </Tooltip>\n          </>\n        )}\n      </div>\n\n      <ul className='striped-list list-unstyled'>\n        {props.teachers.map(teacher => (\n          <li key={teacher.id}>\n            <ManageClassroomTeacherItem\n              classroom={props.classroom}\n              teacher={teacher}\n              config={props.config}\n              checked={CheckboxHelper.isChecked(teacher.id)}\n              onToggleCheckbox={() => CheckboxHelper.onToggleItem(teacher.id)}\n              currentUser={props.currentUser}\n              isOwner={props.isOwner}\n              readOnly={props.readOnly}\n              readonlyTooltip={props.readOnly ? LanguageService.getPhrase(namespace, 'disabledByRostering') : ''}\n            />\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"heading\":\"FQwVf\",\"avatar\":\"mYQWy\",\"checkbox\":\"svGp0\",\"actionIcon\":\"rKbj_\",\"addTeachers\":\"qigWD\",\"teacherName\":\"SiD8n\",\"moreActions\":\"sAUZY\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialPillTabSelector } from 'libs/shared/components/pill-tab-selector/partial-loading/PartialPillTabSelector';\n\nimport styles from './partial-manage-classroom-teachers.scss';\n\nexport const PartialManageClassroomTeachers = React.memo(function(): JSX.Element {\n  return (\n    <div className='px-3'>\n      {/* Heading */}\n      <div className={`mb-1 partial-loading-background ${styles.heading}`} />\n\n      {/* Breadcrumbs */}\n      <div className='pb-3'>\n        <PartialBreadcrumbs numItems={2} />\n      </div>\n\n      {/* Pill tab selector */}\n      <div className='pb-2'>\n        <PartialPillTabSelector />\n      </div>\n\n      <div className='d-flex align-items-center py-2'>\n        {/* Checkbox */}\n        <div className={`ms-2 me-4 partial-loading-background ${styles.checkbox}`} />\n        {/* Delete action */}\n        <div className={`me-auto partial-loading-background ${styles.actionIcon}`} />\n\n        {/* Add new teachers button */}\n        <div className={`partial-loading-background ${styles.addTeachers}`} />\n      </div>\n\n      {/* Teachers list */}\n      <ul className='striped-list list-unstyled'>\n        {Array(3).fill(null).map((teacher, i) => (\n          <li key={i}>\n            <div className='d-flex align-items-center py-1 px-4'>\n              {/* Checkbox */}\n              <div className={`me-2 partial-loading-background ${styles.checkbox}`} />\n\n              {/* Avatar */}\n              <div className={`me-2 partial-loading-background ${styles.avatar}`} />\n\n              {/* Teacher name */}\n              <div className='w-25'>\n                <div className={`partial-loading-background ${styles.teacherName}`} />\n              </div>\n\n              {/* More actions */}\n              <div className={`ms-auto partial-loading-background ${styles.moreActions}`} />\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n});","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { RosteringAlert } from 'libs/shared/components/rostering/rostering-alert/RosteringAlert';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, Config, CurrentUser, User } from 'libs/shared/interfaces';\n\nimport { ManageClassroomTeachersEmptyState, RosteredClassroomTeachersEmptyState } from 'apps/classrooms/components/manage-classroom-teachers/empty-state/ManageClassroomTeachersEmptyState';\nimport { ManageClassroomTeachers } from 'apps/classrooms/components/manage-classroom-teachers/ManageClassroomTeachers';\nimport { PartialManageClassroomTeachers } from 'apps/classrooms/components/manage-classroom-teachers/partial-loading/PartialManageClassroomTeachers';\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { useCheckClassroomPermissions } from 'apps/classrooms/hooks/useClassroomPermissions';\nimport { useHandleClassroomErrors } from 'apps/classrooms/hooks/useHandleClassroomErrors';\nimport { ClassroomLayout } from 'apps/classrooms/layouts/ClassroomLayout';\n\nconst namespace = 'classrooms.classroomTeachers';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassroomTeachersViewProps {\n  id: string;\n}\n\nexport function ClassroomTeachersView(props: ClassroomTeachersViewProps): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const classroom = Flight.useBasicFetch<Classroom>(currentUser.data &&\n    ClassroomRequests.getClassroom(props.id, currentUser.data.id));\n  const owners = Flight.useBasicFetch<User[]>(ClassroomRequests.getClassroomOwners(props.id));\n  const invitees = Flight.useBasicFetch<User[]>(\n    currentUser.data?.customerId && ClassroomRequests.getClassroomInvitees(props.id, currentUser.data.customerId)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const dispatch = useDispatch();\n  const { isOwner: currentUserIsOwner } = useCheckClassroomPermissions(props.id);\n\n  const isRostered = classroom.data?._integrations?.rostered;\n\n  useSetPageMetadata({\n    title: getPhrase('pageTitle', { classroomName: classroom.data?.name })\n  });\n  useHandleClassroomErrors(classroom);\n  \n  function isOwner(teacherId: string): boolean {\n    if (teacherId === currentUser.data.id)\n      return currentUserIsOwner;\n\n    return owners.data.some(owner => owner.id.toString() === teacherId.toString());\n  }\n\n  function onTogglePin(shouldPin: boolean, onSuccess: () => void, onError: () => void): void {\n    if (isRostered)\n      return;\n    const request = shouldPin\n      ? ClassroomRequests.pinClassroom\n      : ClassroomRequests.unpinClassroom;\n\n    Flight.fetch(dispatch, request(classroom.data, onSuccess, onError));\n  }\n\n  if (!classroom.data || !invitees.hasCompleted || !owners.hasCompleted || !config.data)\n    return <PartialManageClassroomTeachers />;\n\n  return (\n    <ClassroomLayout\n      classroom={classroom.data}\n      currentUser={currentUser.data}\n      onTogglePin={onTogglePin}\n      activeTab='teachers'\n      isRostered={isRostered}\n    >\n      {(() => {\n        if (isRostered) {\n          return (\n            <>\n              <RosteringAlert type='classroom'/>\n              <RosteredClassroomTeachersEmptyState/>\n            </>\n          );\n        }\n\n        if (invitees.data?.length) {\n          return (\n            <ManageClassroomTeachers\n              config={config.data}\n              classroom={classroom.data}\n              teachers={invitees.data}\n              currentUser={currentUser.data}\n              isOwner={isOwner}\n              readOnly={isRostered}\n            />\n          );\n        }\n\n        return <ManageClassroomTeachersEmptyState classroom={classroom.data}/>;\n      })()}\n\n    </ClassroomLayout>\n  );\n}\n"],"names":["getPhrase","RosteringAlert","props","text","type","className","useBulkCheckboxManager","collection","options","idField","persistNamespace","initial","initialState","Map","items","forceUpdate","prevCollection","prevNamespace","reset","current","clear","isChecked","item","toString","get","isBulkChecked","length","every","setSelected","ids","forEach","id","set","map","i","join","preselectedIds","onToggleBulk","setValue","onToggleItem","nextItemState","getSelected","Array","from","keys","bulkChecked","deselectAll","hasSomeSelections","find","getSelectedCount","size","getMap","usePrevious","value","ref","namespace","RosteredClassroomTeachersEmptyState","EmptyState","src","ImageUrls","Text","phrase","href","target","LanguageService","ManageClassroomTeachersEmptyState","icon","appLink","application","action","args","classroom","getRemoveTeachersAppLink","teacherId","classroomId","params","teacherIds","getAssignAsOwnerAppLink","getRevokeOwnershipAppLink","ManageClassroomTeacherItem","hasPermissions","usePermissions","teacherIsAdmin","UserHelper","teacher","UserRole","canManageTeacher","currentUser","PermissionName","isOwner","actionDisabled","readOnly","Checkbox","checked","onChange","onToggleCheckbox","disabled","Avatar","imageCdnUrl","config","initials","name","surname","imageUrl","avatar","url","actions","disabledClassName","isManagingCurrentUser","push","order","label","analyticsData","analyticsOptions","actionType","entity","descriptor","workflowPhase","location","tooltip","readonlyTooltip","userId","getActions","actionsDropdownClassName","ManageClassroomTeachers","CheckboxHelper","teachers","selectionCount","edgeToEdge","indeterminate","DivButton","onClick","AnalyticsHelper","teacherCount","SvgContainer","svgName","title","tooltipPlacement","tooltipSpanHack","Tooltip","spanHack","IconButton","key","PartialManageClassroomTeachers","numItems","PartialPillTabSelector","fill","ClassroomTeachersView","UserRequests","data","ClassroomRequests","owners","invitees","customerId","ConfigRequests","dispatch","currentUserIsOwner","isRostered","_integrations","rostered","some","owner","useSetPageMetadata","classroomName","useHandleClassroomErrors","hasCompleted","ClassroomLayout","onTogglePin","shouldPin","onSuccess","onError","request","activeTab"],"sourceRoot":""}