{"version":3,"file":"static/js/9f531fa572beda46392a.bundle.js","mappings":";wtBAAA,MAAMA,EAAU,CAAEC,QAAS,GAAIC,YAAa,IAmBlCC,EAA8BA,CAACC,EAAqBC,KAUlD,GADAL,EAAQE,YAAYE,GAAuBC,GACtCL,EAAQE,YAAYE,GAAqBE,QAC1C,MAAM,IAAIC,MAAM,oBAAsBH,EAAsB,mCAEhEJ,EAAQE,YAAYE,GAAqBE,QAAQE,UAAUC,eAAiBL,EACxEJ,EAAQE,YAAYE,GAAqBE,QAAQE,UAAUE,KAC3DV,EAAQE,YAAYF,EAAQE,YAAYE,GAAqBE,QAAQE,UAAUE,IAAMN,IAMhGJ,EAAQC,QAAQ,iBAAmB,CAChCU,EAAGA,IAAMC,EAAQ,MACjBC,MAAO,gBACPC,GAAI,CAAC,CAACC,KAAK,iBAAmBC,KAAK,+EAAgFC,MAAO,GAAG,CAACF,KAAK,mCAAqCC,KAAK,8FAA+FC,MAAO,GAAG,CAACF,KAAK,UAAYC,KAAK,0EAA2EC,MAAO,IAE/XC,KAAK,EACLC,GAAI,6BACJC,EAAG,gBACHC,EAAG,gBAEHC,IAAK,GAGLC,GAAI,wFAOApB,EAF4B,+EACXS,EAAQ,MAQzBT,EAF4B,8FACXS,EAAQ,MAQzBT,EAF4B,0EACXS,EAAQ,KAMjCY,OAAOC,aAAeD,OAAOC,cAAgB,GAC7CD,OAAOC,aAAaxB,QAAOyB,EAAAA,EAAA,GACpBF,OAAOC,aAAaxB,SAAW,IAC/BD,EAAQC,SAGXuB,OAAOC,aAAavB,YAAWwB,EAAAA,EAAA,GAC5BF,OAAOC,aAAavB,aAAe,IACnCF,EAAQE,aAEY,MAAMyB,EAAiB,GAC9BA,EAAe,gFAAkF,CACzGhB,EAAGA,IAAMC,EAAQ,MACjBgB,GAAI,0DAEpBD,EAAe,gGAAkG,CACjGhB,EAAGA,IAAMC,EAAQ,MACjBgB,GAAI,mEAEpBJ,OAAOC,aAAeD,OAAOC,cAAgB,GAC7CD,OAAOC,aAAaE,eAAcD,EAAAA,EAAA,GACPF,OAAOC,aAAaE,gBAAkB,IACtCA,oJC5FpBE,eAAeC,EAClBC,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMC,GAAYC,EAAAA,EAAAA,IAAaJ,EAAcK,gBACvCC,EAAc,IAAIC,EAAAA,sCAAsCT,EAAWC,EAAWG,EAAiBC,GAErG,OAAOK,EAAAA,EAAAA,qCAAoCF,EAAaN,GACnDS,MAAKC,GACEA,EACOC,QAAQC,IAAIF,EAAeG,KAAIC,GAAiBC,EAA0BD,EAAeb,MAAiBQ,MAC7GO,GACWA,EAAMC,QAAOC,GAAQA,EAAK,KAAIL,KAAIK,GAAQA,EAAK,OAK3D,KAEVC,OAAMC,IACHpB,EAAcqB,UAAUC,UAAUF,GAClCpB,EAAcqB,UAAUE,MAAM,sDACvB,MAIZ3B,eAAe4B,EAClBd,EACAV,EACAC,GAEA,OAAOU,QAAQC,IAAIF,EAAeG,KAAIC,GAAiBC,EAA0BD,EAAeb,MAC3FQ,MAAKO,GACKA,EAAMC,QAAOC,GAAQA,EAAK,KAAIL,KAAIK,GAAQA,EAAK,OAEzDC,OAAMC,IACHpB,EAAcqB,UAAUC,UAAUF,GAClCpB,EAAcqB,UAAUE,MAAM,qCACvB,MAKnB3B,eAAemB,EAA0BD,EAA8Bb,GACnE,MAAMwB,EAAY,CACdC,IAAKZ,EAAca,KAAO,GAC1BC,QAASd,EAAce,SAAW,IAGtC,MAAsB,KAAlBJ,EAAUC,IACH,CAACD,GAAW,GAGhB,IAAId,SAA+BmB,IACtC,IACI,MAAMC,EAAO,IAAIC,eACjBD,EAAKE,KAAK,OAAQR,EAAUC,KAAK,GAEjCK,EAAKG,iBAAiB,QAAQ,KAC1BJ,EAAQ,CAACL,EAA2B,MAAhBM,EAAKI,QAAkC,MAAhBJ,EAAKI,YAGpDJ,EAAKG,iBAAiB,SAAS,KAC3BJ,EAAQ,CAACL,GAAW,OAGxBM,EAAKK,OACP,MAAAC,GACEP,EAAQ,CAACL,GAAW,6kBCkBhC,MAAMa,UAAqBC,EAAAA,UA+BvBC,YAAmBC,GAA4C,IAAAC,EAAAC,EAAAC,EAC3DC,MAAMJ,GAAMC,EAAAI,KA/BC,KAAAC,kBAAiD,IAAIC,IAErD,KAAAC,2BAAiEV,EAAAA,YAE1E,KAAAW,mBAAmC,GAI1B,KAAAC,4BAA8C,CAC3DC,UAAW,CACPC,GAAI,CAAEC,EAAG,kBAAmBC,EAAG,EAAGC,EAAG,GACrCC,GAAI,CAAEH,EAAG,kBAAmBC,EAAG,EAAGC,EAAG,GACrClE,GAAI,CAAEgE,EAAG,kBAAmBC,EAAG,EAAGC,EAAG,GACrCE,GAAI,CAAEJ,EAAG,YAAaC,EAAG,EAAGC,EAAG,IAEnCG,UAAU,EACVC,iBAAiB,GAGJ,KAAAC,8BAAgD,CAC7DT,UAAW,CACPC,GAAI,CAAEC,EAAG,YAAaC,EAAG,IAAKC,EAAG,GACjCE,GAAI,CAAEJ,EAAG,YAAaC,EAAG,IAAKC,EAAG,IAErCG,UAAU,EACVC,iBAAiB,GAuMJ,KAAAE,UAAY,KACzBhB,KAAKiB,SAAS,CAAEC,WAAW,KAGd,KAAAC,SAAW,KACxBnB,KAAKiB,SAAS,CAAEC,WAAW,KAMd,KAAAE,KAAO,KAEpB,IADAC,EAAAA,EAAAA,8BAC0BC,IAAtBtB,KAAKuB,aACL,OAGJ,MAAMC,EAAYxB,KAAKuB,aAAe,EAAIvB,KAAKyB,MAAMC,YAAc,EACnE1B,KAAK2B,UAAUH,GAEfxB,KAAK4B,uBAMQ,KAAAC,SAAW,MACxBR,EAAAA,EAAAA,yBACA,MAAMS,EAAS9B,KAAKyB,MAAMM,kBACpBP,EAAYxB,KAAKgC,cAAiBF,EAASA,EAAOG,OAAS,EAAI,EAAKjC,KAAKyB,MAAMC,YAAc,EACnG1B,KAAK2B,UAAUH,GACfxB,KAAK4B,uBAGQ,KAAAD,UAAaO,IAC1BlC,KAAKiB,SAAS,CAAES,YAAaQ,KAyJhB,KAAAC,iBAAmB,SAChCC,EACAjF,EACA+E,GAAa,IACbG,EAAAC,UAAAL,OAAA,QAAAX,IAAAgB,UAAA,IAAAA,UAAA,GAA0B,OAE1B7C,EAAAA,cAAC8C,EAAAA,GAAKC,OAAAC,OAAA,CACFlF,eAAgBqC,EAAKD,MAAM+C,QAAQxF,cAAcK,eACjDoF,UAAU,0BACNP,EAAK,CACTQ,YAAuB,IAAVV,EAActC,EAAKiD,cAAgBT,EAAMxD,IACtDkE,aAAclD,EAAKD,MAAM+C,QAAQK,QAAQD,aACzC3F,cAAeA,EACf6F,oBAAoB,OACpBrH,GAAI,GAAGiE,EAAKD,MAAMhE,sBAAsBuG,IACxCe,sBAAuBZ,EACvBa,oBAA+B,IAAVhB,MAIZ,KAAAiB,kBAAoB,CACjCf,EACAjF,EACA+E,EACAkB,KAOO,CACHC,4BAA6B,CACzBC,IAAK,KACLX,UARQY,GAAAA,CACZ,mCACAH,IAAwBlB,EAAQ,0CAA4C,IAOxEsB,KAAM,MACNC,SAAU,EACVC,IAAKxB,EACL,aAAcE,EAAMtD,QACpB,gBAAiBsE,IAAwBlB,EACzCyB,QAAS3D,KAAK4D,0BAA0B1B,GACxC2B,UAAW7D,KAAK8D,4BAA4B5B,IAEhD6B,QACItE,EAAAA,cAAC8C,EAAAA,GAAKC,OAAAC,OAAA,CACFlF,eAAgByC,KAAKL,MAAM+C,QAAQxF,cAAcK,eACjDoF,UAAU,+BACNP,EAAK,CACTQ,YAAuB,IAAVV,EAAclC,KAAK6C,cAAgBT,EAAMxD,IACtDkE,aAAc9C,KAAKL,MAAM+C,QAAQK,QAAQD,aACzC3F,cAAeA,EACf6F,oBAAoB,OACpBgB,sBAAuBhE,KAAKyB,MAAMwC,wBAClCf,oBAA+B,IAAVhB,OAWpB,KAAAgC,YAAehC,GAAmBiC,IAC/CnE,KAAKC,kBAAkBmE,IAAIlC,EAAOiC,IAGrB,KAAAL,4BAA+B5B,GACpCmC,IACAA,EAAMC,QAAUC,EAAAA,SAASC,OAASH,EAAMC,QAAUC,EAAAA,SAASE,QAC3DJ,EAAMK,iBAEN1E,KAAK2B,UAAUO,KAKV,KAAA0B,0BAA6B1B,GAClCmC,IACJA,EAAMK,iBAEN1E,KAAK2B,UAAUO,IA0ON,KAAAF,YAAc,IAAiC,IAA3BhC,KAAKyB,MAAMC,YAE/B,KAAAH,WAAa,KAC1B,MAAMO,EAAS9B,KAAKyB,MAAMM,kBAC1B,OAAOD,GAAU9B,KAAKyB,MAAMC,cAAgBI,EAAOG,OAAS,GAG/C,KAAA0C,gBAAkB,KAC/B3E,KAAK4E,gBAyBQ,KAAAC,iBAAoBC,IACjC,MACIC,MACIC,SAAWC,OAAQD,IACtB,UACDE,GACAlF,KAAKL,MACT,IAAIoC,EAAoB/B,KAAKyB,MAAMM,mBAE9BA,GAAqBiD,IACtBjD,EAAoB,CAAC/B,KAAKmF,uBAAuBH,KAErD,MAAMI,EAAgB,CAClB9B,IAAK+B,EAAAA,SACL1C,UAAW,6BACX2C,MACIvD,GACAA,EAAkBhE,KAAI,CAACwH,EAAkBrD,IACrClC,KAAKwF,6BAA6BV,EAAUS,EAAMvF,KAAKyF,qBAAsBvD,GAAO,KAE5FR,YAAa1B,KAAKyB,MAAMC,YACxBN,KAAMpB,KAAKoB,KACXS,SAAU7B,KAAK6B,SACf6D,UAAU,EACVC,kBAAmBT,EAAUU,8BAC7BC,kBAAmBX,EAAUY,0BAC7BC,yBAA0B/F,KAAK2B,UAC/BqE,uBAAuB,EACvBC,eAAe,EACfC,UAAU,EACVC,eAAgBnG,KAAKmB,SACrBiF,gBAAiBpG,KAAKgB,UACtBqF,wBAAyBrG,KAAKyB,MAAM6E,qBAElCC,EAAW9G,EAAAA,cAAC4F,EAAAA,SAAQ7C,OAAAC,OAAA,GAAK2C,IAEzBoB,EAAyC,CAC3CC,YAAazG,KAAKyB,MAAMgF,YACxBC,SAAU1G,KAAK4E,aACf+B,gBAAiBJ,EACjBK,WAAYrD,GAAAA,CAAW,0BAA2B,6BAEtD,OAAOsD,EAAAA,EAAAA,eAAcL,IAnwBrBxG,KAAK4E,aAAe5E,KAAK4E,aAAakC,KAAK9G,MAC3CA,KAAKyB,MAAQ,CACTC,YAAa,EACbR,WAAW,EACX6F,eAAe,EACfN,aAAa,EACbO,eAAe,EACf/C,0BAA2BjE,KAAKL,MAAMsH,OAAOC,qBAGjDlH,KAAKyF,qBACoE,QADhD5F,EACW,QADXC,EACrBH,EAAMsH,OAAOE,2BAAmB,IAAArH,EAAAA,EAAIH,EAAMsH,OAAOG,4BAAoB,IAAAvH,EAAAA,EAAIG,KAAKK,4BAElFL,KAAKqH,iBAAmBrH,KAAKqH,iBAAiBP,KAAK9G,MACnDA,KAAKsH,wBAA0BtH,KAAKsH,wBAAwBR,KAAK9G,MACjEA,KAAKuH,oBAAsBvH,KAAKuH,oBAAoBT,KAAK9G,MACzDA,KAAKwH,2BAA6BxH,KAAKwH,2BAA2BV,KAAK9G,MACvEA,KAAKyH,yBAA2BzH,KAAKyH,yBAAyBX,KAAK9G,MAGhE0H,WAEH,MAAgB,QADHA,EAAAA,EAAAA,UAAS,CAAEC,QAASC,EAAAA,YAAYC,SAAUnF,QAAS1C,KAAKL,MAAM+C,QAAQK,UAIhF,0BAAuB,IAAA+E,EAC1B,MAAMC,EAAsC,QAAhCD,EAAG9H,KAAKL,MAAMsH,OAAOe,mBAAW,IAAAF,EAAAA,EAAA,cACtCG,EAA0CjI,KAAKL,MAAMsH,OAAOgB,wCAElE,GADAjI,KAAKkI,iBACK,gBAANH,EAAoC,CACpC,QAAqCzG,IAAjCtB,KAAKyB,MAAMM,mBAAmC/B,KAAKL,MAAMoF,KAAKoD,iCAAiClD,OAAQ,CAAC,IAADmD,EACvG,MAAMtG,QAAepD,EACjBsB,KAAKL,MAAMoF,KAAKoD,iCAAiClD,OACjDjF,KAAKL,MAAM+C,QAAQxF,cACqB,QADRkL,EAChCpI,KAAKL,MAAMsH,OAAOoB,8BAAsB,IAAAD,EAAAA,EAAIpI,KAAKe,+BAErDf,KAAKsI,WAAWxG,QACb,QAAqCR,IAAjCtB,KAAKyB,MAAMM,mBAAmC/B,KAAKL,MAAMoF,KAAKC,QAAQC,OAAQ,CAAC,IAADsD,EACrF,MAAMvD,EAAUhF,KAAKL,MAAMoF,KAAKC,QAAQC,OAClCnD,QAAe/E,EACjBiI,EAAQwD,UACPxI,KAAKL,MAAM+C,QAAQK,QAAQ0F,YAAYxL,UACxC+C,KAAKL,MAAM+C,QAAQxF,cACqB,QADRqL,EAChCvI,KAAKL,MAAMsH,OAAOoB,8BAAsB,IAAAE,EAAAA,EAAIvI,KAAKe,8BACjDiE,EAAQ0D,gBAGZ1I,KAAKsI,WAAWxG,QAEhB9B,KAAKsI,WAAW,KAGpBK,EAAAA,EAAAA,KACI,KAAK,IAAAC,EACD,MAAM5D,EAAUhF,KAAKL,MAAMoF,KAAKC,QAAQC,OACxC,OAAKD,GAIAiD,GAA2CY,EAAAA,iBAAiBC,kBAAwC,QAAvBF,EAAC5D,EAAQ0D,sBAAc,IAAAE,OAAA,EAAtBA,EAAwBJ,UAChG,GAAGxD,EAAQwD,WAGf,GAAGxD,EAAQwD,YAAYxD,EAAQ0D,eAAgBF,WAP3C,QASf1L,UACI,MAAMkI,EAAUhF,KAAKL,MAAMoF,KAAKC,QAAQC,OACxC,GAAID,EAAS,CAAC,IAAD+D,EACT,MAAMjH,QAAe/E,EACjBiI,EAAQwD,UACPxI,KAAKL,MAAM+C,QAAQK,QAAQ0F,YAAYxL,UACxC+C,KAAKL,MAAM+C,QAAQxF,cACqB,QADR6L,EAChC/I,KAAKL,MAAMsH,OAAOoB,8BAAsB,IAAAU,EAAAA,EAAI/I,KAAKe,8BACjDkH,EAA0CjD,EAAQ0D,oBAAiBpH,GAEvEtB,KAAKsI,WAAWxG,QAEhB9B,KAAKsI,WAAW,OAMhC,GAAU,cAANP,GAAoC/H,KAAKL,MAAMoF,KAAKnH,eAAeqH,OAAQ,CAAC,IAAD+D,EAC3E,MAAMlH,QAAepD,EACjBsB,KAAKL,MAAMoF,KAAKnH,eAAeqH,OAC/BjF,KAAKL,MAAM+C,QAAQxF,cACqB,QADR8L,EAChChJ,KAAKL,MAAMsH,OAAOoB,8BAAsB,IAAAW,EAAAA,EAAIhJ,KAAKe,+BAErDf,KAAKsI,WAAWxG,IAIjBmH,sBAAsBC,EAAkDC,GAC3E,OAAInJ,KAAKyB,QAAU0H,GAAanJ,KAAKL,MAAMoF,OAASmE,EAAUnE,KAM3DqE,SAAM,IAAAC,EAAAC,EACT,MAAM,GAAE3N,EAAE,OAAEsL,EAAM,UAAE/B,GAAclF,KAAKL,OAEjC,UAAEgD,EAAS,sBAAEqD,GAA0BiB,EAEvCsC,EAAkD,aAA5BtC,EAAOuC,sBAE7BC,EAA+BzJ,KAAK0H,YAAcT,EAAOyC,kBAAmB,EAC5EC,EACc,WAAhB1C,EAAO2C,UAAgC,SAAoC,cAAhB3C,EAAO2C,UAAmC,YAAuB,GAC1H7B,EAAsC,QAAhCsB,EAAGrJ,KAAKL,MAAMsH,OAAOe,mBAAW,IAAAqB,EAAAA,EAAA,cAEtCQ,EAAqD,QAAhCP,EAAGtJ,KAAKL,MAAM+C,QAAQoH,IAAI7C,cAAM,IAAAqC,OAAA,EAA7BA,EAA+BS,qBAO7D,GANI/J,KAAKL,MAAMoF,KAAKC,QAAQC,SACxBjF,KAAK6C,eAAgBmH,EAAAA,EAAAA,qBAAoBhK,KAAKL,MAAMoF,KAAKC,QAAQC,OAAOgF,OAAQjK,KAAKL,MAAM+C,QAAQK,QAAQ0F,cAE3GoB,GAAyB7J,KAAK6C,gBAC9B7C,KAAK6C,cAAgB,GAAG7C,KAAK6C,iBAAiBgH,KAE9C7J,KAAKL,MAAMsH,OAAOC,sBAAwBlH,KAAKyB,MAAMM,mBAAqB/B,KAAKyB,MAAMuF,cAAe,CAAC,IAADkD,EACpG,IAAIpI,EAAuB,GACvBlE,EAAkC,GAC5B,gBAANmK,GAAsC/H,KAAKL,MAAMoF,KAAKoD,iCAAiClD,OACvFrH,EAAiBoC,KAAKL,MAAMoF,KAAKoD,iCAAiClD,OACrD,cAAN8C,GAAoC/H,KAAKL,MAAMoF,KAAKnH,eAAeqH,SAC1ErH,EAAiBoC,KAAKL,MAAMoF,KAAKnH,eAAeqH,QAEpDnD,EAASlE,EAAeG,KAAIC,IAAgB,IAAAmM,EAAAC,EACxC,MAAO,CACHxL,IAAsB,QAAnBuL,EAAEnM,EAAca,WAAG,IAAAsL,EAAAA,EAAI,GAC1BrL,QAA8B,QAAvBsL,EAAEpM,EAAce,eAAO,IAAAqL,EAAAA,EAAI,OAG1C,MAAMC,EAAwC,QAA3BH,EAAGlK,KAAKL,MAAMsH,OAAOnF,cAAM,IAAAoI,EAAAA,EAAI,GAClDlK,KAAKI,mBAAqB,IAAIJ,KAAKsK,8BAA8BxI,MAAYuI,GAEjF,MAAME,EAA4BvK,KAAKwK,sBAAsBf,EAAqBE,GAC5Ec,EAAqCzK,KAAK0K,iCAC1CC,EAAShO,EAAAA,EAAA,GACPqD,KAAKL,OAA+C,IACxD8B,MAAOzB,KAAKyB,MACZjC,aAAc,CACVoL,YAAa5K,KAAKL,MAClBgD,UAAWY,GAAAA,CAAW,qBAAoBgG,EAAa,WAAa,IAAM5G,IAE9EkI,MAAOpB,EAAsBzJ,KAAK6E,iBAAiB8E,GAAgB,KACnEmB,eAAgB9K,KAAK2E,gBACrBoG,uBAAwB/K,KAAK4D,0BAC7BoH,yBAA0BhL,KAAK8D,4BAC/BmH,cAAe,CACX3H,IAAK+B,EAAAA,SACL1C,UAAW,6BACX2C,MAAOiF,EAA0BjF,MACjC5D,YAAa1B,KAAKyB,MAAMC,YACxBN,KAAMpB,KAAKoB,KACXS,SAAU7B,KAAK6B,SACf6D,UAAU,EACVC,kBAAmBT,EAAUU,8BAC7BC,kBAAmBX,EAAUY,0BAC7BC,yBAA0B/F,KAAK2B,UAC/BqE,uBAAiD,IAA1BA,EACvBkF,kBAAmBhG,EAAUiG,kBAC7BhF,eAAgBnG,KAAKmB,SACrBiF,gBAAiBpG,KAAKgB,UACtB0C,IAAK6G,EAA0Ba,MAEnCC,WAAY,CACRC,yBAA0B,CAAE3I,UAAW,0CACvC4I,kCAAmC,CAC/BjI,IAAKkI,EAAAA,oBACL7I,UAAW,+BACX8I,SAAUlC,EACVmC,iBAAkBxG,EAAUU,8BAC5B+F,iBAAkBzG,EAAUY,0BAC5B8F,SAAUjQ,EACVkQ,YAAY,EACZnI,IAAKoI,KAAKC,UAAUtB,EAAmCW,OAE3D9F,MAAOmF,EAAmCnF,SAIlD,OAAOtF,KAAKL,MAAMqM,WAAWrB,GAM1B/I,sBACH5B,KAAKiB,SAAS,CAAE8F,eAAe,IAyC3B2D,iCAA8B,IAAAuB,EAClC,MAAMlK,EAAgD,QAA/BkK,EAAGjM,KAAKyB,MAAMM,yBAAiB,IAAAkK,EAAAA,EAAIjM,KAAKI,mBACzDiI,EAAyBrI,KAAKL,MAAMsH,OAAOoB,uBAC7CA,IACAA,EAAuBvH,iBAAkB,GAK7C,IAF6BoL,EAAAA,gBAAgBC,YAAYpK,GAE9B,CACvB,GAAI/B,KAAKyB,MAAM2K,WAAY,CACvB,MAAMC,EAAa,EACnB,MAAO,CACH/G,MAAO,CAACtF,KAAKsM,uBAAuBjE,EAAwBgE,EAAYrM,KAAKyB,MAAMC,cACnF0J,KAAM,CAAC,UAGf,MAAO,CAAE9F,MAAO,GAAI8F,KAAM,IAG9B,MAAO,CACH9F,MAAO,IAEAvD,EAAmBhE,KAAI,CAACwH,EAAkBrD,IACzClC,KAAKmD,kBACDoC,EACA8C,MAAAA,EAAAA,EAA0BrI,KAAKe,8BAC/BmB,EACAlC,KAAKyB,MAAMC,gBAKvB0J,KAAM,IAAIrJ,EAAmBhE,KAAIwH,GAAQA,EAAK3G,QAI9C4L,sBAAsBf,EAA8BE,GAAoB,IAAA4C,EAC5E,MAAMxK,EAAgD,QAA/BwK,EAAGvM,KAAKyB,MAAMM,yBAAiB,IAAAwK,EAAAA,EAAIvM,KAAKI,mBACzDgH,EAAuBpH,KAAKL,MAAMsH,OAAOG,qBAC3CA,IACAA,EAAqBtG,iBAAkB,GAG3C,MAAM0L,EAAW/C,EAAsB,aAAeE,EAItD,OAF6BuC,EAAAA,gBAAgBC,YAAYpK,GASlD,CACHuD,MAAO,IAEAvD,EAAmBhE,KAAI,CAACwH,EAAkBrD,IACzClC,KAAKwF,6BAA6BgH,EAAUjH,EAAM6B,MAAAA,EAAAA,EAAwBpH,KAAKK,4BAA6B6B,MAIpHkJ,KAAM,IAAIrJ,EAAmBhE,KAAIwH,GAAQA,EAAK3G,QAd1CoB,KAAKyB,MAAM2K,WACJ,CAAE9G,MAAO,CAACtF,KAAKyM,kBAAkBrF,IAAwBgE,KAAM,CAAC,UAEpE,CAAE9F,MAAO,GAAI8F,KAAM,IAe1B9C,WAAWxG,GAAqB,IAAA4K,EAAAC,EACpC,MAAMC,EAAuC,QAA3BF,EAAG1M,KAAKL,MAAMsH,OAAOnF,cAAM,IAAA4K,EAAAA,EAAI,GAGjD,IAAIG,EAAc/K,MAAAA,EAAAA,EAAU,IAF6D,QAA5D6K,EAAG3M,KAAKL,MAAMsH,OAAO6F,+CAAuC,IAAAH,GAAAA,KAQrFE,EAAcA,EAAY1O,QAAO,CAACoH,EAAMrD,KAAS,IAAA6K,EAC7C,IAAIC,EAAmB9K,EACvB,MAAM+K,IAAkBD,EAAL,IACnB,OAAe,QAAfD,EAAOxH,EAAK3G,WAAG,IAAAmO,OAAA,EAARA,EAAUG,SAASD,OAGlCjN,KAAKiB,SAAS,CACVc,kBAAmB,IAAI8K,KAAgBD,GACvClL,YAAa,EACb0K,WAAYe,KAAKC,MACjBnJ,yBAAyB,IAIzBiE,iBACJlI,KAAKiB,SAAS,CACV+F,eAAe,IAIfxB,6BACJgH,EACApK,EACAjF,EACA+E,GAC0B,IAA1BG,EAAAC,UAAAL,OAAA,QAAAX,IAAAgB,UAAA,IAAAA,UAAA,GAEA,GAAItC,KAAK0H,WACL,OAAIrF,EACOrC,KAAKqN,8BAA8BjL,EAAOpC,KAAKyF,qBAAsBvD,GAEzElC,KAAKsN,6BAA6BlL,EAAOjF,EAAe+E,GAGnE,OAAQsK,GACJ,IAAK,YACD,OAAOxM,KAAKqN,8BAA8BjL,EAAOpC,KAAKyF,qBAAsBvD,GAEhF,IAAK,SACD,OAAOlC,KAAKuN,yBAAyBnL,EAAOpC,KAAKyF,qBAAsBvD,GAE3E,IAAK,aACD,OAAOlC,KAAKsN,6BAA6BlL,EAAOjF,EAAe+E,GAKvE,OAAOzC,EAAAA,cAAAA,EAAAA,SAAA,KAAGO,KAAKmC,iBAAiBC,EAAOjF,EAAe+E,EAAOG,IAGzDiI,8BAA8BxI,GAAqB,IAAA0L,EAAAC,EAAAC,EAAAC,EACvD,MAAMC,EAAmF,QAA5DJ,EAAGxN,KAAKL,MAAMsH,OAAO6F,+CAAuC,IAAAU,GAAAA,EACzF,IAAIK,EAAgB/L,MAAAA,EAAAA,EAAU,GAC9B,MAAMgM,GACDjF,EAAAA,iBAAiBC,kBAAgD,QAA/B2E,EAACzN,KAAKL,MAAMoF,KAAKC,QAAQC,cAAM,IAAAwI,OAAA,EAA9BA,EAAgCM,mBACnElF,EAAAA,iBAAiBC,kBAAgD,QAA/B4E,EAAC1N,KAAKL,MAAMoF,KAAKC,QAAQC,cAAM,IAAAyI,OAAA,EAA9BA,EAAgChF,gBAClEsF,EAAuC,QAAjCL,EAAG3N,KAAKL,MAAMoF,KAAKC,QAAQC,cAAM,IAAA0I,OAAA,EAA9BA,EAAgC1D,OAc/C,OAbI2D,GAA2BE,GAAoBE,IAK/CH,EAAgBA,EAAc1P,QAAOoH,IAAO,IAAA0I,EACxC,MAAMC,EAAe,GAAGF,QACxB,QAAgB,QAATC,EAAC1I,EAAK3G,WAAG,IAAAqP,GAARA,EAAUf,SAASgB,OAE1BhC,EAAAA,gBAAgBC,YAAY0B,KAC7BA,EAAgB/L,MAAAA,EAAAA,EAAU,KAG3B+L,EAyFHN,yBAAyBnL,EAAmBjF,EAA+B+E,GAAa,IAAAiM,EAC5F,OACI1O,EAAAA,cAAA,OACIkD,UAAW,mBAAkB3C,KAAKyB,MAAMsF,cAAgB,SAAW,IACnEqH,IAAKpO,KAAKkE,YAAYhC,GAAM,aACW,QADXiM,EAChBnO,KAAKL,MAAMsH,OAAOoH,iBAAS,IAAAF,EAAAA,EAAIG,EAAAA,kBAE3C7O,EAAAA,cAAC8C,EAAAA,GAAKC,OAAAC,OAAA,CACFlF,eAAgByC,KAAKL,MAAM+C,QAAQxF,cAAcK,eACjDoF,UAAU,0BACNP,EAAK,CACTQ,YAAuB,IAAVV,EAAclC,KAAK6C,cAAgBT,EAAMxD,IACtDkE,aAAc9C,KAAKL,MAAM+C,QAAQK,QAAQD,aACzC3F,cAAeA,EACf6F,oBAAoB,OACpBW,QAAS3D,KAAKuH,oBACdgH,YAAcvO,KAAKyB,MAAMsF,eAAiB/G,KAAKsH,8BAA4BhG,EAC3E3F,GAAI,GAAGqE,KAAKL,MAAMhE,sBAAsBuG,IACxCe,uBAAqB,EACrBe,sBAAuBhE,KAAKyB,MAAMwC,0BAA4BjE,KAAKL,MAAMsH,OAAOyC,gBAChFxG,oBAA+B,IAAVhB,KAEzBzC,EAAAA,cAAC8C,EAAAA,GAAKC,OAAAC,OAAA,CACFe,KAAK,eACLjG,eAAgByC,KAAKL,MAAM+C,QAAQxF,cAAcK,eACjDoF,UAAU,6BACNP,EAAK,CACTQ,YAAuB,IAAVV,EAAclC,KAAK6C,cAAgBT,EAAMxD,IACtD+E,QAAS3D,KAAKqH,iBACdvE,aAAc9C,KAAKL,MAAM+C,QAAQK,QAAQD,aACzC3F,cAAeA,EACf6F,oBAAoB,OACpBrH,GAAI,GAAGqE,KAAKL,MAAMhE,aAAauG,IAC/BsM,YAAcxO,KAAKyB,MAAMsF,eAAiB0H,EAAAA,iCAA+BnN,EACzE2B,uBAAqB,EACrBe,sBAAuBhE,KAAKyB,MAAMwC,0BAA4BjE,KAAKL,MAAMsH,OAAOyC,gBAChFxG,oBAA+B,IAAVhB,MAM7BoF,wBAAwBjD,GAAyC,IAAAqK,GACrEC,EAAAA,EAAAA,wBAAuBtK,EAAkC,QAA7BqK,EAAE1O,KAAKL,MAAMsH,OAAOoH,iBAAS,IAAAK,EAAAA,EAAIE,OAAON,EAAAA,mBAGhEO,kCAAkCxK,GACtC,MAAMyK,EAAS9O,KAAKyB,MAAMwC,wBAA2BI,EAAMyK,OAA8BzK,EAAM0K,cACzFC,EAA+B,uBACrC,GAAKhP,KAAKyB,MAAM6E,oBAiBZwI,EAAOG,MAAMC,UAAY,GACzBJ,EAAOK,UAAUC,OAAOJ,GACxBF,EAAOO,cAAeJ,MAAMK,SAAW,GACvCtP,KAAKiB,SAAS,CACVqF,qBAAqB,QArBQ,CAAC,IAADiJ,EACjC,MAAMC,EAASV,EAAOW,wBAChBpB,EAAYqB,OAAkC,QAA5BH,EAACvP,KAAKL,MAAMsH,OAAOoH,iBAAS,IAAAkB,EAAAA,EAAIjB,EAAAA,kBAElDqB,EAAYtL,EAAMuL,QAAUJ,EAAOK,KACnCC,EAAYzL,EAAM0L,QAAUP,EAAOQ,IACnCC,EAAkBN,EAAYtB,EAC9B6B,EAAkBJ,EAAYzB,EAEpCS,EAAOG,MAAMC,UAAY,SAASb,KAClCS,EAAOK,UAAUgB,IAAInB,GACrBF,EAAOO,cAAeJ,MAAMK,SAAW,OACvCR,EAAOO,cAAee,SAASH,EAAkBN,EAAWO,EAAkBJ,GAC9E9P,KAAKiB,SAAS,CACVqF,qBAAqB,KAYzBiB,oBAAoBlD,GAAyC,IAAAgM,EAC7D5T,OAAO6T,YAAc,IAErBtQ,KAAK6O,kCAAkCxK,KAG3CkM,EAAAA,EAAAA,qBAAoBlM,EAAkC,QAA7BgM,EAAErQ,KAAKL,MAAMsH,OAAOoH,iBAAS,IAAAgC,EAAAA,EAAIzB,OAAON,EAAAA,mBACjEtO,KAAKiB,SAAS,CACV8F,eAAe,KAIfM,iBAAiBhD,IACrBmM,EAAAA,EAAAA,2BAA0BnM,GAC1BrE,KAAKiB,SAAS,CACV8F,eAAe,IAIfS,2BAA2BnD,GAC3B5H,OAAO6T,YAAc,IAErBtQ,KAAK6O,kCAAkCxK,KAI3CoM,EAAAA,EAAAA,qBAAoBpM,GAEpBrE,KAAKiB,SAAS,CACV8F,eAAe,KAIfU,yBAAyBpD,IAC7BqM,EAAAA,EAAAA,yBAAwBrM,GAExBrE,KAAKiB,SAAS,CACV8F,eAAe,IAIfsG,8BAA8BjL,EAAmBjF,EAA+B+E,GAAa,IAAAyO,EACjG,OACIlR,EAAAA,cAAA,OAAKkD,UAAU,+BACXlD,EAAAA,cAAA,oBAC2C,QAD3CkR,EACgB3Q,KAAKL,MAAMsH,OAAOoH,iBAAS,IAAAsC,EAAAA,EAAIrC,EAAAA,iBAC3C3L,UAAU,8BACVa,KAAK,eACLoN,WAAY5Q,KAAKyH,yBACjB9D,QAAS3D,KAAKyH,yBACd+G,YAAcxO,KAAKyB,MAAMsF,eAAiB8J,EAAAA,+BAA6BvP,IAE3E7B,EAAAA,cAAC8C,EAAAA,GAAKC,OAAAC,OAAA,CACFlF,eAAgByC,KAAKL,MAAM+C,QAAQxF,cAAcK,eACjDoF,UAAU,0BACNP,EAAK,CACTQ,YAAuB,IAAVV,EAAclC,KAAK6C,cAAgBT,EAAMxD,IACtDkE,aAAc9C,KAAKL,MAAM+C,QAAQK,QAAQD,aACzCa,QAAS3D,KAAKwH,2BACdrK,cAAeA,EACf6F,oBAAoB,OACpBuL,YAAcvO,KAAKyB,MAAMsF,eAAiB+J,EAAAA,gCAA8BxP,EACxE3F,GAAI,GAAGqE,KAAKL,MAAMhE,sBAAsBuG,IACxCe,uBAAqB,EACrBe,sBAAuBhE,KAAKyB,MAAMwC,0BAA4BjE,KAAKL,MAAMsH,OAAOyC,gBAChFxG,oBAA+B,IAAVhB,MAM7BoL,6BAA6BlL,EAAmBjF,EAA+B+E,GACnF,OACIzC,EAAAA,cAAA,OAAKkD,UAAU,yBACXlD,EAAAA,cAAC8C,EAAAA,GAAKC,OAAAC,OAAA,CACFlF,eAAgByC,KAAKL,MAAM+C,QAAQxF,cAAcK,eACjDoF,UAAU,0BACNP,EAAK,CACTQ,YAAuB,IAAVV,EAAclC,KAAK6C,cAAgBT,EAAMxD,IACtDkE,aAAc9C,KAAKL,MAAM+C,QAAQK,QAAQD,aACzC3F,cAAeA,EACf6F,oBAAoB,OACpBgB,sBAAuBhE,KAAKyB,MAAMwC,wBAClCf,oBAA+B,IAAVhB,KAEzBzC,EAAAA,cAAA,OAAKkD,UAAU,kCAEXlD,EAAAA,cAAA,KACIsR,KAAK,sBACLC,MAAOhR,KAAKL,MAAMuF,UAAU+L,oBAC5BzN,KAAK,SACL4K,IAAKpO,KAAKG,2BACVwD,QAAS3D,KAAK2E,gBACdhC,UAAU,mDAOtBwC,uBAAuBH,GAAsB,IAAAkM,EACjD,MAAO,CACHtS,IAA4B,QAAzBsS,EAAElM,EAAQmM,uBAAe,IAAAD,EAAAA,EAAI,IAIhCzE,kBAAkBtP,GACtB,OACIsC,EAAAA,cAAA,OAAKkD,UAAU,0BACXlD,EAAAA,cAAC8C,EAAAA,GAAK,CACFhF,eAAgByC,KAAKL,MAAM+C,QAAQxF,cAAcK,eACjDoF,UAAU,gCACV/D,IAAI,QACJkE,aAAc9C,KAAKL,MAAM+C,QAAQK,QAAQD,aACzC3F,cAAeA,MAAAA,EAAAA,EAAiB6C,KAAKK,4BACrC2C,oBAAoB,WAM5BsJ,uBACJnP,EACA+E,EACAkB,GAMA,MAAO,CACHC,4BAA6B,CACzBC,IAAK,KACLX,UAPQY,GAAAA,CACZ,mCACAH,IAAwBlB,EAAQ,0CAA4C,IAMxEsB,KAAM,MACNC,SAAU,EACVC,IAAK,QACL,aAAc,GACd,gBAAiBN,IAAwBlB,EACzCyB,QAAS3D,KAAK4D,0BAA0B1B,GACxC2B,UAAW7D,KAAK8D,4BAA4B5B,IAEhD6B,QACItE,EAAAA,cAAC8C,EAAAA,GAAK,CACFhF,eAAgByC,KAAKL,MAAM+C,QAAQxF,cAAcK,eACjDoF,UAAU,0CACV/D,IAAI,QACJkE,aAAc9C,KAAKL,MAAM+C,QAAQK,QAAQD,aACzC3F,cAAeA,MAAAA,EAAAA,EAAiB6C,KAAKe,8BACrCiC,oBAAoB,WAiB5B4B,eACJ,GAAI5E,KAAKyB,MAAMgF,YAAa,CAAC,IAAD2K,EACe,QAAvCA,EAAApR,KAAKG,2BAA2BkR,eAAO,IAAAD,GAAvCA,EAAyCE,QACzC,MAAMC,EAAYvR,KAAKC,kBAAkBuR,IAAIxR,KAAKyB,MAAMC,aACxD,GAAI6P,GAAaA,EAAUE,UAAYF,EAAUE,SAASxP,QAAU,EAAG,CACnE,MAAMG,EAAQmP,EAAUE,SAAS,GAAGC,cAAc,OAC9CtP,GACAA,EAAMuP,gBAAgB,SAG9B3R,KAAKiB,SAAS,CACV8F,eAAe,IAGvB/G,KAAKiB,SAAS,CACV8F,eAAe,EACfN,aAAczG,KAAKyB,MAAMgF,eAE7BpF,EAAAA,EAAAA,0BACAuQ,EAAAA,EAAAA,6BAiDR,+ECh4BA,MAYMC,EAAqBC,IACvB,MAAM,yBAAExG,EAAwB,kCAAEC,EAAiC,MAAEjG,GAAUwM,EAE/E,OACIrS,EAAAA,cAACsS,EAAAA,KAAIvP,OAAAC,OAAA,GAAK6I,GACN7L,EAAAA,cAACsS,EAAAA,KAAIvP,OAAAC,OAAA,GAAK8I,GAAoCjG,GAASA,EAAMvH,IAAIiU,MAKvEA,EAAwBC,IAC1B,MAAM,4BAAE5O,EAA2B,QAAEU,GAAYkO,EAEjD,OAAOxS,EAAAA,cAACsS,EAAAA,KAAIvP,OAAAC,OAAA,GAAKY,GAA8BU,IAGnD,EA5B2DpE,IACvD,MAAM,cAAEsL,EAAa,WAAEI,EAAU,aAAE7L,EAAY,MAAEqL,GAAUlL,EAE3D,OACIF,EAAAA,cAACyS,EAAAA,OAAM1P,OAAAC,OAAA,GAAKjD,GACRC,EAAAA,cAACsS,EAAAA,KAAIvP,OAAAC,OAAA,GAAKwI,IACTJ,EACAgH,EAAkBxG,iHCI/B,MAAM8G,EAAuBF,IAEzB,MAAM,4BAAE5O,EAA2B,QAAEU,GAAYkO,EAEjD,OAAOxS,IAAAA,cAACsS,EAAAA,KAAIvP,OAAAC,OAAA,GAAKY,GAA8BU,IAwG7CqO,EAAiCA,CACnCjV,EACAwC,KACqC,IAAA0S,EAAAC,EACrC,IAAIzP,EAAoC,GAExC,MAAMgH,EAAgD,QAA3BwI,EAAG1S,EAAM+C,QAAQoH,IAAI7C,cAAM,IAAAoL,OAAA,EAAxBA,EAA0BtI,qBAOxD,OANIpK,EAAMoF,KAAKC,QAAQC,SACnBpC,GAAgBmH,EAAAA,EAAAA,qBAAoBrK,EAAMoF,KAAKC,QAAQC,OAAOgF,OAAQtK,EAAM+C,QAAQK,QAAQ0F,cAE5FoB,GAAyBhH,IACzBA,EAAgB,GAAGA,KAAiBgH,KAEjC,CACHxG,4BAA6B,CACzBC,IAAK,KACLX,UAAW,mCACXa,KAAM,MACNC,SAAU,EACVC,IAAK,EACL,aAAc,GACd,iBAAiB,GAErBK,QACItE,IAAAA,cAAC8C,EAAAA,GAAK,CACFhF,eAAgBoC,EAAM+C,QAAQxF,cAAcK,eAC5CoF,UAAU,0CACV/D,IAAI,QACJkE,aAAcnD,EAAM+C,QAAQK,QAAQD,aACpC3F,cAAkD,QAArCmV,EAAE3S,EAAMsH,OAAOoB,8BAAsB,IAAAiK,EAAAA,EAAInV,EACtD6F,oBAAoB,QACpBgB,wBAAyBrE,EAAMsH,OAAOC,oBACtCtE,YAAaC,MAoBvB9B,EAAgD,CAClDT,UAAW,CACPC,GAAI,CAAEC,EAAG,6BAA8BC,EAAG,IAAKC,EAAG,KAClD6R,GAAI,CAAE/R,EAAG,6BAA8BC,EAAG,IAAKC,EAAG,MAEtDG,UAAU,EACVC,iBAAiB,GASf0R,EAAmBA,CAACV,EAA8CnS,KAEpE,MAAM,yBAAE2L,EAAwB,kCAAEC,GAAsCuG,GAClE,MAAErQ,EAAK,WAAE4J,GAAe1L,EACxBoC,EA5BoBuD,CAAAA,GACnBA,MAAAA,OAAK,EAALA,EAAOvH,KAAIwH,IACP,CACHzG,QAASyG,EAAKxB,QAAQpE,MAAMb,QAC5BF,IAAK2G,EAAKxB,QAAQpE,MAAMf,QAwBN6T,CAAqBpH,EAAW/F,OAEpDA,EAEF7D,EAAM2K,YAAcrK,GAAkD,UAA7BA,EAAkB,GAAGnD,IACxD,CAACwT,EAA+BrR,EAA+BpB,IAE/DoC,MAAAA,OAAiB,EAAjBA,EAAmBhE,KAAI,CAACwH,EAAkB5J,IA1KtB+W,EAC9BtQ,EACAjF,EACAwV,EACAvP,EACAzD,KACqC,IAAAiT,EAAAC,EACrC,IAAIhQ,EAAoC,GAExC,MAAMgH,EAAgD,QAA3B+I,EAAGjT,EAAM+C,QAAQoH,IAAI7C,cAAM,IAAA2L,OAAA,EAAxBA,EAA0B7I,qBACpDpK,EAAMoF,KAAKC,QAAQC,SACnBpC,GAAgBmH,EAAAA,EAAAA,qBAAoBrK,EAAMoF,KAAKC,QAAQC,OAAOgF,OAAQtK,EAAM+C,QAAQK,QAAQ0F,cAE5FoB,GAAyBhH,IACzBA,EAAgB,GAAGA,KAAiBgH,KAMxC,MAAMlG,EAAUA,KAAK,IAAAmP,EAAAC,EACG,QAApBD,EAAAnT,EAAMmL,sBAAc,IAAAgI,GAApBA,EAAAE,KAAArT,GAC4B,QAA5BoT,EAAApT,EAAMoL,8BAAsB,IAAAgI,GAA5BA,EAAAC,KAAArT,EAA+BgT,GAC/BhT,EAAM8B,MAAMC,YAAciR,GAYxBM,EAAiB5O,IACfA,EAAM6O,UAAY3O,EAAAA,SAASC,QAC3BH,EAAMK,iBACNf,MAIR,MAAO,CACHN,4BAA6B,CACzBC,IAAK,KACLX,UAnBQY,GAAAA,CACZ,mCACAH,IAAwBuP,EAAU,0CAA4C,IAkB1EnP,KAAM,eACNE,IAAKiP,GAET5O,QACItE,IAAAA,cAACsS,EAAAA,KAAI,CAACpP,UAAU,yBACZlD,IAAAA,cAAC0T,EAAAA,OAAM,CACH3P,KAAK,MAAK,aACEpB,EAAMtD,QAAO,gBACVsE,IAAwBuP,EAAO,gBAC/B,GAAGhT,EAAMhE,sBAAsBgX,IAC9ChQ,UAAU,sCACVgB,QAASA,EACTE,UAAWoP,GAEXxT,IAAAA,cAAC8C,EAAAA,GAAKC,OAAAC,OAAA,CACFlF,eAAgBoC,EAAM+C,QAAQxF,cAAcK,eAC5CoF,UAAU,+BACNP,EAAK,CACTU,aAAcnD,EAAM+C,QAAQK,QAAQD,aACpC3F,cAAkD,QAArC0V,EAAElT,EAAMsH,OAAOoB,8BAAsB,IAAAwK,EAAAA,EAAI1V,EACtD6F,oBAAoB,OACpBgB,sBAAuBrE,EAAM8B,MAAMwC,wBACnCrB,YA3BC,IA2BY+P,EAA2B9P,EAAgBT,EAAMxD,IAC9DsE,oBA5BC,IA4BoByP,MAG7BlT,IAAAA,cAACsS,EAAAA,KAAI,CAACpP,UAAU,kCACZlD,IAAAA,cAAC0T,EAAAA,OAAM,CACHtP,UAAWoP,EACXjC,MAAOrR,EAAMuF,UAAU+L,oBACvBzN,KAAK,SACLb,UAAU,+CACVgB,QAASA,QA6Ff+O,CAA0BnN,EAAMxE,EAA+BpF,EAAI8F,EAAMC,YAAa/B,KAGpG,OACIF,IAAAA,cAACsS,EAAAA,KAAIvP,OAAAC,OAAA,GAAK6I,GACN7L,IAAAA,cAACsS,EAAAA,KAAIvP,OAAAC,OAAA,GAAK8I,GAAoCjG,MAAAA,OAAK,EAALA,EAAOvH,IAAIoU,MAsBrE,EAZ2DxS,IAEvD,MAAM,cAAEsL,EAAa,WAAEI,EAAU,aAAE7L,EAAY,MAAEqL,GAAUlL,EAC3D,OACIF,IAAAA,cAACyS,EAAAA,OAAM1P,OAAAC,OAAA,GAAKjD,GACRC,IAAAA,cAACsS,EAAAA,KAAIvP,OAAAC,OAAA,GAAKwI,IACTJ,EACA2H,EAAiBnH,EAAY1L,YCtO1CyT,EAAOC,QAAU5T,cCAjB2T,EAAOC,QAAUC","sources":["webpack://Msdyn365.Commerce.Online/./lib/media-gallery/module-registration.js?47e5","webpack://Msdyn365.Commerce.Online/./src/modules/media-gallery/utils/get-valid-product-images.ts?a364","webpack://Msdyn365.Commerce.Online/./src/modules/media-gallery/media-gallery.tsx?24d7","webpack://Msdyn365.Commerce.Online/./src/modules/media-gallery/media-gallery.view.tsx?5061","webpack://Msdyn365.Commerce.Online/./src/modules/adventureworks/views/media-gallery.view.tsx?7624","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/external var \"ReactDOM\"?853b"],"sourcesContent":["const binding = { modules: {}, dataActions: {} };\n\n    const registerActionId = (actionPath) => {\n        if (binding.dataActions[actionPath] &&\n            binding.dataActions[actionPath].default &&\n            binding.dataActions[actionPath].default.prototype &&\n            binding.dataActions[actionPath].default.prototype.id) {\n            binding.dataActions[binding.dataActions[actionPath].default.prototype.id] = binding.dataActions[actionPath];\n        } else {\n            Object.keys(binding.dataActions[actionPath] || {}).forEach(exportName => {\n                if (binding.dataActions[actionPath][exportName] &&\n                    binding.dataActions[actionPath][exportName].prototype &&\n                    binding.dataActions[actionPath][exportName].prototype.Action) {\n                    binding.dataActions[binding.dataActions[actionPath][exportName].prototype.id] = binding.dataActions[actionPath][exportName];\n                }\n            })\n        }\n    };\n\n    const registerSanitizedActionPath = (sanitizedActionPath, dataAction) => {\n        if (process.env.NODE_ENV === 'development') {\n            if (!dataAction.default) {\n                throw new Error('Data action path does not have a default export');\n            }\n            if (!(dataAction.default.prototype.id && binding.dataActions[dataAction.default.prototype.id]) || !binding.dataActions[sanitizedActionPath]) {\n                binding.dataActions[sanitizedActionPath] = dataAction;\n            }\n        } else {\n            binding.dataActions[sanitizedActionPath] = dataAction;\n            if (!binding.dataActions[sanitizedActionPath].default) {\n                throw new Error('Data action path ' + sanitizedActionPath + ' does not have a default export');\n            }\n            binding.dataActions[sanitizedActionPath].default.prototype.RegistrationId = sanitizedActionPath;\n            if (binding.dataActions[sanitizedActionPath].default.prototype.id) {\n                binding.dataActions[binding.dataActions[sanitizedActionPath].default.prototype.id] = sanitizedActionPath;\n            }\n        }\n    };\n    \n\n    (binding.modules['media-gallery'] = {\n        c: () => require('@msdyn365-commerce-modules/media-gallery/dist/lib/modules/media-gallery/media-gallery'),\n        $type: 'contentModule',\n        da: [{name:'mediaLocations',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-by-id', runOn: 0},{name:'mediaLocationsForSelectedVariant',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-for-selected-variant', runOn: 0},{name:'product',  path:'@msdyn365-commerce-modules/retail-actions/dist/lib/get-selected-variant', runOn: 0}],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'media-gallery',\n        p: 'media-gallery',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/media-gallery/dist/lib/modules/media-gallery'\n    });\n        \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-by-id';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-by-id');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-for-selected-variant';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-media-locations-for-selected-variant');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        {\n            const sanitizedActionPath = '@msdyn365-commerce-modules/retail-actions/dist/lib/get-selected-variant';\n            let dataAction = require('@msdyn365-commerce-modules/retail-actions/dist/lib/get-selected-variant');\n            registerSanitizedActionPath(sanitizedActionPath, dataAction);\n        }\n            \n\n        \n    window.__bindings__ = window.__bindings__ || {};\n    window.__bindings__.modules = {\n        ...window.__bindings__.modules || {},\n        ...binding.modules\n    };\n    \n        window.__bindings__.dataActions = {\n        ...window.__bindings__.dataActions || {},\n        ...binding.dataActions\n    };\n                        export const viewDictionary = {};\n                        viewDictionary['@msdyn365-commerce-modules|media-gallery|modules|media-gallery|media-gallery'] = {\n                c: () => require('@msdyn365-commerce-modules/media-gallery/dist/lib/modules/media-gallery/media-gallery.view.js'),\n                cn: '@msdyn365-commerce-modules-media-gallery-media-gallery'\n            };\nviewDictionary['@msdyn365-commerce-theme|adventureworks-theme-kit|modules|adventureworks|views|media-gallery'] = {\n                c: () => require('@msdyn365-commerce-theme/adventureworks-theme-kit/dist/lib/modules/adventureworks/views/media-gallery.view.js'),\n                cn: '@msdyn365-commerce-theme-adventureworks-theme-kit-media-gallery'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { getCatalogId, IActionContext, IImageData, IImageSettings } from '@msdyn365-commerce/core';\nimport { MediaLocation, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\nimport { getMediaLocationsForSelectedVariant, MediaLocationsForSelectedVariantInput } from '@msdyn365-commerce-modules/retail-actions';\n\nexport async function getValidProductImages(\n    productId: number,\n    channelId: number,\n    actionContext: IActionContext,\n    imageSettings: IImageSettings,\n    selectedProduct?: SimpleProduct\n): Promise<IImageData[]> {\n    const catalogId = getCatalogId(actionContext.requestContext);\n    const actionInput = new MediaLocationsForSelectedVariantInput(productId, channelId, selectedProduct, catalogId);\n\n    return getMediaLocationsForSelectedVariant(actionInput, actionContext)\n        .then(mediaLocations => {\n            if (mediaLocations) {\n                return Promise.all(mediaLocations.map(mediaLocation => validateMediaLocaionAsync(mediaLocation, imageSettings))).then(\n                    pairs => {\n                        return pairs.filter(pair => pair[1]).map(pair => pair[0]);\n                    }\n                );\n            }\n\n            return [];\n        })\n        .catch(error => {\n            actionContext.telemetry.exception(error);\n            actionContext.telemetry.debug('Unable to get Media Locations for Selected Variant');\n            return [];\n        });\n}\n\nexport async function validateProductImages(\n    mediaLocations: MediaLocation[],\n    actionContext: IActionContext,\n    imageSettings: IImageSettings\n): Promise<IImageData[]> {\n    return Promise.all(mediaLocations.map(mediaLocation => validateMediaLocaionAsync(mediaLocation, imageSettings)))\n        .then(pairs => {\n            return pairs.filter(pair => pair[1]).map(pair => pair[0]);\n        })\n        .catch(error => {\n            actionContext.telemetry.exception(error);\n            actionContext.telemetry.debug('Unable to validate prodcut images');\n            return [];\n        });\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-unused-vars-experimental -- .\nasync function validateMediaLocaionAsync(mediaLocation: MediaLocation, imageSettings?: IImageSettings): Promise<[IImageData, boolean]> {\n    const imageData = {\n        src: mediaLocation.Uri || '',\n        altText: mediaLocation.AltText || ''\n    };\n\n    if (imageData.src === '') {\n        return [imageData, false];\n    }\n\n    return new Promise<[IImageData, boolean]>(resolve => {\n        try {\n            const http = new XMLHttpRequest();\n            http.open('HEAD', imageData.src, true);\n\n            http.addEventListener('load', () => {\n                resolve([imageData, http.status === 200 || http.status === 201]);\n            });\n\n            http.addEventListener('error', () => {\n                resolve([imageData, false]);\n            });\n\n            http.send();\n        } catch {\n            resolve([imageData, false]);\n        }\n    });\n}\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Carousel, ICarouselProps } from '@msdyn365-commerce/components';\nimport { IImageData, IImageSettings, Image } from '@msdyn365-commerce/core';\nimport { MediaLocation, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions, getFallbackImageUrl, ObjectExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport {\n    defaultDataScale,\n    IComponentNodeProps,\n    ImagefullView,\n    IModalViewProps,\n    IModuleProps,\n    inlineZoomImageOnHover,\n    inlineZoomImageOnMouseMove,\n    inlineZoomImageOnMouseOut,\n    inlineZoomInitClick,\n    INodeProps,\n    ISingleSlideCarouselProps,\n    isMobile,\n    KeyCodes,\n    NodeTag,\n    onContainerZoomInit,\n    onMouseMoveLensContainer,\n    onMouseOutLensContainer,\n    onMouseOverImageContainer,\n    removeContainerZoomStyle,\n    removeInlineZoomStyle,\n    SingleSlideCarousel,\n    VariantType\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { reaction } from 'mobx';\nimport * as React from 'react';\n\nimport { IMediaGalleryData } from './media-gallery.data';\nimport { imageSource, imageZoom, IMediaGalleryProps, thumbnailsOrientation } from './media-gallery.props.autogenerated';\nimport { getValidProductImages, validateProductImages } from './utils';\n\n/**\n * IMediaGalleryState Interface.\n */\nexport interface IMediaGalleryState {\n    animating: boolean;\n    activeIndex: number;\n    isImageZoomed: boolean;\n    modalIsOpen: boolean;\n    lastUpdate?: number;\n    isMobileImageZoomed?: boolean;\n    mediaGalleryItems?: IImageData[];\n    isInitialLoad?: boolean;\n    shouldUseOptimizedImage?: boolean;\n}\n\n/**\n * IMediaGalleryThumbnailsViewProps Interface.\n */\nexport interface IMediaGalleryThumbnailsViewProps {\n    ThumbnailsContainerProps: INodeProps;\n    SingleSlideCarouselComponentProps: INodeProps;\n    items?: IMediaGalleryThumbnailItemViewProps[];\n}\n\n/**\n * IMediaGalleryThumbnailItemViewProps Interface.\n */\nexport interface IMediaGalleryThumbnailItemViewProps {\n    ThumbnailItemContainerProps: INodeProps;\n    Picture: React.ReactElement;\n}\n\n/**\n * IMediaGalleryViewProps Interface.\n */\nexport interface IMediaGalleryViewProps extends IMediaGalleryProps<IMediaGalleryData> {\n    state: IMediaGalleryState;\n    MediaGallery: IModuleProps;\n    CarouselProps: INodeProps;\n    Thumbnails: IMediaGalleryThumbnailsViewProps;\n    Modal?: React.ReactElement | null;\n    callbackToggle?(): void;\n    callbackThumbnailClick?(index: number): void;\n    callbackThumbnailKeyDown?(index: number): void;\n}\n\n/**\n * Props for carousel.\n */\ninterface IMediaGalleryCarouselItems<ItemType> {\n    items: ItemType[];\n    keys: (string | undefined)[];\n}\n\n/**\n * Media gallery component.\n */\nclass MediaGallery extends React.Component<IMediaGalleryProps<IMediaGalleryData>, IMediaGalleryState> {\n    private readonly _inlineZoomDivRef: Map<number, HTMLDivElement> = new Map();\n\n    private readonly fullScreenOverlayButtonRef: React.RefObject<HTMLAnchorElement> = React.createRef();\n\n    private mediaGalleryImages: IImageData[] = [];\n\n    private fallbackImage?: string;\n\n    private readonly defaultGalleryImageSettings: IImageSettings = {\n        viewports: {\n            xs: { q: 'w=767&h=767&m=8', w: 0, h: 0 },\n            sm: { q: 'w=600&h=600&m=8', w: 0, h: 0 },\n            md: { q: 'w=600&h=772&m=8', w: 0, h: 0 },\n            lg: { q: 'h=772&m=8', w: 0, h: 0 }\n        },\n        lazyload: true,\n        cropFocalRegion: true\n    };\n\n    private readonly defaultThumbnailImageSettings: IImageSettings = {\n        viewports: {\n            xs: { q: 'w=100&m=8', w: 100, h: 0 },\n            lg: { q: 'w=100&m=8', w: 100, h: 0 }\n        },\n        lazyload: true,\n        cropFocalRegion: true\n    };\n\n    private readonly _zoomedImageSettings: IImageSettings;\n\n    public constructor(props: IMediaGalleryProps<IMediaGalleryData>) {\n        super(props);\n        this._toggleModal = this._toggleModal.bind(this);\n        this.state = {\n            activeIndex: 0,\n            animating: false,\n            isImageZoomed: false,\n            modalIsOpen: false,\n            isInitialLoad: true,\n            shouldUseOptimizedImage: !!this.props.config.skipImageValidation\n        };\n\n        this._zoomedImageSettings =\n            props.config.zoomedImageSettings ?? props.config.galleryImageSettings ?? this.defaultGalleryImageSettings;\n\n        this._onImageMouseOut = this._onImageMouseOut.bind(this);\n        this._inlineZoomImageOnHover = this._inlineZoomImageOnHover.bind(this);\n        this._onInlineImageClick = this._onInlineImageClick.bind(this);\n        this._onContainerZoomImageClick = this._onContainerZoomImageClick.bind(this);\n        this._onMouseOutLensContainer = this._onMouseOutLensContainer.bind(this);\n    }\n\n    public isMobile(): boolean {\n        const size = isMobile({ variant: VariantType.Viewport, context: this.props.context.request });\n        return size === 'xs';\n    }\n\n    public async componentDidMount(): Promise<void> {\n        const source = this.props.config.imageSource ?? imageSource.pageContext;\n        const shouldUpdateOnPartialDimensionSelection = this.props.config.shouldUpdateOnPartialDimensionSelection;\n        this._setRenderType();\n        if (source === imageSource.pageContext) {\n            if (this.state.mediaGalleryItems === undefined && this.props.data.mediaLocationsForSelectedVariant.result) {\n                const images = await validateProductImages(\n                    this.props.data.mediaLocationsForSelectedVariant.result,\n                    this.props.context.actionContext,\n                    this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings\n                );\n                this._setImages(images);\n            } else if (this.state.mediaGalleryItems === undefined && this.props.data.product.result) {\n                const product = this.props.data.product.result;\n                const images = await getValidProductImages(\n                    product.RecordId,\n                    +this.props.context.request.apiSettings.channelId,\n                    this.props.context.actionContext,\n                    this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\n                    product.productVariant\n                );\n\n                this._setImages(images);\n            } else {\n                this._setImages([]);\n            }\n\n            reaction(\n                () => {\n                    const product = this.props.data.product.result;\n                    if (!product) {\n                        return null;\n                    }\n\n                    if (!shouldUpdateOnPartialDimensionSelection || ObjectExtensions.isNullOrUndefined(product.productVariant?.RecordId)) {\n                        return `${product.RecordId}`;\n                    }\n\n                    return `${product.RecordId}-${product.productVariant!.RecordId}`;\n                },\n                async () => {\n                    const product = this.props.data.product.result;\n                    if (product) {\n                        const images = await getValidProductImages(\n                            product.RecordId,\n                            +this.props.context.request.apiSettings.channelId,\n                            this.props.context.actionContext,\n                            this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\n                            shouldUpdateOnPartialDimensionSelection ? product.productVariant : undefined\n                        );\n                        this._setImages(images);\n                    } else {\n                        this._setImages([]);\n                    }\n                }\n            );\n        }\n\n        if (source === imageSource.productId && this.props.data.mediaLocations.result) {\n            const images = await validateProductImages(\n                this.props.data.mediaLocations.result,\n                this.props.context.actionContext,\n                this.props.config.thumbnailImageSettings ?? this.defaultThumbnailImageSettings\n            );\n            this._setImages(images);\n        }\n    }\n\n    public shouldComponentUpdate(nextProps: IMediaGalleryProps<IMediaGalleryData>, nextState: IMediaGalleryState): boolean {\n        if (this.state === nextState && this.props.data === nextProps.data) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element {\n        const { id, config, resources } = this.props;\n\n        const { className, showPaginationTooltip } = config;\n\n        const isVertical: boolean = config.thumbnailsOrientation === thumbnailsOrientation.vertical;\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- || is required.\n        const isFullscreenAllowed: boolean = this.isMobile() || config.allowFullScreen || false;\n        const zoomViewMode: string =\n            config.imageZoom === imageZoom.inline ? imageZoom.inline : config.imageZoom === imageZoom.container ? imageZoom.container : '';\n        const source = this.props.config.imageSource ?? imageSource.pageContext;\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- Site level config can be of any type.\n        const emptyPlaceHolderImage = this.props.context.app.config?.placeholderImageName as string;\n        if (this.props.data.product.result) {\n            this.fallbackImage = getFallbackImageUrl(this.props.data.product.result.ItemId, this.props.context.request.apiSettings);\n        }\n        if (emptyPlaceHolderImage && this.fallbackImage) {\n            this.fallbackImage = `${this.fallbackImage},${emptyPlaceHolderImage}`;\n        }\n        if (this.props.config.skipImageValidation && !this.state.mediaGalleryItems && this.state.isInitialLoad) {\n            let images: IImageData[] = [];\n            let mediaLocations: MediaLocation[] = [];\n            if (source === imageSource.pageContext && this.props.data.mediaLocationsForSelectedVariant.result) {\n                mediaLocations = this.props.data.mediaLocationsForSelectedVariant.result;\n            } else if (source === imageSource.productId && this.props.data.mediaLocations.result) {\n                mediaLocations = this.props.data.mediaLocations.result;\n            }\n            images = mediaLocations.map(mediaLocation => {\n                return {\n                    src: mediaLocation.Uri ?? '',\n                    altText: mediaLocation.AltText ?? ''\n                };\n            });\n            const curatedImages = this.props.config.images ?? [];\n            this.mediaGalleryImages = [...this._filterMasterImageFromVariant(images), ...curatedImages];\n        }\n        const mediaGalleryCarouselItems = this._getMediaGalleryItems(isFullscreenAllowed, zoomViewMode);\n        const mediaGalleryThumbnailCarouselItems = this._getMediaGalleryThumbnailItems();\n        const viewProps: IMediaGalleryViewProps = {\n            ...(this.props as IMediaGalleryProps<IMediaGalleryData>),\n            state: this.state,\n            MediaGallery: {\n                moduleProps: this.props,\n                className: classnames(`ms-media-gallery ${isVertical ? 'vertical' : ''}`, className)\n            },\n            Modal: isFullscreenAllowed ? this.imageModalSlider(zoomViewMode) : null,\n            callbackToggle: this.openModalDialog,\n            callbackThumbnailClick: this._generateOnThumbnailClick,\n            callbackThumbnailKeyDown: this._generateOnThumbnailKeyDown,\n            CarouselProps: {\n                tag: Carousel,\n                className: 'ms-media-gallery__carousel',\n                items: mediaGalleryCarouselItems.items,\n                activeIndex: this.state.activeIndex,\n                next: this.next,\n                previous: this.previous,\n                interval: false,\n                directionTextPrev: resources.previousScreenshotFlipperText,\n                directionTextNext: resources.nextScreenshotFlipperText,\n                onIndicatorsClickHandler: this.goToIndex,\n                showPaginationTooltip: showPaginationTooltip === true,\n                indicatorAriaText: resources.ariaLabelForSlide,\n                handleOnExited: this.onExited,\n                handleOnExiting: this.onExiting,\n                key: mediaGalleryCarouselItems.keys\n            } as IComponentNodeProps<ICarouselProps>,\n            Thumbnails: {\n                ThumbnailsContainerProps: { className: 'ms-media-gallery__thumbnails-container' },\n                SingleSlideCarouselComponentProps: {\n                    tag: SingleSlideCarousel,\n                    className: 'ms-media-gallery__thumbnails',\n                    vertical: isVertical,\n                    flipperPrevLabel: resources.previousScreenshotFlipperText,\n                    flipperNextLabel: resources.nextScreenshotFlipperText,\n                    parentId: id,\n                    useTabList: true,\n                    key: JSON.stringify(mediaGalleryThumbnailCarouselItems.keys)\n                } as IComponentNodeProps<ISingleSlideCarouselProps>,\n                items: mediaGalleryThumbnailCarouselItems.items\n            }\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    /**\n     * Zoomed out image on previous/next click.\n     */\n    public updateZoomedInImage(): void {\n        this.setState({ isImageZoomed: false });\n    }\n\n    private readonly onExiting = () => {\n        this.setState({ animating: true });\n    };\n\n    private readonly onExited = () => {\n        this.setState({ animating: false });\n    };\n\n    /**\n     * On click next in carousel.\n     */\n    private readonly next = (): void => {\n        removeInlineZoomStyle();\n        if (this.isLastItem() === undefined) {\n            return;\n        }\n\n        const nextIndex = this.isLastItem() ? 0 : this.state.activeIndex + 1;\n        this.goToIndex(nextIndex);\n\n        this.updateZoomedInImage();\n    };\n\n    /**\n     * On click previous in carousel.\n     */\n    private readonly previous = (): void => {\n        removeInlineZoomStyle();\n        const images = this.state.mediaGalleryItems;\n        const nextIndex = this.isFirstItem() ? (images ? images.length - 1 : 0) : this.state.activeIndex - 1;\n        this.goToIndex(nextIndex);\n        this.updateZoomedInImage();\n    };\n\n    private readonly goToIndex = (index: number): void => {\n        this.setState({ activeIndex: index });\n    };\n\n    private _getMediaGalleryThumbnailItems(): IMediaGalleryCarouselItems<IMediaGalleryThumbnailItemViewProps> {\n        const mediaGalleryItems = this.state.mediaGalleryItems ?? this.mediaGalleryImages;\n        const thumbnailImageSettings = this.props.config.thumbnailImageSettings;\n        if (thumbnailImageSettings) {\n            thumbnailImageSettings.cropFocalRegion = true;\n        }\n\n        const hasMediaGalleryItems = ArrayExtensions.hasElements(mediaGalleryItems);\n\n        if (!hasMediaGalleryItems) {\n            if (this.state.lastUpdate) {\n                const defaultKey = 0;\n                return {\n                    items: [this._getEmptyThumbnailItem(thumbnailImageSettings, defaultKey, this.state.activeIndex)],\n                    keys: ['empty']\n                };\n            }\n            return { items: [], keys: [] };\n        }\n\n        return {\n            items: [\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n                ...mediaGalleryItems!.map((item: IImageData, index: number) =>\n                    this._getThumbnailItem(\n                        item,\n                        thumbnailImageSettings ?? this.defaultThumbnailImageSettings,\n                        index,\n                        this.state.activeIndex\n                    )\n                )\n            ],\n            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n            keys: [...mediaGalleryItems!.map(item => item.src)]\n        };\n    }\n\n    private _getMediaGalleryItems(isFullscreenAllowed: boolean, zoomViewMode: string): IMediaGalleryCarouselItems<React.ReactNode> {\n        const mediaGalleryItems = this.state.mediaGalleryItems ?? this.mediaGalleryImages;\n        const galleryImageSettings = this.props.config.galleryImageSettings;\n        if (galleryImageSettings) {\n            galleryImageSettings.cropFocalRegion = true;\n        }\n\n        const zoomView = isFullscreenAllowed ? 'fullscreen' : zoomViewMode;\n\n        const hasMediaGalleryItems = ArrayExtensions.hasElements(mediaGalleryItems);\n\n        if (!hasMediaGalleryItems) {\n            if (this.state.lastUpdate) {\n                return { items: [this._renderEmptyImage(galleryImageSettings)], keys: ['empty'] };\n            }\n            return { items: [], keys: [] };\n        }\n\n        return {\n            items: [\n                // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n                ...mediaGalleryItems!.map((item: IImageData, index: number) =>\n                    this._renderCarouselItemImageView(zoomView, item, galleryImageSettings ?? this.defaultGalleryImageSettings, index)\n                )\n            ],\n            // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n            keys: [...mediaGalleryItems!.map(item => item.src)]\n        };\n    }\n\n    private _setImages(images?: IImageData[]): void {\n        const curatedImage = this.props.config.images ?? [];\n        const shouldHidePrimaryImages = this.props.config.shouldHideMasterProductImagesForVariant ?? true;\n\n        let imagesToSet = images ?? [];\n        if (shouldHidePrimaryImages) {\n            // Currently returned image response is having duplicate image\n            // along with non-selected variant and previous selection is not getting cleared. With the help of index we\n            // select item from 0 index till it is having non repeating image source name ending with index number.\n            // Here we are keeping '.' to make sure that we are considering any digit just before '.' in image source path\n            imagesToSet = imagesToSet.filter((item, index) => {\n                let incrementedIndex = index;\n                const imageIndex = `${++incrementedIndex}.`;\n                return item.src?.includes(imageIndex);\n            });\n        }\n        this.setState({\n            mediaGalleryItems: [...imagesToSet, ...curatedImage],\n            activeIndex: 0,\n            lastUpdate: Date.now(),\n            shouldUseOptimizedImage: false\n        });\n    }\n\n    private _setRenderType(): void {\n        this.setState({\n            isInitialLoad: false\n        });\n    }\n\n    private _renderCarouselItemImageView(\n        zoomView: string,\n        image: IImageData,\n        imageSettings: IImageSettings,\n        index: number,\n        isInPopup: boolean = false\n    ): React.ReactNode {\n        if (this.isMobile()) {\n            if (isInPopup) {\n                return this._renderImageInContainerOnZoom(image, this._zoomedImageSettings, index);\n            }\n            return this._renderImageFullScreenOnZoom(image, imageSettings, index);\n        }\n\n        switch (zoomView) {\n            case 'container': {\n                return this._renderImageInContainerOnZoom(image, this._zoomedImageSettings, index);\n            }\n            case 'inline': {\n                return this._renderImageInlineOnZoom(image, this._zoomedImageSettings, index);\n            }\n            case 'fullscreen': {\n                return this._renderImageFullScreenOnZoom(image, imageSettings, index);\n            }\n\n            // No default\n        }\n        return <>{this._getCarouselItem(image, imageSettings, index, isInPopup)}</>;\n    }\n\n    private _filterMasterImageFromVariant(images?: IImageData[]): IImageData[] {\n        const shouldHidePrimaryImages = this.props.config.shouldHideMasterProductImagesForVariant ?? true;\n        let variantImages = images ?? [];\n        const isVariantProduct =\n            !ObjectExtensions.isNullOrUndefined(this.props.data.product.result?.MasterProductId) ||\n            !ObjectExtensions.isNullOrUndefined(this.props.data.product.result?.productVariant);\n        const itemId = this.props.data.product.result?.ItemId;\n        if (shouldHidePrimaryImages && isVariantProduct && itemId) {\n            // Currently returned image response is having duplicate image\n            // along with non-selected variant and previous selection is not getting cleared. With the help of index we\n            // select item from 0 index till it is having non repeating image source name ending with index number.\n            // Here we are keeping '.' to make sure that we are considering any digit just before '.' in image source path\n            variantImages = variantImages.filter(item => {\n                const imagePattern = `${itemId}_000`;\n                return !item.src?.includes(imagePattern);\n            });\n            if (!ArrayExtensions.hasElements(variantImages)) {\n                variantImages = images ?? [];\n            }\n        }\n        return variantImages;\n    }\n\n    private readonly _getCarouselItem = (\n        image: IImageData,\n        imageSettings: IImageSettings,\n        index: number,\n        isInPopup: boolean = false\n    ): React.ReactNode => (\n        <Image\n            requestContext={this.props.context.actionContext.requestContext}\n            className='ms-media-gallery__item'\n            {...image}\n            fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n            gridSettings={this.props.context.request.gridSettings!}\n            imageSettings={imageSettings}\n            loadFailureBehavior='hide'\n            id={`${this.props.id}__carousel-item__${index}`}\n            shouldSkipToMainImage={isInPopup}\n            bypassHideOnFailure={index === 0}\n        />\n    );\n\n    private readonly _getThumbnailItem = (\n        image: IImageData,\n        imageSettings: IImageSettings,\n        index: number,\n        modifiedActiveIndex: number\n    ): IMediaGalleryThumbnailItemViewProps => {\n        const classes = classnames(\n            'ms-media-gallery__thumbnail-item',\n            modifiedActiveIndex === index ? 'ms-media-gallery__thumbnail-item-active' : ''\n        );\n\n        return {\n            ThumbnailItemContainerProps: {\n                tag: 'li' as NodeTag,\n                className: classes,\n                role: 'tab',\n                tabIndex: 0,\n                key: index,\n                'aria-label': image.altText,\n                'aria-selected': modifiedActiveIndex === index,\n                onClick: this._generateOnThumbnailClick(index),\n                onKeyDown: this._generateOnThumbnailKeyDown(index)\n            },\n            Picture: (\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__thumbnail'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\n                    bypassHideOnFailure={index === 0}\n                />\n            )\n        };\n    };\n\n    /**\n     * Ref Handler.\n     * @param index -Remove item click function.\n     * @returns Set inline zoom.\n     */\n    private readonly _refHandler = (index: number) => (divRef: HTMLDivElement) => {\n        this._inlineZoomDivRef.set(index, divRef);\n    };\n\n    private readonly _generateOnThumbnailKeyDown = (index: number) => {\n        return (event: React.KeyboardEvent) => {\n            if (event.which === KeyCodes.Enter || event.which === KeyCodes.Space) {\n                event.preventDefault();\n\n                this.goToIndex(index);\n            }\n        };\n    };\n\n    private readonly _generateOnThumbnailClick = (index: number) => {\n        return (event: React.MouseEvent<HTMLLIElement>) => {\n            event.preventDefault();\n\n            this.goToIndex(index);\n        };\n    };\n\n    private _renderImageInlineOnZoom(image: IImageData, imageSettings: IImageSettings, index: number): React.ReactNode {\n        return (\n            <div\n                className={`ms-inline-zoom ${this.state.isImageZoomed ? 'zoomed' : ''}`}\n                ref={this._refHandler(index)}\n                data-scale={this.props.config.dataScale ?? defaultDataScale}\n            >\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__item'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    onClick={this._onInlineImageClick}\n                    onMouseOver={(this.state.isImageZoomed && this._inlineZoomImageOnHover) || undefined}\n                    id={`${this.props.id}__carousel-item__${index}`}\n                    shouldSkipToMainImage\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage && !this.props.config.allowFullScreen}\n                    bypassHideOnFailure={index === 0}\n                />\n                <Image\n                    role='presentation'\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-inline-zoom__zoomedImg'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    onClick={this._onImageMouseOut}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    id={`${this.props.id}__zoom__${index}`}\n                    onMouseMove={(this.state.isImageZoomed && inlineZoomImageOnMouseMove) || undefined}\n                    shouldSkipToMainImage\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage && !this.props.config.allowFullScreen}\n                    bypassHideOnFailure={index === 0}\n                />\n            </div>\n        );\n    }\n\n    private _inlineZoomImageOnHover(event: React.MouseEvent<HTMLImageElement>): void {\n        inlineZoomImageOnHover(event, this.props.config.dataScale ?? String(defaultDataScale));\n    }\n\n    private _handleMobileViewZoomedImageClick(event: React.MouseEvent<HTMLImageElement>) {\n        const target = this.state.shouldUseOptimizedImage ? (event.target as HTMLImageElement) : event.currentTarget;\n        const mobileZoomedInImageClassName = 'msc-mobile-zoomed-in';\n        if (!this.state.isMobileImageZoomed) {\n            const bounds = target.getBoundingClientRect();\n            const dataScale = Number(this.props.config.dataScale ?? defaultDataScale);\n\n            const positionX = event.clientX - bounds.left;\n            const positionY = event.clientY - bounds.top;\n            const scaledPositionX = positionX * dataScale;\n            const scaledPositionY = positionY * dataScale;\n\n            target.style.transform = `scale(${dataScale})`;\n            target.classList.add(mobileZoomedInImageClassName);\n            target.parentElement!.style.overflow = 'auto';\n            target.parentElement!.scrollTo(scaledPositionX - positionX, scaledPositionY - positionY);\n            this.setState({\n                isMobileImageZoomed: true\n            });\n        } else {\n            target.style.transform = '';\n            target.classList.remove(mobileZoomedInImageClassName);\n            target.parentElement!.style.overflow = '';\n            this.setState({\n                isMobileImageZoomed: false\n            });\n        }\n    }\n\n    private _onInlineImageClick(event: React.MouseEvent<HTMLImageElement>): void {\n        if (window.innerWidth <= 768) {\n            // $msv-breakpoint-m\n            this._handleMobileViewZoomedImageClick(event);\n            return;\n        }\n        inlineZoomInitClick(event, this.props.config.dataScale ?? String(defaultDataScale));\n        this.setState({\n            isImageZoomed: true\n        });\n    }\n\n    private _onImageMouseOut(event: React.MouseEvent<HTMLImageElement, MouseEvent>): void {\n        inlineZoomImageOnMouseOut(event);\n        this.setState({\n            isImageZoomed: false\n        });\n    }\n\n    private _onContainerZoomImageClick(event: React.MouseEvent<HTMLImageElement>): void {\n        if (window.innerWidth <= 768) {\n            // $msv-breakpoint-m\n            this._handleMobileViewZoomedImageClick(event);\n            return;\n        }\n\n        onContainerZoomInit(event);\n\n        this.setState({\n            isImageZoomed: true\n        });\n    }\n\n    private _onMouseOutLensContainer(event: React.MouseEvent<HTMLImageElement>): void {\n        onMouseOutLensContainer(event);\n\n        this.setState({\n            isImageZoomed: false\n        });\n    }\n\n    private _renderImageInContainerOnZoom(image: IImageData, imageSettings: IImageSettings, index: number): React.ReactNode {\n        return (\n            <div className='ms-containerZoom__container'>\n                <div\n                    data-scale={this.props.config.dataScale ?? defaultDataScale}\n                    className='ms-containerZoom__zoom-lens'\n                    role='presentation'\n                    onMouseOut={this._onMouseOutLensContainer}\n                    onClick={this._onMouseOutLensContainer}\n                    onMouseMove={(this.state.isImageZoomed && onMouseMoveLensContainer) || undefined}\n                />\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__item'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    onClick={this._onContainerZoomImageClick}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    onMouseOver={(this.state.isImageZoomed && onMouseOverImageContainer) || undefined}\n                    id={`${this.props.id}__carousel-item__${index}`}\n                    shouldSkipToMainImage\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage && !this.props.config.allowFullScreen}\n                    bypassHideOnFailure={index === 0}\n                />\n            </div>\n        );\n    }\n\n    private _renderImageFullScreenOnZoom(image: IImageData, imageSettings: IImageSettings, index: number): React.ReactNode {\n        return (\n            <div className='ms-fullscreen-section'>\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__item'\n                    {...image}\n                    fallBackSrc={index === 0 ? this.fallbackImage : image.src}\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings}\n                    loadFailureBehavior='hide'\n                    imageFallbackOptimize={this.state.shouldUseOptimizedImage}\n                    bypassHideOnFailure={index === 0}\n                />\n                <div className='ms-fullscreen-section__overlay'>\n                    {}\n                    <a\n                        href='javascript:void(0);'\n                        title={this.props.resources.fullScreenTitleText}\n                        role='button'\n                        ref={this.fullScreenOverlayButtonRef}\n                        onClick={this.openModalDialog}\n                        className='ms-fullscreen-section__magnifying-glass-icon'\n                    />\n                </div>\n            </div>\n        );\n    }\n\n    private _mapProductToImageData(product: SimpleProduct): IImageData {\n        return {\n            src: product.PrimaryImageUrl ?? ''\n        };\n    }\n\n    private _renderEmptyImage(imageSettings: IImageSettings | undefined): React.ReactNode {\n        return (\n            <div className='ms-media-gallery__item'>\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__item__image'\n                    src='empty'\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings ?? this.defaultGalleryImageSettings}\n                    loadFailureBehavior='empty'\n                />\n            </div>\n        );\n    }\n\n    private _getEmptyThumbnailItem(\n        imageSettings: IImageSettings | undefined,\n        index: number,\n        modifiedActiveIndex: number\n    ): IMediaGalleryThumbnailItemViewProps {\n        const classes = classnames(\n            'ms-media-gallery__thumbnail-item',\n            modifiedActiveIndex === index ? 'ms-media-gallery__thumbnail-item-active' : ''\n        );\n        return {\n            ThumbnailItemContainerProps: {\n                tag: 'li' as NodeTag,\n                className: classes,\n                role: 'tab',\n                tabIndex: 0,\n                key: 'empty',\n                'aria-label': '',\n                'aria-selected': modifiedActiveIndex === index,\n                onClick: this._generateOnThumbnailClick(index),\n                onKeyDown: this._generateOnThumbnailKeyDown(index)\n            },\n            Picture: (\n                <Image\n                    requestContext={this.props.context.actionContext.requestContext}\n                    className='ms-media-gallery__thumbnail-item__image'\n                    src='empty'\n                    gridSettings={this.props.context.request.gridSettings!}\n                    imageSettings={imageSettings ?? this.defaultThumbnailImageSettings}\n                    loadFailureBehavior='empty'\n                />\n            )\n        };\n    }\n\n    private readonly isFirstItem = () => this.state.activeIndex === 0;\n\n    private readonly isLastItem = () => {\n        const images = this.state.mediaGalleryItems;\n        return images && this.state.activeIndex === images.length - 1;\n    };\n\n    private readonly openModalDialog = (): void => {\n        this._toggleModal();\n    };\n\n    private _toggleModal(): void {\n        if (this.state.modalIsOpen) {\n            this.fullScreenOverlayButtonRef.current?.focus();\n            const parentDiv = this._inlineZoomDivRef.get(this.state.activeIndex);\n            if (parentDiv && parentDiv.children && parentDiv.children.length >= 2) {\n                const image = parentDiv.children[1].querySelector('img');\n                if (image) {\n                    image.removeAttribute('style');\n                }\n            }\n            this.setState({\n                isImageZoomed: false\n            });\n        }\n        this.setState({\n            isImageZoomed: false,\n            modalIsOpen: !this.state.modalIsOpen\n        });\n        removeInlineZoomStyle();\n        removeContainerZoomStyle();\n    }\n\n    private readonly imageModalSlider = (ZoomView: string): React.ReactElement => {\n        const {\n            data: {\n                product: { result: product }\n            },\n            resources\n        } = this.props;\n        let mediaGalleryItems = this.state.mediaGalleryItems;\n\n        if (!mediaGalleryItems && product) {\n            mediaGalleryItems = [this._mapProductToImageData(product)];\n        }\n        const carouselprops = {\n            tag: Carousel,\n            className: 'ms-media-gallery__carousel',\n            items:\n                mediaGalleryItems &&\n                mediaGalleryItems.map((item: IImageData, index: number) =>\n                    this._renderCarouselItemImageView(ZoomView, item, this._zoomedImageSettings, index, true)\n                ),\n            activeIndex: this.state.activeIndex,\n            next: this.next,\n            previous: this.previous,\n            interval: false,\n            directionTextPrev: resources.previousScreenshotFlipperText,\n            directionTextNext: resources.nextScreenshotFlipperText,\n            onIndicatorsClickHandler: this.goToIndex,\n            showPaginationTooltip: true,\n            hideIndicator: false,\n            keyboard: false,\n            handleOnExited: this.onExited,\n            handleOnExiting: this.onExiting,\n            isDisabledFunctionality: this.state.isMobileImageZoomed\n        } as IComponentNodeProps<ICarouselProps>;\n        const carousel = <Carousel {...carouselprops} />;\n\n        const imageModalSliderProps: IModalViewProps = {\n            modalIsOpen: this.state.modalIsOpen,\n            ontoggle: this._toggleModal,\n            galleryCarousel: carousel,\n            classNames: classnames('ms-media-gallery__modal', 'msc-modal-input-required')\n        };\n        return ImagefullView(imageModalSliderProps) as React.ReactElement;\n    };\n}\n\nexport default MediaGallery;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IMediaGalleryThumbnailItemViewProps, IMediaGalleryThumbnailsViewProps, IMediaGalleryViewProps } from '../..';\n\nconst MediaGalleryView: React.FC<IMediaGalleryViewProps> = props => {\n    const { CarouselProps, Thumbnails, MediaGallery, Modal } = props;\n\n    return (\n        <Module {...MediaGallery}>\n            <Node {...CarouselProps} />\n            {Modal}\n            {_renderThumbnails(Thumbnails)}\n        </Module>\n    );\n};\n\nconst _renderThumbnails = (thumbnails: IMediaGalleryThumbnailsViewProps): JSX.Element => {\n    const { ThumbnailsContainerProps, SingleSlideCarouselComponentProps, items } = thumbnails;\n\n    return (\n        <Node {...ThumbnailsContainerProps}>\n            <Node {...SingleSlideCarouselComponentProps}>{items && items.map(_renderThumbnailItem)}</Node>\n        </Node>\n    );\n};\n\nconst _renderThumbnailItem = (thumbnail: IMediaGalleryThumbnailItemViewProps): JSX.Element => {\n    const { ThumbnailItemContainerProps, Picture } = thumbnail;\n\n    return <Node {...ThumbnailItemContainerProps}>{Picture}</Node>;\n};\n\nexport default MediaGalleryView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IImageData, IImageSettings, Image } from '@msdyn365-commerce/core';\nimport {\n    IMediaGalleryThumbnailItemViewProps,\n    IMediaGalleryThumbnailsViewProps,\n    IMediaGalleryViewProps\n} from '@msdyn365-commerce-modules/media-gallery';\nimport { getFallbackImageUrl } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, KeyCodes, Module, Node, NodeTag } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport React from 'react';\n\n/**\n * Render the thumbnail item images.\n * @param thumbnail - The carousel thumbnail line props.\n * @returns Return HTML having thumnailcontainer props with image.\n */\nconst renderThumbnailItem = (thumbnail: IMediaGalleryThumbnailItemViewProps): JSX.Element => {\n    // eslint-disable-next-line @typescript-eslint/naming-convention --  Dependency from media-gallery.tsx file\n    const { ThumbnailItemContainerProps, Picture } = thumbnail;\n\n    return <Node {...ThumbnailItemContainerProps}>{Picture}</Node>;\n};\n\n/**\n * Gets the thumbnail item to display media gallery images.\n * @param image - The media gallery images.\n * @param imageSettings - Image settings for the image gallery items.\n * @param imageId - Image id.\n * @param modifiedActiveIndex - Modified Index of the images when selection changes.\n * @param props - The Media gallery view props from business layer.\n * @returns Return thumbnail view props which will be used to render images.\n */\nconst GetThumbnailItemComponent = (\n    image: IImageData,\n    imageSettings: IImageSettings,\n    imageId: number,\n    modifiedActiveIndex: number,\n    props: IMediaGalleryViewProps\n): IMediaGalleryThumbnailItemViewProps => {\n    let fallbackImage: string | undefined = '';\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- Site level config can be of any type.\n    const emptyPlaceHolderImage = props.context.app.config?.placeholderImageName as string;\n    if (props.data.product.result) {\n        fallbackImage = getFallbackImageUrl(props.data.product.result.ItemId, props.context.request.apiSettings);\n    }\n    if (emptyPlaceHolderImage && fallbackImage) {\n        fallbackImage = `${fallbackImage},${emptyPlaceHolderImage}`;\n    }\n\n    /**\n     * OnClick method of media gallery item.\n     */\n    const onClick = () => {\n        props.callbackToggle?.();\n        props.callbackThumbnailClick?.(imageId);\n        props.state.activeIndex = imageId;\n    };\n\n    const classes = classnames(\n        'ms-media-gallery__thumbnail-item',\n        modifiedActiveIndex === imageId ? 'ms-media-gallery__thumbnail-item-active' : ''\n    );\n\n    /**\n     * Keydown event of media gallery item.\n     * @param event - React.KeyboardEvent.\n     */\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.keyCode === KeyCodes.Enter) {\n            event.preventDefault();\n            onClick();\n        }\n    };\n    const defaultIndex = 0;\n    return {\n        ThumbnailItemContainerProps: {\n            tag: 'li' as NodeTag,\n            className: classes,\n            role: 'presentation',\n            key: imageId\n        },\n        Picture: (\n            <Node className='ms-fullscreen-section'>\n                <Button\n                    role='tab'\n                    aria-label={image.altText}\n                    aria-selected={modifiedActiveIndex === imageId}\n                    aria-controls={`${props.id}__carousel-item__${imageId}`}\n                    className='msc-ss-carousel-vert-button-wrapper'\n                    onClick={onClick}\n                    onKeyDown={handleKeyDown}\n                >\n                    <Image\n                        requestContext={props.context.actionContext.requestContext}\n                        className='ms-media-gallery__thumbnail'\n                        {...image}\n                        gridSettings={props.context.request.gridSettings!}\n                        imageSettings={props.config.thumbnailImageSettings ?? imageSettings}\n                        loadFailureBehavior='hide'\n                        imageFallbackOptimize={props.state.shouldUseOptimizedImage}\n                        fallBackSrc={imageId === defaultIndex ? fallbackImage : image.src}\n                        bypassHideOnFailure={imageId === defaultIndex}\n                    />\n                </Button>\n                <Node className='ms-fullscreen-section__overlay'>\n                    <Button\n                        onKeyDown={handleKeyDown}\n                        title={props.resources.fullScreenTitleText}\n                        role='button'\n                        className='ms-fullscreen-section__magnifying-glass-icon'\n                        onClick={onClick}\n                    />\n                </Node>\n            </Node>\n        )\n    };\n};\n\n/**\n * Gets the empty thumbnail item to display media gallery images.\n * @param imageSettings - Image settings for the image gallery items.\n * @param props - The Media gallery view props from business layer.\n * @returns Return thumbnail view props which will be used to render empty images.\n */\nconst GetEmptyThumbnailItemComponent = (\n    imageSettings: IImageSettings,\n    props: IMediaGalleryViewProps\n): IMediaGalleryThumbnailItemViewProps => {\n    let fallbackImage: string | undefined = '';\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- Site level config can be of any type.\n    const emptyPlaceHolderImage = props.context.app.config?.placeholderImageName as string;\n    if (props.data.product.result) {\n        fallbackImage = getFallbackImageUrl(props.data.product.result.ItemId, props.context.request.apiSettings);\n    }\n    if (emptyPlaceHolderImage && fallbackImage) {\n        fallbackImage = `${fallbackImage},${emptyPlaceHolderImage}`;\n    }\n    return {\n        ThumbnailItemContainerProps: {\n            tag: 'li' as NodeTag,\n            className: 'ms-media-gallery__thumbnail-item',\n            role: 'tab',\n            tabIndex: 0,\n            key: 0,\n            'aria-label': '',\n            'aria-selected': true\n        },\n        Picture: (\n            <Image\n                requestContext={props.context.actionContext.requestContext}\n                className='ms-media-gallery__thumbnail-item__image'\n                src='empty'\n                gridSettings={props.context.request.gridSettings!}\n                imageSettings={props.config.thumbnailImageSettings ?? imageSettings}\n                loadFailureBehavior='empty'\n                imageFallbackOptimize={!!props.config.skipImageValidation}\n                fallBackSrc={fallbackImage}\n            />\n        )\n    };\n};\n\n/**\n * Update media gallery items method.\n * @param items - The media gallery thumbnail item view props.\n * @returns The IImageData array.\n */\nconst getMediaGalleryItems = (items?: IMediaGalleryThumbnailItemViewProps[]): IImageData[] | undefined => {\n    return items?.map(item => {\n        return {\n            altText: item.Picture.props.altText,\n            src: item.Picture.props.src\n        };\n    });\n};\n\nconst defaultThumbnailImageSettings: IImageSettings = {\n    viewports: {\n        xs: { q: 'w=295&h=295&q=80&m=6&f=jpg', w: 295, h: 295 },\n        xl: { q: 'w=295&h=295&q=80&m=6&f=jpg', w: 295, h: 295 }\n    },\n    lazyload: true,\n    cropFocalRegion: true\n};\n\n/**\n * Render the Media gallery thumbnails to represent images in grid view.\n * @param thumbnails - The thumbnail view props.\n * @param props - The media gallery view props.\n * @returns - The single slide carousel component to render as media gallery image.\n */\nconst renderThumbnails = (thumbnails: IMediaGalleryThumbnailsViewProps, props: IMediaGalleryViewProps): JSX.Element => {\n    // eslint-disable-next-line @typescript-eslint/naming-convention --  Dependency from media-gallery.tsx file\n    const { ThumbnailsContainerProps, SingleSlideCarouselComponentProps } = thumbnails;\n    const { state, Thumbnails } = props;\n    const mediaGalleryItems = getMediaGalleryItems(Thumbnails.items);\n\n    const items: IMediaGalleryThumbnailItemViewProps[] | undefined =\n        // eslint-disable-next-line multiline-ternary -- need multiline for easy code reading\n        state.lastUpdate && mediaGalleryItems && mediaGalleryItems[0].src === 'empty'\n            ? [GetEmptyThumbnailItemComponent(defaultThumbnailImageSettings, props)]\n            : // eslint-disable-next-line @typescript-eslint/naming-convention -- Dependency from media-gallery\n              mediaGalleryItems?.map((item: IImageData, id: number) =>\n                  GetThumbnailItemComponent(item, defaultThumbnailImageSettings, id, state.activeIndex, props)\n              );\n\n    return (\n        <Node {...ThumbnailsContainerProps}>\n            <Node {...SingleSlideCarouselComponentProps}>{items?.map(renderThumbnailItem)}</Node>\n        </Node>\n    );\n};\n\n/**\n * Render the Media gallery items using viewprops.\n * @param props - The media gallery view props.\n * @returns The media gallery module wrapping up images node.\n */\nconst mediaGalleryView: React.FC<IMediaGalleryViewProps> = props => {\n    // eslint-disable-next-line @typescript-eslint/naming-convention --  Dependency from media-gallery.tsx file\n    const { CarouselProps, Thumbnails, MediaGallery, Modal } = props;\n    return (\n        <Module {...MediaGallery}>\n            <Node {...CarouselProps} />\n            {Modal}\n            {renderThumbnails(Thumbnails, props)}\n        </Module>\n    );\n};\n\nexport default mediaGalleryView;\n","module.exports = React;","module.exports = ReactDOM;"],"names":["binding","modules","dataActions","registerSanitizedActionPath","sanitizedActionPath","dataAction","default","Error","prototype","RegistrationId","id","c","require","$type","da","name","path","runOn","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","async","getValidProductImages","productId","channelId","actionContext","imageSettings","selectedProduct","catalogId","getCatalogId","requestContext","actionInput","MediaLocationsForSelectedVariantInput","getMediaLocationsForSelectedVariant","then","mediaLocations","Promise","all","map","mediaLocation","validateMediaLocaionAsync","pairs","filter","pair","catch","error","telemetry","exception","debug","validateProductImages","imageData","src","Uri","altText","AltText","resolve","http","XMLHttpRequest","open","addEventListener","status","send","_unused","MediaGallery","React","constructor","props","_this","_ref","_props$config$zoomedI","super","this","_inlineZoomDivRef","Map","fullScreenOverlayButtonRef","mediaGalleryImages","defaultGalleryImageSettings","viewports","xs","q","w","h","sm","lg","lazyload","cropFocalRegion","defaultThumbnailImageSettings","onExiting","setState","animating","onExited","next","removeInlineZoomStyle","undefined","isLastItem","nextIndex","state","activeIndex","goToIndex","updateZoomedInImage","previous","images","mediaGalleryItems","isFirstItem","length","index","_getCarouselItem","image","isInPopup","arguments","Image","Object","assign","context","className","fallBackSrc","fallbackImage","gridSettings","request","loadFailureBehavior","shouldSkipToMainImage","bypassHideOnFailure","_getThumbnailItem","modifiedActiveIndex","ThumbnailItemContainerProps","tag","classnames","role","tabIndex","key","onClick","_generateOnThumbnailClick","onKeyDown","_generateOnThumbnailKeyDown","Picture","imageFallbackOptimize","shouldUseOptimizedImage","_refHandler","divRef","set","event","which","KeyCodes","Enter","Space","preventDefault","openModalDialog","_toggleModal","imageModalSlider","ZoomView","data","product","result","resources","_mapProductToImageData","carouselprops","Carousel","items","item","_renderCarouselItemImageView","_zoomedImageSettings","interval","directionTextPrev","previousScreenshotFlipperText","directionTextNext","nextScreenshotFlipperText","onIndicatorsClickHandler","showPaginationTooltip","hideIndicator","keyboard","handleOnExited","handleOnExiting","isDisabledFunctionality","isMobileImageZoomed","carousel","imageModalSliderProps","modalIsOpen","ontoggle","galleryCarousel","classNames","ImagefullView","bind","isImageZoomed","isInitialLoad","config","skipImageValidation","zoomedImageSettings","galleryImageSettings","_onImageMouseOut","_inlineZoomImageOnHover","_onInlineImageClick","_onContainerZoomImageClick","_onMouseOutLensContainer","isMobile","variant","VariantType","Viewport","_this$props$config$im","source","imageSource","shouldUpdateOnPartialDimensionSelection","_setRenderType","mediaLocationsForSelectedVariant","_this$props$config$th","thumbnailImageSettings","_setImages","_this$props$config$th2","RecordId","apiSettings","productVariant","reaction","_product$productVaria","ObjectExtensions","isNullOrUndefined","_this$props$config$th3","_this$props$config$th4","shouldComponentUpdate","nextProps","nextState","render","_this$props$config$im2","_this$props$context$a","isVertical","thumbnailsOrientation","isFullscreenAllowed","allowFullScreen","zoomViewMode","imageZoom","emptyPlaceHolderImage","app","placeholderImageName","getFallbackImageUrl","ItemId","_this$props$config$im3","_mediaLocation$Uri","_mediaLocation$AltTex","curatedImages","_filterMasterImageFromVariant","mediaGalleryCarouselItems","_getMediaGalleryItems","mediaGalleryThumbnailCarouselItems","_getMediaGalleryThumbnailItems","viewProps","moduleProps","Modal","callbackToggle","callbackThumbnailClick","callbackThumbnailKeyDown","CarouselProps","indicatorAriaText","ariaLabelForSlide","keys","Thumbnails","ThumbnailsContainerProps","SingleSlideCarouselComponentProps","SingleSlideCarousel","vertical","flipperPrevLabel","flipperNextLabel","parentId","useTabList","JSON","stringify","renderView","_this$state$mediaGall","ArrayExtensions","hasElements","lastUpdate","defaultKey","_getEmptyThumbnailItem","_this$state$mediaGall2","zoomView","_renderEmptyImage","_this$props$config$im4","_this$props$config$sh","curatedImage","imagesToSet","shouldHideMasterProductImagesForVariant","_item$src","incrementedIndex","imageIndex","includes","Date","now","_renderImageInContainerOnZoom","_renderImageFullScreenOnZoom","_renderImageInlineOnZoom","_this$props$config$sh2","_this$props$data$prod","_this$props$data$prod2","_this$props$data$prod3","shouldHidePrimaryImages","variantImages","isVariantProduct","MasterProductId","itemId","_item$src2","imagePattern","_this$props$config$da","ref","dataScale","defaultDataScale","onMouseOver","onMouseMove","inlineZoomImageOnMouseMove","_this$props$config$da2","inlineZoomImageOnHover","String","_handleMobileViewZoomedImageClick","target","currentTarget","mobileZoomedInImageClassName","style","transform","classList","remove","parentElement","overflow","_this$props$config$da3","bounds","getBoundingClientRect","Number","positionX","clientX","left","positionY","clientY","top","scaledPositionX","scaledPositionY","add","scrollTo","_this$props$config$da4","innerWidth","inlineZoomInitClick","inlineZoomImageOnMouseOut","onContainerZoomInit","onMouseOutLensContainer","_this$props$config$da5","onMouseOut","onMouseMoveLensContainer","onMouseOverImageContainer","href","title","fullScreenTitleText","_product$PrimaryImage","PrimaryImageUrl","_this$fullScreenOverl","current","focus","parentDiv","get","children","querySelector","removeAttribute","removeContainerZoomStyle","_renderThumbnails","thumbnails","Node","_renderThumbnailItem","thumbnail","Module","renderThumbnailItem","GetEmptyThumbnailItemComponent","_props$context$app$co2","_props$config$thumbna2","xl","renderThumbnails","getMediaGalleryItems","GetThumbnailItemComponent","imageId","_props$context$app$co","_props$config$thumbna","_props$callbackToggle","_props$callbackThumbn","call","handleKeyDown","keyCode","Button","module","exports","ReactDOM"],"sourceRoot":""}