@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/6.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/fixed-widget/FixedWidgetReducer.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/fixed-widget/FixedWidgetUtils.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/fixed-widget/PartialFixedWidget.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/fixed-widget/fixed-widget.scss?df22","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/widget-button/WidgetButton.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/widget-button/widget-button.scss?8d03","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/enums/CssMeasurement.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/enums/WidgetContents.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/enums/WidgetInteraction.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseHover.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/DragHelper.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/WidgetHelper.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AAEA;AAEA,IAAM,SAAS,GAAG,oBAAlB;AAuCA,WAAW,CAAC,YAAZ,GAA2B;AACzB,MAAI,EAAE,sDAAU,CAAC,GADQ;AAEzB,kBAAgB,EAAE,CAFO;AAGzB,aAAW,EAAE;AAHY,CAA3B;;AAMA,SAAS,WAAT,CAAqB,KAArB,EAA4C;;;AAAA,MAC9B,UAD8B,GACf,KADe,CACpC,IADoC;AAAA,6BAEX,KAFW,CAElC,aAFkC;AAAA,MAElC,aAFkC,qCAElB,EAFkB,yBAI1C;;AACA,MAAI,UAAU,KAAK,sDAAU,CAAC,aAA9B,EACE,UAAU,GAAG,sDAAU,CAAC,GAAxB;;AANwC,wBAQE,+CAAe,IAAf,CARF;AAAA;AAAA,MAQlC,aARkC;AAAA,MAQnB,gBARmB;;AAAA,yBASI,+CAAe,IAAf,CATJ;AAAA;AAAA,MASlC,cATkC;AAAA,MASlB,iBATkB;;AAAA,yBAUU,+CAAe,CAAf,CAVV;AAAA;AAAA,MAUlC,iBAVkC;AAAA,MAUf,oBAVe;;AAAA,0BAYd,iDAAiB,uEAAjB,EAAqC,uEAArC,EAAyD,mEAAzD,CAZc;AAAA;AAAA,MAYlC,KAZkC;AAAA,MAY3B,QAZ2B;;AAc1C,MAAM,YAAY,GAAG,6CAAa,IAAb,CAArB;;AAd0C,kBAeP,gEAAQ,EAfD;AAAA;AAAA,MAelC,UAfkC;AAAA,MAetB,UAfsB;;AAAA,yBAiBc,+CAAe,KAAf,CAjBd;AAAA;AAAA,MAiBlC,mBAjBkC;AAAA,MAiBb,sBAjBa;;AAAA,yBAkBgB,+CAAe,KAAf,CAlBhB;AAAA;AAAA,MAkBlC,oBAlBkC;AAAA,MAkBZ,uBAlBY;;AAAA,qBAoBL,sEAAW,CAAC,CAAC,KAAK,CAAC,QAAR,CApBN;AAAA,MAoBlC,GApBkC,gBAoBlC,GApBkC;AAAA,MAoBrB,WApBqB,gBAoB7B,MApB6B;;AAqB1C,MAAM,UAAU,GAAG,4FAAsB,EAAzC;AAEA,kDAAgB,YAAK;AACnB,YAAQ,CAAC;AACP,UAAI,EAAE,0EAAiB,CAAC,MADjB;AAEP,aAAO,EAAE;AACP,kBAAU,EAAV,UADO;AAEP,YAAI,EAAE,UAFC;AAGP,gBAAQ,EAAE,KAAK,CAAC,QAHT;AAIP,kBAAU,EAAE,KAAK,CAAC;AAJX;AAFF,KAAD,CAAR;AASD,GAVD,EAUG,CAAC,UAAD,CAVH;AAYA,kDAAgB,YAAK;AACnB,QAAI,CAAC,KAAK,CAAC,UAAX,EACE,OAFiB,CAInB;;AACA,YAAQ,CAAC;AACP,UAAI,EAAE,0EAAiB,CAAC,IADjB;AAEP,aAAO,EAAE;AACP,kBAAU,EAAV,UADO;AAEP,YAAI,EAAE,UAFC;AAGP,gBAAQ,EAAE,KAAK,CAAC,QAHT;AAIP,kBAAU,EAAE,KAAK,CAAC;AAJX;AAFF,KAAD,CAAR;AASD,GAdD,EAcG,OAAE,KAAK,CAAC,UAAR,MAAkB,IAAlB,IAAkB,aAAlB,GAAkB,MAAlB,GAAkB,GAAE,MAApB,EAA4B,KAAK,CAAC,UAAlC,CAdH;AAgBA,MAAM,QAAQ,GAAG,uEAAY,CAAC,KAAD,EAAQ,QAAR,EAAkB,UAAlB,EAA8B,WAA9B,CAA7B;;AAEA,WAAS,eAAT,CAAyB,QAAzB,EAA4C,KAA5C,EAAyD;AACvD,QAAI,KAAK,CAAC,UAAN,CAAiB,MAAjB,KAA4B,KAAK,CAAC,aAAtC,EAAqD;AACnD,4BAAsB,CAAC,QAAD,CAAtB;AACA,6BAAuB,CAAC,QAAD,CAAvB;AACA;AACD,KALsD,CAOvD;AACA;;;AACA,QAAI,KAAK,GAAG,CAAR,KAAc,KAAK,CAAC,UAAN,CAAiB,MAAnC,EAA2C;AACzC,6BAAuB,CAAC,QAAD,CAAvB;AACA;AACD;;AAED,QAAI,KAAK,KAAK,CAAd,EAAiB;AACf,4BAAsB,CAAC,QAAD,CAAtB;AACA;AACD;;AAED,QAAI,CAAC,KAAK,GAAG,CAAR,GAAa,KAAK,CAAC,MAAN,GAAe,KAAK,CAAC,aAAnC,IAAqD,KAAK,CAAC,aAA3D,KAA6E,CAAjF,EAAoF;AAClF,6BAAuB,CAAC,QAAD,CAAvB;AACA;AACD;;AAED,QAAI,CAAC,KAAK,GAAI,KAAK,CAAC,MAAN,GAAe,KAAK,CAAC,aAA/B,IAAiD,KAAK,CAAC,aAAvD,KAAyE,CAA7E,EAAgF;AAC9E,4BAAsB,CAAC,QAAD,CAAtB;AACA;AACD;AACF;;AAED,MAAM,aAAa,GAAkB;AACnC,QAAI,EAAE,KAAK,CAAC,IADuB;AAEnC,QAAI,EAAE,KAAK,CAAC,WAFuB;AAGnC,kBAAc,EAAE,KAAK,CAAC,UAAN,CAAiB,MAHE;AAInC,YAAQ,EAAE,KAAK,CAAC;AAJmB,GAArC;AAOA,MAAM,IAAI,GAAG,qEAAU,CAAC,KAAD,EAAQ,qBAAQ,IAAR,IAAQ,aAAR,GAAQ,MAAR,GAAQ,GAAE,IAAV,KAAkB,KAAK,CAAC,UAAhC,CAAvB;AAEA,YAAI,QAAJ,MAAY,IAAZ,IAAY,aAAZ,GAAY,MAAZ,GAAY,GAAE,QAAd,EACE,OAAO,yGAAP;;AAEF,MAAI,CAAC,KAAK,CAAC,UAAP,IAAqB,QAAC,QAAD,MAAS,IAAT,IAAS,aAAT,GAAS,MAAT,GAAS,GAAE,UAAX,CAAzB,EAAgD;AAC9C,WACE;AAAK,SAAG,EAAE;AAAV,OACE,oDAAC,uEAAD,EAAmB,IAAnB,CADF,CADF;AAKD;;AAED,MAAI,CAAC,KAAK,CAAC,UAAN,CAAiB,MAAlB,IAA4B,KAAK,CAAC,UAAN,CAAiB,MAAjB,GAA0B,KAAK,CAAC,gBAAhE,EACE,OAAO,yGAAP;AAEF,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAlC;;AAEA,MAAM,sBAAsB,GAAG,SAAzB,sBAAyB,CAAC,IAAD,EAA4B;;;AAAC;AAC1D,QAAE,QAAE,IAAF,MAAM,IAAN,IAAM,aAAN,GAAM,MAAN,GAAM,GAAE,EADgD;AAE1D,UAAI,QAAE,IAAF,MAAM,IAAN,IAAM,aAAN,GAAM,MAAN,GAAM,GAAE,IAF8C;AAG1D,eAAS,EAAE,IAAI,KAAK,0EAAiB,CAAC,IAA3B,GAAkC,OAAlC,GAA4C;AAHG,OAIvD,KAAK,CAAC,aAJiD;AAK1D,GALF;;AAQA,SACE;AAAK,aAAS,oBAAa,KAAK,CAAC,WAAnB,kBAAsC,KAAK,CAAC,WAA5C;AAAd,KACE;AAAK,aAAS,EAAC;AAAf,KACE,oDAAC,0DAAD,EAAQ;AACN,WAAO,EAAE,+EAAoB,CAAC,KAAK,CAAC,OAAP,EAAgB,IAAhB,CADvB;AAEN,iBAAa;AAAI,QAAE,QAAE,IAAF,MAAM,IAAN,IAAM,aAAN,GAAM,MAAN,GAAM,GAAE,EAAd;AAAkB,UAAI,QAAE,IAAF,MAAM,IAAN,IAAM,aAAN,GAAM,MAAN,GAAM,GAAE;AAA9B,OAAuC,KAAK,CAAC,aAA7C,CAFP;AAGN,oBAAgB,EAAE,iEAAY,CAAC,gCAAb;AAHZ,GAAR,EAIE;AAAI,aAAS,YAAK,0DAAM,CAAC,OAAZ,cAAwB,KAAK,CAAC,OAAN,GAAgB,0DAAM,CAAC,IAAvB,GAA8B,EAAtD;AAAb,KACG,IAAI,CAAC,IADR,EAEG,CAAC,CAAC,KAAK,CAAC,OAAR,IACC,oDAAC,yEAAD,EAAa;AAAC,WAAO,EAAE,8DAAY,CAAC,YAAvB;AAAqC,QAAI,EAAE,6EAAgB,CAAC;AAA5D,GAAb,CAHJ,CAJF,EAUG,KAAK,CAAC,eAAN,IACC,oDAAC,0DAAD,EAAQ;AAAC,WAAO,EAAE,KAAK,CAAC;AAAhB,GAAR,EACE,oDAAC,yEAAD,EAAa;AACX,WAAO,EAAE,8DAAY,CAAC,GADX;AAEX,aAAS,EAAC,6CAFC;AAGX,SAAK,EAAE,6FAAe,CAAC,SAAhB,CAA0B,SAA1B,EAAqC,oBAArC,CAHI;AAIX,oBAAgB,EAAC;AAJN,GAAb,CADF,CAXJ,CADF,EAuBG,IAAI,CAAC,WAAL,IACC;AAAG,aAAS,EAAC;AAAb,KAAoD,IAAI,CAAC,WAAzD,CAxBJ,CADF,EA6BE;AAAK,OAAG,EAAE,UAAV;AAAsB,aAAS,EAAC;AAAhC,KACG,CAAC,mBAAD,IAAwB;AAAK,aAAS,EAAE,0DAAM,CAAC;AAAvB,IAD3B,EAEE,oDAAC,wEAAD,EAAa;AACX,aAAS,EAAE,iFAAqB,CAAC,IADtB;AAEX,WAAO,EAAE,mBAAK;AACZ,cAAQ,CAAC;AAAE,YAAI,EAAE,0EAAiB,CAAC;AAA1B,OAAD,CAAR;AACA,qFAAe,CAAC,aAAhB,CACE,sBAAsB,CAAC,0EAAiB,CAAC,QAAnB,CADxB,EAEE,iEAAY,CAAC,yBAAb,EAFF;AAGD,KAPU;AAQX,QAAI,EAAE,mBAAmB,IACvB,KAAK,CAAC,MAAN,IAAgB,KAAK,CAAC,UAAN,CAAiB,MAAjC,IAA2C,EAAE,UAAU,IAAI,KAAK,CAAC,MAAN,KAAiB,KAAK,CAAC,aAAvC,CATlC;AAWX,YAAQ,EAAE,KAAK,CAAC;AAXL,GAAb,CAFF,EAgBE,oDAAC,uFAAD,EAAqB;AACnB,YAAQ,EAAE,KAAK,CAAC,QADG;AAEnB,gBAAY,EAAE,oEAAc,CAAC,UAFV;AAGnB,eAAW,EAAE,0EAAe,CAC1B,KAD0B,EAE1B,YAF0B,EAG1B,cAH0B,EAI1B,iBAJ0B,EAK1B,aAL0B,EAM1B,gBAN0B,EAO1B,oBAP0B,CAHT;AAYnB,cAAU,EAAE,wEAAa,CACvB,YADuB,EAEvB,gBAFuB,EAGvB,iBAHuB,EAIvB,oBAJuB,EAKvB,QALuB,CAZN;AAmBnB,OAAG,EAAE,YAnBc;AAoBnB,qBAAiB,EAAE;AApBA,GAArB,EAsBG,KAAK,CAAC,UAAN,CAAiB,GAAjB,CAAqB,UAAC,UAAD,EAAa,KAAb,EAAsB;;;AAC1C,WACE,oDAAC,mBAAD,EAAoB;AAClB,SAAG,EAAE,UAAU,CAAC,EADE;AAElB,UAAI,EAAE,UAFY;AAGlB,aAAO,EAAE,KAAK,CAAC,YAHG;AAIlB,aAAO,EAAE,aAJS;AAKlB,kBAAY,EAAE,2EAAgB,CAAC,KAAD,CAAhB,CAAwB,UAAxB,CALI;AAMlB,mBAAa,EAAE,KAAK,CAAC,aAAN,IAAuB,wDAAS,CAAC,MAN9B;AAOlB,mBAAa;AACX,gBAAQ,EAAE,IAAI,CAAC,EADJ;AAEX,kBAAU,EAAE,IAAI,CAAC,IAFN;AAGX,iBAAS,EAAE;AAHA,SAIR,aAJQ,CAPK;AAalB,sBAAgB,wCAAO,KAAP,MAAY,IAAZ,IAAY,aAAZ,GAAY,MAAZ,GAAY,GAAE,gBAAd,GAAmC,iEAAY,CAAC,6BAAb,EAAnC,CAbE;AAclB,aAAO,EAAE,iBAAC,QAAD,EAAsB;AAC7B;;;;;;AAMG;AACH,cAAM,CAAC,UAAP,CAAkB,YAAK;AACrB,yBAAe,CAAC,QAAD,EAAW,KAAX,CAAf;AACD,SAFD,EAEG,QAAQ,GAAG,CAAH,GAAO,GAFlB;AAGD;AAzBiB,KAApB,CADF;AA6BD,GA9BA,CAtBH,CAhBF,EAuEE,oDAAC,wEAAD,EAAa;AACX,aAAS,EAAE,iFAAqB,CAAC,KADtB;AAEX,WAAO,EAAE,mBAAK;AACZ,cAAQ,CAAC;AAAE,YAAI,EAAE,0EAAiB,CAAC;AAA1B,OAAD,CAAR;AACA,qFAAe,CAAC,aAAhB,CACE,sBAAsB,CAAC,0EAAiB,CAAC,IAAnB,CADxB,EAEE,iEAAY,CAAC,yBAAb,EAFF;AAGD,KAPU;AAQX,QAAI,EACF,oBAAoB,IAClB,CAAC,KAAK,CAAC,MAAN,GAAe,KAAK,CAAC,aAArB,IAAsC,KAAK,CAAC,MAAN,KAAiB,KAAK,CAAC,UAAN,CAAiB,MAAzE,KACA,EAAE,UAAU,IAAI,KAAK,CAAC,MAAN,GAAe,KAAK,CAAC,UAAN,CAAiB,MAAhD,CAXO;AAcX,YAAQ,EAAE,KAAK,CAAC;AAdL,GAAb,CAvEF,EAuFG,CAAC,oBAAD,IAAyB;AAAK,aAAS,EAAE,0DAAM,CAAC;AAAvB,IAvF5B,CA7BF,CADF;AAyHD;;AAED,IAAM,QAAQ,GAAG,2CAAW,WAAX,CAAjB;;;;;;;;;;;;;ACxTA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AAwBO,IAAM,kBAAkB,GAAqB;AAClD,QAAM,EAAE,CAD0C;AAElD,eAAa,EAAE,CAFmC;AAGlD,UAAQ,EAAE,CAHwC;AAIlD,YAAU,EAAE,EAJsC;AAKlD,aAAW,EAAE,qEAAiB,CAAC,EALmB;AAMlD,MAAI,EAAE,sDAAU,CAAC;AANiC,CAA7C;;AASP,IAAM,mBAAmB,GAAG,SAAtB,mBAAsB,CAAC,SAAD,EAAgC;AAAA,MAClD,UADkD,GACF,SADE,CAClD,UADkD;AAAA,MACtC,aADsC,GACF,SADE,CACtC,aADsC;AAAA,MACvB,MADuB,GACF,SADE,CACvB,MADuB;AAAA,MACf,QADe,GACF,SADE,CACf,QADe;AAG1D,MAAM,cAAc,GAAG,UAAU,CAAC,MAAX,GAAoB,MAA3C;AAEA;;;AAGG;;AACH,MAAI,cAAc,GAAG,aAAjB,KAAmC,CAAnC,IAAwC,cAAc,GAAG,aAA7D,EACE,OAAO;AACL,YAAQ,EAAE,QAAQ,GAAG,GADhB;AAEL,UAAM,EAAE,MAAM,GAAG;AAFZ,GAAP;AAKF;;;AAGG;;AACH,MAAI,cAAc,GAAG,aAArB,EACE,OAAO;AACL,YAAQ,EAAE,QAAQ,GAAI,cAAc,GAAG,aAAjB,GAAiC,GADlD;AAEL,UAAM,EAAE,MAAM,GAAG;AAFZ,GAAP;AAKF;;AAEG;;AACH,SAAO;AACL,YAAQ,EAAE,QADL;AAEL,UAAM,EAAE;AAFH,GAAP;AAID,CAhCD;;AAkCA,IAAM,uBAAuB,GAAG,SAA1B,uBAA0B,CAAC,SAAD,EAAgC;AAAA,MACtD,aADsD,GAClB,SADkB,CACtD,aADsD;AAAA,MACvC,MADuC,GAClB,SADkB,CACvC,MADuC;AAAA,MAC/B,QAD+B,GAClB,SADkB,CAC/B,QAD+B;AAG9D,MAAM,cAAc,GAAG,MAAM,GAAG,aAAhC;AAEA,MAAI,cAAc,GAAG,aAAjB,KAAmC,CAAnC,IAAwC,cAAc,GAAG,aAA7D,EACE,OAAO;AACL,YAAQ,EAAE,QAAQ,GAAG,GADhB;AAEL,UAAM,EAAE,MAAM,GAAG;AAFZ,GAAP;AAKF,MAAI,cAAc,GAAG,aAArB,EACE,OAAO;AACL,YAAQ,EAAE,QAAQ,GAAI,cAAc,GAAG,aAAjB,GAAiC,GADlD;AAEL,UAAM,EAAE,MAAM,GAAG;AAFZ,GAAP;AAKF,SAAO;AACL,YAAQ,EAAE,QADL;AAEL,UAAM,EAAE;AAFH,GAAP;AAID,CArBD;;AAuBM,SAAU,kBAAV,CACJ,SADI,EAEJ,MAFI,EAEyD;;;AAAA,MAErD,IAFqD,GAE9B,MAF8B,CAErD,IAFqD;AAAA,wBAE9B,MAF8B,CAE/C,OAF+C;AAAA,MAE/C,OAF+C,gCAErC,EAFqC;;AAI7D,UAAQ,IAAR;AACA,SAAK,0EAAiB,CAAC,IAAvB;AAA6B;AAC3B,+CACK,SADL,GAEK,mBAAmB,CAAC,SAAD,CAFxB;AAID;;AAED,SAAK,0EAAiB,CAAC,QAAvB;AAAiC;AAC/B,+CACK,SADL,GAEK,uBAAuB,CAAC,SAAD,CAF5B;AAID;;AAED,SAAK,0EAAiB,CAAC,MAAvB;AAA+B;AAC7B,YAAM,oBAAoB,GAAG,4EAAkB,CAAC,OAAO,CAAC,QAAT,CAA/C;AACA,YAAM,WAAW,GAAG,oBAAoB,CAAC,OAAO,CAAC,UAAT,EAAqB,OAAO,CAAC,IAA7B,EAAiC,MAAE,OAAO,CAAC,UAAV,MAAoB,IAApB,IAAoB,aAApB,GAAoB,MAApB,GAAoB,GAAE,MAAvD,CAAxC;AAEA,+CACK,SADL,GACc;AACZ,qBAAW,EAAE,OAAO,CAAC,UADT;AAEZ,kBAAQ,EAAE,CAFE;AAGZ,gBAAM,EAAE,WAHI;AAIZ,uBAAa,EAAE,WAJH;AAKZ,cAAI,EAAE,OAAO,CAAC;AALF,SADd;AAQD;;AAED,SAAK,0EAAiB,CAAC,IAAvB;AAA6B;AAC3B,YAAM,qBAAoB,GAAG,4EAAkB,CAAC,OAAO,CAAC,QAAT,CAA/C;;AACA,YAAM,YAAW,GAAG,qBAAoB,CAAC,OAAO,CAAC,UAAT,EAAqB,OAAO,CAAC,IAA7B,EAAiC,MAAE,OAAO,CAAC,UAAV,MAAoB,IAApB,IAAoB,aAApB,GAAoB,MAApB,GAAoB,GAAE,MAAvD,CAAxC;;AAEA,eAAO,cAAc,iCAChB,SADgB,GACP;AACZ,oBAAU,EAAE,OAAO,CAAC,UADR;AAEZ,qBAAW,EAAE,OAAO,CAAC,UAFT;AAGZ,gBAAM,EAAE,YAHI;AAIZ,uBAAa,EAAE,YAJH;AAKZ,cAAI,EAAE,OAAO,CAAC;AALF,SADO,EAArB;AAQD;;AAED;AACE,aAAO,SAAP;AA5CF;AA8CD;AAEK,SAAU,cAAV,CAAyB,QAAzB,EAAmD;AACvD,yCAAY,kBAAZ,GAAmC,QAAnC;AACD,C;;;;;;;;;;;;ACzJD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAWM,SAAU,YAAV,CACJ,KADI,EAEJ,QAFI,EAGJ,cAHI,EAIJ,WAJI,EAIgB;;;AAAA,MAEZ,KAFY,GAEsD,KAFtD,CAEZ,KAFY;AAAA,MAEL,OAFK,GAEsD,KAFtD,CAEL,OAFK;AAAA,MAEI,IAFJ,GAEsD,KAFtD,CAEI,IAFJ;AAAA,MAEsB,KAFtB,GAEsD,KAFtD,CAEU,UAFV;AAAA,MAE6B,UAF7B,GAEsD,KAFtD,CAE6B,UAF7B;AAAA,MAEyC,QAFzC,GAEsD,KAFtD,CAEyC,QAFzC;AAIpB,MAAI,IAAI,GAAG,KAAX;AACA,MAAI,GAAJ;;AAEA,MAAI,CAAC,IAAD,IAAS,iFAAY,CAAC,OAAb,CAAqB,IAArB,KAA8B,CAAC,UAA5C,EAAwD;AACtD,OAAG,GAAG,KAAK,CAAC,WAAD,CAAX;AACA,QAAI,GAAG,GAAG,CAAC,IAAX;AACD;AAED;;AAEG;;;AACH,MAAM,UAAU,GAAI,wFAAc,CAAC,UAAf,CAA0B,OAA1B,KAAsC,IAAvC,GAA+C,OAAO,CAAC,IAAD,CAAtD,GAA+D,IAAlF;AAEA,kDAAgB,YAAK;AACnB,QAAI,CAAC,IAAD,IAAS,iFAAY,CAAC,OAAb,CAAqB,IAArB,CAAb,EACE;AAEF,YAAQ,CAAC;AACP,UAAI,EAAE,0EAAiB,CAAC,IADjB;AAEP,aAAO,EAAE;AACP,kBAAU,EAAV,UADO;AAEP,kBAAU,EAAE,cAFL;AAGP,YAAI,EAAJ,IAHO;AAIP,gBAAQ,EAAR;AAJO;AAFF,KAAD,CAAR;AAUD,GAdD,EAcG,OAAC,UAAD,MAAW,IAAX,IAAW,aAAX,GAAW,MAAX,GAAW,GAAE,MAAb,CAdH;AAgBA,SAAO,GAAP;AACD;AAED;;;;AAIG;;AACG,SAAU,gBAAV,CAA2B,KAA3B,EAAkD;AAAA,MAC9C,MAD8C,GACR,KADQ,CAC9C,MAD8C;AAAA,MACtC,aADsC,GACR,KADQ,CACtC,aADsC;AAAA,MACvB,UADuB,GACR,KADQ,CACvB,UADuB,EAGtD;;AACA,MAAM,cAAc,GAAG,MAAvB;AAEA;;;AAGG;;AACH,MAAM,gBAAgB,GAAa,EAAnC;;AACA,OAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,cAAc,GAAG,aAArC,EAAoD,CAAC,EAArD,EAAyD;AACvD,oBAAgB,CAAC,IAAjB,CAAsB,CAAtB;AACD;AAED;;;;AAIG;;;AACH,SAAO,SAAS,aAAT,CAAuB,UAAvB,EAAsC;AAC3C,QAAM,KAAK,GAAG,UAAU,CAAC,OAAX,CAAmB,UAAnB,CAAd;AAEA,WAAO,gBAAgB,CAAC,QAAjB,CAA0B,KAA1B,CAAP;AACD,GAJD;AAKD;AAEK,SAAU,oBAAV,CAA+B,OAA/B,EAAsD,IAAtD,EAAsE;AAC1E,MAAI,CAAC,OAAL,EACE;AAEF,yCACK,OADL,GACY;AACV,QAAI,EAAE,OAAO,CAAC,IAAR,IAAgB,CAAE,IAAI,CAAC,EAAP,EAAW,6EAAU,CAAC,OAAX,CAAmB,IAAI,CAAC,IAAxB,CAAX;AADZ,GADZ;AAID;AAED;;;;;;AAMG;;AACG,SAAU,UAAV,CAAqB,KAArB,EAA8C,IAA9C,EAA8D;AAAA,MAC1D,IAD0D,GACpC,KADoC,CAC1D,IAD0D;AAAA,MACpD,WADoD,GACpC,KADoC,CACpD,WADoD;AAGlE,MAAM,aAAa,GAAe,EAAlC;AAEA,MAAI,KAAK,CAAC,OAAN,CAAc,IAAd,CAAJ,EACE,OAAO;AAAE,QAAI,EAAJ,IAAF;AAAQ,eAAW,EAAX;AAAR,GAAP;AAEF,MAAI,KAAK,CAAC,IAAV,EAAgB,aAAa,CAAC,IAAd,GAAqB,IAArB;AAChB,MAAI,KAAK,CAAC,WAAV,EAAuB,aAAa,CAAC,WAAd,GAA4B,WAA5B;AAEvB,yCAAY,IAAZ,GAAqB,aAArB;AACD;AAQK,SAAU,kBAAV,CAA6B,QAA7B,EAAqD;AACzD,UAAQ,QAAR;AACA,SAAK,oEAAc,CAAC,SAApB;AACE,aAAO,wBAAP;;AAEF,SAAK,oEAAc,CAAC,MAApB;AACE,aAAO,qBAAP;;AAEF,SAAK,oEAAc,CAAC,QAApB;AACE,aAAO,uBAAP;;AAEF,SAAK,oEAAc,CAAC,YAApB;AACE,aAAO,2BAAP;;AAEF,SAAK,oEAAc,CAAC,YAApB;AACE,aAAO,2BAAP;;AAEF,SAAK,oEAAc,CAAC,KAApB;AACE,aAAO,oBAAP;;AAEF,SAAK,oEAAc,CAAC,SAApB;AACE,aAAO,wBAAP;;AAEF,SAAK,oEAAc,CAAC,MAApB;AACA;AACE,aAAO,qBAAP;AAxBF;AA0BD;;AAED,SAAS,wBAAT,CAAkC,UAAlC,EAAiE,IAAjE,EAAmF,SAAnF,EAAoG;AAClG,MAAI,QAAQ,GAAW,CAAvB;AAEA,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,QAAQ,GAAG,CAAX,CADF,KAEK,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX,CADG,KAEA,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX;AAEF,MAAI,SAAS,GAAG,QAAhB,EACE,QAAQ,GAAG,SAAX;AAEF,SAAO,QAAP;AACD;;AAED,SAAS,qBAAT,CAA+B,UAA/B,EAA8D,IAA9D,EAAgF,SAAhF,EAAiG;AAC/F,MAAI,QAAQ,GAAW,CAAvB;AAEA,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,QAAQ,GAAG,CAAX,CADF,KAEK,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX,CADG,KAEA,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX,CADG,KAEA,IACH,UAAU,KAAK,qEAAiB,CAAC,EAAjC,IACG,UAAU,KAAK,qEAAiB,CAAC,EADpC,IAEG,UAAU,KAAK,qEAAiB,CAAC,GAHjC,EAIH;AACA,QAAI,IAAI,KAAK,sDAAU,CAAC,QAAxB,EACE,QAAQ,GAAG,CAAX,CADF,KAGK,IAAI,SAAS,GAAG,CAAhB,EACH,QAAQ,GAAG,CAAX,CADG,KAIH,QAAQ,GAAG,CAAX;AACH;AAED,MAAI,SAAS,GAAG,QAAhB,EACE,QAAQ,GAAG,SAAX;AAEF,SAAO,QAAP;AACD;;AAED,SAAS,uBAAT,CAAiC,UAAjC,EAAgE,IAAhE,EAAkF,SAAlF,EAAmG;AACjG,MAAI,QAAQ,GAAW,CAAvB;AAEA,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAAjC,IAAuC,UAAU,KAAK,qEAAiB,CAAC,EAA5E,EACE,QAAQ,GAAG,CAAX,CADF,KAEK,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX,CADG,KAEA,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX,CADG,KAEA,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAAjC,IAAuC,UAAU,KAAK,qEAAiB,CAAC,GAA5E,EACH,QAAQ,GAAG,CAAX;AAEF,MAAI,SAAS,GAAG,QAAhB,EACE,QAAQ,GAAG,SAAX;AAEF,SAAO,QAAP;AACD;;AAED,SAAS,2BAAT,CAAqC,UAArC,EAAoE,IAApE,EAAsF,SAAtF,EAAuG;AACrG,MAAI,QAAQ,GAAW,CAAvB;AAEA,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,QAAQ,GAAG,CAAX,CADF,KAEK,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX,CADG,KAEA,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX,CADG,KAEA,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX,CADG,KAEA,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAAjC,IAAuC,UAAU,KAAK,qEAAiB,CAAC,GAA5E,EACH,QAAQ,GAAG,CAAX;AAEF,MAAI,SAAS,GAAG,QAAhB,EACE,QAAQ,GAAG,SAAX;AAEF,SAAO,QAAP;AACD;;AAED,SAAS,2BAAT,CAAqC,UAArC,EAAoE,IAApE,EAAsF,SAAtF,EAAuG;AACrG,MAAI,QAAQ,GAAW,CAAvB;AAEA,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAAjC,IAAuC,UAAU,KAAK,qEAAiB,CAAC,EAA5E,EACE,QAAQ,GAAG,CAAX;AAEF,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,QAAQ,GAAG,CAAX;AAEF,MAAI,SAAS,GAAG,IAAI,CAAC,IAAL,CAAU,QAAV,CAAhB,EACE,QAAQ,GAAG,SAAX;AAEF,SAAO,QAAP;AACD;;AAED,SAAS,oBAAT,CAA8B,UAA9B,EAA6D,IAA7D,EAA+E,SAA/E,EAAgG;AAC9F,MAAI,QAAQ,GAAW,CAAvB;AAEA,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAAjC,IAAuC,UAAU,KAAK,qEAAiB,CAAC,EAA5E,EACE,QAAQ,GAAG,CAAX;AAEF,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,QAAQ,GAAG,CAAX;AAEF,MAAI,SAAS,GAAG,IAAI,CAAC,IAAL,CAAU,QAAV,CAAhB,EACE,QAAQ,GAAG,SAAX;AAEF,SAAO,QAAP;AACD;;AAED,SAAS,wBAAT,CAAkC,UAAlC,EAAiE,IAAjE,EAAmF,SAAnF,EAAoG;AAClG,MAAI,QAAQ,GAAW,CAAvB;AAEA,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,QAAQ,GAAG,CAAX;AAEF,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,QAAQ,GAAG,CAAX;AAEF,MAAI,SAAS,GAAG,QAAhB,EACE,QAAQ,GAAG,SAAX;AAEF,SAAO,QAAP;AACD;;AAED,SAAS,qBAAT,CAA+B,UAA/B,EAA8D,IAA9D,EAAgF,SAAhF,EAAiG;AAC/F,MAAI,QAAQ,GAAW,CAAvB;AAEA,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,QAAQ,GAAG,CAAX,CADF,KAEK,IAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACH,QAAQ,GAAG,CAAX;AAEF,MAAI,SAAS,GAAG,QAAhB,EACE,QAAQ,GAAG,SAAX;AAEF,SAAO,QAAP;AACD;AAED;;AAEG;;;AACG,SAAU,eAAV,CACJ,WADI,EAEJ,YAFI,EAGJ,cAHI,EAIJ,iBAJI,EAKJ,aALI,EAMJ,gBANI,EAOJ,oBAPI,EAOwC;AAE5C,SAAO,UAAS,KAAT,EAAgD;AACrD,QAAM,UAAU,GAAG,KAAK,CAAC,OAAN,CAAc,IAAd,CAAmB,CAAnB,CAAnB;AACA,QAAM,MAAM,GAAG,UAAU,CAAC,OAA1B;AAEA;;;;;AAKG;;AACH,QAAI,CAAC,aAAL,EAAoB;AAClB,kBAAY,CAAC,OAAb,CAAqB,KAArB,CAA2B,UAA3B,GAAwC,EAAxC;AAEA,uBAAiB,CAAC,YAAY,CAAC,OAAb,CAAqB,qBAArB,GAA6C,KAA9C,CAAjB;AACA,sBAAgB,CAAC,MAAD,CAAhB;AACD;;AAED,QAAM,aAAa,GAAG,aAAa,GAAG,MAAtC,CAjBqD,CAmBrD;;AACA,QAAI,wBAAwB,GAAK,aAAa,GAAG,cAAjB,GAAmC,GAAnE;AAEA;;;;;AAKG;;AACH,QAAI,wBAAwB,GAAG,CAA3B,IAAiC,WAAW,CAAC,MAAZ,KAAuB,WAAW,CAAC,aAAxE,EACE,wBAAwB,GAAG,CAA3B,CADF,KAGK,IAAI,wBAAwB,GAAG,CAA3B,IAAiC,WAAW,CAAC,MAAZ,KAAuB,WAAW,CAAC,UAAZ,CAAuB,MAAnF,EACH,wBAAwB,GAAG,CAA3B;AAEF,wBAAoB,CAAC,wBAAD,CAApB;AACD,GAnCD;AAoCD;AAED,IAAM,cAAc,GAAG,GAAvB,C,CAA4B;;AAEtB,SAAU,aAAV,CACJ,YADI,EAEJ,gBAFI,EAGJ,iBAHI,EAIJ,oBAJI,EAKJ,QALI,EAK2E;AAE/E,SAAO;AACL,gBAAY,CAAC,OAAb,CAAqB,KAArB,CAA2B,UAA3B,GAAwC,2BAAxC;AACA,oBAAgB,CAAC,IAAD,CAAhB;AAEA;;;;AAIG;;AACH,QAAI,IAAI,CAAC,GAAL,CAAS,iBAAT,KAA+B,cAAnC,EAAmD;AACjD,UAAM,aAAa,GAAG,iBAAiB,GAAG,CAApB,GAAwB,0EAAiB,CAAC,IAA1C,GAAiD,0EAAiB,CAAC,QAAzF;AAEA,cAAQ,CAAC;AACP,YAAI,EAAE;AADC,OAAD,CAAR;AAGD;;AAED,wBAAoB,CAAC,CAAD,CAApB;AACD,GAlBD;AAmBD,C;;;;;;;;;;;;AC9XD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA;;AAEA,SAAS,sBAAT,GAA+B;AAC7B,MAAM,UAAU,GAAG,4FAAsB,EAAzC;AAEA,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,OAAO;AACL,aAAS,EAAE,CADN;AAEL,WAAO,EAAE;AAFJ,GAAP;AAKF,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,OAAO;AACL,aAAS,EAAE,CADN;AAEL,WAAO,EAAE;AAFJ,GAAP;AAKF,MAAI,UAAU,KAAK,qEAAiB,CAAC,EAArC,EACE,OAAO;AACL,aAAS,EAAE,CADN;AAEL,WAAO,EAAE;AAFJ,GAAP;AAKF,SAAO;AACL,aAAS,EAAE,CADN;AAEL,WAAO,EAAE;AAFJ,GAAP;AAID;;AAED,IAAM,kBAAkB,GAAG,SAArB,kBAAqB;AAAA,MAAG,OAAH,QAAG,OAAH;AAAA,SACzB;AAAK,aAAS,gBAAS,OAAT;AAAd,KACE;AAAK,aAAS,YAAK,yDAAM,CAAC,WAAZ;AAAd,IADF,CADyB;AAAA,CAA3B;;AAMM,SAAU,kBAAV,GAA4B;AAAA,8BACD,sBAAsB,EADrB;AAAA,MACxB,SADwB,yBACxB,SADwB;AAAA,MACb,OADa,yBACb,OADa;;AAGhC,MAAM,KAAK,GAAG,EAAd;;AACA,OAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,SAApB,EAA+B,CAAC,EAAhC,EAAoC;AAClC,SAAK,CAAC,IAAN,CAAW,oDAAC,kBAAD,EAAmB;AAAC,SAAG,EAAE,CAAN;AAAS,aAAO,EAAE;AAAlB,KAAnB,CAAX;AACD;;AAED,SACE;AAAK,aAAS,EAAC;AAAf,KACE;AAAK,aAAS,YAAK,yDAAM,CAAC,cAAZ;AAAd,IADF,EAEE;AAAK,aAAS,YAAK,yDAAM,CAAC,kBAAZ;AAAd,IAFF,EAGE;AAAK,aAAS,YAAK,yDAAM,CAAC,gBAAZ;AAAd,KACG,KADH,CAHF,CADF;AASD,C;;;;;;;;;;;AC3DD;AACA,kBAAkB,uW;;;;;;;;;;;;ACDlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AAEA,IAAM,aAAa,GAAG,0FAAe,CAAC,aAAhB,EAAtB;;AAEA,IAAM,kBAAkB,GAAG,SAArB,kBAAqB,CAAC,SAAD,EAAoB,WAApB,EAAiD,cAAjD,EAA4E;AACrG;AACA,MAAI,WAAW,KAAK,oEAAc,CAAC,UAA/B,IAA6C,cAAjD,EACE,SAAS,GAAG,SAAS,GAAG,cAAxB;AAEF,SAAO;AACL,aAAS,wBAAiB,SAAjB,SAA6B,WAA7B,gBADJ;AAEL,cAAU,EAAE;AAFP,GAAP;AAID,CATD;;AAwBO,IAAM,oBAAoB,GAAG,iDAAiB,UACnD,KADmD,EAEnD,GAFmD,EAGpC;AAAA,MACP,QADO,GACiG,KADjG,CACP,QADO;AAAA,MACG,YADH,GACiG,KADjG,CACG,YADH;AAAA,MACiB,MADjB,GACiG,KADjG,CACiB,MADjB;AAAA,MACyB,SADzB,GACiG,KADjG,CACyB,SADzB;AAAA,MACoC,WADpC,GACiG,KADjG,CACoC,WADpC;AAAA,MACiD,UADjD,GACiG,KADjG,CACiD,UADjD;AAAA,MAC6D,iBAD7D,GACiG,KADjG,CAC6D,iBAD7D;AAAA,wBACiG,KADjG,CACgF,QADhF;AAAA,MACgF,QADhF,gCAC2F,CAD3F;;AAGf,WAAS,iBAAT,GAA0B;AACxB,QAAM,aAAa,GAAe,EAAlC;;AAEA,QAAI,MAAM,IAAI,SAAd,EAAyB;AACvB,mBAAa,CAAC,SAAd,GAA0B,IAA1B;AACA,mBAAa,CAAC,SAAd,GAA0B,SAA1B;AACA,mBAAa,CAAC,WAAd,GAA4B,4DAAU,CAAC,aAAvC;AACA,mBAAa,CAAC,UAAd,GAA2B,MAA3B;AACD;;AAED,QAAI,WAAW,IAAI,UAAf,IAA6B,aAAjC,EAAgD;AAC9C,mBAAa,CAAC,kBAAd,GAAmC,WAAnC;AACA,mBAAa,CAAC,iBAAd,GAAkC,UAAlC;AACD;;AAED,WAAO,aAAP;AACD;;AAED,SACE;AACE,aAAS,EAAC,4CADZ;AAEE,SAAK,EAAE,kBAAkB,CAAC,QAAD,EAAW,YAAX,EAAyB,iBAAzB,CAF3B;AAGE,OAAG,EAAE;AAHP,KAIM,iBAAiB,EAJvB,GAMG,QANH,CADF;AAUD,CAlCmC,CAA7B,C;;;;;;;;;;;;ACjCP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAGA;AAEA,IAAY,qBAAZ;;AAAA,WAAY,qBAAZ,EAAiC;AAC/B;AACA;AACD,CAHD,EAAY,qBAAqB,KAArB,qBAAqB,MAAjC;;AAKA,SAAS,gBAAT,CAA0B,QAA1B,EAAoD,eAApD,EAA4E;AAC1E,MAAI,SAAS,GAAG,0DAAM,CAAC,MAAvB,CAD0E,CAG1E;;AACA,MAAI,eAAJ,EACE,SAAS,IAAI,MAAM,0DAAM,CAAC,IAA1B,CADF,KAGE,SAAS,IAAI,MAAM,0DAAM,CAAC,KAA1B;AAEF,SAAO,SAAP;AACD;;AAWM,IAAM,YAAY,GAAG,2CAAW,UAAS,KAAT,EAAiC;AACtE,MAAM,MAAM,GAAG,KAAK,CAAC,SAAN,KAAoB,qBAAqB,CAAC,IAAzD;AAEA,MAAM,QAAQ,GAAG,MAAM,GAAG,6DAAY,CAAC,WAAhB,GAA8B,6DAAY,CAAC,YAAlE;AAEA,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,QAAP,EAAiB,MAAjB,CAAtC;AAEA,MAAI,KAAK,CAAC,IAAV,EACE,OAAO,yGAAP;AAEF,SACE,0GACE;AACE,QAAI,EAAC,QADP;AAEE,aAAS,YAAK,aAAL,cAAsB,0DAAM,CAAC,MAA7B,cAAuC,KAAK,CAAC,SAAN,IAAmB,EAA1D,CAFX;AAGE,WAAO,EAAE,KAAK,CAAC;AAHjB,KAKE,oDAAC,wEAAD,EAAa;AACX,WAAO,EAAE,QADE;AAEX,QAAI,EAAE,4EAAgB,CAAC,MAFZ;AAGX,aAAS,yCAAkC,0DAAM,CAAC,OAAzC;AAHE,GAAb,CALF,CADF,EAaG,KAAK,CAAC,mBAAN,IAA6B;AAAK,aAAS,EAAE,MAAM,GAAG,0DAAM,CAAC,YAAV,GAAyB,0DAAM,CAAC;AAAtD,IAbhC,EAcE;AAAK,QAAI,EAAC,QAAV;AAAmB,WAAO,EAAE,KAAK,CAAC,OAAlC;AAA2C,aAAS,EAClD,MAAM,GAAG,0DAAM,CAAC,yBAAV,GAAsC,0DAAM,CAAC;AADrD,IAdF,CADF;AAoBD,CA9B2B,CAArB,C;;;;;;;;;;;AClCP;AACA,kBAAkB,iZ;;;;;;;;;;;;ACDlB;AAAA;AAAA,IAAY,cAAZ;;AAAA,WAAY,cAAZ,EAA0B;AACxB;AACA;AACD,CAHD,EAAY,cAAc,KAAd,cAAc,MAA1B,E;;;;;;;;;;;;ACAA;AAAA;AAAA,IAAY,cAAZ;;AAAA,WAAY,cAAZ,EAA0B;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD,CATD,EAAY,cAAc,KAAd,cAAc,MAA1B,E;;;;;;;;;;;;ACAA;AAAA;AAAA,IAAY,iBAAZ;;AAAA,WAAY,iBAAZ,EAA6B;AAC3B;AACA;AACA;AACA;AACA;AACD,CAND,EAAY,iBAAiB,KAAjB,iBAAiB,MAA7B,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;AACA;AAiBA,IAAM,cAAc,GAAiB;AACnC,WAAS,EAAE,EADwB;AAEnC,OAAK,EAAE;AAF4B,CAArC;AAKA;;;AAGG;;AACG,SAAU,QAAV,GACkC;AAAA,MAAtC,OAAsC,uEAAd,cAAc;;AAAA,wBAEF,+CAAe,KAAf,CAFE;AAAA;AAAA,MAE9B,UAF8B;AAAA,MAElB,WAFkB;;AAItC,MAAM,GAAG,GAAG,6CAAgB,IAAhB,CAAZ;AAEA,MAAM,YAAY,GAAG,wFAAc,CAAC,QAAf,CAAwB,YAAK;;;AAChD,QAAI,OAAO,CAAC,SAAZ,EACE,eAAG,CAAC,OAAJ,MAAW,IAAX,IAAW,aAAX,GAAW,MAAX,GAAW,GAAE,SAAb,MAAsB,IAAtB,IAAsB,aAAtB,GAAsB,MAAtB,GAAsB,GAAE,GAAF,CAAM,OAAO,CAAC,SAAd,CAAtB;AAEF,eAAW,CAAC,IAAD,CAAX;AACD,GALoB,EAKlB,OAAO,CAAC,KALU,EAKH;AAAE,WAAO,EAAE;AAAX,GALG,CAArB;;AAOA,MAAM,cAAc,GAAG,SAAjB,cAAiB,GAAK;;;AAC1B,QAAI,wFAAc,CAAC,UAAf,CAA0B,YAAY,CAAC,MAAvC,CAAJ,EACE,YAAY,CAAC,MAAb;AAEF,QAAI,OAAO,CAAC,SAAZ,EACE,eAAG,CAAC,OAAJ,MAAW,IAAX,IAAW,aAAX,GAAW,MAAX,GAAW,GAAE,SAAb,MAAsB,IAAtB,IAAsB,aAAtB,GAAsB,MAAtB,GAAsB,GAAE,MAAF,CAAS,OAAO,CAAC,SAAjB,CAAtB;AAEF,eAAW,CAAC,KAAD,CAAX;AACD,GARD;;AAUA,wDAAsB,YAAK;AACzB,QAAM,IAAI,GAAG,GAAG,CAAC,OAAjB;;AAEA,QAAI,IAAJ,EAAU;AACR,UAAI,CAAC,gBAAL,CAAsB,YAAtB,EAAoC,YAApC;AACA,UAAI,CAAC,gBAAL,CAAsB,YAAtB,EAAoC,cAApC;AAEA,aAAO,YAAK;AACV,YAAI,CAAC,mBAAL,CAAyB,YAAzB,EAAuC,YAAvC;AACA,YAAI,CAAC,mBAAL,CAAyB,YAAzB,EAAuC,cAAvC;AACD,OAHD;AAID;AACF,GAZD,EAYG,CAAE,GAAG,CAAC,OAAN,EAAe,YAAf,EAA6B,cAA7B,CAZH;AAcA,SAAO,CAAE,GAAF,EAAO,UAAP,CAAP;AACD;AAEK,SAAU,cAAV,CAAgD,SAAhD,EAAiE;AACrE,SAAO,QAAQ,CAAC;AACd,aAAS,EAAT,SADc;AAEd,SAAK,EAAE;AAFO,GAAD,CAAf;AAID,C;;;;;;;;;;;;ACzED;AAAA;AAAA;AAAA;AAEA,IAAM,UAAU,GAAG,IAAI,KAAJ,EAAnB;AACA,UAAU,CAAC,GAAX,GAAiB,wEAAjB;AAEO,IAAM,UAAU,GAAG;AACxB;AACA,eAFwB,yBAEV,KAFU,EAEyB;AAC/C,QAAI,CAAC,KAAK,CAAC,YAAN,CAAmB,YAApB,IAAoC,CAAC,wFAAc,CAAC,UAAf,CAA0B,KAAK,CAAC,YAAN,CAAmB,YAA7C,CAAzC,EACE;AAEF,SAAK,CAAC,YAAN,CAAmB,YAAnB,CAAgC,UAAhC,EAA4C,CAA5C,EAA+C,CAA/C;AACD;AAPuB,CAAnB,C;;;;;;;;;;;;ACLP;AAAA;AAAA;AAAA;AAEO,IAAM,YAAY,GAAG;AAC1B;;AAEG;AACH,2BAAyB,EAAE;AAAA,WAAyB;AAClD,gBAAU,EAAE,oEAAU,CAAC,KAD2B;AAElD,cAAQ,EAAE,yEAAe,CAAC,WAFwB;AAGlD,YAAM,EAAE,oEAAU,CAAC,MAH+B;AAIlD,gBAAU,EAAE,yEAAe,CAAC;AAJsB,KAAzB;AAAA,GAJD;;AAW1B;;AAEG;AACH,+BAA6B,EAAE;AAAA,WAAyB;AACtD,cAAQ,EAAE,yEAAe,CAAC;AAD4B,KAAzB;AAAA,GAdL;AAkB1B,kCAAgC,EAAE;AAAA,WAAyB;AACzD,gBAAU,EAAE,oEAAU,CAAC,KADkC;AAEzD,cAAQ,EAAE,yEAAe,CAAC,WAF+B;AAGzD,YAAM,EAAE,oEAAU,CAAC,MAHsC;AAIzD,gBAAU,EAAE,yEAAe,CAAC;AAJ6B,KAAzB;AAAA;AAlBR,CAArB,C","file":"scripts/6.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\r\nimport { WidgetButton, WidgetButtonDirection } from 'libs/shared/components/widgets/widget-button/WidgetButton';\r\nimport { SlidingListContainer } from 'libs/shared/components/widgets/sliding-list/SlidingListContainer';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\nimport { useHover } from 'libs/shared/hooks/UseHover';\r\nimport { WidgetType, WidgetContext } from 'libs/shared/interfaces';\r\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\r\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\r\nimport { useLazyLoad } from 'libs/shared/hooks/UseLazyLoad';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { WidgetHelper } from 'libs/shared/utils/WidgetHelper';\r\nimport { ImageSize } from 'libs/shared/enums/Images';\r\n\r\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { PartialFixedWidget } from './PartialFixedWidget';\r\nimport { useFetchData, formatData, getCollectionAppLink, getShouldPreload, getOnTouchStart, getOnTouchEnd } from './FixedWidgetUtils';\r\nimport { FixedWidgetReducer, initialWidgetState, lazyWidgetInit } from './FixedWidgetReducer';\r\n\r\nimport styles from './fixed-widget.scss';\r\n\r\nconst namespace = 'shared.fixedWidget';\r\n\r\ninterface BaseFixedWidgetProps {\r\n  id?: string;\r\n  name?: string;\r\n  description?: string;\r\n\r\n  type: WidgetType;\r\n  contents: WidgetContents;\r\n  thumbnailSize?: ImageSize;\r\n  paddingSize?: '3' | '4';\r\n  minimumItemCount?: number;\r\n  setData?: (data: any) => any;\r\n\r\n  childComponent: React.ElementType;\r\n  childAppLink?: Core.AppLink;\r\n  appLink?: Core.AppLink;\r\n  settingsAppLink?: Core.AppLink;\r\n\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\ntype FixedWidgetWithFetchProps = BaseFixedWidgetProps & {\r\n  lazyLoad: true;\r\n  collection?: never;\r\n  fetch: (...args: any) => Flight.Response<any>;\r\n  prefetched?: false;\r\n};\r\n\r\ntype FixedWidgetWithCollectionProps = BaseFixedWidgetProps & {\r\n  collection: any;\r\n  lazyLoad?: false;\r\n  fetch?: never;\r\n  prefetched: true;\r\n};\r\n\r\nexport type FixedWidgetProps = FixedWidgetWithCollectionProps | FixedWidgetWithFetchProps;\r\n\r\nFixedWidget.defaultProps = {\r\n  type: WidgetType.Row,\r\n  minimumItemCount: 0,\r\n  paddingSize: '3'\r\n};\r\n\r\nfunction FixedWidget(props: FixedWidgetProps): JSX.Element {\r\n  let { type: widgetType } = props;\r\n  const { analyticsData = {} } = props;\r\n\r\n  // Map deprecated resources tile widget type to row type\r\n  if (widgetType === WidgetType.ResourcesTile)\r\n    widgetType = WidgetType.Row;\r\n\r\n  const [ initialTouchX, setInitialTouchX ] = React.useState(null);\r\n  const [ containerWidth, setContainerWidth ] = React.useState(null);\r\n  const [ percentageDragged, setPercentageDragged ] = React.useState(0);\r\n\r\n  const [ state, dispatch ] = React.useReducer(FixedWidgetReducer, initialWidgetState, lazyWidgetInit);\r\n\r\n  const containerRef = React.useRef(null);\r\n  const [ buttonsRef, isHovering ] = useHover<HTMLDivElement>();\r\n\r\n  const [ isHoveringOnFarLeft, setIsHoveringOnFarLeft ] = React.useState(false);\r\n  const [ isHoveringOnFarRight, setIsHoveringOnFarRight ] = React.useState(false);\r\n\r\n  const { ref, inView: shouldFetch } = useLazyLoad(!props.lazyLoad);\r\n  const mediaQuery = useGetMediaQueryString();\r\n\r\n  React.useEffect(() => {\r\n    dispatch({\r\n      type: WidgetInteraction.Resize,\r\n      payload: {\r\n        mediaQuery,\r\n        type: widgetType,\r\n        contents: props.contents,\r\n        collection: state.collection\r\n      }\r\n    });\r\n  }, [mediaQuery]);\r\n\r\n  React.useEffect(() => {\r\n    if (!props.prefetched)\r\n      return;\r\n\r\n    // If the collection changes, re-initialize the widget state.\r\n    dispatch({\r\n      type: WidgetInteraction.Init,\r\n      payload: {\r\n        mediaQuery,\r\n        type: widgetType,\r\n        contents: props.contents,\r\n        collection: props.collection\r\n      }\r\n    });\r\n  }, [ props.collection?.length, props.prefetched ]);\r\n\r\n  const response = useFetchData(props, dispatch, mediaQuery, shouldFetch);\r\n\r\n  function onSetIsHovering(hovering: boolean, index: number): void {\r\n    if (state.collection.length === state.viewableItems) {\r\n      setIsHoveringOnFarLeft(hovering);\r\n      setIsHoveringOnFarRight(hovering);\r\n      return;\r\n    }\r\n\r\n    // This callback will hide the far left button if the user is hovering on the far left widget item.\r\n    // Same goes for the far right button & widget item.\r\n    if (index + 1 === state.collection.length) {\r\n      setIsHoveringOnFarRight(hovering);\r\n      return;\r\n    }\r\n\r\n    if (index === 0) {\r\n      setIsHoveringOnFarLeft(hovering);\r\n      return;\r\n    }\r\n\r\n    if ((index + 1 - (state.offset % state.viewableItems)) % state.viewableItems === 0) {\r\n      setIsHoveringOnFarRight(hovering);\r\n      return;\r\n    }\r\n\r\n    if ((index - (state.offset % state.viewableItems)) % state.viewableItems === 0) {\r\n      setIsHoveringOnFarLeft(hovering);\r\n      return;\r\n    }\r\n  }\r\n\r\n  const widgetContext: WidgetContext = {\r\n    type: state.type,\r\n    size: state.currentSize,\r\n    collectionSize: state.collection.length,\r\n    contents: props.contents\r\n  };\r\n\r\n  const data = formatData(props, response?.data || props.collection);\r\n\r\n  if (response?.hasError)\r\n    return <></>;\r\n\r\n  if (!props.prefetched && !response?.statusCode) {\r\n    return (\r\n      <div ref={ref}>\r\n        <PartialFixedWidget />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (!state.collection.length || state.collection.length < props.minimumItemCount)\r\n    return <></>;\r\n\r\n  const WidgetItemComponent = props.childComponent;\r\n\r\n  const getSliderAnalyticsData = (type: WidgetInteraction) => ({\r\n    id: data?.id,\r\n    name: data?.name,\r\n    direction: type === WidgetInteraction.Next ? 'right' : 'left',\r\n    ...props.analyticsData\r\n  });\r\n\r\n\r\n  return (\r\n    <div className={`pb-3 px-${props.paddingSize} mx-n${props.paddingSize} overflow-hidden-x ie-scrollbar-fix`}>\r\n      <div className='mb-1'>\r\n        <AppLink\r\n          appLink={getCollectionAppLink(props.appLink, data)}\r\n          analyticsData={{ id: data?.id, name: data?.name, ...props.analyticsData }}\r\n          analyticsOptions={WidgetHelper.getSliderHeadingAnalyticsOptions()}>\r\n          <h2 className={`${styles.heading} ${ props.appLink ? styles.link : ''} h4 mb-0 d-inline-block align-top pl-1`}>\r\n            {data.name}\r\n            {!!props.appLink && (\r\n              <SvgContainer svgName={cvSvgLibrary.ChevronRight} size={SvgContainerSize.Small} />\r\n            )}\r\n          </h2>\r\n          {props.settingsAppLink &&\r\n            <AppLink appLink={props.settingsAppLink}>\r\n              <SvgContainer\r\n                svgName={cvSvgLibrary.Cog}\r\n                className='d-inline-block svg-container cursor-pointer'\r\n                title={LanguageService.getPhrase(namespace, 'preferencesTooltip')}\r\n                tooltipPlacement='right'\r\n              />\r\n            </AppLink>\r\n          }\r\n        </AppLink>\r\n\r\n        {data.description &&\r\n          <p className='text-truncate pl-1 mb-0 description'>{data.description}</p>\r\n        }\r\n      </div>\r\n\r\n      <div ref={buttonsRef} className='position-relative'>\r\n        {!isHoveringOnFarLeft && <div className={styles.leftOverflowGradient} />}\r\n        <WidgetButton\r\n          direction={WidgetButtonDirection.Left}\r\n          onClick={() => {\r\n            dispatch({ type: WidgetInteraction.Previous });\r\n            AnalyticsHelper.logUserAction(\r\n              getSliderAnalyticsData(WidgetInteraction.Previous),\r\n              WidgetHelper.getSliderAnalyticsOptions());\r\n          }}\r\n          hide={isHoveringOnFarLeft || (\r\n            state.offset <= state.collection.length && !(isHovering && state.offset !== state.viewableItems)\r\n          )}\r\n          contents={props.contents}\r\n        />\r\n\r\n        <SlidingListContainer\r\n          position={state.position}\r\n          positionType={CssMeasurement.Percentage}\r\n          onTouchMove={getOnTouchStart(\r\n            state,\r\n            containerRef,\r\n            containerWidth,\r\n            setContainerWidth,\r\n            initialTouchX,\r\n            setInitialTouchX,\r\n            setPercentageDragged\r\n          )}\r\n          onTouchEnd={getOnTouchEnd(\r\n            containerRef,\r\n            setInitialTouchX,\r\n            percentageDragged,\r\n            setPercentageDragged,\r\n            dispatch\r\n          )}\r\n          ref={containerRef}\r\n          percentageDragged={percentageDragged}\r\n        >\r\n          {state.collection.map((widgetItem, index) => {\r\n            return (\r\n              <WidgetItemComponent\r\n                key={widgetItem.id}\r\n                data={widgetItem}\r\n                appLink={props.childAppLink}\r\n                context={widgetContext}\r\n                preloadImage={getShouldPreload(state)(widgetItem)}\r\n                thumbnailSize={props.thumbnailSize || ImageSize.Medium}\r\n                analyticsData={{\r\n                  widgetId: data.id,\r\n                  widgetName: data.name,\r\n                  itemIndex: index,\r\n                  ...analyticsData\r\n                }}\r\n                analyticsOptions={{ ...props?.analyticsOptions, ...WidgetHelper.getSliderItemAnalyticsOptions() }}\r\n                onHover={(hovering: boolean) => {\r\n                  /**\r\n                   * For some reason this needs to be called after a set timeout, otherwise\r\n                   * the `useHover` listener on the `buttonsRef` element will not detect it's hover\r\n                   * event. A delay of 200ms is used for when `hovering` is false so that the effects of\r\n                   * setting `isHoveringOnFarX` aren't applied until the CSS transform transition has\r\n                   * completed.\r\n                   */\r\n                  window.setTimeout(() => {\r\n                    onSetIsHovering(hovering, index);\r\n                  }, hovering ? 0 : 200);\r\n                }}\r\n              />\r\n            );\r\n          })}\r\n        </SlidingListContainer>\r\n\r\n        <WidgetButton\r\n          direction={WidgetButtonDirection.Right}\r\n          onClick={() => {\r\n            dispatch({ type: WidgetInteraction.Next });\r\n            AnalyticsHelper.logUserAction(\r\n              getSliderAnalyticsData(WidgetInteraction.Next),\r\n              WidgetHelper.getSliderAnalyticsOptions());\r\n          }}\r\n          hide={\r\n            isHoveringOnFarRight || (\r\n              (state.offset > state.viewableItems || state.offset === state.collection.length) &&\r\n              !(isHovering && state.offset < state.collection.length)\r\n            )\r\n          }\r\n          contents={props.contents}\r\n        />\r\n        {!isHoveringOnFarRight && <div className={styles.rightOverflowGradient} />}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst Memoized = React.memo(FixedWidget);\r\n\r\nexport { Memoized as FixedWidget };","import { ReducerActions } from 'libs/common/react/interfaces';\r\n\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\r\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\r\nimport { WidgetType } from 'libs/shared/interfaces';\r\n\r\nimport { getComputeFunction } from './FixedWidgetUtils';\r\n\r\nexport interface FixedWidgetPayload {\r\n  mediaQuery?: MediaQueryStrings;\r\n  contents?: WidgetContents;\r\n  type?: WidgetType;\r\n  collection?: any[];\r\n}\r\n\r\nexport interface FixedWidgetState {\r\n  // Current position within the widget collection\r\n  offset: number;\r\n  // Number of items viewable in slider for the current breakpoint/viewport size\r\n  viewableItems: number;\r\n  // Relative position of slider in the window. Used for an inline translate3d().\r\n  position: number;\r\n  // Collection of widget items\r\n  collection: any[];\r\n  // String representation of the current media query\r\n  currentSize: MediaQueryStrings;\r\n  // Type of widget being managed. May change on `Resize`.\r\n  type: WidgetType;\r\n}\r\n\r\nexport const initialWidgetState: FixedWidgetState = {\r\n  offset: 0,\r\n  viewableItems: 4,\r\n  position: 0,\r\n  collection: [],\r\n  currentSize: MediaQueryStrings.LG,\r\n  type: WidgetType.Row\r\n};\r\n\r\nconst computeNextPosition = (prevState: FixedWidgetState) => {\r\n  const { collection, viewableItems, offset, position } = prevState;\r\n\r\n  const remainingCount = collection.length - offset;\r\n\r\n  /**\r\n   * If the remaining items are evening divisible by the items in view, or,\r\n   * we have more items that can be displayed in the view, move the slider a full 100%.\r\n   */\r\n  if (remainingCount % viewableItems === 0 || remainingCount > viewableItems)\r\n    return {\r\n      position: position - 100,\r\n      offset: offset + viewableItems\r\n    };\r\n\r\n  /**\r\n   * Where there are less items than we can show in a full slide, \r\n   * calculate the % movement required to only show those items.\r\n   */\r\n  if (remainingCount < viewableItems)\r\n    return {\r\n      position: position - (remainingCount / viewableItems * 100),\r\n      offset: offset + remainingCount\r\n    };\r\n\r\n  /**\r\n   * Default back to the current state as a fallback\r\n   */\r\n  return {\r\n    position: position,\r\n    offset: offset\r\n  };\r\n};\r\n\r\nconst computePreviousPosition = (prevState: FixedWidgetState) => {\r\n  const { viewableItems, offset, position } = prevState;\r\n\r\n  const remainingCount = offset - viewableItems;\r\n\r\n  if (remainingCount % viewableItems === 0 || remainingCount > viewableItems)\r\n    return {\r\n      position: position + 100,\r\n      offset: offset - viewableItems\r\n    };\r\n\r\n  if (remainingCount < viewableItems)\r\n    return {\r\n      position: position + (remainingCount / viewableItems * 100),\r\n      offset: offset - remainingCount\r\n    };\r\n\r\n  return {\r\n    position: position,\r\n    offset: offset\r\n  };\r\n};\r\n\r\nexport function FixedWidgetReducer(\r\n  prevState: FixedWidgetState,\r\n  action: ReducerActions<WidgetInteraction, FixedWidgetPayload>\r\n): FixedWidgetState {\r\n  const { type, payload = {} } = action;\r\n\r\n  switch (type) {\r\n  case WidgetInteraction.Next: {\r\n    return {\r\n      ...prevState,\r\n      ...computeNextPosition(prevState)\r\n    };\r\n  }\r\n\r\n  case WidgetInteraction.Previous: {\r\n    return {\r\n      ...prevState,\r\n      ...computePreviousPosition(prevState)\r\n    };\r\n  }\r\n\r\n  case WidgetInteraction.Resize: {\r\n    const computeViewableItems = getComputeFunction(payload.contents);\r\n    const initialSeen = computeViewableItems(payload.mediaQuery, payload.type, payload.collection?.length);\r\n\r\n    return {\r\n      ...prevState,\r\n      currentSize: payload.mediaQuery,\r\n      position: 0,\r\n      offset: initialSeen,\r\n      viewableItems: initialSeen,\r\n      type: payload.type\r\n    };\r\n  }\r\n\r\n  case WidgetInteraction.Init: {\r\n    const computeViewableItems = getComputeFunction(payload.contents);\r\n    const initialSeen = computeViewableItems(payload.mediaQuery, payload.type, payload.collection?.length);\r\n\r\n    return lazyWidgetInit({\r\n      ...prevState,\r\n      collection: payload.collection,\r\n      currentSize: payload.mediaQuery,\r\n      offset: initialSeen,\r\n      viewableItems: initialSeen,\r\n      type: payload.type\r\n    });\r\n  }\r\n\r\n  default:\r\n    return prevState;\r\n  }\r\n}\r\n\r\nexport function lazyWidgetInit(newState: FixedWidgetState): FixedWidgetState {\r\n  return { ...initialWidgetState, ...newState };\r\n}","import * as React from 'react';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Core } from 'libs/common/core';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\nimport { ReducerActions } from 'libs/common/react/interfaces';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\r\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\r\nimport { BaseObject, WidgetType } from 'libs/shared/interfaces';\r\n\r\nimport { FixedWidgetProps } from './FixedWidget';\r\nimport { FixedWidgetState, FixedWidgetPayload } from './FixedWidgetReducer';\r\n\r\nexport interface WidgetData {\r\n  id?: string;\r\n  name?: string;\r\n  description?: string;\r\n}\r\n\r\nexport function useFetchData(\r\n  props: FixedWidgetProps,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction, FixedWidgetPayload>>,\r\n  mediaQueryType: MediaQueryStrings,\r\n  shouldFetch: boolean\r\n): Flight.Response<any> {\r\n  const { fetch, setData, type, collection: items, prefetched, contents } = props;\r\n\r\n  let data = items;\r\n  let res: Flight.Response<any>;\r\n\r\n  if (!data || ObjectHelper.isEmpty(data) && !prefetched) {\r\n    res = fetch(shouldFetch);\r\n    data = res.data;\r\n  }\r\n\r\n  /**\r\n   * Once we have the widget data, lazily update our state with the new collection\r\n   */\r\n  const collection = (FunctionHelper.isFunction(setData) && data) ? setData(data) : data;\r\n\r\n  React.useEffect(() => {\r\n    if (!data || ObjectHelper.isEmpty(data))\r\n      return;\r\n\r\n    dispatch({\r\n      type: WidgetInteraction.Init,\r\n      payload: {\r\n        collection,\r\n        mediaQuery: mediaQueryType,\r\n        type,\r\n        contents\r\n      }\r\n    });\r\n\r\n  }, [collection?.length]);\r\n\r\n  return res;\r\n}\r\n\r\n/**\r\n * This function wrapper determines which widget item images should be pre-fetched by the LazyImage component.\r\n * It does this by looking at which images are going to be shown after the users clicks on the \"Next\"\r\n * widget button.\r\n */\r\nexport function getShouldPreload(state: FixedWidgetState): (widgetItem: any) => boolean {\r\n  const { offset, viewableItems, collection } = state;\r\n\r\n  // The index of the latest item that has been fetched\r\n  const maxLoadedIndex = offset;\r\n\r\n  /**\r\n   * The indicesToPreload is an array of indices of widget items that should be prefetched by the\r\n   * LazyImage component\r\n   */\r\n  const indicesToPreload: number[] = [];\r\n  for (let i = 0; i < maxLoadedIndex + viewableItems; i++) {\r\n    indicesToPreload.push(i);\r\n  }\r\n\r\n  /**\r\n   * A widget item calls this function to determine whether or not its image can be pre-fetched.\r\n   * This is determined by whether or not its index has been deemed valid to be pre-fetched\r\n   * by the scope above\r\n   */\r\n  return function shouldPreload(widgetItem: any): boolean {\r\n    const index = collection.indexOf(widgetItem);\r\n\r\n    return indicesToPreload.includes(index);\r\n  };\r\n}\r\n\r\nexport function getCollectionAppLink(appLink: Core.AppLink, data: WidgetData): Core.AppLink {\r\n  if (!appLink)\r\n    return;\r\n\r\n  return {\r\n    ...appLink,\r\n    args: appLink.args || [ data.id, TextHelper.slugify(data.name) ]\r\n  };\r\n}\r\n\r\n/**\r\n * Allow explicit name and description props to override the fetched\r\n * data properties.\r\n * \r\n * @param props \r\n * @param data \r\n */\r\nexport function formatData(props: FixedWidgetProps, data: BaseObject): WidgetData {\r\n  const { name, description } = props;\r\n\r\n  const overrideProps: WidgetData = {};\r\n\r\n  if (Array.isArray(data))\r\n    return { name, description };\r\n\r\n  if (props.name) overrideProps.name = name;\r\n  if (props.description) overrideProps.description = description;\r\n\r\n  return { ...data, ...overrideProps };\r\n}\r\n\r\n/**\r\n * The functions below are used by the reducer to compute the number of widget items\r\n * displayed on the screen based on the media query, widget type, and total number of items.\r\n */\r\ntype ComputeFunction = (mediaQuery: MediaQueryStrings, type: WidgetType, itemCount: number) => number;\r\n\r\nexport function getComputeFunction(contents: WidgetContents): ComputeFunction {\r\n  switch (contents) {\r\n  case WidgetContents.Playlists:\r\n    return computeViewablePlaylists;\r\n\r\n  case WidgetContents.Videos:\r\n    return computeViewableVideos;\r\n\r\n  case WidgetContents.Subjects:\r\n    return computeViewableSubjects;\r\n\r\n  case WidgetContents.UserChannels:\r\n    return computeViewableUserChannels;\r\n\r\n  case WidgetContents.Interactives:\r\n    return computeViewableInteractives;\r\n\r\n  case WidgetContents.Clips:\r\n    return computeViewableClips;\r\n\r\n  case WidgetContents.Resources:\r\n    return computeViewableResources;\r\n\r\n  case WidgetContents.Series:\r\n  default:\r\n    return computeViewableSeries;\r\n  }\r\n}\r\n\r\nfunction computeViewablePlaylists(mediaQuery: MediaQueryStrings, type: WidgetType, itemCount: number): number {\r\n  let maxItems: number = 5;\r\n\r\n  if (mediaQuery === MediaQueryStrings.XS)\r\n    maxItems = 2;\r\n  else if (mediaQuery === MediaQueryStrings.SM)\r\n    maxItems = 3;\r\n  else if (mediaQuery === MediaQueryStrings.MD)\r\n    maxItems = 4;\r\n\r\n  if (itemCount < maxItems)\r\n    maxItems = itemCount;\r\n\r\n  return maxItems;\r\n}\r\n\r\nfunction computeViewableVideos(mediaQuery: MediaQueryStrings, type: WidgetType, itemCount: number): number {\r\n  let maxItems: number = 4;\r\n\r\n  if (mediaQuery === MediaQueryStrings.XS)\r\n    maxItems = 2;\r\n  else if (mediaQuery === MediaQueryStrings.SM)\r\n    maxItems = 3;\r\n  else if (mediaQuery === MediaQueryStrings.MD)\r\n    maxItems = 4;\r\n  else if (\r\n    mediaQuery === MediaQueryStrings.LG\r\n    || mediaQuery === MediaQueryStrings.XL\r\n    || mediaQuery === MediaQueryStrings.XXL\r\n  ) {\r\n    if (type === WidgetType.LargeRow)\r\n      maxItems = 3;\r\n\r\n    else if (itemCount < 4)\r\n      maxItems = 3;\r\n\r\n    else\r\n      maxItems = 4;\r\n  }\r\n\r\n  if (itemCount < maxItems)\r\n    maxItems = itemCount;\r\n\r\n  return maxItems;\r\n}\r\n\r\nfunction computeViewableSubjects(mediaQuery: MediaQueryStrings, type: WidgetType, itemCount: number): number {\r\n  let maxItems: number = 6;\r\n\r\n  if (mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.XS)\r\n    maxItems = 3;\r\n  else if (mediaQuery === MediaQueryStrings.MD)\r\n    maxItems = 4;\r\n  else if (mediaQuery === MediaQueryStrings.LG)\r\n    maxItems = 5;\r\n  else if (mediaQuery === MediaQueryStrings.XL || mediaQuery === MediaQueryStrings.XXL)\r\n    maxItems = 6;\r\n\r\n  if (itemCount < maxItems)\r\n    maxItems = itemCount;\r\n\r\n  return maxItems;\r\n}\r\n\r\nfunction computeViewableUserChannels(mediaQuery: MediaQueryStrings, type: WidgetType, itemCount: number): number {\r\n  let maxItems: number = 6;\r\n\r\n  if (mediaQuery === MediaQueryStrings.XS)\r\n    maxItems = 2;\r\n  else if (mediaQuery === MediaQueryStrings.SM)\r\n    maxItems = 3;\r\n  else if (mediaQuery === MediaQueryStrings.MD)\r\n    maxItems = 4;\r\n  else if (mediaQuery === MediaQueryStrings.LG)\r\n    maxItems = 5;\r\n  else if (mediaQuery === MediaQueryStrings.XL || mediaQuery === MediaQueryStrings.XXL)\r\n    maxItems = 6;\r\n\r\n  if (itemCount < maxItems)\r\n    maxItems = itemCount;\r\n\r\n  return maxItems;\r\n}\r\n\r\nfunction computeViewableInteractives(mediaQuery: MediaQueryStrings, type: WidgetType, itemCount: number): number {\r\n  let maxItems: number = 3;\r\n\r\n  if (mediaQuery === MediaQueryStrings.MD || mediaQuery === MediaQueryStrings.SM)\r\n    maxItems = 2;\r\n\r\n  if (mediaQuery === MediaQueryStrings.XS)\r\n    maxItems = 1;\r\n\r\n  if (itemCount < Math.ceil(maxItems))\r\n    maxItems = itemCount;\r\n\r\n  return maxItems;\r\n}\r\n\r\nfunction computeViewableClips(mediaQuery: MediaQueryStrings, type: WidgetType, itemCount: number): number {\r\n  let maxItems: number = 3;\r\n\r\n  if (mediaQuery === MediaQueryStrings.MD || mediaQuery === MediaQueryStrings.SM)\r\n    maxItems = 2;\r\n\r\n  if (mediaQuery === MediaQueryStrings.XS)\r\n    maxItems = 1;\r\n\r\n  if (itemCount < Math.ceil(maxItems))\r\n    maxItems = itemCount;\r\n\r\n  return maxItems;\r\n}\r\n\r\nfunction computeViewableResources(mediaQuery: MediaQueryStrings, type: WidgetType, itemCount: number): number {\r\n  let maxItems: number = 4;\r\n\r\n  if (mediaQuery === MediaQueryStrings.SM)\r\n    maxItems = 3;\r\n\r\n  if (mediaQuery === MediaQueryStrings.XS)\r\n    maxItems = 2;\r\n\r\n  if (itemCount < maxItems)\r\n    maxItems = itemCount;\r\n\r\n  return maxItems;\r\n}\r\n\r\nfunction computeViewableSeries(mediaQuery: MediaQueryStrings, type: WidgetType, itemCount: number): number {\r\n  let maxItems: number = 4;\r\n\r\n  if (mediaQuery === MediaQueryStrings.XS)\r\n    maxItems = 2;\r\n  else if (mediaQuery === MediaQueryStrings.SM)\r\n    maxItems = 3;\r\n\r\n  if (itemCount < maxItems)\r\n    maxItems = itemCount;\r\n\r\n  return maxItems;\r\n}\r\n\r\n/**\r\n * Touch event handlers\r\n */\r\nexport function getOnTouchStart(\r\n  widgetState: FixedWidgetState,\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  containerWidth: number,\r\n  setContainerWidth: React.Dispatch<number>,\r\n  initialTouchX: number,\r\n  setInitialTouchX: React.Dispatch<number>,\r\n  setPercentageDragged: React.Dispatch<number>\r\n): (event: React.TouchEvent<HTMLDivElement>) => void {\r\n  return function(event: React.TouchEvent<HTMLDivElement>): void {\r\n    const firstTouch = event.touches.item(0);\r\n    const touchX = firstTouch.clientX;\r\n\r\n    /**\r\n     * Runs only on the very first touch event.\r\n     * \r\n     * Sets the initial x-coordinate as a reference point to calculate how far the user has dragged before\r\n     * they release their finder\r\n     */\r\n    if (!initialTouchX) {\r\n      containerRef.current.style.transition = '';\r\n\r\n      setContainerWidth(containerRef.current.getBoundingClientRect().width);\r\n      setInitialTouchX(touchX);\r\n    }\r\n\r\n    const pixelsDragged = initialTouchX - touchX;\r\n\r\n    // Calculate how far the user has moved their finger as a percentage of the widget's container element\r\n    let currentPercentageDragged = ((pixelsDragged / containerWidth) * 100);\r\n\r\n    /**\r\n     * These 2 if statements prevent the user from dragging the widget beyond its limits.\r\n     * One if statement handles if they have dragged to the left, and the other is for dragging to the right.\r\n     * \r\n     * The same logic is used to hide the widget buttons (see the `hide` prop passed to `<WidgetButton />`)\r\n     */\r\n    if (currentPercentageDragged < 0 && (widgetState.offset === widgetState.viewableItems))\r\n      currentPercentageDragged = 0;\r\n\r\n    else if (currentPercentageDragged > 0 && (widgetState.offset === widgetState.collection.length))\r\n      currentPercentageDragged = 0;\r\n\r\n    setPercentageDragged(currentPercentageDragged);\r\n  };\r\n}\r\n\r\nconst DRAG_TOLERANCE = 7.5; // % of container width using to trigger a transition.\r\n\r\nexport function getOnTouchEnd(\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  setInitialTouchX: React.Dispatch<number>,\r\n  percentageDragged: number,\r\n  setPercentageDragged: React.Dispatch<number>,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction, FixedWidgetPayload>>\r\n): () => void {\r\n  return function(): void {\r\n    containerRef.current.style.transition = 'transform .4s ease-in-out';\r\n    setInitialTouchX(null);\r\n\r\n    /**\r\n     * Only trigger a Next/Previous widget event if the user has dragged beyond DRAG_TOLERANCE% either way of the\r\n     * container's width. This means if the user only drags left/right a tiny little bit, the widget\r\n     * will simply slide back into its original place.\r\n     */\r\n    if (Math.abs(percentageDragged) >= DRAG_TOLERANCE) {\r\n      const reducerAction = percentageDragged > 0 ? WidgetInteraction.Next : WidgetInteraction.Previous;\r\n\r\n      dispatch({\r\n        type: reducerAction\r\n      });\r\n    }\r\n\r\n    setPercentageDragged(0);\r\n  };\r\n}","import * as React from 'react';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\n\r\nimport styles from './fixed-widget.scss';\r\n\r\nfunction useMediaQueryListeners(): HashObject {\r\n  const mediaQuery = useGetMediaQueryString();\r\n\r\n  if (mediaQuery === MediaQueryStrings.XS)\r\n    return {\r\n      itemCount: 1,\r\n      colSize: 12\r\n    };\r\n\r\n  if (mediaQuery === MediaQueryStrings.SM)\r\n    return {\r\n      itemCount: 2,\r\n      colSize: 6\r\n    };\r\n\r\n  if (mediaQuery === MediaQueryStrings.MD)\r\n    return {\r\n      itemCount: 3,\r\n      colSize: 4\r\n    };\r\n\r\n  return {\r\n    itemCount: 4,\r\n    colSize: 3\r\n  };\r\n}\r\n\r\nconst PartialLoadingItem = ({ colSize }: HashObject) => (\r\n  <div className={`col-${colSize}`}>\r\n    <div className={`${styles.partialItem} mx-1 partial-loading-background`} />\r\n  </div>\r\n);\r\n\r\nexport function PartialFixedWidget(): JSX.Element {\r\n  const { itemCount, colSize } = useMediaQueryListeners();\r\n\r\n  const items = [];\r\n  for (let i = 0; i < itemCount; i++) {\r\n    items.push(<PartialLoadingItem key={i} colSize={colSize} />);\r\n  }\r\n\r\n  return (\r\n    <div className='widget pb-3'>\r\n      <div className={`${styles.partialHeading} mx-1 mb-1 partial-loading-background`}></div>\r\n      <div className={`${styles.partialDescription} mx-1 my-1 partial-loading-background`}></div>\r\n      <div className={`${styles.slidingContainer} row`}>\r\n        {items}\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"leftOverflowGradient\":\"cv--leftOverflowGradient--u_MPi\",\"rightOverflowGradient\":\"cv--rightOverflowGradient--38ooL\",\"partialHeading\":\"cv--partialHeading--OVsdA\",\"partialDescription\":\"cv--partialDescription--1HtA2\",\"partialItem\":\"cv--partialItem--3G2hG\",\"largePartialItem\":\"cv--largePartialItem--NnK8O\",\"heading\":\"cv--heading--BQnCC\",\"link\":\"cv--link--ph0Qy\"};","import * as React from 'react';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\r\n\r\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\r\nimport { DragHelper } from 'libs/shared/utils/DragHelper';\r\n\r\nconst isTouchScreen = UserAgentHelper.isTouchScreen();\r\n\r\nconst getPositionStyling = (xPosition: number, measurement: CssMeasurement, dragPercentage?: number) => {\r\n  // Used in situations where a touch screen user is dragging the `<FixedWidget />`\r\n  if (measurement === CssMeasurement.Percentage && dragPercentage)\r\n    xPosition = xPosition - dragPercentage;\r\n\r\n  return {\r\n    transform: `translate3d(${xPosition}${measurement}, 0px, 0px)`,\r\n    transition: 'transform .4s ease-in-out'\r\n  };\r\n};\r\n\r\ninterface SlidingListContainerProps extends React.PropsWithChildren<unknown> {\r\n  position: number;\r\n  positionType: CssMeasurement;\r\n\r\n  onDrag?: (event: React.DragEvent<HTMLDivElement>) => void;\r\n  onDragEnd?: () => void;\r\n\r\n  onTouchMove?: (event: React.TouchEvent<HTMLDivElement>) => void;\r\n  onTouchEnd?: () => void;\r\n\r\n  percentageDragged?: number;\r\n}\r\n\r\nexport const SlidingListContainer = React.forwardRef((\r\n  props: SlidingListContainerProps,\r\n  ref: React.MutableRefObject<HTMLDivElement>\r\n): JSX.Element => {\r\n  const { children, positionType, onDrag, onDragEnd, onTouchMove, onTouchEnd, percentageDragged, position = 0 } = props;\r\n\r\n  function getEventListeners(): HashObject {\r\n    const listenerProps: HashObject = {};\r\n\r\n    if (onDrag && onDragEnd) {\r\n      listenerProps.draggable = true;\r\n      listenerProps.onDragEnd = onDragEnd;\r\n      listenerProps.onDragStart = DragHelper.hideDragImage;\r\n      listenerProps.onDragOver = onDrag;\r\n    }\r\n\r\n    if (onTouchMove && onTouchEnd && isTouchScreen) {\r\n      listenerProps.onTouchMoveCapture = onTouchMove;\r\n      listenerProps.onTouchEndCapture = onTouchEnd;\r\n    }\r\n\r\n    return listenerProps;\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className='d-flex flex-nowrap position-relative w-100'\r\n      style={getPositionStyling(position, positionType, percentageDragged)}\r\n      ref={ref}\r\n      {...getEventListeners()}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n});","import * as React from 'react';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\r\n\r\nimport styles from './widget-button.scss';\r\n\r\nexport enum WidgetButtonDirection {\r\n  Left,\r\n  Right\r\n}\r\n\r\nfunction getPositionClass(contents: WidgetContents, isLeftDirection: boolean): string {\r\n  let className = styles.topPos;\r\n\r\n  // Left / Right\r\n  if (isLeftDirection)\r\n    className += ' ' + styles.left;\r\n  else\r\n    className += ' ' + styles.right;\r\n\r\n  return className;\r\n}\r\n\r\ninterface WidgetButtonProps {\r\n  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\r\n  direction: WidgetButtonDirection;\r\n  hide: boolean;\r\n  contents?: WidgetContents;\r\n  useGradientBackdrop?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const WidgetButton = React.memo(function(props: WidgetButtonProps): JSX.Element {\r\n  const isLeft = props.direction === WidgetButtonDirection.Left;\r\n\r\n  const arrowSvg = isLeft ? cvSvgLibrary.ChevronLeft : cvSvgLibrary.ChevronRight;\r\n\r\n  const positionClass = getPositionClass(props.contents, isLeft);\r\n\r\n  if (props.hide)\r\n    return <></>;\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        role='button'\r\n        className={`${positionClass} ${styles.button} ${props.className || ''}`}\r\n        onClick={props.onClick}\r\n      >\r\n        <SvgContainer\r\n          svgName={arrowSvg}\r\n          size={SvgContainerSize.Medium}\r\n          className={`svg-container d-inline-block ${styles.chevron}`}\r\n        />\r\n      </div>\r\n\r\n      {props.useGradientBackdrop && <div className={isLeft ? styles.gradientLeft : styles.gradientRight} />}\r\n      <div role='button' onClick={props.onClick} className={\r\n        isLeft ? styles.extendedClickableAreaLeft : styles.extendedClickableAreaRight\r\n      } />\r\n    </>\r\n  );\r\n});","// extracted by mini-css-extract-plugin\nmodule.exports = {\"left\":\"cv--left--789pr\",\"right\":\"cv--right--1P8qt\",\"button\":\"cv--button--24q_F\",\"chevron\":\"cv--chevron--3M27X\",\"gradientLeft\":\"cv--gradientLeft--3fkiw\",\"gradientRight\":\"cv--gradientRight--2RDDy\",\"extendedClickableAreaRight\":\"cv--extendedClickableAreaRight--13dgy\",\"extendedClickableAreaLeft\":\"cv--extendedClickableAreaLeft--37LtK\",\"videoTopPos\":\"cv--videoTopPos--1XTRO\",\"topPos\":\"cv--topPos--3_p_J\"};","export enum CssMeasurement {\r\n  Percentage = '%',\r\n  Pixels = 'px'\r\n}","export enum WidgetContents {\r\n  Videos = 'videos',\r\n  Series = 'series',\r\n  Subjects = 'subjects',\r\n  Playlists = 'playlists',\r\n  UserChannels = 'user channels',\r\n  Interactives = 'interactives',\r\n  Clips = 'clips',\r\n  Resources = 'resources'\r\n}","export enum WidgetInteraction {\r\n  Init = 'init',\r\n  Next = 'next',\r\n  Previous = 'previous',\r\n  Resize = 'resize',\r\n  Drag = 'drag'\r\n}","import * as React from 'react';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\ninterface HoverOptions {\r\n  /**\r\n   * Classes to be applied to the target element on hover. Useful if you want to style the element on hover\r\n   * after a delay (controlled by the `timeout` option below)\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * A delay between when the user actually hovers on the element, and when the hook returns `true` for `isHovering`.\r\n   * This can be used to determine whether a user has actually intended for a hover event on an element to be\r\n   * triggered or not. Defaults to 0.\r\n   */\r\n  delay?: number;\r\n}\r\n\r\nconst defaultOptions: HoverOptions = {\r\n  className: '',\r\n  delay: 0\r\n};\r\n\r\n/**\r\n * This hook detects hover events on an element.\r\n * This should only be used where CSS hover events won't suffice for what you are trying to achieve.\r\n */\r\nexport function useHover<T extends HTMLElement>(\r\n  options: HoverOptions = defaultOptions\r\n): [ React.MutableRefObject<T>, boolean ] {\r\n  const [ isHovering, setHovering ] = React.useState(false);\r\n\r\n  const ref = React.useRef<T>(null);\r\n\r\n  const triggerHover = FunctionHelper.throttle(() => {\r\n    if (options.className)\r\n      ref.current?.classList?.add(options.className);\r\n\r\n    setHovering(true);\r\n  }, options.delay, { leading: false });\r\n\r\n  const handleMouseOut = () => {\r\n    if (FunctionHelper.isFunction(triggerHover.cancel))\r\n      triggerHover.cancel();\r\n\r\n    if (options.className)\r\n      ref.current?.classList?.remove(options.className);\r\n\r\n    setHovering(false);\r\n  };\r\n\r\n  React.useLayoutEffect(() => {\r\n    const node = ref.current;\r\n\r\n    if (node) {\r\n      node.addEventListener('mouseenter', triggerHover);\r\n      node.addEventListener('mouseleave', handleMouseOut);\r\n\r\n      return () => {\r\n        node.removeEventListener('mouseenter', triggerHover);\r\n        node.removeEventListener('mouseleave', handleMouseOut);\r\n      };\r\n    }\r\n  }, [ ref.current, triggerHover, handleMouseOut ]);\r\n\r\n  return [ ref, isHovering ];\r\n}\r\n\r\nexport function useHoverIntent<T extends HTMLElement>(className: string): [ React.MutableRefObject<T>, boolean ] {\r\n  return useHover({\r\n    className,\r\n    delay: 275\r\n  });\r\n}","import { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nconst blankImage = new Image();\r\nblankImage.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';\r\n\r\nexport const DragHelper = {\r\n  // This removes the image that appears when you drag a draggable HTML element\r\n  hideDragImage(event: React.DragEvent<HTMLElement>): void {\r\n    if (!event.dataTransfer.setDragImage || !FunctionHelper.isFunction(event.dataTransfer.setDragImage))\r\n      return;\r\n\r\n    event.dataTransfer.setDragImage(blankImage, 0, 0);\r\n  }\r\n};","import { AnalyticsOptions, ClickDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\r\n\r\nexport const WidgetHelper = {\r\n  /**\r\n   * Used by both the FixedWidget and DynamicWidget\r\n   */\r\n  getSliderAnalyticsOptions: (): AnalyticsOptions => ({\r\n    actionType: UserAction.Click,\r\n    location: LocationContext.SlidingList,\r\n    entity: EntityType.Widget,\r\n    descriptor: ClickDescriptor.Slide\r\n  }),\r\n\r\n  /**\r\n   * Used by both the FixedWidget and DynamicWidget\r\n   */\r\n  getSliderItemAnalyticsOptions: (): AnalyticsOptions => ({\r\n    location: LocationContext.SlidingListItem\r\n  }),\r\n\r\n  getSliderHeadingAnalyticsOptions: (): AnalyticsOptions => ({\r\n    actionType: UserAction.Click,\r\n    location: LocationContext.SlidingList,\r\n    entity: EntityType.Widget,\r\n    descriptor: ClickDescriptor.Title\r\n  })\r\n};"],"sourceRoot":""}

package/dist/scripts/60-b5000feaed.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[60],{1030:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(76),i=n(19),o=n(45);function s(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(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 l=function(e){return e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next};function u(e){return Object(r.useSelector)(Object(a.useMemo)((function(){return function(t){for(var n=e,a=o.a.isFunction(e)&&i.a.getResponse(t,n()),r=a&&a.isFetching,c=a&&a.shouldFetch,u=a&&a.data&&a.data.data,d=l(a);d&&(r=(a=i.a.getResponse(t,n(d))).isFetching,!a.shouldFetch);){var f=a.data&&a.data.data;f&&u.push.apply(u,s(f));var p=l(a);d=p===d?null:p}return{shouldInitialFetch:c,items:u,nextCursor:d,isFetching:r}}}),[e]))}},1407:function(e,t,n){e.exports={suggestionContainer:"_2omIR"}},1488:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n(76),i=n(40),o=n(9),s=n(19),c=n(61),l=n(43),u=n(305),d=n(91),f=n(1030);function p(e,t){var n=e,r=t,i=Object(f.a)(e&&function(e){return n(e).key});Object(a.useEffect)((function(){i.shouldInitialFetch&&t&&r()}),[i.shouldInitialFetch,t]),Object(a.useEffect)((function(){i.nextCursor&&!i.isFetching&&t&&r(i.nextCursor)}),[i.nextCursor,i.isFetching,t])}var y=n(70),m=n(989),g=n(97),h=n(1215),b=function(e){return"recent:playlists:added:to:".concat(e)},v=function(e){return h.a.getRecentItem(b(e),g.a)},P=function(e,t){return h.a.addRecentItem(b(e),g.a,t)},S=n(116),I=n(971),w=n(958),A=n(48),E=n(3),j=n(311),C=n(140),F=n(45),O=n(64),k=n(17),x=n(1100),T=n(1407),N=n.n(T);function L(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(a=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return U(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return U(e,t)}(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 V="playlists.selectPlaylist";function R(e){var t=F.a.isFunction(e.isVideoInPlaylist)&&e.isVideoInPlaylist(e.playlist),n=t?"":"cursor-pointer",r=t?k.b.Check:k.b.Plus,i="d-inline-block svg-container";t&&(i+=" text-success");var o=t?"This video is already in this playlist":"";return a.createElement("span",{className:n},a.createElement(O.a,{svgName:r,size:O.b.Small,className:i,title:o}),a.createElement("span",{className:"ml-2 text-break"},e.playlist.name))}function _(e){var t=L(a.useState(""),2),n=t[0],r=t[1],i="";n&&(i+=" border-bottom pb-2");var s=C.a.sortBy(e.playlists,"name"),c=v(e.currentUserId);return c=c.slice(0,3).map((function(t){return e.playlists.find((function(e){return e.id===t}))})),a.createElement(a.Fragment,null,a.createElement(x.a,{onQueryChange:function(e){return r(e.trim())},onSuggestionSelected:e.onSelectPlaylist,updateQueryOnSelection:!1,recentSearches:c,recentSearchHeading:o.a.getPhrase(V,"recentPlaylistsHeading"),suggestionsHeading:o.a.getPhrase(V,"suggestionsHeading"),local:s,initialSuggestions:s,activationLength:1,placeholder:o.a.getPhrase(V,"placeholder"),theme:{container:i,suggestionsContainer:"mt-2 ".concat(N.a.suggestionContainer),suggestionsContainerOpen:"",suggestion:"cursor-pointer py-1"},searchIconPlacement:"left",alwaysRenderSuggestions:!0,suggestionLimit:!1,getSuggestionComponent:function(t){return a.createElement(R,{playlist:t,isVideoInPlaylist:e.isVideoInPlaylist})},autoFocusInput:!0}),F.a.isFunction(e.createPlaylist)&&!!n&&a.createElement("div",{className:"pt-2 text-break"},a.createElement("span",{className:"cursor-pointer",onClick:function(){return e.createPlaylist(n)}},a.createElement(O.a,{svgName:k.b.Plus,size:O.b.Small}),a.createElement(d.b,{namespace:V,phrase:"createPlaylist",options:{name:n}}))))}var z=n(186),H=n(7),M=n(13);function B(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(a=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $(e,t)}(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 $(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}n.d(t,"AddToPlaylistView",(function(){return D}));var J=o.a.encloseNamespace("playlists.addToPlaylist"),Q=function(e){return m.a.getUserPlaylists(new I.a(S.a.AtoZ,e))},Y=function(e,t){return function(n){return m.a.getVideoPlaylists(e,t,n)}};function D(e){var t=Object(r.useDispatch)(),n=Object(w.a)(),o=B(a.useState(!1),2),g=o[0],h=o[1],b=s.a.useBasicFetch(y.a.currentUser()),v=s.a.useBasicFetch(j.a.video(e.videoId)),S=Object(f.a)((function(e){return Q(e).key})),I=Object(f.a)((function(t){return!!b.data&&Y(e.videoId,b.data.id)(t).key})),C=!!I.items&&I.items.map((function(e){return e.id}));p(Q,(function(e){s.a.getFetch(t,Q(e))()})),p(!!b.data&&Y(e.videoId,b.data.id),!!b.data&&function(n){s.a.getFetch(t,Y(e.videoId,b.data.id)(n))()});var F=function(a,r){h(!0);s.a.fetch(t,m.a.addToPlaylist(a.id,[e.videoId],(function(){n.success({heading:z.a.Success,type:c.a.Success,message:J(r?"successNew":"success",{video:v.data.name,playlist:a.name}),appLink:{application:H.a.PLAYLISTS,action:M.a.Playlists.PLAYLIST,args:[a.id,l.a.slugify(a.name)]},appLinkText:J("goToPlaylist",{playlist:a.name}),appLinkClassName:"info-link"}),A.a.logUserAction({id:v.data.id,playlistId:a.id},{actionType:E.n.Associate,entity:E.d.Video,descriptor:E.a.Playlist,workflowPhase:E.o.Complete,location:E.j.Popup}),e.closePopup(),P(b.data.id,{id:a.id})}),(function(){n.error(J("addError",{video:v.data.name,playlist:a.name}))})))},O=!(!v.data||!S.items||S.nextCursor||!b.data||!I.items||I.nextCursor);return a.createElement(u.a,{title:J("heading"),closePopup:e.closePopup,showLoadingSpinner:!O,size:"lg"},O&&a.createElement(a.Fragment,null,a.createElement("div",{className:"mb-2"},a.createElement(d.b,{namespace:"playlists.addToPlaylist",phrase:"selectPlaylist",options:{video:v.data.name}})),g?a.createElement("div",{className:"text-center"},a.createElement(i.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.createElement(_,{playlists:S.items,currentUserId:b.data.id,onSelectPlaylist:function(e){C.includes(e.id)||F(e)},isVideoInPlaylist:function(e){return C.includes(e.id)},createPlaylist:function(a){h(!0),s.a.fetch(t,m.a.createPlaylist(b.data.id,{name:a},(function(e){e&&e.id&&(A.a.logUserAction({id:e.id},{actionType:E.n.Create,entity:E.d.Playlist,workflowPhase:E.o.Complete,location:E.j.Popup}),F(e,!0))}),(function(){n.error(J("createError",{video:v.data.name,playlist:a})),e.closePopup()})))}})))}}}]);

package/dist/scripts/60.chunk.js

@@ -0,0 +1,241 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[60],{
+
+/***/ "../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts":
+/*!***********************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts ***!
+  \***********************************************************************************************************************/
+/*! exports provided: PlaylistValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistValidationSchema", function() { return PlaylistValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+
+
+var namespace = 'playlists.validation';
+var PlaylistValidationSchema = yup__WEBPACK_IMPORTED_MODULE_0__["object"]().shape({
+  name: yup__WEBPACK_IMPORTED_MODULE_0__["string"]().max(250, function () {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'nameExceeds');
+  }).required(function () {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'nameRequired');
+  }),
+  description: yup__WEBPACK_IMPORTED_MODULE_0__["string"]().max(65535, function () {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'descriptionExceeds');
+  })
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/playlist-details/PlaylistDetails.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/apps/playlists/components/playlist-details/PlaylistDetails.tsx ***!
+  \****************************************************************************/
+/*! exports provided: PlaylistDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistDetails", function() { return PlaylistDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_apps_playlists_validation_PlaylistValidationSchema__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema */ "../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts");
+
+
+
+
+
+
+
+
+var namespace = 'playlists.playlistDetails';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+
+function PlaylistDetailsFormComponent(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__["FormField"], {
+    label: getPhrase('nameLabel'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: getPhrase('namePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__["FormField"], {
+    label: getPhrase('descriptionLabel'),
+    component: 'textarea',
+    name: 'description',
+    id: 'description',
+    placeholder: getPhrase('descriptionPlaceholder'),
+    value: formikProps.values.description
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    type: 'button',
+    className: "btn btn-".concat(props.cancelButtonClass, " mr-2"),
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__["FormButtons"], {
+    isNew: props.isNew
+  })));
+}
+
+function PlaylistDetails(props) {
+  var _props$playlist = props.playlist;
+  _props$playlist = _props$playlist === void 0 ? {} : _props$playlist;
+  var _props$playlist$name = _props$playlist.name,
+      name = _props$playlist$name === void 0 ? '' : _props$playlist$name,
+      _props$playlist$descr = _props$playlist.description,
+      description = _props$playlist$descr === void 0 ? '' : _props$playlist$descr,
+      _props$playlist$id = _props$playlist.id,
+      id = _props$playlist$id === void 0 ? null : _props$playlist$id,
+      savePlaylist = props.savePlaylist,
+      onClickCancel = props.onClickCancel,
+      cancelButtonClass = props.cancelButtonClass;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["FormWrapper"], {
+    initialValues: {
+      name: name,
+      description: description
+    },
+    validationSchema: _libs_shared_src_apps_playlists_validation_PlaylistValidationSchema__WEBPACK_IMPORTED_MODULE_7__["PlaylistValidationSchema"],
+    onSubmit: savePlaylist
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PlaylistDetailsFormComponent, {
+    isNew: !id,
+    onClickCancel: onClickCancel,
+    cancelButtonClass: cancelButtonClass
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/views/edit-playlist/EditPlaylistView.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/apps/playlists/views/edit-playlist/EditPlaylistView.tsx ***!
+  \*********************************************************************/
+/*! exports provided: EditPlaylistView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditPlaylistView", function() { return EditPlaylistView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var apps_playlists_components_playlist_details_PlaylistDetails__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! apps/playlists/components/playlist-details/PlaylistDetails */ "./src/apps/playlists/components/playlist-details/PlaylistDetails.tsx");
+
+
+
+
+
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace('playlists.editPlaylist');
+function EditPlaylistView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_9__["useAlerts"])();
+  var playlist = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_7__["PlaylistRequests"].getPlaylist(props.playlistId));
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_6__["useSetPageTitle"])(playlist.data && getPhrase('title', {
+    name: playlist.data.name
+  }), [playlist]);
+
+  var savePlaylist = function savePlaylist(data) {
+    var onSuccess = function onSuccess(updatedPlaylist) {
+      alerts.success(getPhrase('success', {
+        name: updatedPlaylist.name
+      }));
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+        id: updatedPlaylist.id
+      }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Edit,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].Playlist,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Complete
+      }));
+      props.closePopup();
+    };
+
+    var onError = function onError() {
+      alerts.error(getPhrase('error', {
+        name: playlist.data.name
+      }));
+      props.closePopup();
+    };
+
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_7__["PlaylistRequests"].updatePlaylist(props.playlistId, data, onSuccess, onError));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_8__["Popup"], {
+    title: getPhrase('heading'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !playlist.data
+  }, !!playlist.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_playlist_details_PlaylistDetails__WEBPACK_IMPORTED_MODULE_10__["PlaylistDetails"], {
+    playlist: playlist.data,
+    savePlaylist: savePlaylist,
+    onClickCancel: props.closePopup,
+    cancelButtonClass: 'secondary'
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=60.chunk.js.map

package/dist/scripts/60.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/components/playlist-details/PlaylistDetails.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/views/edit-playlist/EditPlaylistView.tsx"],"names":[],"mappings":"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","file":"scripts/60.chunk.js","sourcesContent":["import * as Yup from 'yup';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nconst namespace = 'playlists.validation';\r\n\r\nexport const PlaylistValidationSchema = Yup.object().shape({\r\n  name: Yup.string()\r\n    .max(250, () => LanguageService.getPhrase(namespace, 'nameExceeds'))\r\n    .required(() => LanguageService.getPhrase(namespace, 'nameRequired')),\r\n  description: Yup.string()\r\n    .max(65535, () => LanguageService.getPhrase(namespace, 'descriptionExceeds'))\r\n});","import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import * as React from 'react';\r\nimport { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Playlist } from 'libs/shared/interfaces';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { FormWrapper, useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { CreateOrUpdatePlaylistRequest } from 'libs/shared/apps/playlists/interfaces';\r\nimport { PlaylistValidationSchema } from 'libs/shared/apps/playlists/validation/PlaylistValidationSchema';\r\n\r\nconst namespace = 'playlists.playlistDetails';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface PlaylistDetailsFormComponentProps {\r\n  isNew?: boolean;\r\n  onClickCancel: () => void;\r\n  cancelButtonClass: 'secondary' | 'link';\r\n}\r\n\r\nfunction PlaylistDetailsFormComponent(props: PlaylistDetailsFormComponentProps): React.ReactElement {\r\n  const formikProps = useFormikContextWrapper<CreateOrUpdatePlaylistRequest>();\r\n\r\n  return (\r\n    <Form>\r\n      <FormField\r\n        label={getPhrase('nameLabel')}\r\n        type='text'\r\n        name='name'\r\n        id ='name'\r\n        placeholder={getPhrase('namePlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.name}\r\n      />\r\n      <FormField\r\n        label={getPhrase('descriptionLabel')}\r\n        component='textarea'\r\n        name='description'\r\n        id ='description'\r\n        placeholder={getPhrase('descriptionPlaceholder')}\r\n        value={formikProps.values.description}\r\n      />\r\n      <div className='btn-container d-flex justify-content-end'>\r\n        <button type='button' className={`btn btn-${props.cancelButtonClass} mr-2`} onClick={props.onClickCancel}>\r\n          <Text namespace={namespace} phrase='cancel' />\r\n        </button>\r\n        <FormButtons isNew={props.isNew} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}\r\n\r\ninterface PlaylistDetailsComponentProps {\r\n  playlist?: Playlist;\r\n  savePlaylist: (data: CreateOrUpdatePlaylistRequest) => void;\r\n  onClickCancel: () => void;\r\n  cancelButtonClass: 'secondary' | 'link';\r\n}\r\n\r\nexport function PlaylistDetails(props: PlaylistDetailsComponentProps): React.ReactElement {\r\n  const { playlist: { name = '', description = '', id = null } = {}, savePlaylist, onClickCancel, cancelButtonClass } = props;\r\n\r\n  return (\r\n    <FormWrapper<CreateOrUpdatePlaylistRequest>\r\n      initialValues={{ name, description }}\r\n      validationSchema={PlaylistValidationSchema}\r\n      onSubmit={savePlaylist}\r\n    >\r\n      <PlaylistDetailsFormComponent\r\n        isNew={!id}\r\n        onClickCancel={onClickCancel}\r\n        cancelButtonClass={cancelButtonClass}\r\n      />\r\n    </FormWrapper>\r\n  );\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\n\r\nimport { UserAction, EntityType, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { Playlist, PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { CreateOrUpdatePlaylistRequest } from 'libs/shared/apps/playlists/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { PlaylistDetails } from 'apps/playlists/components/playlist-details/PlaylistDetails';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('playlists.editPlaylist');\r\n\r\ninterface EditPlaylistViewProps {\r\n  playlistId: string;\r\n}\r\n\r\ntype PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<EditPlaylistViewProps>>;\r\n\r\nexport function EditPlaylistView(props: PropTypes): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const playlist = Flight.useBasicFetch<Playlist>(PlaylistRequests.getPlaylist(props.playlistId));\r\n\r\n  useSetPageTitle(playlist.data && getPhrase('title', { name: playlist.data.name }), [playlist]);\r\n\r\n  const savePlaylist = (data: CreateOrUpdatePlaylistRequest): void => {\r\n    const onSuccess = (updatedPlaylist: Playlist) => {\r\n      alerts.success(getPhrase('success', { name: updatedPlaylist.name }));\r\n\r\n      AnalyticsHelper.logUserAction({ id: updatedPlaylist.id }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n        actionType: UserAction.Edit,\r\n        entity: EntityType.Playlist,\r\n        workflowPhase: WorkflowPhase.Complete\r\n      }));\r\n\r\n      props.closePopup();\r\n    };\r\n\r\n    const onError = () => {\r\n      alerts.error(getPhrase('error', { name: playlist.data.name }));\r\n\r\n      props.closePopup();\r\n    };\r\n\r\n    Flight.fetch(\r\n      dispatch,\r\n      PlaylistRequests.updatePlaylist(props.playlistId, data, onSuccess, onError)\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Popup title={getPhrase('heading')} closePopup={props.closePopup} showLoadingSpinner={!playlist.data}>\r\n      {!!playlist.data &&\r\n        <PlaylistDetails\r\n          playlist={playlist.data}\r\n          savePlaylist={savePlaylist}\r\n          onClickCancel={props.closePopup}\r\n          cancelButtonClass='secondary'\r\n        />\r\n      }\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/{54-c68af93be1.chunk.js → 61-280ba38bbf.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[54,56],{1099:function(e,t,r){e.exports={textContainer:"swp8b",heading:"_3tcRm",description:"_1ABwp",imageContainer:"_2epaT"}},1163:function(e,t,r){"use strict";r.r(t),r.d(t,"ErrorView",(function(){return v}));var n=r(0),a=r(8),i=r(298),o=r(294),c=r(90),l=r(57),u=r(293),s=r(49),m=r(6),f=r(13),p=r(1099),d=r.n(p);function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(e){a=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(e,t)}(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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function v(e){var t,r=e.error;Object(o.a)((null===(t=r)||void 0===t?void 0:t.heading)||a.a.getPhrase("default.error","defaultPageTitle"));var p=g(n.useState(i.a.getRandomInt(19)+1),1)[0],b=Object(u.a)(),v=b===s.a.SM||b===s.a.XS,h="/images/error-avatars/".concat(v?"small":"large","/error-").concat(p,".png");return r?n.createElement("main",{className:"bg-white text-center px-3"},n.createElement("div",{className:"".concat(d.a.imageContainer," mx-auto pb-3 position-relative")},n.createElement("img",{className:"img-fluid",alt:"",role:"presentation",src:h}),n.createElement("div",{className:d.a.textContainer},n.createElement("h1",{className:d.a.heading},r.heading),r.description&&n.createElement("p",{className:"font-weight-normal mx-auto mb-1 ".concat(d.a.description)},r.description),n.createElement(l.a,{appLink:{application:m.a.DASHBOARD,action:f.a.Dashboard.HOME},className:"info-link"},n.createElement(c.b,{namespace:"default.error",phrase:"countryRoads"}))))):n.createElement(n.Fragment,null)}},1399:function(e,t,r){"use strict";r.r(t),r.d(t,"NotFoundView",(function(){return o}));var n=r(0),a=r.n(n),i=r(1163);function o(e){var t=e.error;return a.a.createElement(i.ErrorView,{error:t})}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[61,64],{1142:function(e,t,r){e.exports={textContainer:"swp8b",heading:"_3tcRm",description:"_1ABwp",imageContainer:"_2epaT"}},1213:function(e,t,r){"use strict";r.r(t),r.d(t,"ErrorView",(function(){return v}));var n=r(0),a=r(9),i=r(306),o=r(304),c=r(91),l=r(58),u=r(209),s=r(46),m=r(7),f=r(13),p=r(1142),d=r.n(p);function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(r.push(o.value),!t||r.length!==t);n=!0);}catch(e){a=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw i}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(e,t)}(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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function v(e){var t,r=e.error;Object(o.a)((null===(t=r)||void 0===t?void 0:t.heading)||a.a.getPhrase("default.error","defaultPageTitle"));var p=g(n.useState(i.a.getRandomInt(19)+1),1)[0],b=Object(u.a)(),v=b===s.a.SM||b===s.a.XS,h="/images/error-avatars/".concat(v?"small":"large","/error-").concat(p,".png");return r?n.createElement("main",{className:"bg-white text-center px-3"},n.createElement("div",{className:"".concat(d.a.imageContainer," mx-auto pb-3 position-relative")},n.createElement("img",{className:"img-fluid",alt:"",role:"presentation",src:h}),n.createElement("div",{className:d.a.textContainer},n.createElement("h1",{className:d.a.heading},r.heading),r.description&&n.createElement("p",{className:"font-weight-normal mx-auto mb-1 ".concat(d.a.description)},r.description),n.createElement(l.a,{appLink:{application:m.a.DASHBOARD,action:f.a.Dashboard.HOME},className:"info-link"},n.createElement(c.b,{namespace:"default.error",phrase:"countryRoads"}))))):n.createElement(n.Fragment,null)}},1455:function(e,t,r){"use strict";r.r(t),r.d(t,"NotFoundView",(function(){return o}));var n=r(0),a=r.n(n),i=r(1213);function o(e){var t=e.error;return a.a.createElement(i.ErrorView,{error:t})}}}]);