{"version":3,"file":"react/js/main-0484cbd6.ada301998e4f8b67e363.js","mappings":"8KAQA,MAoBA,EApB6B,OAGjB,UAAC,IAAG,cACa,sBACXA,GAAI,CACEC,QAAS,OACTC,OAAQ,cACRC,cAAe,SACfC,UAAW,UAChB,WACD,SAAC,IAAM,KAEP,SAAC,IAAO,KAER,SAAC,IAAM,M,8FCpBlB,MAAMC,GAAiB,EAAAC,EAAA,IAAOC,EAAA,EAAP,EAAiB,EAAGC,YAAY,CAExD,qBAAsB,CAChBC,OAAQ,OACRC,aAAc,gBASpB,sBAAuB,CACjBA,aAAc,eACdD,OAAQ,OACR,+BAAgC,CAC1BC,aAAc,eACdD,OAAQ,QAEd,uCAAwC,CAClCC,aAAc,eACdD,OAAQ,QAEd,iCAAkC,CAC5BC,aAAc,eACdD,OAAQ,SAKpB,iCAAkC,CAC5BC,aAAc,gBAIpB,4BAA6B,CACvBC,QAAS,mBAIf,oCAAqC,CAC/BA,QAAS,mBAIf,8BAA+B,CACzBC,WAAY,OACZC,gBAAiBL,EAAMM,QAAQC,UAAUC,KACzCC,MAAOT,EAAMM,QAAQC,UAAUG,cAIrC,mCAAoC,CAC9BD,MAAOT,EAAMM,QAAQC,UAAUG,aAC/BN,WAAY,QAIlB,4CAA6C,CACvCK,MAAOT,EAAMM,QAAQC,UAAUG,aAC/BN,WAAY,YCIxB,EAnDuDO,KAC5B,EAAAC,EAAA,KAArB,MAEM,KACAC,EAAI,QACJC,EAAO,iBACPC,EAAgB,aAChBC,EAAY,sBACZC,EAAqB,sBACrBC,EAAqB,8BACrBC,KACGC,GACLT,EAEEU,EAAyB,eACxBC,IACKH,IAAgCG,EAAgB,GAEtD,CAACH,IAGDI,EAAsB,CACtBC,WAAY,CACNC,gBAAiB,CAAEC,KAAM,EAAGC,SAAU,KAI5CC,EAAqB,IAClBL,KACAP,EACHQ,WAAY,IACHD,EAAoBC,cACnBR,GAAcQ,YAAc,CAAC,IAG7C,OAEM,SAAC3B,EAAc,IACJuB,EACLN,QAAUA,EACVD,KAAOA,EACPG,aAAeY,EACfC,gBAAkB,CAAC,EAAG,GAAI,GAAI,GAAI,KAClCC,kBAAoBf,EACpBE,sBAAwBN,EAAMM,sBAC9Bc,0BAA6BC,GAAiBd,EAAsBc,GACpEb,8BAAgCE,GAE3C,C,gKC9DA,MAAMY,GAA4B,EAAAnC,EAAA,IAAOoC,EAAA,EAAP,EAA4B,EAAGlC,YAAY,CAC9ES,MAAOT,EAAMM,QAAQ6B,QAAQ3B,KAC7BL,QAAS,kBACTiC,UAAW,kBAGX,UAAW,CACLjC,QAAS,kBACTiC,UAAW,mBAIjB,iBAAkB,CACZjC,QAAS,kBACTiC,UAAW,mBAIjB,kBAAmB,CACbjC,QAAS,kBACTiC,UAAW,mBAIjB,qBAAsB,CAChBjC,QAAS,kBACTiC,UAAW,mBAIjB,2BAA4B,CACtBjC,QAAS,kBACTiC,UAAW,uBC2CvB,EArD4DzB,IAEtD,MAAMX,GAAe,EAAAY,EAAA,MAEf,OAAEyB,EAAM,cAAEC,EAAa,gBAAEC,EAAe,kBAAEC,EAAiB,gBAAEC,EAAe,kBAAEC,GAAsB/B,EAEpGgC,EAAeL,EAAeD,EAAOO,IAAIC,KAAOC,OAAS,KAAaC,KAE5E,OACM,SAAC,EAAAC,SAAQ,UACDL,GACI,UAACM,EAAA,EAAG,YACE,SAAChB,EAAyB,CACpBiB,MAAO,SAACC,EAAA,EAAQ,IAChBC,MAAM,OACN5D,GAAK,CACCiB,MAAOT,EAAMM,QAAQ+C,QAAQ7C,MAEnC8C,QAAUf,EAAgBF,EAAOO,IAAIC,OAE3C,SAACZ,EAAyB,CACpBiB,MAAO,SAACK,EAAA,EAAU,IAClBH,MAAM,SACN5D,GAAK,CACCiB,MAAOT,EAAMM,QAAQkD,QAAQhD,MAEnC8C,QAAUd,EAAkBH,EAAOO,IAAIC,UAInD,UAACI,EAAA,EAAG,YACE,SAAChB,EAAyB,CACpBiB,MAAO,SAACH,EAAA,EAAQ,IAChBK,MAAM,OACN5D,GAAK,CACCiB,MAAOT,EAAMM,QAAQ6B,QAAQ3B,MAEnC8C,QAAWG,GAAQhB,EAAgBJ,EAAOO,IAAIC,GAA3BJ,CAAgCgB,MAEzD,SAACxB,EAAyB,CACpBiB,MAAO,SAACQ,EAAA,EAAU,IAClBN,MAAM,SACN5D,GAAK,CACCiB,MAAOT,EAAMM,QAAQqD,MAAMnD,MAEjC8C,QAAUZ,EAAkBL,EAAOO,IAAIC,UAKpE,C,mFClEP,MAmCA,EAnCwFlC,KAE7D,SAArB,MAEM,KAAEiD,GAASjD,EAEjB,OAEM,SAAC,IAAG,CACEnB,GAAK,CACCC,QAAS,OACToE,WAAY,SACZnE,OAAQ,QACb,UAED,SAAC,IAAU,CACLoE,QAAQ,QACRtE,GAAK,CACCuE,SAAU,SACVC,UAAW,OACXvE,QAAS,cACTwE,gBAAiB,WACjBC,gBAAiB,EACjBC,SAAU,SACVC,aAAc,WACdC,WAAY,UACjB,SACCT,KAKnB,C,8FC5BP,MAqCA,EArC8DjD,IAExD,MAAMX,GAAe,EAAAY,EAAA,MAEf,IACA0D,EAAG,IACHC,GACF5D,GAEI6D,EAAUC,IAAgB,IAAAC,WAAS,GAErCC,EAAUH,EAEV,sBADAD,GAAO,QAGb,OAEM,SAACtB,EAAA,EAAG,CAACxD,QAAQ,OAAOmF,eAAe,SAASf,WAAW,SAASgB,MAAM,OAAOnF,OAAO,OAAM,SAClF8E,GACI,SAACM,EAAA,EAAwB,CACnBtF,GAAK,CACCuE,SAAU,GACVtD,MAAOT,EAAMM,QAAQqD,MAAMnD,SAGvC,gBACM8D,IAAMA,EACNC,IAAMI,EACNI,MAAQ,CAAEF,MAAO,OAAQnF,OAAQ,QACjCsF,QAAU,IAAMP,GAAY,MAKnD,ECjBP,EAlB4E9D,IAEtE,MAAM,QACAsE,EAAO,UACPC,EAAS,IACTX,GACF5D,EAEEwE,EAAW,mCAAmCF,IAEpD,OAEM,SAAC,EAAiB,CACZX,IAAMa,EACNZ,IAAMA,GACjB,C,+HCnBA,MAAMa,EAAe,CAACC,EAA4CH,KAEnE,IAAI,QAA0BG,GAAOC,WACrC,CACM,MAAMA,EAAY,yBAAyBD,EAAOC,YAElD,OACM,gBAAKhB,IAAMgB,EAAYf,IAAM,GAAGW,UAAoBH,MAAQ,CAAEQ,OAAQ,OAAQC,SAAU,OAAQ9F,OAAQ,OAAQ+F,UAAW,UAEvI,CAEA,OACM,gBAAKnB,IAAI,+BAA+BC,IAAM,GAAGW,wBAAkCH,MAAQ,CAAEQ,OAAQ,OAAQC,SAAU,OAAQ9F,OAAQ,OAAQ+F,UAAW,UAC/J,ECiFP,EAlFgE9E,IAE1D,MAAMX,GAAe,EAAAY,EAAA,MAEf,MACAyE,EAAK,UACLH,EAAS,gBACTQ,EAAe,kBACfC,GACFhF,EAUEiF,EAAyB,WAAdV,EAAyB,eAAiB,kBAE3D,OACM,UAACjC,EAAA,EAAG,CACExD,QAAQ,OACRoE,WAAW,SACXlE,cAAc,SACdH,GAAK,CACCS,OAAQ,gCACR4F,UAAW,QACX3F,aAAc,MACd4F,EAAG,EACHC,SAAU,YACf,WAED,SAACC,EAAA,EAAU,CAAClC,QAAQ,YAAYtE,GAAK,CAAEY,WAAY,QAAW6F,cAAY,WAClEL,IAGNR,EAAaC,EAAOH,GAEpBG,GAASA,EAAMC,YACX,SAACY,EAAA,EAAM,CACD5C,QA/BDG,IAEbkC,GAEEA,EAAkBN,GAAOJ,QAC/B,EA2BkBnB,QAAQ,YACRqC,WAAY,SAACzC,EAAA,EAAU,IACvBlE,GAAK,CACCuG,SAAU,WACVlB,MAAO,QACPuB,OAAQ,EACRC,MAAO,EACPC,QAAS,IACT7F,MAAOT,EAAMM,QAAQqD,MAAMnD,KAC3B+F,WAAY,eACZ,UAAW,CAAED,QAAS,IAC3B,qBAOb,SAACJ,EAAA,EAAM,CACD5C,QAAU,IAAMoC,EAAgBR,GAChCpB,QAAQ,YACRqC,WAAY,SAACpD,EAAA,EAAQ,IACrBvD,GAAK,CACCuG,SAAU,WACVlB,MAAO,QACPuB,OAAQ,EACRC,MAAO,EACPC,QAAS,IACTC,WAAY,eACZ,UAAW,CAAED,QAAS,IAC3B,oBAMlB,C,wEC1EA,MAAME,EAAkB,KAEzB,MAAQC,EAAaC,IAAmB,IAAAhC,eAAuCiC,IACvEC,EAAgBC,IAAsB,IAAAnC,eAAuCiC,IAC7EG,EAAqBC,IAA2B,IAAArC,eAAuCiC,IACvFK,EAAwBC,IAA8B,IAAAvC,eAAuCiC,IAE7FO,EAAaC,IAAmB,IAAAzC,UAA6B,MAmFrE,MAAO,CACD+B,cACAG,iBACAM,cAEAE,SA5CY/B,KAER,QAA0BA,GAAOC,aAC/B,QAA0BD,GAAOH,aACX,0BAArBG,EAAOH,WAA8D,kBAArBG,EAAOH,aAExD6B,EAAuB1B,GACvBqB,EAAerB,KAGjB,QAA0BA,GAAOC,aAC/B,QAA0BD,GAAOH,aACX,6BAArBG,EAAOH,WAAiE,qBAArBG,EAAOH,aAE3D+B,EAA0B5B,GAC1BwB,EAAkBxB,GACxB,EA6BAgC,YA1BenC,IAEG,WAAdA,EAEEwB,OAAeC,GAIfE,OAAkBF,EACxB,EAkBAW,YAfc,KAEdZ,OAAeC,GACfE,OAAkBF,GAClBI,OAAuBJ,GACvBM,OAA0BN,EAAU,EAWpCjB,gBAzFmBR,IAMnBiC,EAAe,CAAEjC,YAAWqC,YAJM,WAAdrC,EACZuB,GAAanB,WAAa,GAC1BsB,GAAgBtB,WAAa,IAEK,EAoF1CkC,eAjFkBC,IAElB,IAAI,OAAyBA,GAEvB,OAGN,MAAMnC,EAAYmC,EAAaC,MAAM,KAAM,GAE3C,GAA+B,WAA3BR,GAAahC,UACjB,CACM,MAAMyC,EAAmC,CACnC1C,QAAS,IAAK2C,UAAUC,MACxBvC,UAAWA,EACXJ,UAAW,yBAMjB,OAHAwB,EAAeiB,QACfR,EAAe,KAGrB,CAEA,MAAMW,EAAsC,CACtC7C,QAAS,IAAK2C,UAAUC,MACxBvC,UAAWA,EACXJ,UAAW,4BAGjB2B,EAAkBiB,GAClBX,EAAe,KAAK,EAoDpBA,iBACL,C,+UCxGP,MAyHA,EAzHkG,EAAGY,OAAMC,UAASC,yBAE9G,MAAQC,EAAmBC,IAAyB,IAAAzD,UAAS,KACrD0D,EAAaC,IAAmB,IAAA3D,UAAS,KACzC4D,EAAsBC,IAA4B,IAAA7D,UAAS,KAC3D8D,EAAaC,IAAmB,IAAA/D,UAAS,IACzCgE,GAAiC,KAAyBC,MAAMC,UAAUC,sBAElF,IAAAC,YAAU,KAEAb,EAAmBc,OAAS,IAE1BN,EAAeO,KAAKC,MAAMD,KAAKE,SAAWjB,EAAmBc,SAC7DR,EAAwBS,KAAKC,MAAM,IAAyB,IAAhBD,KAAKE,UAAmBC,YAC1E,GACH,CAAElB,IAEL,MAAMmB,EAAqBnB,EAAmBc,OAAS,IACjD,QAAmBd,EAAoBO,IAAea,MAC9CpB,EAAoBO,GAAca,KAExC,GAEFC,EAAiBrB,EAAmBc,OAoBpCQ,EAAmBC,MAAOC,IAE1B,IAEM,MAAMF,EAAmB,IAAIG,EAAA,EAC7BH,EAAiBE,IAAM,IAAKA,SAEtBf,EAA6B,CAAEiB,eAAgBJ,IAErDvB,GACN,CACA,MAAOrE,GAGP,GAGN,OACM,UAACiG,EAAA,EAAM,CAAC7B,KAAOA,EAAOC,QAAUA,EAAUxC,SAAS,KAAKqE,WAAS,EAC3DC,WAAa,CACPtK,GAAI,CACE+F,OAAQ,EAAGwE,QAAS,EAAGlF,MAAO,OAAQV,SAAU,SAAUjE,aAAc,QAEhF8J,OAAO,QAAO,WAClB,SAACC,EAAA,EAAW,CAACzK,GAAK,CACZ+F,OAAQ,EAAGwE,QAAS,EAAG1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KAC3EC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAAcN,WAAY,OAAQyE,MAAO,QACxF,gCAGD,UAACqF,EAAA,EAAa,CAAC1K,GAAK,CAAE2K,UAAW,OAAQvK,UAAW,UAAU,WACxD,UAACwK,EAAA,EAAiB,0CACe,8BAAUd,EAAc,iBAAwB,kCAA4B,0CAAmBd,EAAc,KAAY,+DAA2D,4BAAUF,IAA+B,QAE9P,SAAC+B,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAI/K,GAAK,CAAE+F,OAAQ,UAAU,SAC/C0C,EAAmBc,OAAS,EAAId,EAAmBuC,KAAI,CAACC,EAAUC,KAC9D,SAACL,EAAA,GAAI,CAACM,MAAI,EAACC,GAAK,EAAwBpL,GAAK,CAAEgG,SAAU,QAAQ,UAC3D,UAACQ,EAAA,EAAU,CAACxG,GAAK,CAAEqL,UAAW,aAAcxG,WAAY,UAAU,UAC1DqG,EAAQ,EAAC,MAAI,SAACzH,EAAA,EAAG,CAAC6H,UAAU,OAAOtL,GAAK,CAAEY,WAAY,OAAQ2K,eAAgB,aAAa,SAAKN,EAASpB,WAF7FoB,EAAS5H,OAKpC,SAACmD,EAAA,EAAU,0CAEtB,SAACgF,EAAA,EAAS,CACJxL,GAAK,CAAE+F,OAAQ,SACf0F,WAAS,EACT1F,OAAO,QACPnC,MAAM,gBACN8H,KAAK,OACLrB,WAAS,EACTsB,MAAQjD,EACRkD,SArEUC,IAE5BlD,EAAqBkD,EAAMC,OAAOH,MAAM,KAqE5B,SAACH,EAAA,EAAS,CACJxL,GAAK,CAAE+F,OAAQ,SACfA,OAAO,QACPnC,MAAM,iBACN8H,KAAK,OACLrB,WAAS,EACTsB,MAAQ/C,EACRgD,SAzEIC,IAEtBhD,EAAegD,EAAMC,OAAOH,MAAM,QA0E5B,UAACI,EAAA,EAAa,CAAC/L,GAAK,CAAEuK,QAAS,GAAG,WAC5B,SAAC7D,EAAA,EAAM,CAAC5C,QAAU0E,EAAUvH,MAAM,QAAQqD,QAAQ,YAC5CtE,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAAC5C,EAAA,EAAU,IAAG,qBAGhG,SAAC2C,EAAA,EAAM,CAAC5C,QA5EJ,KAEZ4E,IAAsBkB,GAAsBhB,IAAgBE,GAE1DiB,EAAiBtB,EAAmBuC,KAAIgB,GAAOA,EAAI3I,KACzD,EAuE8CpC,MAAM,UAAUqD,QAAQ,YACpD2H,SAAWvD,EAAkBwD,SAAWtC,GAAsBhB,EAAYsD,SAAWpD,EACrF9I,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAACzC,EAAA,EAAU,IAAG,yBAKjH,E,kHC1FP,MAwKA,EAxKoF/C,IAE9E,MAAM,WACAgL,EAAU,SACVC,EAAQ,mBACRC,EAAkB,aAClBC,EAAY,kBACZC,EAAiB,wBACjBC,EAAuB,aACvBC,EAAY,aACZC,EAAY,QACZlE,GACFrH,GAEE,YACA8F,EAAW,eACXG,EAAc,gBACdlB,GACFoG,GAEIK,EAAkBC,IAAwB,IAAA1H,UAA8B,KACxE2H,EAAkBC,IAAwB,IAAA5H,UAA6BsH,IAE/E,IAAAlD,YAAU,KAEJ,IAAK+C,EAEC,OAGN,MAAMU,EAAmB,GAEzBA,EAAiBC,KAAK,CAAEC,WAAY,GAAIC,aAAc,oBAEtDb,EACOc,QAAQlC,GAAaA,EAAS5H,KAAOkJ,IACrCa,MAAK,CAACC,EAAGC,IAAMD,EAAEE,UAAaD,EAAEC,YAChCC,SAASvC,IAEJ8B,EAAiBC,KAAK,CAAEC,WAAYhC,EAAS5H,GAAI6J,aAAcjC,EAASpB,MAAO,IAG3F,MAAM4D,EAAiBV,EAAiBW,MAAMzC,GAAaA,EAASgC,aAAeb,GAAUS,mBAE7FD,EAAoBG,GACpBD,EAAoBW,GAAgBR,YAAc,GAAG,GAExD,CAAEZ,EAAoBE,IAEzB,MAOMoB,EAA2B,QAAfxB,EAAuB,MAAQ,OAEjD,OAEM,UAAC,EAAA3I,SAAQ,YAEH,SAACiH,EAAA,EAAW,CAACzK,GAAK,CACZ+F,OAAQ,EAAGwE,QAAS,EAAG1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KAC3EC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAAcN,WAAY,OAAQyE,MAAO,QACxF,SACO,GAAGsI,wBAGX,SAACjD,EAAA,EAAa,CAAC1K,GAAK,CAAE2K,UAAW,QAAQ,UACjB,QAAfwB,GAAwBC,KAErB,UAAC,EAAA5I,SAAQ,YAEH,SAACgI,EAAA,EAAS,CAACzF,OAAO,QAAQnC,MAAM,OAAO8H,KAAK,OAAOrB,WAAS,EAAC/F,QAAQ,WAC/DsJ,aAAa,OACb/D,KAAK,OAAO8B,MAAQS,GAAUvC,MAAQ,GAAK+B,SAAWa,KAE5D,SAACjB,EAAA,EAAS,CAACzF,OAAO,QAAQnC,MAAM,QAAQ8H,KAAK,OAAOrB,WAAS,EAAC/F,QAAQ,WAChEsJ,aAAa,QACb/D,KAAK,QAAQ8B,MAAQS,GAAUyB,OAAS,GAAKjC,SAAWa,KAE9D,SAACjB,EAAA,EAAS,CAACzF,OAAO,QAAQnC,MAAM,WAAW8H,KAAK,OAAOrB,WAAS,EAAC/F,QAAQ,WACnEsJ,aAAa,WACb/D,KAAK,WAAW8B,MAAQS,GAAU0B,UAAY,GAAKlC,SAAWa,KAEpE,UAAC5B,EAAA,GAAI,CACCC,WAAS,EACTC,QAAU,EACV/K,GAAK,CACC2K,UAAW,GAChB,WAED,SAACE,EAAA,GAAI,CAACM,MAAI,EAACC,GAAK,EAAC,UAEX,SAACI,EAAA,EAAS,CACJnB,WAAS,EACTtE,OAAO,QACPnC,MAAM,aACN8H,KAAK,SACLpH,QAAQ,WACRsJ,aAAa,YACb/D,KAAK,YACL8B,MAAQS,GAAUmB,WAAa,EAC/B3B,SAAWa,OAIvB,SAAC5B,EAAA,GAAI,CAACM,MAAI,EAACC,GAAK,EAAC,UAEX,UAAC2C,EAAA,EAAW,CAAC1D,WAAS,EAACtE,OAAO,QAAO,WAE/B,SAACiI,EAAA,EAAU,8BAETrB,GAAoBA,EAAiBpD,OAAS,IAC1C,SAAC0E,EAAA,EAAM,CACDrK,MAAM,kBACNgK,aAAa,iBACb/D,KAAK,mBACL8B,MAAQkB,GAAoB,GAC5BjB,SAvEhCC,IAEtB,MAAMqC,EAAqBrC,EAAMC,OAAOH,MAExCmB,EAAoBoB,GAAsB,GAAG,EAmEsC,SAE3BvB,EAAiB3B,KAAKC,IAClB,SAACkD,EAAA,EAAQ,CAA2DxC,MAAQV,EAASgC,YAAc,GAAE,SAC7FhC,EAASiC,cADD,cAAcjC,EAASgC,eAAc,QAAO,oBAahG,UAACxJ,EAAA,EAAG,CAACxD,QAAQ,OAAOmF,eAAe,gBAAgBf,WAAW,aAAasG,UAAY,EAAIyD,aAAe,EAAC,WACrG,SAAC3K,EAAA,EAAG,CAAC4K,KAAO,EAAIC,YAAc,EAAC,UACzB,SAACC,EAAA,EAAkB,CAAC1I,MAAQoB,EAAcvB,UAAU,SAASQ,gBAAkBA,OAErF,SAACzC,EAAA,EAAG,CAAC4K,KAAO,EAAIG,WAAa,EAAC,UACxB,SAACD,EAAA,EAAkB,CAAC1I,MAAQuB,EAAiB1B,UAAU,YAAYQ,gBAAkBA,UAIjG,SAACsF,EAAA,EAAS,CAACzF,OAAO,QAAQnC,MAAM,cAAc8H,KAAK,OAAOrB,WAAS,EAAC/F,QAAQ,WACtEsJ,aAAa,cACb/D,KAAK,cAAc8B,MAAQS,GAAUqC,aAAe,GAAK7C,SAAWa,EAAeiC,WAAS,EAACrN,KAAO,UAM5H,UAAC0K,EAAA,EAAa,CAAC/L,GAAK,CAAEuK,QAAS,GAAG,WAC5B,SAAC7D,EAAA,EAAM,CAAC5C,QAAU,IAAM0E,IAAYvH,MAAM,QAAQqD,QAAQ,YACpDtE,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAAC5C,EAAA,EAAU,IAAG,qBAGhG,SAAC2C,EAAA,EAAM,CAAC5C,QAAU,IAAM4I,EAAaG,GAAoB5L,MAAM,UAAUqD,QAAQ,YAC3EtE,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAAChD,EAAA,EAAQ,IAAG,uBAM/G,ECzFP,EA5FsExC,IAGhE,MAAM,WACAgL,EAAU,KACV5D,EAAI,mBACJ8D,EAAkB,YAClBsC,EAAW,kBACXpC,EAAiB,wBACjBC,EAAuB,aACvBF,EAAY,WACZsC,EAAU,aACVlC,EAAY,mBACZmC,EAAkB,QAClBrG,GACFrH,GAEE,YACA8F,EAAW,eACXG,GACFkF,GAEIwC,EAAYC,IAAkB,IAAA7J,UAAsDyJ,IAE5F,IAAArF,YAAU,KAECf,GAECqG,EAAW,KACjB,GAEH,CAAErG,IA6BL,OAEM,SAAC6B,EAAA,EAAM,CACDpE,SAAS,KACTqE,WAAS,EACT9B,KAAOA,EACPC,QAjCwC,CAACqD,EAAOmD,KAEjDF,EAOU,kBAAXE,GAKJH,IAVMA,GAUc,EAoBdvE,WAAa,CACPtK,GAAI,CACE+F,OAAQ,EAAGwE,QAAS,EAAGlF,MAAO,OAAQV,SAAU,SAAUjE,aAAc,QAEhF8J,OAAO,QAAO,UAEA,QAAf2B,GAAwB2C,KACrB,SAAC,EAA4B,CACvB3C,WAAaA,EACbC,SAAW0C,EACXzC,mBAAqBA,EACrBE,kBAAoBA,EACpBC,wBAA0BA,EAC1BF,aAAeA,EACfG,aA/BFZ,IAEhB,MAAM,KAAEhC,EAAI,MAAE8B,GAAUE,EAAMC,OAE9BiD,GAAcE,IAAa,IAClBA,EACH,CAAEpF,GAAQ8B,KACb,EAyBee,aAAgBwC,GAAgBxC,EAAaoC,EAAYI,EAAajI,EAAaG,GACnFoB,QAAUA,KAMjC,ECkEP,EAnK4ErH,KAExD,EAAAC,EAAA,KAAd,MAEM,KAAEmH,EAAI,kBAAEgE,EAAiB,oBAAE4C,EAAmB,mBAAE9C,EAAkB,QAAE7D,GAAYrH,GAE9EiO,KAAMC,EAAclL,MAAOmL,EAAeC,UAAWC,GAAoB,KAAyBrG,MAAMsG,QAAQC,kBAAkB,CACpIrM,GAAIkJ,KAGFoD,GAAyB,KAAyBxG,MAAMC,UAAUwG,UACpE,gBAAEC,EAAe,KAAEC,IAAS,EAAAC,EAAA,MAE5B,YACA9I,EAAW,eACXG,EAAc,YACdM,EAAW,SACXE,EAAQ,YACRC,EAAW,YACXC,EAAW,gBACX5B,EAAe,eACf8B,EAAc,eACdL,IACF,EAAAX,EAAA,MAEIoF,EAAU4D,IAAgB,IAAA9K,UAAsD,OAChF+K,EAA0BC,IAAgC,IAAAhL,aAElE,IAAAoE,YAAU,KAEAkG,EAEEK,EAAgB,6BAA6BV,SAKnDW,GAAM,GAET,CAAEN,KAEL,IAAAlG,YAAU,KAEAgG,GAEET,GAEN,GAEH,CAAES,KAEL,IAAAhG,YAAU,KAEC+F,IAKLW,EAAYX,GACZzH,EAASyH,EAAapI,aACtBW,EAASyH,EAAajI,gBAElBiI,EAAaxC,kBAEXqD,EAA4Bb,EAAaxC,kBAC/C,GAEH,CAAEwC,IAEL,MAAMR,EAAqB,KAErBmB,EAAY,MACZlI,IACAU,GAAS,EA8Cf,OAAK4D,GAMC,UAAC,EAAA5I,SAAQ,YAEH,SAAC,EAAqB,CAChB2I,WAAW,OACX5D,KAAOA,EACP8D,mBAAqBA,EACrBsC,YAAcvC,EACdG,kBAAoBA,EACpBC,wBAA0ByD,EAC1B3D,aAAe,CACTrF,cACAG,iBACAM,cACAE,WACAC,cACAC,cACA5B,kBACA8B,iBACAL,kBAENiH,WAAaoB,EACbtD,aAtEG,CACf0C,EACAa,EACAhJ,EACAG,KAGA,GAAKgI,EAML,IAEMS,EAAgB,4BAA4BV,SAE5C,IAAIgB,EAAgD,IAC3Cf,EACHnI,YAAaA,EACbG,eAAgBA,GAGlB6I,GAAyD,SAA7BA,IAE1BE,EAAQtD,iBAAmBoD,GAGjCN,EAAqB,CAAES,6BAA8BD,IAC9CE,SACAC,SAAQ,KAEHzB,IACAiB,GAAM,GAGxB,CACA,MAAO3L,GAGP,MA/BMqE,GA+BN,EA+BYqG,mBAAqBA,EACrBrG,QAAUA,IAEdd,IACI,SAAC6I,EAAA,EAAiB,CACZhI,MAAO,EACPR,YAAcL,EAAYK,YAC1BrC,UAAYgC,EAAYhC,UACxB8C,QAAU,IAAMb,EAAe,MAC/B6I,OAASxI,OAnCpB,IAuCZ,EC7FP,EA3E8E,EAAGO,OAAMC,UAASiI,6BAE1F,MAAQC,EAAYC,IAAkB,IAAAzL,UAAS,KAEvC0L,GAA0B,KAAyBzH,MAAMC,UAAUyH,aAerEC,EAAiB9G,MAAOuC,IAExB,UAEYqE,EAAsB,CAAEvN,GAAIkJ,IAElC/D,GACN,CACA,MAAOrE,GAGP,GAGN,OACM,UAACiG,EAAA,EAAM,CAAC7B,KAAOA,EAAOC,QAAUA,EAAUxC,SAAS,KAAKqE,WAAS,EAC3DC,WAAa,CACPtK,GAAI,CACE+F,OAAQ,EAAGwE,QAAS,EAAGlF,MAAO,OAAQV,SAAU,SAAUjE,aAAc,QAEhF8J,OAAO,QAAO,WAClB,SAACC,EAAA,EAAW,CAACzK,GAAK,CACZ+F,OAAQ,EAAGwE,QAAS,EAAG1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KAC3EC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAAcN,WAAY,OAAQyE,MAAO,QACxF,8BAGD,UAACqF,EAAA,EAAa,CAAC1K,GAAK,CAAE2K,UAAW,QAAQ,WACnC,UAACC,EAAA,EAAiB,kEACuC,4BAAU,IAAI6F,EAAuB5G,UAAkB,+BAEhH,SAAC2B,EAAA,EAAS,CACJxL,GAAK,CAAE+F,OAAQ,SACf0F,WAAS,EACT1F,OAAO,QACPnC,MAAM,gBACN8H,KAAK,OACLrB,WAAS,EACTsB,MAAQ+E,EACR9E,SApDGC,IAErB8E,EAAc9E,EAAMC,OAAOH,MAAM,QAqD3B,UAACI,EAAA,EAAa,CAAC/L,GAAK,CAAEuK,QAAS,GAAG,WAC5B,SAAC7D,EAAA,EAAM,CAAC5C,QAAU0E,EAAUvH,MAAM,QAAQqD,QAAQ,YAC5CtE,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAAC5C,EAAA,EAAU,IAAG,qBAGhG,SAAC2C,EAAA,EAAM,CAAC5C,QAvDJ,KAEZ4M,IAAeD,EAAuB5G,MAEpCiH,EAAeL,EAAuBpN,GAC5C,EAkD8CpC,MAAM,UAAUqD,QAAQ,YAAY2H,SAAWyE,EAAWxE,SAAWuE,EAAuB5G,KAAMqC,OAC9HlM,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAACzC,EAAA,EAAU,IAAG,yBAKjH,EC+CP,EArH0E/C,IAEpE,MAAM,KACAoH,EAAI,mBACJ8D,EAAkB,QAClB7D,GACFrH,GAEI4P,GAA0B,KAAyB5H,MAAMC,UAAU4H,UACrE,gBAAEnB,EAAe,KAAEC,IAAS,EAAAC,EAAA,MAE1B3D,EAAU4D,IAAgB,IAAA9K,UAAsD,OAElF,YACA+B,EAAW,eACXG,EAAc,YACdM,EAAW,SACXE,EAAQ,YACRC,EAAW,YACXC,EAAW,gBACX5B,EAAe,eACf8B,EAAc,eACdL,IACF,EAAAX,EAAA,KAkDE6H,EAAqB,KAErBmB,EAAY,CAAC,GACblI,IACAU,GAAS,EAGf,OACM,UAAC,EAAAhF,SAAQ,YAEH,SAAC,EAAqB,CAChB2I,WAAW,MACX5D,KAAOA,EACP8D,mBAAqBA,EACrBsC,YAAcvC,EACdE,aAAe,CACTrF,cACAG,iBACAM,cACAE,WACAC,cACAC,cACA5B,kBACA8B,iBACAL,kBAENiH,WAAaoB,EACbtD,aA3EG1C,MACfoF,EACAa,EACAhJ,EACAG,KAGA,GAAKgI,EAML,IAEMS,EAAgB,gCAAgCT,EAAKvF,YAErD,IAAIsG,EAAgD,IAC3Cf,EACHnI,YAAaA,EACbG,eAAgBA,GAGlB6I,GAAyD,SAA7BA,IAE1BE,EAAQtD,iBAAmBoD,SAG3Bc,EAAsB,CACtBX,6BAA8B,IACrBhB,EACHnI,YAAaA,EACbG,eAAgBA,KAGrBiJ,SACAC,SAAQ,KAEHzB,IACAiB,GAAM,GAGxB,CAAE,MAAO3L,GAGT,MApCMqE,GAoCN,EA+BYqG,mBAAqBA,EACrBrG,QAAUA,IAEdd,IACI,SAAC6I,EAAA,EAAiB,CACZhI,MAAO,EACPR,YAAcL,EAAYK,YAC1BrC,UAAYgC,EAAYhC,UACxB8C,QAAU,IAAMb,EAAe,MAC/B6I,OAASxI,MAIhC,E,gDCpGP,MA2SA,EA3S4C,OAEtC,MAAMxH,GAAe,EAAAY,EAAA,KACf6P,GAAW,WAETC,EAAmBC,IAAyB,IAAAjM,UAA4C,KAExFkK,KAAMgC,EAAmBjN,MAAOkN,EAAoB9B,UAAW+B,GAAyB,KAAyBnI,MAAMsG,QAAQ8B,iBAE/HC,EAA6BC,GAA+B,KAActI,MAAMuI,YAAYC,YAE5F7O,EAAe8O,GAAqB,WAAkC,CAAC,IACvEnB,EAAwBoB,IAA8B,IAAA3M,UAAiD,OACvG4M,EAAeC,IAAqB,IAAA7M,WAAS,IAC7C8M,EAAiBC,IAAuB,IAAA/M,WAAS,IACjDgN,EAAcC,IAAoB,IAAAjN,WAAS,IAC3CkN,EAAyBC,IAA+B,IAAAnN,WAAS,IACjEoN,EAAcC,IAAoB,IAAArN,UAAsB,KAEhE,IAAAoE,YAAU,KAEJ,GAAI8H,EACJ,CACM,MAAMoB,EAAmBpB,EAAkBpG,KAAKC,IAAyC,IAChFA,EACHwH,OAAO,EACPC,WAAYC,EAAA,EAAKvK,cAGvB+I,EAAqBqB,EAC3B,IACH,CAAEpB,IAGL,MAAMnO,EAAmBI,GAAmBwI,IAEtCA,EAAM+G,iBACN/G,EAAMgH,kBAIN,MAAM5H,EAAWiG,EAAkBxD,MAAK1B,GAAOA,EAAI3I,KAAOA,IAEtD4H,IAIE4G,EAA0B5G,GAC1B8G,GAAiB,GACvB,EAGAhP,EAAmBM,GAAkB,KAErCuO,EAAiB,IAAK9O,EAAe,CAAEO,GAAM,CAAEC,KAAM,KAAawP,OAAS,EAG3E5P,EAAqBG,GAAkB,KAEvC,MAAM4H,EAAWiG,EAAkBxD,MAAK1B,GAAOA,EAAI3I,KAAOA,IAEtD4H,IAEE4G,EAA0B5G,GAC1BgH,GAAmB,GACzB,EAGAjP,EAAqBK,GAAkB,KAEvCuO,EAAiB,IACR9O,EACH,CAAEO,GAAM,CAAEC,KAAM,KAAawP,KAAMC,qBAAqB,IAC5D,EAGFC,EAA0B,KAE1Bf,GAAmB,EAAM,EAIzBgB,EAAoB,KAEpBd,GAAgB,EAAK,EAGrBzQ,EAAyBc,IAEzB+P,EAAgB/P,EAAa,EAG7B0Q,EAA6B,KAE7Bb,GAA2B,EAAK,EAGhCc,EAAkC,KAElCd,GAA2B,EAAM,EAGjCe,EAAuB,KAIvBrB,GAAiB,GACjBF,EAA0B,KAAK,EAGrC,GAAIP,EAAsB,OAAQ,wCAElC,GAAID,EAAoB,OAAQ,qCAAc,GAAGA,OAEjD,MAAM/P,GAAyD,CACzD,CACM+R,MAAO,OACPC,WAAY,OACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,EACNmF,SAAU,GACVC,gBAAiB,gBACjBC,WAAa7Q,IAUD,SAAC,IAAO,CAAC8Q,UAAU,QAAQ7P,QARZ+H,IAEfA,EAAM+G,iBACN/G,EAAMgH,kBACN5B,EAAS,gBAAe,QAAYpO,EAAO8I,SAAU,CAAEiI,MAAO,CAAE3G,WAAYpK,EAAOO,IAAIC,KAAO,EAI3CkC,MAAQ,CAAEsO,OAAQ,UAAW5S,MAAOT,EAAMM,QAAQ6B,QAAQ3B,MAAM,SAC3G6B,EAAO8I,SAKjC,CACM0H,MAAO,QACPC,WAAY,QACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,KACNmF,SAAU,IACVC,gBAAiB,iBAEvB,CACMJ,MAAO,WACPC,WAAY,WACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,IACNmF,SAAU,IACVC,gBAAiB,iBAEvB,CACMJ,MAAO,cACPC,WAAY,cACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,EACNmF,SAAU,IACVC,gBAAiB,gBACjBC,WAAa7Q,IACP,SAACiR,EAAA,EAA8B,CAAC1P,KAAOvB,EAAOO,IAAIqL,aAAe,MAG7E,CACM4E,MAAO,YACPC,WAAY,QACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,GACNmF,SAAU,GACVC,gBAAiB,iBAEvB,CACMJ,MAAO,cACPC,WAAY,QACZS,UAAU,EACV1F,KAAM,GACNmF,SAAU,GACVE,WAAa7Q,IAEC,SAACmR,EAAA,EAAwB,CAACvO,QAAU5C,EAAOO,IAAI6Q,cAAiBvO,UAAU,SAASX,IAAM,GAAGlC,EAAOO,IAAIyG,gCAG3H,CACMwJ,MAAO,iBACPC,WAAY,QACZS,UAAU,EACV1F,KAAM,GACNmF,SAAU,GACVE,WAAa7Q,IAEC,SAACmR,EAAA,EAAwB,CAACvO,QAAU5C,EAAOO,IAAI8Q,iBAAoBxO,UAAU,YAAYX,IAAM,GAAGlC,EAAOO,IAAIyG,mCAGjI,CACMwJ,MAAO,UACPC,WAAY,UACZC,UAAU,EACVQ,UAAU,EACV1F,KAAM,GACNmF,SAAU,IACVC,gBAAiB,gBACjBC,WAAa7Q,IAEP,SAACsR,EAAA,EAAqB,CAChBtR,OAASA,EACTC,cAAgBA,EAChBC,gBAAkBA,EAClBC,kBAAoBA,EACpBC,gBAAkBA,EAClBC,kBAAoBA,MAM5C,GAAIgO,GAAqBA,EAAkB3H,OAAS,EACpD,CACM,MAAMlI,EAA0C,IAAK6P,GAC9C9D,MAAK,CAACC,EAAGC,IAAMD,EAAEE,UAAaD,EAAEC,YAEvC,OACM,UAAC,EAAA/J,SAAQ,YAEH,UAACC,EAAA,EAAG,CAACxD,QAAQ,OAAOmF,eAAe,gBAAgBf,WAAW,WAAW+P,GAAK,EAAC,WAEzE,SAAC1N,EAAA,EAAM,CACDpC,QAAQ,YACRrD,MAAM,UACNjB,GAAK,CAAEsO,YAAa,OAAQE,WAAY,QACxC7H,WAAY,SAAC0N,EAAAC,EAAO,IACpBxQ,QAAUmP,EAAiB,2BAIjC,SAACvM,EAAA,EAAM,CACDpC,QAAQ,YACRrD,MAAM,QACNgL,SAAmC,IAAxBqG,EAAa/I,OACxBvJ,GAAK,CAAEsO,YAAa,QACpBxK,QAAUoP,EAA0B,gCAMhD,SAACqB,EAAA,EAAc,CACTlT,KAAOA,EACPC,QAAUA,GACVI,sBAAwBA,IAGxB+O,IACM,SAAC,EAAwB,CACnBlI,KAAOuJ,EACPvF,kBAAoBkE,EAAwBpN,GAC5C8L,oBAAsBsB,EAAwB5G,KAC9CwC,mBAAqB6E,EACrB1I,QAAU4K,IAItB3C,IACM,SAAC,EAA0B,CACrBlI,KAAOyJ,EACPxJ,QAAUwK,EACVvC,uBAAyBA,KAKrC,SAAC,EAAuB,CAClBlI,KAAO2J,EACP7F,mBAAqB6E,EACrB1I,QAAU,IAAM2J,GAAgB,MAItC,SAAC,EAAoC,CAC/B5J,KAAO6J,EACP5J,QAAU2K,EACV1K,mBAAqByI,EAAkB/D,QAAOnB,GAAOsG,EAAakC,SAASxI,EAAI3I,UAK7G,CAEA,OACM,SAAC,EAAAG,SAAQ,GACd,E,eClUP,MAoDA,GAAe,SApDuC,OAG1C,SAACC,EAAA,EAAG,CACEzD,GAAK,CAAEyU,SAAU,EAAGlK,QAAS,UAAU,aAC5B,2BAA0B,UACrC,SAACmK,EAAA,EAAS,CACJ1O,SAAS,KACThG,GAAK,CACC2U,MAAO,SACPC,aAAc,SACdpQ,UAAW,QAChB,UAED,SAACqG,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAC,UAErB,SAACF,EAAA,GAAI,CAACM,MAAI,EAACC,GAAK,GAAE,UACZ,UAACyJ,EAAA,EAAoB,CAACC,OAAO,YAAYC,eAAiB,GAAMC,YAAY,oCAAoCC,WAAW,cAAa,WAClI,UAACxR,EAAA,EAAG,CAACzD,GAAK,CAAEuK,QAAS,QAAQ,WACvB,SAAC/D,EAAA,EAAU,CACLlC,QAAQ,QACR4Q,WAAS,EACTlV,GAAK,CACCwE,UAAW,QAChB,8TAOP,SAACgC,EAAA,EAAU,CACLlC,QAAQ,QACR4Q,WAAS,EACTlV,GAAK,CACCmV,WAAY,MACZ3Q,UAAW,QAChB,uGAKb,SAAC,EAAqB,gBAUH,KAAS4Q,U,+YCzD/D,MAAMC,EAAc,KAErB,MAAQjJ,EAAU4D,IAAgB,IAAA9K,UAA8C,MAyBhF,MAAO,CACDkH,WACA4D,cACAsF,cARgB,KAEhBtF,EAAY,KAAK,EAOjBvD,aA3BgBZ,IAEhB,MAAM,KAAEhC,EAAI,MAAE8B,GAAUE,EAAMC,OAC9BkE,GAAYf,IAAa,IAChBA,EACH,CAAEpF,GAAQ8B,KACb,EAsBH4J,qBAnBwB1J,IAExB,MAAM,KAAEhC,EAAI,QAAE2L,GAAY3J,EAAMC,OAChCkE,GAAYf,IAAa,IAChBA,EACH,CAAEpF,GAAQ2L,KACb,EAcR,ECfMC,EAAyB,KAErC,MAAQC,EAAcC,IAAoB,IAAAzQ,WAAS,IAC3C0Q,EAAOC,IAAa,IAAA3Q,UAAsB,IAgDlD,MAAO,CACN0Q,QACAF,eACAI,WAjDkB,KAElBH,GAAgB,EAAK,EAgDrBI,YA7CmB,KAEnBJ,GAAgB,EAAM,EA4CtBE,WACAG,iBA1CyB3S,IAEpBuS,GAA0B,IAAjBA,EAAMrM,QAKpBsM,GAAS5G,GAAaA,EAAU9B,QAAOhC,GAAQA,EAAK9H,KAAOA,KAAO,IAAG,EAoCrE4S,cAjCqB,KAErBN,GAAgB,EAAK,EAgCrBO,eA7BuB/K,IAElBA,EAAK9H,KAAkD,IAA5CuS,EAAMO,WAAUC,GAAKA,EAAE/S,KAAO8H,EAAK9H,MAElDwS,GAAS5G,GAAa,IAAOA,GAAa,GAAK9D,KAGhDwK,GAAgB,EAAM,EAuBtBU,gBApBwBT,IAExBC,EAASD,GACTD,GAAgB,EAAM,EAkBtBW,iBAfwB,KAExBX,GAAgB,EAAM,EActB,E,gDCjEF,MAuHA,EAvHsE,EAAGpN,OAAMC,UAAS+N,qBAAoB/F,aACtG,MAAOgG,EAAUC,IAAe,IAAAvR,UAA8CqR,IAEtEnH,KAAMsH,EAAqBvS,MAAOwS,EAAsBpH,UAAWqH,GAA2B,KAAyBzN,MAAMsG,QAAQoH,eAE7I,IAAAvN,YAAU,KACAoN,GACED,EAAYF,EAClB,GACH,CAACG,EAAqBH,IAoBzB,OACM,UAACnM,EAAA,EAAM,CACD7B,KAAOA,EACPC,QAAUA,EACVxC,SAAS,KACTwE,OAAO,QACPH,WAAS,EACTC,WAAa,CACPtK,GAAI,CACE+F,OAAQ,EACRwE,QAAS,EACTlF,MAAO,OACPgB,UAAW,QACX1B,SAAU,SACVjE,aAAc,QAEzB,WAED,SAAC+J,EAAA,EAAW,CACNzK,GAAK,CACC+F,OAAQ,EACRwE,QAAS,EACT1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KACpDC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAC1CN,WAAY,OACZyE,MAAO,QACZ,gCAIP,SAACqF,EAAA,EAAa,CAAC1K,GAAK,CAAEmV,WAAY,EAAGlP,UAAW,QAAStB,SAAU,OAAQmS,aAAc,GAAG,UAEtF,UAACrT,EAAA,EAAG,CACEzD,GAAK,CACCE,OAAQ,OACR4W,aAAc,OACdzR,MAAO,OACPpF,QAAS,OACTmF,eAAgB,SAChBf,WAAY,UACjB,UAECuS,IAA0B,SAACG,EAAA,EAAgB,IAC3CJ,IAAwB,SAACnQ,EAAA,EAAU,CAACvF,MAAM,QAAO,yCAEnD,SAAC4J,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAI/K,GAAK,CAAEoO,aAAc,OAAQzD,UAAW,OAAQvF,eAAgB,UAAU,SAChGsR,GAAuBA,EAAoB1L,KAAKC,IAC5C,SAACJ,EAAA,GAAI,CAACM,MAAI,EAACC,GAAK,EAAwBpL,GAAK,CAAEgX,cAAe,OAAO,UAC/D,UAACC,EAAA,GAAQ,CACHnT,QAAU,IAnErC,CAACmH,IAChB,MAAMiM,EAAeV,EAASL,WAAUgB,GAAKA,EAAE9T,KAAO4H,EAAS5H,KACzD+T,EAAc,IAAIZ,IAEF,IAAlBU,EACEE,EAAYpK,KAAK/B,GAEjBmM,EAAYC,OAAOH,EAAc,GAGvCT,EAAYW,EAAY,EAyDkCE,CAAarM,GAC7BjL,GAAK,CACCuK,QAAS,EACTsJ,OAAQ,UACR,gCAAiC,CAC3BtI,eAAgB,cAE3B,WAED,SAACgM,EAAA,EAAQ,CAAC/B,QAAUgB,EAASgB,MAAKL,GAAKA,EAAE9T,KAAO4H,EAAS5H,QACzD,SAACoU,EAAA,EAAY,CAAC9U,QAAUsI,EAASpB,WAZnBoB,EAAS5H,cAqB3D,UAAC0I,EAAA,EAAa,CAAC/L,GAAK,CAAEuK,QAAS,EAAGmN,UAAW,iCAAiC,WACxE,SAAChR,EAAA,EAAM,CACDpC,QAAQ,YACRrD,MAAM,YACN6C,QAAU0E,EACVxI,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAS,qBAInE,SAACqB,EAAA,EAAM,CACDpC,QAAQ,YACRrD,MAAM,UACN6C,QArFL,KACb0M,EAAOgG,GACPhO,GAAS,EAoFSxI,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAS,uBAMpF,E,gDCxHP,MA4EA,EA5E0D,EAAGsS,gBAAeC,oBAAmBC,iBAAgB5L,eAEzG,MAAMzL,GAAQ,EAAAY,EAAA,KASd,OAGM,UAACqC,EAAA,EAAG,CAAC4K,KAAO,EAAIC,YAAc,EAAItO,GAAK,CAAES,OAAQ,gCAAiCC,aAAc,MAAO4F,EAAG,GAAG,WACvG,SAACE,EAAA,EAAU,CAAClC,QAAQ,YAAYtE,GAAK,CAAEY,WAAY,QAAW6F,cAAY,8BAGxEkR,EAAcpO,OAAS,GAEnB,SAACsB,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAI/K,GAAK,CAAEwE,UAAW,WAAW,SACnDmT,EAAc3M,KAAI,CAAC/J,EAAOiK,KACtB,UAACL,EAAA,GAAI,CACCM,MAAI,EACJC,GAAK,GACL0M,GAAK,EAEL9X,GAAK,CACCC,QAAS,OACTmF,eAAgB,gBAChBf,WAAY,UACjB,WAED,UAACZ,EAAA,EAAG,CAACzD,GAAK,CAAEC,QAAS,OAAQoE,WAAY,UAAU,WAE7C,SAAC0T,EAAA,EAAU,CACL/X,GAAK,CACCuE,SAAU,GACVtD,MAAOA,EAAM+W,QACbnX,gBAAiBI,EAAM+W,QACvB1J,YAAa,MACb/D,QAAS,EACT9J,OAAQ,kBACRC,aAAc,UAG1B,UAAC8F,EAAA,EAAU,CACLxG,GAAK,CACCY,WAAY,OACZK,MAAOT,EAAMM,QAAQ6B,QAAQsV,MAClC,UACC/M,EAAQ,EAAC,KAAMjK,EAAM4I,YAKnC,SAACqO,EAAA,EAAU,CACLpU,QAAWG,IAAQkU,OArDtCtM,EAqDoD5H,EArDImU,EAqDCnX,EAAMoC,GAnDhFwI,EAAM+G,iBACN/G,EAAMgH,uBAEN+E,EAAkBQ,GALF,IAACvM,EAAwDuM,CAqDW,YAChD,SAAClU,EAAA,EAAU,QAhCXjD,EAAMoC,SAuC9B,SAACmD,EAAA,EAAU,mCAEjB,SAAC/C,EAAA,EAAG,CAACzD,GAAK,CAAEC,QAAS,OAAQmF,eAAgB,YAAY,UACnD,SAACsB,EAAA,EAAM,CAACpC,QAAQ,YAAYrD,MAAM,UAAU6C,QAAU+T,EAAiB7X,GAAK,CAAE2K,UAAW,GAAMsB,SAAWA,EAAQ,2BAKnI,ECTP,EAjEyD9K,IAEnD,MAAMX,GAAe,EAAAY,EAAA,MAEf,aAAEiX,EAAY,iBAAEC,EAAgB,cAAEC,EAAa,SAAEtM,GAAa9K,EAUpE,OACM,UAACsC,EAAA,EAAG,CAAC4K,KAAO,EAAIG,WAAa,EAAIxO,GAAK,CAAES,OAAQ,gCAAiCC,aAAc,MAAO4F,EAAG,GAAG,WACtG,SAACE,EAAA,EAAU,CAAClC,QAAQ,YAAYtE,GAAK,CAAEY,WAAY,QAAW6F,cAAY,6BAGxE4R,EAAa9O,OAAS,GAElB,SAACsB,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAI/K,GAAK,CAAEwE,UAAW,WAAW,SAEnD6T,EAAarN,KAAI,CAACwN,EAAMtN,KACpB,UAACL,EAAA,GAAI,CACCM,MAAI,EACJC,GAAK,GACL0M,GAAK,EAEL9X,GAAK,CACCC,QAAS,OACTmF,eAAgB,gBAChBf,WAAY,UACjB,WAED,UAACmC,EAAA,EAAU,CAACxG,GAAK,CACXY,WAAY,OACZK,MAAOT,EAAMM,QAAQ6B,QAAQsV,MAClC,UACO/M,EAAQ,EAAC,KAAMsN,EAAK7M,UAG5B,SAACuM,EAAA,EAAU,CACLpU,QAAWG,IAAQwU,OArCvC5M,EAqCoD5H,EArCIyU,EAqCCF,EAAKnV,GAnC9EwI,EAAM+G,iBACN/G,EAAMgH,uBAENyF,EAAiBI,GALF,IAAC7M,EAAwD6M,CAqCU,YAC9C,SAACxU,EAAA,EAAU,QAhBXsU,EAAKnV,SAyB7B,SAACmD,EAAA,EAAU,kCAEjB,SAAC/C,EAAA,EAAG,CAACzD,GAAK,CAAEC,QAAS,OAAQmF,eAAgB,YAAY,UACnD,SAACsB,EAAA,EAAM,CAACpC,QAAQ,YAAYrD,MAAM,UAAU6C,QAAUyU,EAAgBvY,GAAK,CAAE2K,UAAW,GAAMsB,SAAWA,EAAQ,0BAKlI,ECmBP,EA3EkE9K,IAE5D,MAAMX,GAAe,EAAAY,EAAA,MAEf,mBAAEmV,EAAkB,sBAAEoC,EAAqB,kBAAEC,GAAsBzX,EAUzE,OAEM,UAACsC,EAAA,EAAG,CAAC4B,MAAM,MAAMmJ,WAAa,EAAIvO,QAAQ,OAAOE,cAAc,SAASiF,eAAe,gBAAgBpF,GAAK,CAAES,OAAQ,gCAAiCC,aAAc,MAAOiK,UAAW,MAAOrE,EAAG,GAAG,WAC9L,SAACE,EAAA,EAAU,CAAClC,QAAQ,YAAYtE,GAAK,CAAEY,WAAY,QAAW6F,cAAY,kCAIxE8P,EAAmBhN,OAAS,GAExB,SAACsB,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAI/K,GAAK,CAAEwE,UAAW,WAAW,SAEnD+R,EAAmBvL,KAAI,CAACC,EAAUC,KAC9B,UAACL,EAAA,GAAI,CACCM,MAAI,EACJC,GAAK,GACL0M,GAAK,EAEL9X,GAAK,CACCC,QAAS,OACTmF,eAAgB,gBAChBf,WAAY,UACjB,WAED,UAACmC,EAAA,EAAU,CAACxG,GAAK,CACXY,WAAY,OACZK,MAAOT,EAAMM,QAAQ6B,QAAQsV,MAClC,UACO/M,EAAQ,EAAC,KAAMD,EAASpB,SAGhC,SAACqO,EAAA,EAAU,CACLpU,QAAWG,IAAQ4U,OAvCnChN,EAuCoD5H,EAvCIgJ,EAuCChC,EAAS5H,GArCtFwI,EAAM+G,iBACN/G,EAAMgH,uBAEN8F,EAAsBpC,EAAmBpJ,QAAQlC,GAAaA,EAAS5H,KAAO4J,KAL3D,IAACpB,EAAwDoB,CAuCc,YACtD,SAAC/I,EAAA,EAAU,QAhBX+G,EAAS5H,SAyBjC,SAACI,EAAA,EAAG,CAACzD,GAAK,CAAEC,QAAS,OAAQmF,eAAgB,SAAUf,WAAY,SAAUnE,OAAQ,QAAQ,UAEvF,SAACsG,EAAA,EAAU,CAACxG,GAAK,CAAEiB,MAAO,eAAgB6X,UAAW,SAAUtU,UAAW,UAAU,uCAMhG,SAACf,EAAA,EAAG,CAACzD,GAAK,CAAEC,QAAS,OAAQmF,eAAgB,WAAYf,WAAY,WAAYsG,UAAW,QAAQ,UAE9F,SAACjE,EAAA,EAAM,CAACpC,QAAQ,YAAYrD,MAAM,UAAU6C,QAAU8U,EAAoB5Y,GAAK,CAAE2K,UAAW,GAAG,mCAOhH,E,eC3DP,MAkHA,EAlH8ExJ,KAE1D,EAAAC,EAAA,KAAd,MAEM,SACAgL,EAAQ,mBACRmK,EAAkB,aAClBwC,EAAY,aACZzM,EAAY,sBACZqM,EAAqB,aACrBlM,EAAY,qBACZ8I,EAAoB,kBACpBqC,EAAiB,eACjBC,EAAc,iBACdS,EAAgB,cAChBC,EAAa,kBACbK,GACFzX,GAEE,YACA8F,EAAW,eACXG,EAAc,gBACdlB,GACFoG,EAWJ,OATA,IAAAhD,YAAU,KAEA8C,GAAU8E,mBAERyH,EAAsBvM,EAAS8E,kBACrC,GAEH,CAAE9E,GAAU8E,qBAGT,UAAC,EAAA1N,SAAQ,YACH,SAACgI,EAAA,EAAS,CAACzF,OAAO,QAAQnC,MAAM,OAAO8H,KAAK,OAAOrB,WAAS,EAAC/F,QAAQ,WAAWtE,GAAK,CAAEoO,aAAc,MAAOxN,WAAY,QAClHiJ,KAAK,OAAO8B,MAAQS,GAAUvC,MAAQ,GAAK+B,SAAWa,EACtDuM,WAAa,CACP,aAAc,kBAG1B,SAACxN,EAAA,EAAS,CAACzF,OAAO,QAAQnC,MAAM,OAAO8H,KAAK,OAAOrB,WAAS,EAAC/F,QAAQ,WAAWtE,GAAK,CAAE+F,OAAQ,SACzF8D,KAAK,OAAO8B,MAAQS,GAAU6M,MAAQ,GAAKrN,SAAWa,EACtDuM,WAAa,CACP,aAAc,kBAG1B,SAACxN,EAAA,EAAS,CAACzF,OAAO,QAAQnC,MAAM,QAAQ8H,KAAK,OAAOrB,WAAS,EAAC/F,QAAQ,WAAWtE,GAAK,CAAE+F,OAAQ,SAC1F8D,KAAK,QAAQ8B,MAAQS,GAAUyB,OAAS,GAAKjC,SAAWa,EACxDuM,WAAa,CACP,aAAc,mBAG1B,UAACvV,EAAA,EAAG,CAACxD,QAAQ,OAAOD,GAAK,CAAE2K,UAAW,KAAK,WACrC,UAAClH,EAAA,EAAG,CAAC4B,MAAM,MAAMpF,QAAQ,OAAOE,cAAc,SAASiF,eAAe,gBAAgBpF,GAAK,CAAE2K,UAAW,GAAG,WACrG,UAAClH,EAAA,EAAG,YACE,SAAC+H,EAAA,EAAS,cAAY,uBAAuBzF,OAAO,QAAQnC,MAAM,iBAAiB8H,KAAK,SAASpH,QAAQ,WACnGuF,KAAK,gBAAgB8B,MAAQS,GAAU8M,eAAiB,EAAItN,SAAWa,EAAepC,WAAS,KAErG,SAACmB,EAAA,EAAS,cAAY,sBAAsBzF,OAAO,QAAQnC,MAAM,gBAAgB8H,KAAK,SAASpH,QAAQ,WACjGuF,KAAK,eAAe8B,MAAQS,GAAU+M,cAAgB,EAAIvN,SAAWa,EAAepC,WAAS,KAEnG,SAACmB,EAAA,EAAS,cAAY,0BAA0BzF,OAAO,QAAQnC,MAAM,oBAAoB8H,KAAK,SAASpH,QAAQ,WACzGuF,KAAK,mBAAmB8B,MAAQS,GAAUgN,kBAAoB,EAAIxN,SAAWa,EAAepC,WAAS,EACrGgP,WAAa,CAAErZ,GAAI,CAAEY,WAAY,YAEvC,SAAC4K,EAAA,EAAS,cAAY,mBAAmBzF,OAAO,QAAQnC,MAAM,aAAa8H,KAAK,SAASrB,WAAS,EAAC/F,QAAQ,WACrGuF,KAAK,YAAY8B,MAAQS,GAAUmB,WAAa,EAAI3B,SAAWa,QAG3E,UAAChJ,EAAA,EAAG,CAACxD,QAAQ,OAAOmF,eAAe,WAAWuF,UAAY,EAAC,WAErD,SAAC2O,EAAA,EAAgB,CACXC,SAAU,SAAChC,EAAA,EAAQ,CAAC/B,QAAUpJ,GAAUoN,YAAa,EAAQ5N,SAAW2J,EAAuB1L,KAAK,cACpGjG,MAAM,eAGZ,SAAC0V,EAAA,EAAgB,CACXC,SAAU,SAAChC,EAAA,EAAQ,CAAC/B,QAAUpJ,GAAUqN,YAAa,EAAQ7N,SAAW2J,EAAuB1L,KAAK,cACpGjG,MAAM,qBAMxB,SAAC,EAAmB,CAAC2S,mBAAqBA,EAAqBoC,sBAAwBA,EAAwBC,kBAAoBA,QAGzI,UAACnV,EAAA,EAAG,CAACxD,QAAQ,OAAOmF,eAAe,gBAAgBuF,UAAY,EAAC,WAE1D,SAAC,EAAgB,CAACgN,cAAgBvL,GAAUuL,eAAiB,GAAKC,kBAAoBA,EAAoBC,eAAiBA,EAAiB5L,SAAW8M,KACvJ,SAAC,EAAe,CAACV,aAAejM,GAAUiM,cAAgB,GAAKC,iBAAmBA,EAAmBC,cAAgBA,EAAgBtM,SAAW8M,QAItJ,UAACtV,EAAA,EAAG,CAACxD,QAAQ,OAAOmF,eAAe,gBAAgBf,WAAW,aAAasG,UAAY,EAAIyD,aAAe,EAAC,WACrG,SAAC3K,EAAA,EAAG,CAAC4K,KAAO,EAAIC,YAAc,EAAC,UACzB,SAACC,EAAA,EAAkB,CAAC1I,MAAQoB,EAAcvB,UAAU,SAASQ,gBAAkBA,OAErF,SAACzC,EAAA,EAAG,CAAC4K,KAAO,EAAIG,WAAa,EAAC,UACxB,SAACD,EAAA,EAAkB,CAAC1I,MAAQuB,EAAiB1B,UAAU,YAAYQ,gBAAkBA,UAIjG,SAACsF,EAAA,EAAS,CAACzF,OAAO,QAAQnC,MAAM,cAAc8H,KAAK,OAAOrB,WAAS,EAAC/F,QAAQ,WACtEuF,KAAK,cAAc8B,MAAQS,GAAUqC,aAAe,GAAK7C,SAAWa,EAAeiC,WAAS,EAACrN,KAAO,EACpG2X,WAAa,CACP,aAAc,0BAGrC,E,sCCxHP,MAoNA,GApNyE7X,IAEnE,MAAM,KAAEoH,EAAI,aAAEmR,EAAY,YAAEC,EAAW,OAAEnJ,EAAM,SAAEoJ,GAAazY,GAEtDiO,KAAMyK,EAAsB1V,MAAO2V,EAAuBvK,UAAWwK,GAA4B,KAAgB5Q,MAAMsG,QAAQuK,4BAE/HC,EAAUC,IAAgB,IAAAhV,UAAS,kBACnCiV,EAAcC,IAAoB,IAAAlV,UAAyC,OAEnF,IAAAoE,YAAU,KAEa,aAAb2Q,GAEEG,EAAgB,CACV/W,GAAIsP,EAAA,EAAKvK,UAAUC,MACnBwB,KAAM8P,GAAe,GACrB3B,QAAS0B,GAAgB,WAErC,GACH,CAAEO,IAyBL,OACM,UAAC7P,EAAA,EAAM,CACD7B,KAAOA,EACPC,QAAUoR,EACV5T,SAAS,KACTwE,OAAO,QACPH,WAAS,EACTC,WAAa,CACPtK,GAAI,CACE+F,OAAQ,EACRwE,QAAS,EACTlF,MAAO,OACPgB,UAAW,QACX1B,SAAU,SACVjE,aAAc,QAEzB,WAED,SAAC+J,EAAA,EAAW,CACNzK,GAAK,CACC+F,OAAQ,EACRwE,QAAS,EACT1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KACpDC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAC1CN,WAAY,OACZyE,MAAO,QACZ,gCAIP,UAACgV,EAAA,EAAI,CACC1O,MAAQsO,EACRrO,SAvDM,CAACC,EAA6ByO,KAEhDJ,EAAYI,EAAS,EAsDTC,UAAU,UACVC,eAAe,YAAW,aACf,qBACXC,UAAQ,EACRnW,QAAQ,YACRtE,GAAK,CAAEuG,SAAU,SAAUmU,IAAK,EAAGC,OAAQ,EAAG9Z,gBAAiB,SAAS,WAExE,SAAC+Z,EAAA,EAAG,CAACjP,MAAM,gBAAgB/H,MAAM,iBAAiB5D,GAAK,CAAEY,WAAY,WACrE,SAACga,EAAA,EAAG,CAACjP,MAAM,WAAW/H,MAAM,YAAY5D,GAAK,CAAEY,WAAY,cAGjE,SAAC8J,EAAA,EAAa,CAAC1K,GAAK,CAAEmV,WAAY,EAAGjV,OAAQ,QAASyE,SAAU,SAAUmS,aAAc,GAAG,UACrF,UAACrT,EAAA,EAAG,CAACzD,GAAK,CAAEE,OAAQ,OAAQ2a,UAAwB,kBAAbZ,EAA+B,OAAS,SAAUnD,aAAc,QAAQ,UAC1F,kBAAbmD,IACI,UAACxW,EAAA,EAAG,CAACzD,GAAK,CAAEuK,QAAS,GAAG,UAChBwP,IAA2B,SAACvT,EAAA,EAAU,yBACtCsT,IAAyB,SAACtT,EAAA,EAAU,oCACpCqT,IACI,SAAChP,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAI/K,GAAK,CAAEoO,aAAc,QAAQ,SACnDyL,EAAqB7O,KAAK8P,IACtB,SAACjQ,EAAA,GAAI,CAACM,MAAI,EAACC,GAAK,EAAC,UACX,UAAC3H,EAAA,EAAG,CACExD,QAAQ,OACRoE,WAAW,SACXP,QAAU,KAAMiX,OA3EvD3C,EA2EyE0C,EAAazX,GA3ErE2X,EA2E0EF,EAAajR,KA3EpEoR,EA2E2EH,EAAa9C,aAzEjJoC,EAAgB,CACV/W,GAAI+U,EACJvO,KAAMmR,EACNhD,QAASiD,IALK,IAAC7C,EAAiB4C,EAAmBC,CA2EiG,EAC9Fjb,GAAK,CACC6T,OAAQ,UACR,UAAW,CACLA,OAAQ,YAEnB,WAED,SAACkE,EAAA,EAAU,CACL/X,GAAK,CACCiB,MAAO6Z,EAAa9C,QACpBnX,gBAAiBia,EAAa9C,QAC9B1J,YAAa,MACb/D,QAAS,EACT9J,OAAQ0Z,GAAc9W,KAAOyX,EAAazX,GAAK,kBAAoB,kBACnE3C,aAAc,MACd6D,SAAU,aAGtB,SAAC2W,EAAA,EAAI,CACClb,GAAK,CACCY,WAAYuZ,GAAc9W,KAAOyX,EAAazX,GAAK,OAAS,SAC5DpC,MAAOkZ,GAAc9W,KAAOyX,EAAazX,GAAM7C,GAAUA,EAAMM,QAAQC,UAAUC,KAAO,QACxFuK,eAAgB4O,GAAc9W,KAAOyX,EAAazX,GAAK,YAAc,OACrEwB,WAAY,SACZF,SAAU,SACVC,aAAc,WACdiP,OAAQ,WACb,SAECiH,EAAajR,WAlCPiR,EAAazX,WA4CtD,aAAb4W,IACI,SAACxW,EAAA,EAAG,CAACzD,GAAK,CAAEuK,QAAS,GAAG,UAClB,SAAC9G,EAAA,EAAG,CAACzD,GAAK,CAAEC,QAAS,OAAQmF,eAAgB,SAAUgJ,aAAc,EAAGzD,UAAW,GAAG,UAChF,SAAC,MAAY,CACP1J,MAAQkZ,GAAcnC,SAAW,UACjCmD,iBAAoBC,IAEdhB,EAAgB,IACPD,EACHnC,QAASoD,EAAaC,KAC1B,EAERC,OAAS,CACHC,QAAS,CACHC,OAAQ,CACFnW,MAAO,OACPzC,UAAW,OACXnC,OAAQ,OACR8J,QAAS,MACTxE,OAAQ,EACRlF,gBAAiB,cACjB8D,SAAU,UAEhB8W,WAAY,CACNzE,cAAe,uBAUrE,SAACvT,EAAA,EAAG,CAACzD,GAAK,CAAEuK,QAAS,EAAGmN,UAAW,iCAAiC,UAC9D,SAAClM,EAAA,EAAS,CACJnB,WAAS,EACTzG,MAAM,sBACNU,QAAQ,WACRqH,MAAQwO,GAActQ,MAAQ,GAC9B+B,SAAY8P,IAENtB,EAAgB,IACPD,EACHtQ,KAAM6R,EAAE5P,OAAOH,OACnB,EAER0N,WAAa,CACPsC,SAAuB,kBAAb1B,GAEhBja,GAAK,CAAEoO,aAAc,QAGjC,UAACrC,EAAA,EAAa,CAAC/L,GAAK,CAAEuK,QAAS,GAAG,WAC5B,SAAC7D,EAAA,EAAM,CAACpC,QAAQ,YAAYrD,MAAM,UAAU6C,QAAU,KAEhD8X,OAlKJxD,EAmKU+B,EAAc9W,IAAMsP,EAAA,EAAKvK,UAAUC,MAnK5B2S,EAoKPb,EAActQ,MAAQ,GApKIgS,EAqK1B1B,EAAcnC,SAAW,eAnKjDxH,EAAO,CACDnN,GAAiB,kBAAb4W,EAA+B7B,EAAUzF,EAAA,EAAKvK,UAAUC,MAC5DwB,KAAMmR,EACNhD,QAAS6D,IALF,IAACzD,EAAiB4C,EAAmBa,CAqKS,EACzC7b,GAAK,CAAEsO,YAAa,GAAG,mBAG7B,SAAC5H,EAAA,EAAM,CAACpC,QAAQ,YAAYrD,MAAM,YAAY6C,QAAU8V,EAAQ,yBAKjF,ECdP,GAxMuEzY,IAEjE,MAAM,KAAEoH,EAAI,YAAEuT,EAAW,aAAEC,EAAY,OAAEvL,EAAM,SAAEoJ,GAAazY,GAEtDiO,KAAM4M,EAAqB7X,MAAO8X,EAAsB1M,UAAW2M,GAA2B,KAAgB/S,MAAMsG,QAAQ0M,2BAE5HlC,EAAUC,IAAgB,IAAAhV,UAAS,iBACnCkX,EAAaC,IAAmB,IAAAnX,UAAwC,OAEhF,IAAAoE,YAAU,KAEa,YAAb2Q,GAEEoC,EAAe,CACThZ,GAAIsP,EAAA,EAAKvK,UAAUC,MACnBsD,MAAO,GACP2Q,aAAc,GAE1B,GAEH,CAAErC,IAyBL,OACM,UAAC7P,EAAA,EAAM,CACD7B,KAAOA,EACPC,QAAUoR,EACV5T,SAAS,KACTwE,OAAO,QACPH,WAAS,EACTC,WAAa,CACPtK,GAAI,CACE+F,OAAQ,EACRwE,QAAS,EACTlF,MAAO,OACPgB,UAAW,QACX1B,SAAU,SACVjE,aAAc,QAEzB,WAED,SAAC+J,EAAA,EAAW,CACNzK,GAAK,CACC+F,OAAQ,EACRwE,QAAS,EACT1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KACpDC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAC1CN,WAAY,OACZyE,MAAO,QACZ,+BAIP,UAACgV,EAAA,EAAI,CACC1O,MAAQsO,EACRrO,SAvDM,CAACC,EAA6ByO,KAEhDJ,EAAYI,EAAS,EAsDTC,UAAU,UACVC,eAAe,YAAW,aACf,oBACXC,UAAQ,EACRnW,QAAQ,YACRtE,GAAK,CAAEuG,SAAU,SAAUmU,IAAK,EAAGC,OAAQ,EAAG9Z,gBAAiB,SAAS,WAExE,SAAC+Z,EAAA,EAAG,CAACjP,MAAM,eAAe/H,MAAM,gBAAgB5D,GAAK,CAAEY,WAAY,WACnE,SAACga,EAAA,EAAG,CAACjP,MAAM,UAAU/H,MAAM,WAAW5D,GAAK,CAAEY,WAAY,cAG/D,SAAC8J,EAAA,EAAa,CAAC1K,GAAK,CAAEmV,WAAY,EAAGjV,OAAQ,QAASyE,SAAU,SAAUmS,aAAc,GAAG,UACrF,UAACrT,EAAA,EAAG,CAACzD,GAAK,CAAEE,OAAQ,OAAQ2a,UAAwB,iBAAbZ,EAA8B,OAAS,SAAUnD,aAAc,QAAQ,UACzF,iBAAbmD,IACI,UAACxW,EAAA,EAAG,CAACzD,GAAK,CAAEuK,QAAS,GAAG,UAChB2R,IAA0B,SAAC1V,EAAA,EAAU,yBACrCyV,IAAwB,SAACzV,EAAA,EAAU,mCACnCwV,IACI,SAACnR,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAI/K,GAAK,CAAEoO,aAAc,QAAQ,SACnD4N,EAAoBhR,KAAKuR,IACrB,SAAC1R,EAAA,GAAI,CAACM,MAAI,EAACC,GAAK,EAAC,UACX,SAAC3H,EAAA,EAAG,CACExD,QAAQ,OACRoE,WAAW,SACXP,QAAU,KAAM0Y,OA3ExD9D,EA2EyE6D,EAAYlZ,GA3ErEoZ,EA2E0EF,EAAY5Q,MA3EnE2Q,EA2E2EC,EAAYD,kBAzE9ID,EAAe,CACThZ,GAAIqV,EACJ/M,MAAO8Q,EACPH,iBALa,IAAC5D,EAAgB+D,EAAmBH,CA2EqG,EAChGtc,GAAK,CACC6T,OAAQ,UACR,UAAW,CACLA,OAAQ,YAEnB,UAED,SAACrN,EAAA,EAAU,CACLxG,GAAK,CACCY,WAAYwb,GAAa/Y,KAAOkZ,EAAYlZ,GAAK,OAAS,SAC1DpC,MAAOmb,GAAa/Y,KAAOkZ,EAAYlZ,GAAM7C,GAAUA,EAAMM,QAAQC,UAAUC,KAAO,QACtFuK,eAAgB6Q,GAAa/Y,KAAOkZ,EAAYlZ,GAAK,YAAc,OACnEwB,WAAY,SACZF,SAAU,SACVC,aAAc,WACdiP,OAAQ,WACb,SAEC0I,EAAY5Q,WAvBN4Q,EAAYlZ,WAgCrD,YAAb4W,IACI,UAACxW,EAAA,EAAG,CAACzD,GAAK,CAAEuK,QAAS,GAAG,WAClB,SAACiB,EAAA,EAAS,CACJnB,WAAS,EACTzG,MAAM,aACNU,QAAQ,WACRqH,MAAQyQ,GAAazQ,OAAS,GAC9BC,SAAY8P,GACNW,EAAe,IACND,EACHzQ,MAAO+P,EAAE5P,OAAOH,QAG5B3L,GAAK,CAAEoO,aAAc,MAE3B,SAAC5C,EAAA,EAAS,CACJnB,WAAS,EACTzG,MAAM,gBACNU,QAAQ,WACRoH,KAAK,SACLC,MAAQyQ,GAAaE,cAAgB,EACrC1Q,SAAY8P,GACNW,EAAe,IACND,EACHE,aAAcI,SAAShB,EAAE5P,OAAOH,SAG5C3L,GAAK,CAAEoO,aAAc,cAMnD,SAAC3K,EAAA,EAAG,CAACzD,GAAK,CAAEuK,QAAS,EAAGmN,UAAW,iCAAiC,UAC9D,SAAClM,EAAA,EAAS,CACJnB,WAAS,EACTzG,MAAM,sBACNU,QAAQ,WACRqH,MAAQyQ,GAAazQ,OAAS,GAC9BC,SAAY8P,GACNW,EAAe,IACND,EACHzQ,MAAO+P,EAAE5P,OAAOH,QAG5B0N,WAAa,CACPsC,SAAuB,iBAAb1B,GAEhBja,GAAK,CAAEoO,aAAc,QAGjC,UAACrC,EAAA,EAAa,CAAC/L,GAAK,CAAEuK,QAAS,GAAG,WAE5B,SAAC7D,EAAA,EAAM,CAACpC,QAAQ,YAAYrD,MAAM,UAAU6C,QAAU,KAChD8X,OApJJlD,EAqJU0D,GAAa/Y,IAAM,GArJboZ,EAsJNL,GAAazQ,OAAS,GAtJG2Q,EAuJzBF,GAAaE,cAAgB,OArJrD9L,EAAO,CACDnN,GAAiB,iBAAb4W,EAA8BvB,EAAS/F,EAAA,EAAKvK,UAAUC,MAC1DsD,MAAO8Q,EACPH,iBALO,IAAC5D,EAAgB+D,EAAmBH,CAuJM,EAAGtc,GAAK,CAAEsO,YAAa,GAAG,mBAIrE,SAAC5H,EAAA,EAAM,CAACpC,QAAQ,YAAYrD,MAAM,YAAY6C,QAAU8V,EAAQ,yBAMjF,E,4BC1MP,MAcA,GAdkE,EAAGA,WAAUpJ,SAAQuI,mBAG3E,UAAChN,EAAA,EAAa,CAAC/L,GAAK,CAAEuK,QAAS,GAAG,WAC5B,SAAC7D,EAAA,EAAM,CAAC5C,QAAU8V,EAAW3Y,MAAM,QAAQqD,QAAQ,YAAYtE,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAAC5C,GAAA,EAAU,IAAG,qBAGzJ,SAAC2C,EAAA,EAAM,CAAC5C,QAAU0M,EAASvP,MAAM,UAAUqD,QAAQ,YAAYtE,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAAChD,GAAA,EAAQ,IAAMsI,SAAW8M,EAAY,qB,4BCWnM,MAkQA,GAlQ4D5X,IAEtD,MAAM,KAAEoH,EAAI,iBAAEoU,EAAgB,mBAAEC,EAAkB,QAAEpU,GAAYrH,GAE1D,SAAEiL,EAAQ,YAAE4D,EAAW,cAAEsF,EAAa,aAAE7I,EAAY,qBAAE8I,GAAyBF,KAC7EjG,KAAMyN,EAAa1Y,MAAO2Y,EAAcvN,UAAWwN,GAAmB,KAAgB5T,MAAMsG,QAAQuN,kBAAkB,CAAE3Z,GAAIsZ,KAC5HM,GAAiB,KAAgB9T,MAAMC,UAAUwG,UACnD,gBAAEC,EAAe,KAAEC,IAAS,EAAAC,GAAA,MAE5B,YACA9I,EAAW,eACXG,EAAc,YACdM,EAAW,SACXE,EAAQ,YACRC,EAAW,YACXC,EAAW,gBACX5B,EAAe,eACf8B,EAAc,eACdL,IACF,EAAAX,EAAA,MAGE4O,MAAO+B,EACPjC,aAAcwH,EACdrH,SAAUsH,EACVrH,WAAYsH,EACZrH,YAAasH,EACbrH,iBAAkB4B,EAClB3B,cAAe4B,EACf3B,eAAgBoH,EAChBjH,gBAAiBkH,EACjBjH,iBAAkBkH,GACpB/H,KAGEG,MAAOyC,EACP3C,aAAc+H,EACd3H,WAAY4H,EACZ3H,YAAa4H,EACb9H,SAAU+H,EACV5H,iBAAkBsC,EAClBrC,cAAesC,GACfrC,eAAgB2H,GAChBxH,gBAAiByH,GACjBxH,iBAAkByH,IACpBtI,KAGEG,MAAOW,GACPb,aAAcsI,GACdlI,WAAYmI,GACZlI,YAAamI,GACbrI,SAAU8C,GACV3C,iBAAkBmI,GAClBlI,cAAehD,GACfiD,eAAgBkI,GAChB/H,gBAAiBgI,GACjB/H,iBAAkBgI,IACpB7I,KAEJ,IAAAnM,YAAU,KAEAf,GAAQoU,IAENrH,IACAxN,IACN,GACH,CAAES,EAAMoU,KAEX,IAAArT,YAAU,KAEAyT,EAEElN,EAAgB,oBAAoB+M,SAK1C9M,GAAM,GAET,CAAEiN,KAGL,IAAAzT,YAAU,KAEJ,GAAIuT,EACJ,CAGM,GAFA7M,EAAY6M,GAERA,EAAYlF,eAAiBkF,EAAYlF,cAAcpO,OAAS,EACpE,CACM,MAAMgV,EAAa1B,EAAYlF,cAC/BwF,EAAiBoB,EACvB,CAEA,GAAI1B,EAAYxE,cAAgBwE,EAAYxE,aAAa9O,OAAS,EAClE,CACM,MAAMiV,EAAY3B,EAAYxE,aAC9BuF,EAAgBY,EACtB,CAEA,GAAI3B,EAAY3L,mBAAqB2L,EAAY3L,kBAAkB3H,OAAS,EAC5E,CACM,MAAMkV,EAAiB5B,EAAY3L,kBACnCyH,GAAsB8F,EAC5B,CAEI5B,EAAY5V,aAEVW,EAASiV,EAAY5V,aAGvB4V,EAAYzV,gBAEVQ,EAASiV,EAAYzV,eAEjC,IACH,CAAEyV,KAEL,IAAAvT,YAAU,KAEJ0G,GAAYf,IAAa,IAChBA,EACH0I,cAAeA,KAClB,GAEN,CAAEA,KAEL,IAAArO,YAAU,KAEJ0G,GAAYf,IAAa,IAChBA,EACHoJ,aAAcA,KACjB,GAEN,CAAEA,IA2CL,OACM,UAAC,EAAA7U,SAAQ,YACH,UAAC4G,EAAA,EAAM,CAAC7B,KAAOA,EAAOC,QAAUA,EAAUxC,SAAS,KAAKqE,WAAS,EAACC,WAAa,CAAEtK,GAAI,CAAE+F,OAAQ,EAAGwE,QAAS,EAAGlF,MAAO,OAAQV,SAAU,SAAUjE,aAAc,QAAY8J,OAAO,QAAO,WACnL,SAACC,EAAA,EAAW,CAACzK,GAAK,CAAE+F,OAAQ,EAAGwE,QAAS,EAAG1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KAAMC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAAcN,WAAY,OAAQyE,MAAO,QAAQ,2BAGhM,SAACqF,EAAA,EAAa,CAAC1K,GAAK,CAAE2K,UAAW,QAAQ,SACjCoS,GACI,SAACtZ,EAAA,EAAG,CAACxD,QAAQ,OAAOmF,eAAe,SAASf,WAAW,SAASnE,OAAO,OAAM,UACvE,SAAC6W,EAAA,EAAgB,MAGvB3K,IACM,SAAC,EAAyB,CACpBA,SAAWA,EACXE,aAAe,CACTrF,cACAG,iBACAM,cACAE,WACAC,cACAC,cACA5B,kBACA8B,iBACAL,kBAEN4O,mBAAqBA,GACrBoC,sBAAwBA,GACxBlM,aAAeA,EACf8I,qBAAuBA,EACvBqC,kBAAoBA,EACpBC,eAAiBA,EACjBS,iBAAmBA,EACnBC,cAAgBA,GAChBK,kBAAoBqF,GACpBlF,aAAegE,OAKvC,SAAC,GAAoB,CAACnD,SAAWpR,EAAUgI,OA1ExC,KAEf,IAEM,IAAKpE,EAGC,YADA5D,IAINqH,EAAgB,mBAAmBzD,EAASvC,YAE5C,MAAM6U,EAAkD,IAC/CtS,EACH8E,kBAAmBqF,GACnBtP,YAAaA,EACbG,eAAgBA,GAGtB6V,EAAa,CAAE0B,qBAAsBD,IAC9BrO,SACAC,SAAQ,KA1BrBN,EAAY,MACZlI,IACAU,IA2BkBsH,GAAM,GAGxB,CAAE,MAAO3L,GAGH2L,GACN,GA2C+EiJ,aAAegE,OAGtFrV,IACI,SAAC6I,GAAA,EAAiB,CACZhI,MAAO,EACPR,YAAcL,EAAYK,YAC1BrC,UAAYgC,EAAYhC,UACxB8C,QAAU,IAAMb,EAAe,MAC/B6I,OAASxI,IAGnBgW,KACI,SAAC,EAAsB,CACjBzV,KAAOyV,GACPxV,QAAU0V,GACV3H,mBAAqBA,GACrB/F,OAAS6N,KAInBnB,IACI,SAAC,GAAuB,CAClB3U,KAAO2U,EACPtD,SAAW4D,EACXhN,OAAUoO,GAAsCtB,EAAgBsB,KAI1EnB,IACI,SAAC,GAAsB,CACjBlV,KAAOkV,EACP7D,SAAWmE,GACXvN,OAAUqO,GAAoChB,GAAegB,OAIpF,E,gBC9QP,MA+EA,GA/E8D,EAAGtW,OAAMC,UAASsW,qBAE1E,MAAQpO,EAAYC,IAAkB,IAAAzL,UAAS,KAEvC6Z,GAAkB,KAAgB5V,MAAMC,UAAUyH,cAE1D,IAAAvH,YAAU,KAECf,GAECoI,EAAc,GACpB,GAEH,CAAEpI,IAwBL,OACM,UAAC6B,EAAA,EAAM,CAAC7B,KAAOA,EAAOC,QAAUA,EAAUxC,SAAS,KAAKqE,WAAS,EAC3DC,WAAa,CACPtK,GAAI,CACE+F,OAAQ,EAAGwE,QAAS,EAAGlF,MAAO,OAAQV,SAAU,SAAUjE,aAAc,QAEhF8J,OAAO,QAAO,WAClB,SAACC,EAAA,EAAW,CAACzK,GAAK,CACZ+F,OAAQ,EAAGwE,QAAS,EAAG1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KAC3EC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAAcN,WAAY,OAAQyE,MAAO,QACxF,6BAGD,UAACqF,EAAA,EAAa,CAAC1K,GAAK,CAAE2K,UAAW,QAAQ,WACnC,UAACC,GAAA,EAAiB,iEACsC,4BAAU,IAAIkU,EAAejV,UAAkB,+BAEvG,SAAC2B,EAAA,EAAS,CACJxL,GAAK,CAAE+F,OAAQ,SACf0F,WAAS,EACT1F,OAAO,QACPnC,MAAM,eACN8H,KAAK,OACLrB,WAAS,EACTsB,MAAQ+E,EACR9E,SA/CGC,IAErB8E,EAAc9E,EAAMC,OAAOH,MAAM,QAgD3B,UAACI,EAAA,EAAa,CAAC/L,GAAK,CAAEuK,QAAS,GAAG,WAC5B,SAAC7D,EAAA,EAAM,CAAC5C,QAAU0E,EAAUvH,MAAM,QAAQqD,QAAQ,YAC5CtE,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAAC5C,GAAA,EAAU,IAAG,qBAGhG,SAAC2C,EAAA,EAAM,CAAC5C,QAlDJ,KAEhB,GAAI4M,IAAeoO,EAAejV,KAE5B,IAEMkV,EAAc,CAAE1b,GAAIyb,EAAezb,KAEnCmF,GACN,CACA,MAAOrE,GAGP,CACN,EAoC8ClD,MAAM,UAAUqD,QAAQ,YAAY2H,SAAWyE,EAAWxE,SAAW4S,EAAejV,KAAMqC,OACtHlM,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAACzC,EAAA,EAAU,IAAG,yBAKjH,E,gBC9DP,MAgOA,GAhOyD,EAAGqE,OAAMC,cAE5D,MAAMwW,EAAsC,CACtC3b,GAAI,GACJwG,KAAM,GACNoP,KAAM,GACNpL,MAAO,GACPY,YAAa,GACbwF,cAAe,KACfC,iBAAkB,KAClBgF,cAAe,EACfC,aAAc,EACdC,iBAAkB,EAClBI,WAAW,EACXC,WAAW,EACXlM,UAAW,EACX2D,kBAAmB,GACnByG,cAAe,GACfU,aAAc,KAGd,SAAEjM,EAAQ,YAAE4D,EAAW,cAAEsF,EAAa,aAAE7I,EAAY,qBAAE8I,GAAyBF,KAC7E4J,GAAkB,KAAgB9V,MAAMC,UAAU4H,UACpD,gBAAEnB,EAAe,KAAEC,IAAS,EAAAC,GAAA,MAE5B,YACA9I,EAAW,eACXG,EAAc,YACdM,EAAW,SACXE,EAAQ,YACRC,EAAW,YACXC,EAAW,gBACX5B,EAAe,eACf8B,EAAc,eACdL,IACF,EAAAX,EAAA,MAGE4O,MAAO+B,EACPjC,aAAcwH,EACdrH,SAAUsH,EACVrH,WAAYsH,EACZrH,YAAasH,EACbrH,iBAAkB4B,EAClB3B,cAAe4B,EACf3B,eAAgBoH,EAChBjH,gBAAiBkH,EACjBjH,iBAAkBkH,GACpB/H,KAGEG,MAAOyC,EACP3C,aAAc+H,EACd3H,WAAY4H,EACZ3H,YAAa4H,EACb9H,SAAU+H,EACV5H,iBAAkBsC,EAClBrC,cAAesC,EACfrC,eAAgB2H,EAChBxH,gBAAiByH,EACjBxH,iBAAkByH,GACpBtI,KAGEG,MAAOW,EACPb,aAAcsI,EACdlI,WAAYmI,GACZlI,YAAamI,GACbrI,SAAU8C,GACV3C,iBAAkBmI,GAClBlI,cAAehD,GACfiD,eAAgBkI,GAChB/H,gBAAiBgI,GACjB/H,iBAAkBgI,IACpB7I,KAEJ,IAAAnM,YAAU,KAEC8C,GAEC4D,EAAYgP,EAClB,GACH,KAEH,IAAA1V,YAAU,KAEJ0G,GAAYf,IAAa,IAChBA,EACH0I,cAAeA,KAClB,GAEN,CAAEA,KAEL,IAAArO,YAAU,KAEJ0G,GAAYf,IAAa,IAChBA,EACHoJ,aAAcA,KACjB,GAEN,CAAEA,IAgDL,OACM,UAAC,EAAA7U,SAAQ,YACH,UAAC4G,EAAA,EAAM,CAAC7B,KAAOA,EAAOC,QAAUA,EAAUxC,SAAS,KAAKqE,WAAS,EAACC,WAAa,CAAEtK,GAAI,CAAE+F,OAAQ,EAAGwE,QAAS,EAAGlF,MAAO,OAAQV,SAAU,SAAUjE,aAAc,QAAY8J,OAAO,QAAO,WACnL,SAACC,EAAA,EAAW,CAACzK,GAAK,CAAE+F,OAAQ,EAAGwE,QAAS,EAAG1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KAAMC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAAcN,WAAY,OAAQyE,MAAO,QAAQ,0BAIhM,SAACqF,EAAA,EAAa,CAAC1K,GAAK,CAAE2K,UAAW,QAAQ,UAEnC,SAAC,EAAyB,CACpByB,SAAWA,EACXE,aAAe,CACTrF,cACAG,iBACAM,cACAE,WACAC,cACAC,cACA5B,kBACA8B,iBACAL,kBAEN4O,mBAAqBA,EACrBoC,sBAAwBA,GACxBlM,aAAeA,EACf8I,qBAAuBA,EACvBqC,kBAAoBA,EACpBC,eAAiBA,EACjBS,iBAAmBA,EACnBC,cAAgBA,EAChBK,kBAAoBqF,GACpBlF,cAAe,OAK3B,SAAC,GAAoB,CAACa,SAAWpR,EAAUgI,OA1ExC,KAEf,IAEM,IAAKpE,EAGC,YADA5D,IAINqH,EAAgB,uBAAuBzD,EAASvC,YAEhD,MAAMqV,EAA8C,IAC3C9S,EACH8E,kBAAmBqF,EAAmBvL,KAAIC,GAAY,IAAIkU,GAAA,EAAiClU,KAC3FhE,YAAaA,EACbG,eAAgBA,GAGtB8X,EAAc7b,GAAKsP,EAAA,EAAKvK,UAAUC,MAElC4W,EAAc,CAAEN,qBAAsBO,IAC/B7O,SACAC,SAAQ,KA7BrBN,EAAY,MACZlI,IACA6Q,GAAsB,IACtBnQ,IA6BkBsH,GAAM,IAGlBtH,GAEN,CAAE,MAAOrE,GAGH2L,GACN,GAuC+EiJ,cAAe,OAGtFrR,IACI,SAAC6I,GAAA,EAAiB,CACZhI,MAAO,EACPR,YAAcL,EAAYK,YAC1BrC,UAAYgC,EAAYhC,UACxB8C,QAAU,IAAMb,EAAe,MAC/B6I,OAASxI,IAGnBgW,IACI,SAAC,EAAsB,CACjBzV,KAAOyV,EACPxV,QAAU0V,GACV3H,mBAAqBA,EACrB/F,OAAS6N,KAInBnB,IACI,SAAC,GAAuB,CAClB3U,KAAO2U,EACPtD,SAAW4D,EACXhN,OAAUoO,GAAsCtB,EAAgBsB,KAI1EnB,IACI,SAAC,GAAsB,CACjBlV,KAAOkV,EACP7D,SAAWmE,EACXvN,OAAUqO,GAAoChB,EAAegB,OAIpF,E,4BCrOP,MAyHA,GAzHgF,EAAGtW,OAAMC,UAAS4W,uBAE5F,MAAQC,EAAkBC,IAAwB,IAAApa,UAAS,KACnD0D,EAAaC,IAAmB,IAAA3D,UAAS,KACzC4D,EAAsBC,IAA4B,IAAA7D,UAAS,KAC3D8D,EAAaC,IAAmB,IAAA/D,UAAS,IACzCqa,GAAuB,KAAgBpW,MAAMC,UAAUC,sBAE/D,IAAAC,YAAU,KAEA8V,EAAiB7V,OAAS,IAExBN,EAAeO,KAAKC,MAAMD,KAAKE,SAAW0V,EAAiB7V,SAC3DR,EAAwBS,KAAKC,MAAM,IAAyB,IAAhBD,KAAKE,UAAmBC,YAC1E,GACH,CAAEyV,IAEL,MAAMI,EAAoBJ,EAAiB7V,OAAS,IAC9C,SAAmB6V,EAAkBpW,IAAea,MAC5CuV,EAAkBpW,GAAca,KAEtC,GAEF4V,EAAeL,EAAiB7V,OAoBhCmW,EAAiB1V,MAAOC,IAExB,IAEM,MAAMyV,EAAiB,IAAIxV,GAAA,EAC3BwV,EAAezV,IAAM,IAAKA,SAEpBsV,EAAmB,CAAEpV,eAAgBuV,IAE3ClX,GACN,CACA,MAAOrE,GAGP,GAGN,OACM,UAACiG,EAAA,EAAM,CAAC7B,KAAOA,EAAOC,QAAUA,EAAUxC,SAAS,KAAKqE,WAAS,EAC3DC,WAAa,CACPtK,GAAI,CACE+F,OAAQ,EAAGwE,QAAS,EAAGlF,MAAO,OAAQV,SAAU,SAAUjE,aAAc,QAEhF8J,OAAO,QAAO,WAClB,SAACC,EAAA,EAAW,CAACzK,GAAK,CACZ+F,OAAQ,EAAGwE,QAAS,EAAG1J,gBAAkBL,GAAUA,EAAMM,QAAQC,UAAUC,KAC3EC,MAAQT,GAAUA,EAAMM,QAAQC,UAAUG,aAAcN,WAAY,OAAQyE,MAAO,QACxF,8BAGD,UAACqF,EAAA,EAAa,CAAC1K,GAAK,CAAE2K,UAAW,OAAQvK,UAAW,UAAU,WACxD,UAACwK,GAAA,EAAiB,0CACe,8BAAU6U,EAAY,eAAsB,kCAA4B,yCAAkBzW,EAAc,KAAY,+DAA2D,4BAAUF,IAA+B,QAEzP,SAAC+B,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAI/K,GAAK,CAAE+F,OAAQ,UAAU,SAC/CqZ,EAAiB7V,OAAS,EAAI6V,EAAiBpU,KAAI,CAAC2U,EAASzU,KACzD,SAACL,EAAA,GAAI,CAACM,MAAI,EAACC,GAAK,EAAuBpL,GAAK,CAAEgG,SAAU,QAAQ,UAC1D,UAACQ,EAAA,EAAU,CAACxG,GAAK,CAAEqL,UAAW,aAAcxG,WAAY,UAAU,UAC1DqG,EAAQ,EAAC,MAAI,SAACzH,EAAA,EAAG,CAAC6H,UAAU,OAAOtL,GAAK,CAAEY,WAAY,OAAQ2K,eAAgB,aAAa,SAAKoU,EAAQ9V,WAF5F8V,EAAQtc,OAKnC,SAACmD,EAAA,EAAU,wCAEtB,SAACgF,EAAA,EAAS,CACJxL,GAAK,CAAE+F,OAAQ,SACf0F,WAAS,EACT1F,OAAO,QACPnC,MAAM,eACN8H,KAAK,OACLrB,WAAS,EACTsB,MAAQ0T,EACRzT,SArESC,IAE3ByT,EAAoBzT,EAAMC,OAAOH,MAAM,KAqE3B,SAACH,EAAA,EAAS,CACJxL,GAAK,CAAE+F,OAAQ,SACfA,OAAO,QACPnC,MAAM,iBACN8H,KAAK,OACLrB,WAAS,EACTsB,MAAQ/C,EACRgD,SAzEIC,IAEtBhD,EAAegD,EAAMC,OAAOH,MAAM,QA0E5B,UAACI,EAAA,EAAa,CAAC/L,GAAK,CAAEuK,QAAS,GAAG,WAC5B,SAAC7D,EAAA,EAAM,CAAC5C,QAAU0E,EAAUvH,MAAM,QAAQqD,QAAQ,YAC5CtE,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAAC5C,GAAA,EAAU,IAAG,qBAGhG,SAAC2C,EAAA,EAAM,CAAC5C,QA5EJ,KAEZub,IAAqBG,GAAqB5W,IAAgBE,GAExD4W,EAAeN,EAAiBpU,KAAIgB,GAAOA,EAAI3I,KACrD,EAuE8CpC,MAAM,UAAUqD,QAAQ,YACpD2H,SAAWoT,EAAiBnT,SAAWsT,GAAqB5W,EAAYsD,SAAWpD,EACnF9I,GAAK,CAAEY,WAAY,OAAQ2D,SAAU,OAAQc,MAAO,SAAYsB,WAAY,SAACzC,EAAA,EAAU,IAAG,yBAKjH,E,oDCjGP,MA8XA,GA9XmC,OAC7B,MAAM1D,GAAQ,EAAAY,EAAA,KACR6P,GAAW,WAEV2O,EAAUC,IAAe,IAAA3a,UAAoC,KAE5DkK,KAAM0Q,EAAiB3b,MAAO4b,EAAkBxQ,UAAWyQ,GAAuB,KAAgB7W,MAAMsG,QAAQwQ,UAChH7Q,KAAMgC,EAAmBjN,MAAOkN,EAAoB9B,UAAW+B,GAAyB,KAAyBnI,MAAMsG,QAAQ8B,iBAEhI2O,EAAqBC,GAAsB,KAAchX,MAAMuI,YAAYC,YAE3E7O,EAAe8O,IAAoB,IAAA1M,UAA4B,CAAC,IAChE4Z,EAAgBsB,IAAqB,IAAAlb,UAAyC,OAC9E4M,EAAeC,IAAoB,IAAA7M,WAAS,IAC5C8M,EAAiBC,IAAsB,IAAA/M,WAAS,IAChDgN,EAAcC,IAAmB,IAAAjN,WAAS,IAC1CkN,EAAyBC,IAA8B,IAAAnN,WAAS,IAChEoN,EAAcC,IAAmB,IAAArN,UAAsB,KAEvDyS,EAAewF,IAAoB,IAAAjY,UAAoC,KACvEmT,GAAcuF,KAAmB,IAAA1Y,UAAmC,KACpEqR,GAAoBoC,KAAyB,IAAAzT,UAAmB,KAChEzD,GAAuB4e,IAA4B,WAA6C,CAAEC,WAAW,IAE9GC,GAA+C,CAC/CpT,OAAQ,CACFqT,YAAa,CACP5K,MAAO,CACD,CACMvC,MAAO,YACPoN,SAAU,KACV9U,MAAO,cAOrC,IAAArC,YAAU,KACJ,GAAIwW,EAAiB,CAEf,MAMMtN,IANmB,SAAkB+D,KAAqD,IAA9BA,GAAmBhN,OAC7EuW,EACAA,EAAgB3S,QAAOuT,GACnBA,EAAQxP,mBAAmBsG,MAAKvM,GAAYsL,GAAmB/B,SAASvJ,EAAS5H,SAGnD2H,KAAK0V,IAAgC,IACtEA,EACHjO,OAAO,EACPC,WAAYC,EAAA,EAAKvK,cAGvByX,EAAYrN,EAClB,IACH,CAACsN,EAAiBvJ,MAGrB,IAAAjN,YAAU,KACAwI,GACE6O,IACN,GACH,CAAC7O,IAEJ,MAAM7O,GAAmBI,GAAmBwI,IACtCA,EAAM+G,iBACN/G,EAAMgH,kBAIN,MAAM6N,EAAUd,EAASlS,MAAK1B,GAAOA,EAAI3I,KAAOA,IAE5Cqd,IACEvD,EAAiBuD,EAAQ/I,eAAiB,IAC1CiG,GAAgB8C,EAAQrI,cAAgB,IACxC+H,EAAkBM,GAClB3O,GAAiB,GACvB,EAGA4O,GAAc,KAEdxD,EAAiB,IACjBS,GAAgB,GAAG,EAGnB7a,GAAmBM,GAAkB,KACrCuO,EAAiB,IAAK9O,EAAe,CAACO,GAAK,CAAEC,KAAM,KAAawP,OAAS,EAGzE5P,GAAqBG,GAAkB,KACvC,MAAMqd,EAAUd,EAASlS,MAAK1B,GAAOA,EAAI3I,KAAOA,IAC5Cqd,IACEN,EAAkBM,GAClBzO,GAAmB,GACzB,EAGAjP,GAAqBK,GAAkB,KACvCuO,EAAiB,IACR9O,EACH,CAACO,GAAK,CAAEC,KAAM,KAAawP,KAAMC,qBAAqB,IAC1D,EAGFC,GAA0B,KAC1Bf,GAAmB,EAAM,EAIzB2O,GAAmB,KACnBzO,GAAgB,EAAK,EAGrBzQ,GAAyBc,IACzB+P,EAAgB/P,EAAa,EAG7B0Q,GAA6B,KAC7Bb,GAA2B,EAAK,EAGhCc,GAAkC,KAClCd,GAA2B,EAAM,EAGjCwO,GAAwBhV,IACxB,MAAQC,QAAQ,MAAEH,IAAaE,EACzBiV,EAA0B,iBAAVnV,EAAqBA,EAAMzD,MAAM,KAAOyD,EAE9DgN,GAAsBmI,EAAO,EAG7BC,GAAgCC,IAChCX,GAAyBW,EAAS,EAGxC,GAAIhB,EAAoB,OAAO,wCAC/B,GAAID,EAAkB,OAAO,qCAAc,GAAGA,OAG9C,MAAMze,GAAiD,CACjD,CACM+R,MAAO,YACPC,WAAY,UACZC,UAAU,EACV7H,KAAM,UACN2C,KAAM,EACNmF,SAAU,IACVC,gBAAiB,gBACjBwN,UAAU,GAEhB,CACM5N,MAAO,OACPC,WAAY,OACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,EACNmF,SAAU,GACVC,gBAAiB,gBACjBC,WAAa7Q,IAOD,SAAC,IAAO,CAAC8Q,UAAU,QAAQ7P,QANZ+H,IACfA,EAAM+G,iBACN/G,EAAMgH,kBACN5B,EAAS,cAAa,QAAQpO,EAAO8I,SAAU,CAAEiI,MAAO,CAAEsN,UAAWre,EAAOO,IAAIC,KAAO,EAGpCkC,MAAQ,CAAEsO,OAAQ,UAAW5S,MAAOT,EAAMM,QAAQ6B,QAAQ3B,MAAM,SAC3G6B,EAAO8I,SAKjC,CACM0H,MAAO,OACPC,WAAY,OACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,EACNmF,SAAU,IACVC,gBAAiB,iBAEvB,CACMJ,MAAO,QACPC,WAAY,QACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,KACNmF,SAAU,IACVC,gBAAiB,iBAEvB,CACMJ,MAAO,cACPC,WAAY,cACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,EACNmF,SAAU,IACVC,gBAAiB,gBACjBC,WAAa7Q,IACP,SAACiR,GAAA,EAA8B,CAAC1P,KAAOvB,EAAOO,IAAIqL,aAAe,MAG7E,CACM4E,MAAO,YACPC,WAAY,QACZC,UAAU,EACV7H,KAAM,SACN2C,KAAM,GACNmF,SAAU,GACVC,gBAAiB,iBAEvB,CACMJ,MAAO,cACPC,WAAY,QACZS,UAAU,EACV1F,KAAM,GACNmF,SAAU,GACVC,gBAAiB,gBACjBC,WAAa7Q,IACC,SAACmR,GAAA,EAAwB,CAACvO,QAAU5C,EAAOO,IAAI6Q,cAAiBvO,UAAU,SAASX,IAAM,GAAGlC,EAAOO,IAAIyG,+BAG3H,CACMwJ,MAAO,iBACPC,WAAY,QACZS,UAAU,EACV1F,KAAM,GACNmF,SAAU,GACVE,WAAa7Q,IACC,SAACmR,GAAA,EAAwB,CAACvO,QAAU5C,EAAOO,IAAI8Q,iBAAoBxO,UAAU,YAAYX,IAAM,GAAGlC,EAAOO,IAAIyG,kCAGjI,CACMwJ,MAAO,UACPC,WAAY,UACZC,UAAU,EACVQ,UAAU,EACV1F,KAAM,GACNmF,SAAU,IACVC,gBAAiB,gBACjBC,WAAa7Q,IAEP,SAACsR,GAAA,EAAqB,CAChBtR,OAASA,EACTC,cAAgBA,EAChBC,gBAAkBA,GAClBC,kBAAoBA,GACpBC,gBAAkBA,GAClBC,kBAAoBA,OAM5C,GAAI4c,GAAmBA,EAAgBvW,OAAS,EAAG,CAC7C,MAAMlI,EAAkC,IAAIue,GAAUxS,MAAK,CAACC,EAAGC,IAAMD,EAAEE,UAAaD,EAAEC,YAEtF,OACM,UAAC,EAAA/J,SAAQ,YAEH,UAACC,EAAA,EAAG,CAACxD,QAAQ,OAAOmF,eAAe,WAAWf,WAAW,SAAS+P,GAAK,EAAC,WAElE,SAAC5N,EAAA,EAAU,CAAClC,QAAQ,QAAQtE,GAAK,CAAEmhB,GAAI,EAAGvgB,WAAY,QAAQ,+BAI9D,UAACmN,EAAA,EAAW,CAACyK,KAAK,QAAQxY,GAAK,CAAEqF,MAAO,QAAS8b,GAAI,GAAG,WAElD,SAACnT,EAAA,EAAU,CAAC3K,GAAG,wBAAuB,iCAEtC,SAAC4K,EAAA,EAAM,CACDmT,QAAQ,wBACRzV,MAAQ4K,GACR3K,SAAWiV,GACXjd,MAAQ,KACRyd,OACM,SAACC,EAAA,EAAa,CACR1d,MAAM,qBACN2d,QAAUhL,GAAmBhN,OAAS,EACtCc,WAAS,EACTmX,aACMjL,GAAmBhN,OAAS,GACtB,SAACkY,EAAA,EAAc,CAAClb,SAAS,MACnBvG,GAAK,CACC0hB,cAAe,OACfpT,YAAa,QAClB,UACD,SAAC4J,EAAA,EAAU,cACM,4BACXpU,QAAU,IAAM6U,GAAsB,IACtCgJ,KAAK,MACL3hB,GAAK,CACC0hB,cAAe,OACf7gB,gBAAiB,aACjBI,MAAO,qBACPsJ,QAAS,MACTlF,MAAO,OACPnF,OAAQ,OACRQ,aAAc,MACd,qBAAsB,CAChB6D,SAAU,QAEhB,UAAW,CACL1D,gBAAiB,mBAE5B,UACD,SAAC+gB,EAAA,EAAS,QAGxB,OAGtBC,UAAW,EACXC,YAAetL,GACTA,EACOxL,KAAK3H,GAAO+N,GAAmB1D,MAAMzC,GAAaA,EAAS5H,KAAOA,KAAKwG,OACvEsD,QAAQtD,QAAkB1C,IAAT0C,IACjBkY,KAAK,MAAK,SAGrB3Q,GAAmBpG,KAAKC,IACpB,UAACkD,EAAA,EAAQ,CAAiDxC,MAAQV,EAAS5H,GAAE,WACvE,SAACkU,EAAA,EAAQ,CAAC/B,QAAUe,GAAmByL,QAAQ/W,EAAS5H,KAAQ,KAChE,SAACoU,EAAA,EAAY,CAAC9U,QAAUsI,EAASpB,SAFvB,0BAA0BoB,EAAS5H,cAWrE,SAACqD,EAAA,EAAM,CACDpC,QAAQ,YACRrD,MAAM,UACNjB,GAAK,CAAEsO,YAAa,QACpB3H,WAAY,SAAC0N,EAAAC,EAAO,IACpBxQ,QAAU8c,GAAgB,0BAIhC,SAACla,EAAA,EAAM,CACDpC,QAAQ,YACRrD,MAAM,QACNgL,SAAmC,IAAxBqG,EAAa/I,OACxBvJ,GAAK,CAAEsO,YAAa,QACpBxK,QAAUoP,GAA0B,gCAOhD,SAACqB,GAAA,EAAc,CACTlT,KAAOA,EACPC,QAAUA,GACVG,sBAAwBA,GACxBD,aAAe+e,GACf7e,sBAAwBA,GACxBC,8BAAgCof,KAEpCjC,IACI,SAAC,GAAgB,CAEXvW,KAAOuJ,EACP6K,iBAAmBmC,EAAgBzb,GACnCuZ,mBAAqBkC,EAAgBjV,KACrCrB,QAAU,IAAMuJ,GAAiB,IAJ3B,sBAAsB+M,EAAezb,OAAM,OAAO,MAMlEyb,IACI,SAAC,GAAkB,CAACvW,KAAOyJ,EAAkBxJ,QAAUwK,GAA0B8L,eAAiBA,KAExG,SAAC,GAAe,CAACvW,KAAO2J,EAAe1J,QAAU,IAAM2J,GAAgB,MACvE,SAAC,GAA2B,CAAC5J,KAAO6J,EAA0B5J,QAAU2K,GAAkCiM,iBAAmBQ,EAASzS,QAAOnB,GAAOsG,EAAakC,SAASxI,EAAI3I,UAGhM,CAEA,OAAO,SAAC,EAAAG,SAAQ,GAAG,ECxWzB,IAAe,SArD8B,OAGjC,SAACC,EAAA,EAAG,CACEzD,GAAK,CAAEyU,SAAU,EAAGlK,QAAS,UAAU,aAC5B,2BAA0B,UACrC,SAACmK,EAAA,EAAS,CACJ1O,SAAS,KACThG,GAAK,CACC2U,MAAO,SACPC,aAAc,SACdpQ,UAAW,QAChB,UAED,SAACqG,EAAA,GAAI,CAACC,WAAS,EAACC,QAAU,EAAC,UAErB,SAACF,EAAA,GAAI,CAACM,MAAI,EAACC,GAAK,GAAE,UACZ,UAACyJ,EAAA,EAAoB,CAACC,OAAO,YAAYC,eAAiB,GAAMC,YAAY,0BAA0BC,WAAW,cAAa,WACxH,UAACxR,EAAA,EAAG,CAACzD,GAAK,CAAEuK,QAAS,QAAQ,WACvB,SAAC/D,EAAA,EAAU,CACLlC,QAAQ,QACR4Q,WAAS,EACTlV,GAAK,CACCwE,UAAW,QAChB,oSAMP,SAACgC,EAAA,EAAU,CACLlC,QAAQ,QACR4Q,WAAS,EACTlV,GAAK,CACCmV,WAAY,MACZ3Q,UAAW,QAChB,yOAOb,SAAC,GAAY,gBAUH,KAAS4Q,U","sources":["webpack:///./src/pages/Layout.tsx","webpack:///./src/pages/sections/administration/styled/StyledDataGrid.tsx","webpack:///./src/pages/sections/administration/components/CommonDataGrid.tsx","webpack:///./src/pages/sections/administration/styled/StyledGridActionsCellItem.tsx","webpack:///./src/pages/sections/administration/components/CommonDataGridActions.tsx","webpack:///./src/pages/sections/administration/components/CommonDataGridDescriptionField.tsx","webpack:///./src/pages/sections/administration/components/ImageWithFallback.tsx","webpack:///./src/pages/sections/administration/components/GridRowImageWithFallback.tsx","webpack:///./src/pages/sections/administration/ImageUtils.tsx","webpack:///./src/pages/sections/administration/components/ImageEditComponent.tsx","webpack:///./src/pages/sections/administration/hooks/useImageEditing.tsx","webpack:///./src/pages/sections/administration/productCategories/DeleteMultipleProductCategoriesModal.tsx","webpack:///./src/pages/sections/administration/productCategories/components/ProductCategoryDialogContent.tsx","webpack:///./src/pages/sections/administration/productCategories/components/ProductCategoryDialog.tsx","webpack:///./src/pages/sections/administration/productCategories/EditProductCategoryModal .tsx","webpack:///./src/pages/sections/administration/productCategories/DeleteProductCategoryModal.tsx","webpack:///./src/pages/sections/administration/productCategories/AddProductCategoryModal.tsx","webpack:///./src/pages/sections/administration/productCategories/ProductCategoriesMain.tsx","webpack:///./src/pages/sections/administration/productCategories/ProductCategoriesAdministration.tsx","webpack:///./src/pages/sections/administration/products/hooks/useFormData.tsx","webpack:///./src/pages/sections/administration/hooks/useModalPropertyEditor.tsx","webpack:///./src/pages/sections/administration/products/CategorySelectionModal.tsx","webpack:///./src/pages/sections/administration/products/components/ProductColorList.tsx","webpack:///./src/pages/sections/administration/products/components/ProductSizeList.tsx","webpack:///./src/pages/sections/administration/products/components/ProductCategoryList.tsx","webpack:///./src/pages/sections/administration/products/components/ProductModalDialogContent.tsx","webpack:///./src/pages/sections/administration/products/ProductColorEditorModal.tsx","webpack:///./src/pages/sections/administration/products/ProductSizeEditorModal.tsx","webpack:///./src/pages/sections/administration/products/components/ProductDialogActions.tsx","webpack:///./src/pages/sections/administration/products/EditProductModal.tsx","webpack:///./src/pages/sections/administration/products/DeleteProductModal.tsx","webpack:///./src/pages/sections/administration/products/AddProductModal.tsx","webpack:///./src/pages/sections/administration/products/DeleteMultipleProductsModal.tsx","webpack:///./src/pages/sections/administration/products/ProductsMain.tsx","webpack:///./src/pages/sections/administration/products/ProductsAdministration.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {Fragment} from 'react';\r\n\r\nimport Header from './sections/header/Header';\r\nimport Content from './sections/content/Content';\r\nimport Footer from './sections/footer/Footer';\r\nimport Box from '@mui/material/Box';\r\n\r\nconst Layout: React.FC<{}> = ({ }): React.JSX.Element =>\r\n{\r\n      return (\r\n            <Box\r\n                  aria-label='LayoutRootComponent'\r\n                  sx={{\r\n                        display: 'flex',\r\n                        height: 'calc(100vh)',\r\n                        flexDirection: 'column',\r\n                        overflowX: 'hidden',\r\n                  }}>\r\n                  <Header />\r\n\r\n                  <Content />\r\n\r\n                  <Footer />\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default Layout;\r\n","import { styled } from '@mui/material/styles';\r\nimport { DataGrid } from '@mui/x-data-grid';\r\n\r\nexport const StyledDataGrid = styled(DataGrid)(({ theme }) => ({\r\n      // Remove border and border-radius from the entire grid container\r\n      '&.MuiDataGrid-root': {\r\n            border: 'none',\r\n            borderRadius: '0 !important',\r\n      },\r\n\r\n      // // Remove border-radius from all internal elements\r\n      // '& .MuiDataGrid-main, & .MuiDataGrid-cell, & .MuiDataGrid-columnHeader, & .MuiDataGrid-columnHeaders, & .MuiDataGrid-footerContainer, & .MuiDataGrid-columnHeaderTitleContainer': {\r\n      //       border: 'none',\r\n      //       borderRadius: '0 !important',\r\n      // },\r\n\r\n      '&>.MuiDataGrid-main': {\r\n            borderRadius: '0 !important',\r\n            border: 'none',\r\n            '&>.MuiDataGrid-columnHeaders': {\r\n                  borderRadius: '0 !important',\r\n                  border: 'none',\r\n            },\r\n            '& div div div div >.MuiDataGrid-cell': {\r\n                  borderRadius: '0 !important',\r\n                  border: 'none',\r\n            },\r\n            '& .MuiDataGrid-virtualScroller': {\r\n                  borderRadius: '0 !important',\r\n                  border: 'none',\r\n            },\r\n      },\r\n\r\n      // Specific selector for the internal element with the persistent border-radius\r\n      '& .MuiDataGrid-withBorderColor': {\r\n            borderRadius: '0 !important',\r\n      },\r\n\r\n      // Remove focus outline for cells\r\n      '& .MuiDataGrid-cell:focus': {\r\n            outline: 'none !important',\r\n      },\r\n\r\n      // Remove focus outline for column headers\r\n      '& .MuiDataGrid-columnHeader:focus': {\r\n            outline: 'none !important',\r\n      },\r\n\r\n      // Apply secondary main color to the column headers\r\n      '& .MuiDataGrid-columnHeader': {\r\n            fontWeight: 'bold',\r\n            backgroundColor: theme.palette.secondary.main,\r\n            color: theme.palette.secondary.contrastText,\r\n      },\r\n\r\n      // Optionally, style the header text specifically\r\n      '& .MuiDataGrid-columnHeaderTitle': {\r\n            color: theme.palette.secondary.contrastText,\r\n            fontWeight: 'bold',\r\n      },\r\n\r\n      // Additional customizations if needed\r\n      '& .MuiDataGrid-columnHeaderTitleContainer': {\r\n            color: theme.palette.secondary.contrastText,\r\n            fontWeight: 'bold',\r\n      },\r\n}));\r\n","import * as React from 'react';\r\n\r\nimport { Theme, useTheme } from '@mui/material';\r\nimport { DataGrid, DataGridProps, GridColDef, GridColumnVisibilityModel, GridFilterModel, GridRowId, GridValidRowModel } from '@mui/x-data-grid';\r\nimport { StyledDataGrid } from '../styled/StyledDataGrid';\r\nimport { GridInitialStateCommunity } from '@mui/x-data-grid/models/gridStateCommunity';\r\n\r\ntype CommonDataGridProps = Omit<DataGridProps, 'rows' | 'columns'> & {\r\n      rows: GridValidRowModel[];\r\n      columns: GridColDef[];\r\n      showSelectionBox?: boolean;\r\n      initialState?: GridInitialStateCommunity | undefined,\r\n      columnVisibilityModel?: GridColumnVisibilityModel,\r\n      handleSelectionChange: (newSelection: GridRowId[]) => void;\r\n      onColumnVisibilityModelChange?: (visibilityModel: GridColumnVisibilityModel) => void;\r\n};\r\n\r\nconst CommonDataGrid: React.FC<CommonDataGridProps> = (props: CommonDataGridProps) => {\r\n      const theme: Theme = useTheme();\r\n\r\n      const {\r\n            rows,\r\n            columns,\r\n            showSelectionBox,\r\n            initialState,\r\n            columnVisibilityModel,\r\n            handleSelectionChange,\r\n            onColumnVisibilityModelChange,\r\n            ...rest\r\n      } = props;\r\n\r\n      const handleVisibilityChange = React.useCallback(\r\n            (visibilityModel: GridColumnVisibilityModel) => {\r\n                  onColumnVisibilityModelChange?.(visibilityModel);\r\n            },\r\n            [onColumnVisibilityModelChange]\r\n      );\r\n\r\n      const defaultInitialState = {\r\n            pagination: {\r\n                  paginationModel: { page: 0, pageSize: 5 },\r\n            },\r\n      };\r\n\r\n      const mergedInitialState = {\r\n            ...defaultInitialState,\r\n            ...initialState,\r\n            pagination: {\r\n                  ...defaultInitialState.pagination,\r\n                  ...(initialState?.pagination || {}),\r\n            },\r\n      };\r\n      return (\r\n\r\n            <StyledDataGrid\r\n                  { ...rest }\r\n                  columns={ columns }\r\n                  rows={ rows }\r\n                  initialState={ mergedInitialState }\r\n                  pageSizeOptions={ [5, 10, 20, 50, 100] }\r\n                  checkboxSelection={ showSelectionBox }\r\n                  columnVisibilityModel={ props.columnVisibilityModel }\r\n                  onRowSelectionModelChange={ (newSelection) => handleSelectionChange(newSelection) }\r\n                  onColumnVisibilityModelChange={ handleVisibilityChange } />\r\n\r\n      );\r\n}\r\n\r\nexport default CommonDataGrid;","import { styled } from '@mui/material/styles';\r\nimport { GridActionsCellItem } from '@mui/x-data-grid';\r\n\r\nexport const StyledGridActionsCellItem = styled(GridActionsCellItem)(({ theme }) => ({\r\n      color: theme.palette.primary.main,\r\n      outline: 'none !important',\r\n      boxShadow: 'none !important',\r\n\r\n      // Remove outline when the item itself is focused\r\n      '&:focus': {\r\n            outline: 'none !important',\r\n            boxShadow: 'none !important',\r\n      },\r\n\r\n      // Remove outline when any descendant is focused\r\n      '&:focus-within': {\r\n            outline: 'none !important',\r\n            boxShadow: 'none !important',\r\n      },\r\n\r\n      // Additional focus-visible handling\r\n      '&:focus-visible': {\r\n            outline: 'none !important',\r\n            boxShadow: 'none !important',\r\n      },\r\n\r\n      // Target MUI's focus-visible class (applied internally by MUI)\r\n      '&.Mui-focusVisible': {\r\n            outline: 'none !important',\r\n            boxShadow: 'none !important',\r\n      },\r\n\r\n      // Also target the parent DataGrid cell if needed\r\n      '&.MuiDataGrid-cell:focus': {\r\n            outline: 'none !important',\r\n            boxShadow: 'none !important',\r\n      },\r\n}));\r\n","import * as React from 'react';\r\nimport { useState, useEffect, Fragment } from 'react';\r\n\r\nimport { Box, Theme, useTheme } from '@mui/material';\r\n\r\nimport AddIcon from '@mui/icons-material/Add';\r\nimport SaveIcon from '@mui/icons-material/Save';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport CancelIcon from '@mui/icons-material/Cancel';\r\n\r\nimport { GridRenderCellParams, GridTreeNodeWithRender, GridRowModesModel, GridRowId, GridValidRowModel, GridRowModes } from '@mui/x-data-grid';\r\nimport { StyledGridActionsCellItem } from '../styled/StyledGridActionsCellItem';\r\n\r\nexport interface ICommonDataGridActionsProps<T extends GridValidRowModel>\r\n{\r\n      params: GridRenderCellParams<T, any, any, GridTreeNodeWithRender>;\r\n      rowModesModel: GridRowModesModel;\r\n      handleSaveClick: (id: GridRowId) => () => void;\r\n      handleCancelClick: (id: GridRowId) => () => void;\r\n      handleEditClick: (id: GridRowId) => (event: React.MouseEvent) => void;\r\n      handleDeleteClick: (id: GridRowId) => () => void;\r\n}\r\n\r\n//const CommonDataGridActions: React.FC<ICommonDataGridActionsProps> = (props: ICommonDataGridActionsProps) =>\r\nconst CommonDataGridActions = <T extends GridValidRowModel>(props: ICommonDataGridActionsProps<T>) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { params, rowModesModel, handleSaveClick, handleCancelClick, handleEditClick, handleDeleteClick } = props;\r\n\r\n      const isInEditMode = rowModesModel[ params.row.id! ]?.mode === GridRowModes.Edit;\r\n\r\n      return (\r\n            <Fragment>\r\n                  { isInEditMode ? (\r\n                        <Box>\r\n                              <StyledGridActionsCellItem\r\n                                    icon={ <SaveIcon /> }\r\n                                    label=\"Save\"\r\n                                    sx={ {\r\n                                          color: theme.palette.success.main\r\n                                    } }\r\n                                    onClick={ handleSaveClick(params.row.id!) }\r\n                              />\r\n                              <StyledGridActionsCellItem\r\n                                    icon={ <CancelIcon /> }\r\n                                    label=\"Cancel\"\r\n                                    sx={ {\r\n                                          color: theme.palette.warning.main\r\n                                    } }\r\n                                    onClick={ handleCancelClick(params.row.id!) }\r\n                              />\r\n                        </Box>\r\n                  ) : (\r\n                        <Box>\r\n                              <StyledGridActionsCellItem\r\n                                    icon={ <EditIcon /> }\r\n                                    label=\"Edit\"\r\n                                    sx={ {\r\n                                          color: theme.palette.primary.main\r\n                                    } }\r\n                                    onClick={ (evt) => handleEditClick(params.row.id!)(evt) }\r\n                              />\r\n                              <StyledGridActionsCellItem\r\n                                    icon={ <DeleteIcon /> }\r\n                                    label=\"Delete\"\r\n                                    sx={ {\r\n                                          color: theme.palette.error.main\r\n                                    } }\r\n                                    onClick={ handleDeleteClick(params.row.id!) }\r\n                              />\r\n                        </Box>\r\n                  ) }\r\n            </Fragment>\r\n      );\r\n}\r\n\r\nexport default CommonDataGridActions;","import * as React from 'react';\r\n\r\nimport { Box, Theme, Typography, useTheme } from '@mui/material';\r\n\r\nexport interface ICommonDataGridDescriptionFieldProps\r\n{\r\n      text?: string;\r\n}\r\n\r\nconst CommonDataGridDescriptionField: React.FC<ICommonDataGridDescriptionFieldProps> = (props: ICommonDataGridDescriptionFieldProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { text } = props;\r\n\r\n      return (\r\n\r\n            <Box\r\n                  sx={ {\r\n                        display: 'flex',\r\n                        alignItems: 'center',   // Vertically center the content\r\n                        height: '100%',         // Ensure the Box takes the full height of the cell\r\n                  } }>\r\n\r\n                  <Typography\r\n                        variant=\"body2\"\r\n                        sx={ {\r\n                              fontSize: '0.8rem',\r\n                              textAlign: 'left',           // Horizontal alignment\r\n                              display: '-webkit-box',      // Use flexbox model\r\n                              WebkitBoxOrient: 'vertical', // Required for multiline ellipsis\r\n                              WebkitLineClamp: 2,          // Limit to 2 lines\r\n                              overflow: 'hidden',          // Hide overflow text\r\n                              textOverflow: 'ellipsis',    // Ellipsis for overflow text\r\n                              whiteSpace: 'normal',        // Allow text to wrap\r\n                        } }>\r\n                        { text }\r\n                  </Typography>\r\n\r\n            </Box>\r\n\r\n      );\r\n}\r\n\r\nexport default CommonDataGridDescriptionField;","import * as React from 'react';\r\nimport { useState, useEffect, Fragment } from 'react';\r\n\r\nimport { Box, Theme, Typography, useTheme } from '@mui/material';\r\n\r\nimport NoPhotographyTwoToneIcon from '@mui/icons-material/NoPhotographyTwoTone';\r\n\r\nexport interface IImageWithFallbackProps\r\n{\r\n      src: string;\r\n      alt?: string;\r\n}\r\n\r\nconst ImageWithFallback: React.FC<IImageWithFallbackProps> = (props: IImageWithFallbackProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const {\r\n            src,\r\n            alt\r\n      } = props;\r\n\r\n      const [ hasError, setHasError ] = useState(false);\r\n\r\n      const imgAlt = !hasError ?\r\n            alt ?? 'Image' :\r\n            'Image not available';\r\n\r\n      return (\r\n\r\n            <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" width=\"100%\" height=\"100%\">\r\n                  { hasError ? (\r\n                        <NoPhotographyTwoToneIcon\r\n                              sx={ {\r\n                                    fontSize: 28,\r\n                                    color: theme.palette.error.main\r\n                              } } />\r\n                  ) : (\r\n                        <img\r\n                              src={ src }\r\n                              alt={ imgAlt }\r\n                              style={ { width: '100%', height: 'auto' } }\r\n                              onError={ () => setHasError(true) }\r\n                        />\r\n                  ) }\r\n            </Box>\r\n\r\n      );\r\n}\r\n\r\nexport default ImageWithFallback;","import * as React from 'react';\r\nimport { useState, useEffect, Fragment } from 'react';\r\nimport ImageWithFallback from './ImageWithFallback';\r\n\r\n\r\nexport interface IGridRowImageWithFallbackProps\r\n{\r\n      imageId: string;\r\n      imageType: 'Banner' | 'Thumbnail';\r\n      alt?: string;\r\n}\r\n\r\nconst GridRowImageWithFallback: React.FC<IGridRowImageWithFallbackProps> = (props: IGridRowImageWithFallbackProps) =>\r\n{\r\n      const {\r\n            imageId,\r\n            imageType,\r\n            alt\r\n      } = props;\r\n\r\n      const imageUrl = `/api/operations/Images/GetImage/${imageId!}`;\r\n\r\n      return (\r\n\r\n            <ImageWithFallback\r\n                  src={ imageUrl }\r\n                  alt={ alt } />\r\n      );\r\n}\r\n\r\nexport default GridRowImageWithFallback;","import { Box, Button, Typography, useTheme } from '@mui/material';\r\n\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\n\r\nimport { isNullOrUndefined, notNullOrUndefinedOrEmpty } from '../../../utilities/Utils';\r\nimport { IRestApiImageDTO } from '../../../stores/api/Generated/Entities/RestApiImageDTO';\r\n\r\nexport const GetImageData = (image: IRestApiImageDTO | null | undefined, imageType: 'Banner' | 'Thumbnail') =>\r\n{\r\n      if (notNullOrUndefinedOrEmpty(image?.imageData))\r\n      {\r\n            const imageData = `data:image/png;base64,${image!.imageData!}`;\r\n\r\n            return (\r\n                  <img src={ imageData } alt={ `${imageType} Image` } style={ { margin: '16px', maxWidth: '100%', height: 'auto', maxHeight: '200px' } } />\r\n            )\r\n      }\r\n\r\n      return (\r\n            <img src=\"/images/NoImageAvailable.png\" alt={ `${imageType} Image Not Available` } style={ { margin: '16px', maxWidth: '100%', height: 'auto', maxHeight: '200px' } } />\r\n      )\r\n}\r\n\r\nexport const getImageType = (image: IRestApiImageDTO | null | undefined) =>\r\n{\r\n      if (isNullOrUndefined(image?.imageType))\r\n      {\r\n            return 'Unknown';\r\n      }\r\n\r\n      if (image!.imageType === 'ProductBanner' || image!.imageType === 'ProductCategoryBanner')\r\n      {\r\n            return 'Banner';\r\n      }\r\n\r\n      return 'Thumbnail';\r\n}\r\n","import * as React from 'react';\r\nimport { useState, useEffect, Fragment } from 'react';\r\n\r\nimport { Box, Button, Theme, Typography, useTheme } from '@mui/material';\r\n\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\n\r\nimport { IRestApiImageDTO } from '../../../../stores/api/Generated/Entities/RestApiImageDTO';\r\nimport { GetImageData } from '../ImageUtils';\r\n\r\nexport interface IImageEditComponentProps\r\n{\r\n      image: IRestApiImageDTO | null | undefined,\r\n      imageType: 'Banner' | 'Thumbnail',\r\n\r\n      handleEditImage: (imageType: 'Banner' | 'Thumbnail') => void\r\n      handleDeleteImage?: (imageId: string) => void\r\n}\r\n\r\nconst ImageEditComponent: React.FC<IImageEditComponentProps> = (props: IImageEditComponentProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const {\r\n            image,\r\n            imageType,\r\n            handleEditImage,\r\n            handleDeleteImage\r\n      } = props;\r\n\r\n      const onImageDelete = (evt: React.MouseEvent<HTMLButtonElement>) =>\r\n      {\r\n            if (handleDeleteImage)\r\n            {\r\n                  handleDeleteImage(image?.imageId!);\r\n            }\r\n      }\r\n\r\n      const imgTitle = imageType === 'Banner' ? 'Banner Image' : 'Thumbnail Image';\r\n\r\n      return (\r\n            <Box\r\n                  display=\"flex\"\r\n                  alignItems=\"center\"\r\n                  flexDirection=\"column\"\r\n                  sx={ {\r\n                        border: '1px solid rgba(0, 0, 0, 0.23)',\r\n                        minHeight: '320px',\r\n                        borderRadius: '4px',\r\n                        p: 1,\r\n                        position: 'relative',\r\n                  } }>\r\n\r\n                  <Typography variant=\"subtitle2\" sx={ { fontWeight: 'bold' } } gutterBottom>\r\n                        { imgTitle }\r\n                  </Typography>\r\n\r\n                  { GetImageData(image, imageType) }\r\n\r\n                  { image && image.imageData && (\r\n                        <Button\r\n                              onClick={ onImageDelete }\r\n                              variant=\"contained\"\r\n                              startIcon={ <DeleteIcon /> }\r\n                              sx={ {\r\n                                    position: 'absolute',\r\n                                    width: '100px',\r\n                                    bottom: 8,\r\n                                    right: 8,\r\n                                    opacity: 0.75,\r\n                                    color: theme.palette.error.main,\r\n                                    transition: 'opacity 0.3s',\r\n                                    '&:hover': { opacity: 1 },\r\n                              } }>\r\n\r\n                              Remove\r\n\r\n                        </Button>\r\n                  ) }\r\n\r\n                  <Button\r\n                        onClick={ () => handleEditImage(imageType) }\r\n                        variant=\"contained\"\r\n                        startIcon={ <EditIcon /> }\r\n                        sx={ {\r\n                              position: 'absolute',\r\n                              width: '100px',\r\n                              bottom: 8,\r\n                              right: 8,\r\n                              opacity: 0.75,\r\n                              transition: 'opacity 0.3s',\r\n                              '&:hover': { opacity: 1 },\r\n                        } }>\r\n\r\n                        Edit\r\n\r\n                  </Button>\r\n            </Box>\r\n      );\r\n}\r\n\r\nexport default ImageEditComponent;","import { useState } from 'react';\r\nimport { IRestApiImageDTO } from '../../../../stores/api/Generated/Entities/RestApiImageDTO';\r\nimport { Guid } from '../../../../utilities/Guid';\r\nimport { isNullOrUndefinedOrEmpty, notNullOrUndefinedOrEmpty } from '../../../../utilities/Utils';\r\n\r\ninterface ImageToEdit\r\n{\r\n      imageType: 'Banner' | 'Thumbnail';\r\n      base64Image: string;\r\n}\r\n\r\nexport interface UseImageEditingResult\r\n{\r\n      bannerImage: IRestApiImageDTO | undefined;\r\n      thumbnailImage: IRestApiImageDTO | undefined;\r\n      imageToEdit: ImageToEdit | null;\r\n\r\n      setImage: (image: IRestApiImageDTO | null | undefined) => void;\r\n      removeImage: (imageType: 'Banner' | 'Thumbnail') => void;\r\n      clearImages: () => void;\r\n      handleEditImage: (imageType: 'Banner' | 'Thumbnail') => void;\r\n      handleCropSave: (croppedImage: string) => void;\r\n      setImageToEdit: (image: ImageToEdit | null) => void;\r\n}\r\n\r\nexport const useImageEditing = (): UseImageEditingResult =>\r\n{\r\n      const [ bannerImage, setBannerImage ] = useState<IRestApiImageDTO | undefined>(undefined);\r\n      const [ thumbnailImage, setThumbnailImage ] = useState<IRestApiImageDTO | undefined>(undefined);\r\n      const [ originalBannerImage, setOriginalBannerImage ] = useState<IRestApiImageDTO | undefined>(undefined);\r\n      const [ originalThumbnailImage, setOriginalThumbnailImage ] = useState<IRestApiImageDTO | undefined>(undefined);\r\n\r\n      const [ imageToEdit, setImageToEdit ] = useState<ImageToEdit | null>(null);\r\n\r\n      const handleEditImage = (imageType: 'Banner' | 'Thumbnail') =>\r\n      {\r\n            const base64Image = imageType === 'Banner'\r\n                  ? bannerImage?.imageData || ''\r\n                  : thumbnailImage?.imageData || '';\r\n\r\n            setImageToEdit({ imageType, base64Image });\r\n      };\r\n\r\n      const handleCropSave = (croppedImage: string) =>\r\n      {\r\n            if (isNullOrUndefinedOrEmpty(croppedImage))\r\n            {\r\n                  return;\r\n            }\r\n\r\n            const imageData = croppedImage.split(',')[ 1 ]; // Remove the \"data:image/png;base64,\" prefix\r\n\r\n            if (imageToEdit?.imageType === 'Banner')\r\n            {\r\n                  const newBannerImage: IRestApiImageDTO = {\r\n                        imageId: Guid.NewGuid().Value,\r\n                        imageData: imageData,\r\n                        imageType: 'ProductCategoryBanner',\r\n                  };\r\n\r\n                  setBannerImage(newBannerImage);\r\n                  setImageToEdit(null);\r\n\r\n                  return;\r\n            }\r\n\r\n            const newThumbnailImage: IRestApiImageDTO = {\r\n                  imageId: Guid.NewGuid().Value,\r\n                  imageData: imageData,\r\n                  imageType: 'ProductCategoryThumbnail',\r\n            };\r\n\r\n            setThumbnailImage(newThumbnailImage);\r\n            setImageToEdit(null);\r\n      };\r\n\r\n      const setImage = (image: IRestApiImageDTO | null | undefined) =>\r\n      {\r\n            if (notNullOrUndefinedOrEmpty(image?.imageData) &&\r\n                  notNullOrUndefinedOrEmpty(image?.imageType) &&\r\n                  (image!.imageType === 'ProductCategoryBanner' || image!.imageType === 'ProductBanner'))\r\n            {\r\n                  setOriginalBannerImage(image!);\r\n                  setBannerImage(image!);\r\n            }\r\n\r\n            if (notNullOrUndefinedOrEmpty(image?.imageData) &&\r\n                  notNullOrUndefinedOrEmpty(image?.imageType) &&\r\n                  (image!.imageType === 'ProductCategoryThumbnail' || image!.imageType === 'ProductThumbnail'))\r\n            {\r\n                  setOriginalThumbnailImage(image!);\r\n                  setThumbnailImage(image!);\r\n            }\r\n      }\r\n\r\n      const removeImage = (imageType: 'Banner' | 'Thumbnail') =>\r\n      {\r\n            if (imageType === 'Banner')\r\n            {\r\n                  setBannerImage(undefined);\r\n            }\r\n            else\r\n            {\r\n                  setThumbnailImage(undefined);\r\n            }\r\n      }\r\n\r\n      const clearImages = () =>\r\n      {\r\n            setBannerImage(undefined);\r\n            setThumbnailImage(undefined);\r\n            setOriginalBannerImage(undefined);\r\n            setOriginalThumbnailImage(undefined);\r\n      }\r\n\r\n      return {\r\n            bannerImage,\r\n            thumbnailImage,\r\n            imageToEdit,\r\n\r\n            setImage,\r\n            removeImage,\r\n            clearImages,\r\n            handleEditImage,\r\n            handleCropSave,\r\n            setImageToEdit,\r\n      };\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport\r\n{\r\n      Box, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Grid, TextField, Typography\r\n} from '@mui/material';\r\n\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport CancelIcon from '@mui/icons-material/Cancel';\r\n\r\nimport { restApiProductCategories } from '../../../../stores/api/Generated/Endpoints/RestApiProductCategories';\r\nimport { notNullOrUndefined } from '../../../../utilities/Utils';\r\nimport { RestApiMultipleIdsDTO } from '../../../../stores/api/Generated/Entities/RestApiMultipleIdsDTO';\r\nimport { IRestApiProductCategoryDTO } from '../../../../stores/api/Generated/Entities/RestApiProductCategoryDTO';\r\n\r\n\r\ninterface DeleteMultipleProductCategoriesModalProps\r\n{\r\n      open: boolean;\r\n      onClose: () => void;\r\n      categoriesToDelete: IRestApiProductCategoryDTO[];\r\n}\r\n\r\nconst DeleteMultipleProductCategoriesModal: React.FC<DeleteMultipleProductCategoriesModalProps> = ({ open, onClose, categoriesToDelete }) =>\r\n{\r\n      const [ categoryNameInput, setCategoryNameInput ] = useState('');\r\n      const [ numberInput, setNumberInput ] = useState('');\r\n      const [ randomSixDigitNumber, setRandomSixDigitNumber ] = useState('');\r\n      const [ randomIndex, setRandomIndex ] = useState(0);\r\n      const [ deleteProductCategoriesRange ] = restApiProductCategories.hooks.mutations.deleteMultipleById();\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (categoriesToDelete.length > 0)\r\n            {\r\n                  setRandomIndex(Math.floor(Math.random() * categoriesToDelete.length));\r\n                  setRandomSixDigitNumber(Math.floor(100000 + Math.random() * 900000).toString());\r\n            }\r\n      }, [ categoriesToDelete ]);\r\n\r\n      const randomCategoryName = categoriesToDelete.length > 0 ?\r\n            notNullOrUndefined(categoriesToDelete[ randomIndex ]?.name)\r\n                  ? categoriesToDelete[ randomIndex ].name\r\n                  : ''\r\n            : '';\r\n\r\n      const noOfCategories = categoriesToDelete.length;\r\n\r\n      const handleCategoryNameChange = (event: React.ChangeEvent<HTMLInputElement>) =>\r\n      {\r\n            setCategoryNameInput(event.target.value);\r\n      };\r\n\r\n      const handleNumberChange = (event: React.ChangeEvent<HTMLInputElement>) =>\r\n      {\r\n            setNumberInput(event.target.value);\r\n      };\r\n\r\n      const handleConfirm = () =>\r\n      {\r\n            if (categoryNameInput === randomCategoryName && numberInput === randomSixDigitNumber)\r\n            {\r\n                  deleteCategories(categoriesToDelete.map(cat => cat.id!));\r\n            }\r\n      };\r\n\r\n      const deleteCategories = async (ids: string[]) =>\r\n      {\r\n            try\r\n            {\r\n                  const deleteCategories = new RestApiMultipleIdsDTO();\r\n                  deleteCategories.ids = [ ...ids ];\r\n\r\n                  await deleteProductCategoriesRange({ multipleIdsDTO: deleteCategories });\r\n\r\n                  onClose();\r\n            }\r\n            catch (error)\r\n            {\r\n                  console.error(\"Error in deleteCategories:\", error);\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Dialog open={ open } onClose={ onClose } maxWidth=\"md\" fullWidth\r\n                  PaperProps={ {\r\n                        sx: {\r\n                              margin: 0, padding: 0, width: '100%', overflow: 'hidden', borderRadius: '4px'\r\n                        }\r\n                  } } scroll=\"paper\">\r\n                  <DialogTitle sx={ {\r\n                        margin: 0, padding: 2, backgroundColor: (theme) => theme.palette.secondary.main,\r\n                        color: (theme) => theme.palette.secondary.contrastText, fontWeight: 'bold', width: '100%'\r\n                  } }>\r\n                        Delete Categories\r\n                  </DialogTitle>\r\n                  <DialogContent sx={ { marginTop: '24px', overflowX: 'hidden' } }>\r\n                        <DialogContentText>\r\n                              To confirm the deletion of <strong>{ noOfCategories } categories</strong>, please type the name of the <strong>category { randomIndex + 1 }</strong> from the list below and also the following 6-digit number <strong>{ randomSixDigitNumber }</strong>:\r\n                        </DialogContentText>\r\n                        <Grid container spacing={ 2 } sx={ { margin: '16px 0' } }>\r\n                              { categoriesToDelete.length > 0 ? categoriesToDelete.map((category, index) => (\r\n                                    <Grid item xs={ 4 } key={ category.id } sx={ { maxWidth: '100%' } }>\r\n                                          <Typography sx={ { wordBreak: 'break-word', whiteSpace: 'normal' } }>\r\n                                                { index + 1 }. <Box component=\"span\" sx={ { fontWeight: 'bold', textDecoration: 'underline' } }>{ category.name }</Box>\r\n                                          </Typography>\r\n                                    </Grid>\r\n                              )) : <Typography>No categories to delete.</Typography> }\r\n                        </Grid>\r\n                        <TextField\r\n                              sx={ { margin: '8px 0' } }\r\n                              autoFocus\r\n                              margin=\"dense\"\r\n                              label=\"Category Name\"\r\n                              type=\"text\"\r\n                              fullWidth\r\n                              value={ categoryNameInput }\r\n                              onChange={ handleCategoryNameChange }\r\n                        />\r\n                        <TextField\r\n                              sx={ { margin: '8px 0' } }\r\n                              margin=\"dense\"\r\n                              label=\"6-digit Number\"\r\n                              type=\"text\"\r\n                              fullWidth\r\n                              value={ numberInput }\r\n                              onChange={ handleNumberChange }\r\n                        />\r\n                  </DialogContent>\r\n                  <DialogActions sx={ { padding: 2 } }>\r\n                        <Button onClick={ onClose } color=\"error\" variant=\"contained\"\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <CancelIcon /> }>\r\n                              Cancel\r\n                        </Button>\r\n                        <Button onClick={ handleConfirm } color=\"success\" variant=\"contained\"\r\n                              disabled={ categoryNameInput.trim() !== randomCategoryName || numberInput.trim() !== randomSixDigitNumber }\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <DeleteIcon /> }>\r\n                              Delete\r\n                        </Button>\r\n                  </DialogActions>\r\n            </Dialog>\r\n      );\r\n};\r\n\r\nexport default DeleteMultipleProductCategoriesModal;\r\n","import * as React from 'react';\r\nimport { useState, useEffect, Fragment } from 'react';\r\n\r\nimport\r\n{\r\n      Box,\r\n      Button,\r\n      DialogActions,\r\n      DialogContent,\r\n      DialogTitle,\r\n      FormControl,\r\n      Grid,\r\n      InputLabel,\r\n      MenuItem,\r\n      Select,\r\n      SelectChangeEvent,\r\n      TextField\r\n} from '@mui/material';\r\n\r\nimport CancelIcon from '@mui/icons-material/Cancel';\r\nimport SaveIcon from '@mui/icons-material/Save';\r\n\r\nimport { nanoid } from '@reduxjs/toolkit';\r\nimport { IRestApiProductCategoryWithImagesDTO } from '../../../../../stores/api/Generated/Entities/RestApiProductCategoryWithImagesDTO';\r\nimport { UseImageEditingResult } from '../../hooks/useImageEditing';\r\nimport { IRestApiProductCategoryExtended } from '../ProductCategoriesMain';\r\nimport { ProductCategoryDialogType } from './ProductCategoryDialog';\r\n\r\nimport ImageEditComponent from '../../components/ImageEditComponent';\r\n\r\ninterface categoriesMapping \r\n{\r\n      categoryId: string;\r\n      categoryName: string;\r\n}\r\n\r\nexport interface IProductCategoryDialogContentProps\r\n{\r\n      dialogType: ProductCategoryDialogType;\r\n      formData: IRestApiProductCategoryWithImagesDTO | null;\r\n      existingCategories: IRestApiProductCategoryExtended[];\r\n      imageEditing: UseImageEditingResult;\r\n      productCategoryId?: string;\r\n      initialParentCategoryId?: string;\r\n\r\n      handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n      handleSubmit: (selectedParentCategoryId: string | undefined) => void;\r\n      onClose: () => void;\r\n}\r\n\r\nconst ProductCategoryDialogContent: React.FC<IProductCategoryDialogContentProps> = (props: IProductCategoryDialogContentProps) =>\r\n{\r\n      const {\r\n            dialogType,\r\n            formData,\r\n            existingCategories,\r\n            imageEditing,\r\n            productCategoryId,\r\n            initialParentCategoryId,\r\n            handleChange,\r\n            handleSubmit,\r\n            onClose,\r\n      } = props;\r\n\r\n      const {\r\n            bannerImage,\r\n            thumbnailImage,\r\n            handleEditImage\r\n      } = imageEditing;\r\n\r\n      const [ parentCategories, setParentCategories ] = useState<categoriesMapping[]>([]);\r\n      const [ parentCategoryId, setParentCategoryId ] = useState<string | undefined>(initialParentCategoryId);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!existingCategories)\r\n            {\r\n                  return;\r\n            }\r\n\r\n            const mappedCategories = [];\r\n\r\n            mappedCategories.push({ categoryId: '', categoryName: ' (Top Category)' });\r\n\r\n            existingCategories\r\n                  .filter((category) => category.id !== productCategoryId)\r\n                  .sort((a, b) => a.sortOrder! - b.sortOrder!)\r\n                  .forEach((category) =>\r\n                  {\r\n                        mappedCategories.push({ categoryId: category.id, categoryName: category.name });\r\n                  });\r\n\r\n            const parentCategory = mappedCategories.find((category) => category.categoryId === formData?.parentCategoryId);\r\n\r\n            setParentCategories(mappedCategories);\r\n            setParentCategoryId(parentCategory?.categoryId || '');\r\n\r\n      }, [ existingCategories, productCategoryId ]);\r\n\r\n      const handleSelectChange = (event: SelectChangeEvent) =>\r\n      {\r\n            const selectedCategoryId = event.target.value as string;\r\n\r\n            setParentCategoryId(selectedCategoryId ?? '');\r\n      };\r\n\r\n      const titleText = dialogType === 'add' ? 'Add' : 'Edit';\r\n\r\n      return (\r\n\r\n            <Fragment>\r\n\r\n                  <DialogTitle sx={ {\r\n                        margin: 0, padding: 2, backgroundColor: (theme) => theme.palette.secondary.main,\r\n                        color: (theme) => theme.palette.secondary.contrastText, fontWeight: 'bold', width: '100%'\r\n                  } }>\r\n                        { `${titleText} Product Category` }\r\n                  </DialogTitle>\r\n\r\n                  <DialogContent sx={ { marginTop: '24px' } }>\r\n                        { (dialogType === 'add' || formData) && (\r\n\r\n                              <Fragment>\r\n\r\n                                    <TextField margin=\"dense\" label=\"Name\" type=\"text\" fullWidth variant=\"outlined\"\r\n                                          autoComplete=\"name\"\r\n                                          name=\"name\" value={ formData?.name ?? '' } onChange={ handleChange } />\r\n\r\n                                    <TextField margin=\"dense\" label=\"Title\" type=\"text\" fullWidth variant=\"outlined\"\r\n                                          autoComplete=\"title\"\r\n                                          name=\"title\" value={ formData?.title ?? '' } onChange={ handleChange } />\r\n\r\n                                    <TextField margin=\"dense\" label=\"Subtitle\" type=\"text\" fullWidth variant=\"outlined\"\r\n                                          autoComplete=\"subtitle\"\r\n                                          name=\"subtitle\" value={ formData?.subtitle ?? '' } onChange={ handleChange } />\r\n\r\n                                    <Grid\r\n                                          container\r\n                                          spacing={ 2 }\r\n                                          sx={ {\r\n                                                marginTop: 0,\r\n                                          } }>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n\r\n                                                <TextField\r\n                                                      fullWidth\r\n                                                      margin=\"dense\"\r\n                                                      label=\"Sort Order\"\r\n                                                      type=\"number\"\r\n                                                      variant=\"outlined\"\r\n                                                      autoComplete=\"sortOrder\"\r\n                                                      name=\"sortOrder\"\r\n                                                      value={ formData?.sortOrder ?? 0 }\r\n                                                      onChange={ handleChange } />\r\n\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n\r\n                                                <FormControl fullWidth margin=\"dense\">\r\n\r\n                                                      <InputLabel>Parent Category</InputLabel>\r\n\r\n                                                      { parentCategories && parentCategories.length > 0 && (\r\n                                                            <Select\r\n                                                                  label=\"Parent Category\"\r\n                                                                  autoComplete=\"parentCategory\"\r\n                                                                  name=\"parentCategoryId\"\r\n                                                                  value={ parentCategoryId || '' }\r\n                                                                  onChange={ handleSelectChange }>\r\n\r\n                                                                  { parentCategories.map((category) => (\r\n                                                                        <MenuItem key={ `car_select_${category.categoryId}_${nanoid(10)}` } value={ category.categoryId || '' }>\r\n                                                                              { category.categoryName }\r\n                                                                        </MenuItem>\r\n                                                                  )) }\r\n                                                            </Select>\r\n                                                      ) }\r\n\r\n                                                </FormControl>\r\n\r\n                                          </Grid>\r\n\r\n                                    </Grid>\r\n\r\n                                    <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"flex-start\" marginTop={ 2 } marginBottom={ 2 }>\r\n                                          <Box flex={ 1 } marginRight={ 1 }>\r\n                                                <ImageEditComponent image={ bannerImage } imageType='Banner' handleEditImage={ handleEditImage } />\r\n                                          </Box>\r\n                                          <Box flex={ 1 } marginLeft={ 1 }>\r\n                                                <ImageEditComponent image={ thumbnailImage } imageType='Thumbnail' handleEditImage={ handleEditImage } />\r\n                                          </Box>\r\n                                    </Box>\r\n\r\n                                    <TextField margin=\"dense\" label=\"Description\" type=\"text\" fullWidth variant=\"outlined\"\r\n                                          autoComplete=\"description\"\r\n                                          name=\"description\" value={ formData?.description ?? '' } onChange={ handleChange } multiline rows={ 8 } />\r\n\r\n                              </Fragment>\r\n                        ) }\r\n                  </DialogContent>\r\n\r\n                  <DialogActions sx={ { padding: 2 } }>\r\n                        <Button onClick={ () => onClose() } color=\"error\" variant=\"contained\"\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <CancelIcon /> }>\r\n                              Cancel\r\n                        </Button>\r\n                        <Button onClick={ () => handleSubmit(parentCategoryId) } color=\"success\" variant=\"contained\"\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <SaveIcon /> }>\r\n                              Save\r\n                        </Button>\r\n                  </DialogActions>\r\n\r\n            </Fragment>\r\n      );\r\n}\r\n\r\nexport default ProductCategoryDialogContent;","import * as React from 'react';\r\nimport { useState, useEffect } from 'react';\r\nimport { Dialog, DialogProps, Theme, useTheme } from '@mui/material';\r\n\r\nimport { useImageEditing } from '../../hooks/useImageEditing';\r\nimport { IRestApiProductCategoryExtended } from '../ProductCategoriesMain';\r\nimport { IRestApiProductCategoryWithImagesDTO } from '../../../../../stores/api/Generated/Entities/RestApiProductCategoryWithImagesDTO';\r\nimport { IRestApiImageDTO } from '../../../../../stores/api/Generated/Entities/RestApiImageDTO';\r\n\r\nimport ProductCategoryDialogContent from './ProductCategoryDialogContent';\r\n\r\nexport type ProductCategoryDialogType = 'add' | 'edit';\r\n\r\nexport interface IProductCategoryDialogProps\r\n{\r\n      dialogType: ProductCategoryDialogType;\r\n      open: boolean;\r\n      existingCategories: IRestApiProductCategoryExtended[];\r\n      initialData: IRestApiProductCategoryWithImagesDTO | null;\r\n      productCategoryId?: string;\r\n      initialParentCategoryId?: string;\r\n      imageEditing: ReturnType<typeof useImageEditing>;\r\n\r\n      updateData: (data: IRestApiProductCategoryWithImagesDTO | null) => void;\r\n      handleSubmit: (\r\n            data: IRestApiProductCategoryWithImagesDTO | null,\r\n            selectedParentCategoryId: string | undefined,\r\n            bannerImage: IRestApiImageDTO | undefined,\r\n            thumbnailImage: IRestApiImageDTO | undefined\r\n      ) => void;\r\n      clearStateAndClose: () => void;\r\n      onClose: () => void;\r\n}\r\n\r\nconst ProductCategoryDialog: React.FC<IProductCategoryDialogProps> = (props: IProductCategoryDialogProps) =>\r\n{\r\n\r\n      const {\r\n            dialogType,\r\n            open,\r\n            existingCategories,\r\n            initialData,\r\n            productCategoryId,\r\n            initialParentCategoryId,\r\n            imageEditing,\r\n            updateData,\r\n            handleSubmit,\r\n            clearStateAndClose,\r\n            onClose\r\n      } = props;\r\n\r\n      const {\r\n            bannerImage,\r\n            thumbnailImage\r\n      } = imageEditing;\r\n\r\n      const [ dialogData, setDialogData ] = useState<IRestApiProductCategoryWithImagesDTO | null>(initialData);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!open)\r\n            {\r\n                  updateData(null); // Reset formData when modal is closed                  \r\n            }\r\n\r\n      }, [ open ]);\r\n\r\n      const handleDialogClose: DialogProps[ \"onClose\" ] = (event, reason) =>\r\n      {\r\n            if (!dialogData)\r\n            {\r\n                  clearStateAndClose();\r\n\r\n                  return;\r\n            }\r\n\r\n            if (reason === 'backdropClick')\r\n            {\r\n                  return;\r\n            }\r\n\r\n            clearStateAndClose();\r\n      }\r\n\r\n      const handleChange = (event: React.ChangeEvent<HTMLInputElement>) =>\r\n      {\r\n            const { name, value } = event.target;\r\n\r\n            setDialogData(prevState => ({\r\n                  ...prevState!,\r\n                  [ name ]: value\r\n            }));\r\n      };\r\n\r\n      return (\r\n\r\n            <Dialog\r\n                  maxWidth=\"lg\"\r\n                  fullWidth\r\n                  open={ open }\r\n                  onClose={ handleDialogClose }\r\n                  PaperProps={ {\r\n                        sx: {\r\n                              margin: 0, padding: 0, width: '100%', overflow: 'hidden', borderRadius: '4px'\r\n                        }\r\n                  } } scroll=\"paper\">\r\n\r\n                  { (dialogType === 'add' || dialogData) && (\r\n                        <ProductCategoryDialogContent\r\n                              dialogType={ dialogType }\r\n                              formData={ dialogData }\r\n                              existingCategories={ existingCategories }\r\n                              productCategoryId={ productCategoryId }\r\n                              initialParentCategoryId={ initialParentCategoryId }\r\n                              imageEditing={ imageEditing }\r\n                              handleChange={ handleChange }\r\n                              handleSubmit={ (parentCatId) => handleSubmit(dialogData, parentCatId, bannerImage, thumbnailImage) }\r\n                              onClose={ onClose }\r\n                        />\r\n                  ) }\r\n\r\n\r\n            </Dialog>\r\n      );\r\n}\r\n\r\nexport default ProductCategoryDialog;","import React from 'react';\r\nimport { useState, useEffect, Fragment } from 'react';\r\nimport { useTheme } from '@mui/material';\r\n\r\nimport { restApiProductCategories } from '../../../../stores/api/Generated/Endpoints/RestApiProductCategories';\r\nimport { isNullOrUndefinedOrEmpty, notNullOrUndefinedOrEmpty } from '../../../../utilities/Utils';\r\nimport { IRestApiProductCategoryWithImagesDTO } from '../../../../stores/api/Generated/Entities/RestApiProductCategoryWithImagesDTO';\r\nimport { useImageEditing } from '../hooks/useImageEditing';\r\nimport { IRestApiProductCategoryExtended } from './ProductCategoriesMain';\r\nimport { IRestApiImageDTO } from '../../../../stores/api/Generated/Entities/RestApiImageDTO';\r\n\r\nimport ImageCropperModal from \"../../../../components/ImageCropperModal\";\r\nimport useLoadingDialog from '../../../../hooks/useLoadingDialog';\r\nimport ProductCategoryDialog from './components/ProductCategoryDialog';\r\n\r\n\r\ninterface IEditProductCategoryModalProps\r\n{\r\n      open: boolean;\r\n      productCategoryId: string\r\n      productCategoryName: string;\r\n      existingCategories: IRestApiProductCategoryExtended[],\r\n\r\n      onClose: () => void;\r\n}\r\n\r\nconst EditProductCategoryModal: React.FC<IEditProductCategoryModalProps> = (props) =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const { open, productCategoryId, productCategoryName, existingCategories, onClose } = props;\r\n\r\n      const { data: categoryData, error: categoryError, isLoading: categoryLoading } = restApiProductCategories.hooks.queries.getWithImagesById({\r\n            id: productCategoryId\r\n      });\r\n\r\n      const [ patchProductCategory ] = restApiProductCategories.hooks.mutations.update();\r\n      const { showWithMessage, hide } = useLoadingDialog();\r\n\r\n      const {\r\n            bannerImage,\r\n            thumbnailImage,\r\n            imageToEdit,\r\n            setImage,\r\n            removeImage,\r\n            clearImages,\r\n            handleEditImage,\r\n            handleCropSave,\r\n            setImageToEdit\r\n      } = useImageEditing();\r\n\r\n      const [ formData, setFormData ] = useState<IRestApiProductCategoryWithImagesDTO | null>(null);\r\n      const [ selectedParentCategoryId, setSelectedParentCategoryId ] = useState<string | undefined>();\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (categoryLoading)\r\n            {\r\n                  showWithMessage(`Loading Product Category '${productCategoryName}'...`);\r\n\r\n                  return;\r\n            }\r\n\r\n            hide();\r\n\r\n      }, [ categoryLoading ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (categoryError)\r\n            {\r\n                  clearStateAndClose();\r\n                  console.error('Error in getWithImagesById:', categoryError);\r\n            }\r\n\r\n      }, [ categoryError ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!categoryData)\r\n            {\r\n                  return;\r\n            }\r\n\r\n            setFormData(categoryData);\r\n            setImage(categoryData.bannerImage);\r\n            setImage(categoryData.thumbnailImage);\r\n\r\n            if (categoryData.parentCategoryId)\r\n            {\r\n                  setSelectedParentCategoryId(categoryData.parentCategoryId);\r\n            }\r\n\r\n      }, [ categoryData ]);\r\n\r\n      const clearStateAndClose = () =>\r\n      {\r\n            setFormData(null);\r\n            clearImages();\r\n            onClose();\r\n      }\r\n\r\n      const handleSubmit = (\r\n            data: IRestApiProductCategoryWithImagesDTO | null,\r\n            selectedParentCategoryId: string | undefined,\r\n            bannerImage: IRestApiImageDTO | undefined,\r\n            thumbnailImage: IRestApiImageDTO | undefined\r\n      ) =>\r\n      {\r\n            if (!data)\r\n            {\r\n                  onClose();\r\n                  return;\r\n            }\r\n\r\n            try\r\n            {\r\n                  showWithMessage(`Saving Product Category '${productCategoryName}'...`);\r\n\r\n                  let newData: IRestApiProductCategoryWithImagesDTO = {\r\n                        ...data!,\r\n                        bannerImage: bannerImage!,\r\n                        thumbnailImage: thumbnailImage!\r\n                  };\r\n\r\n                  if (selectedParentCategoryId && selectedParentCategoryId !== 'None')\r\n                  {\r\n                        newData.parentCategoryId = selectedParentCategoryId;\r\n                  }\r\n\r\n                  patchProductCategory({ productCategoryWithImagesDTO: newData })\r\n                        .unwrap() // Unwrap the promise to handle the result in the .then() block\r\n                        .finally(() =>\r\n                        {\r\n                              clearStateAndClose();\r\n                              hide();\r\n                        });\r\n\r\n            }\r\n            catch (error)\r\n            {\r\n                  console.error(\"Error in handleSubmit:\", error);\r\n            }\r\n      };\r\n\r\n      if (!formData)\r\n      {\r\n            return null;\r\n      }\r\n\r\n      return (\r\n            <Fragment>\r\n\r\n                  <ProductCategoryDialog\r\n                        dialogType='edit'\r\n                        open={ open }\r\n                        existingCategories={ existingCategories }\r\n                        initialData={ formData }\r\n                        productCategoryId={ productCategoryId }\r\n                        initialParentCategoryId={ selectedParentCategoryId }\r\n                        imageEditing={ {\r\n                              bannerImage,\r\n                              thumbnailImage,\r\n                              imageToEdit,\r\n                              setImage,\r\n                              removeImage,\r\n                              clearImages,\r\n                              handleEditImage,\r\n                              handleCropSave,\r\n                              setImageToEdit\r\n                        } }\r\n                        updateData={ setFormData }\r\n                        handleSubmit={ handleSubmit }\r\n                        clearStateAndClose={ clearStateAndClose }\r\n                        onClose={ onClose } />\r\n\r\n                  { imageToEdit && (\r\n                        <ImageCropperModal\r\n                              open={ true }\r\n                              base64Image={ imageToEdit.base64Image }\r\n                              imageType={ imageToEdit.imageType }\r\n                              onClose={ () => setImageToEdit(null) }\r\n                              onSave={ handleCropSave }\r\n                        />\r\n                  ) }\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default EditProductCategoryModal;\r\n","import * as React from 'react';\r\nimport { useState } from 'react';\r\nimport { Box, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, TextField } from '@mui/material';\r\n\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport CancelIcon from '@mui/icons-material/Cancel';\r\n\r\nimport { restApiProductCategories } from '../../../../stores/api/Generated/Endpoints/RestApiProductCategories';\r\nimport { IRestApiProductCategory } from '../../../../stores/api/Generated/Entities/RestApiProductCategory';\r\nimport { IRestApiProductCategoryDTO } from '../../../../stores/api/Generated/Entities/RestApiProductCategoryDTO';\r\n\r\ninterface DeleteProductCategoryModalProps\r\n{\r\n      open: boolean;\r\n      onClose: () => void;\r\n      currentProductCategory: IRestApiProductCategoryDTO;\r\n}\r\n\r\nconst DeleteProductCategoryModal: React.FC<DeleteProductCategoryModalProps> = ({ open, onClose, currentProductCategory }) =>\r\n{\r\n      const [ inputValue, setInputValue ] = useState('');\r\n\r\n      const [ deleteProductCategory ] = restApiProductCategories.hooks.mutations.deleteById();\r\n\r\n      const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) =>\r\n      {\r\n            setInputValue(event.target.value);\r\n      };\r\n\r\n      const handleConfirm = () =>\r\n      {\r\n            if (inputValue === currentProductCategory.name)\r\n            {\r\n                  deleteCategory(currentProductCategory.id!);\r\n            }\r\n      };\r\n\r\n      const deleteCategory = async (productCategoryId: string) =>\r\n      {\r\n            try\r\n            {\r\n                  await deleteProductCategory({ id: productCategoryId });\r\n\r\n                  onClose();\r\n            }\r\n            catch (error)\r\n            {\r\n                  console.error(\"Error in patchCategory:\", error);\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Dialog open={ open } onClose={ onClose } maxWidth=\"md\" fullWidth\r\n                  PaperProps={ {\r\n                        sx: {\r\n                              margin: 0, padding: 0, width: '100%', overflow: 'hidden', borderRadius: '4px'\r\n                        }\r\n                  } } scroll=\"paper\">\r\n                  <DialogTitle sx={ {\r\n                        margin: 0, padding: 2, backgroundColor: (theme) => theme.palette.secondary.main,\r\n                        color: (theme) => theme.palette.secondary.contrastText, fontWeight: 'bold', width: '100%'\r\n                  } }>\r\n                        Delete Category\r\n                  </DialogTitle>\r\n                  <DialogContent sx={ { marginTop: '24px' } }>\r\n                        <DialogContentText>\r\n                              To confirm deletion, please type the category name <strong>{ `'${currentProductCategory.name}'` }</strong> (case sensitive) below:\r\n                        </DialogContentText>\r\n                        <TextField\r\n                              sx={ { margin: '8px 0' } }\r\n                              autoFocus\r\n                              margin=\"dense\"\r\n                              label=\"Category Name\"\r\n                              type=\"text\"\r\n                              fullWidth\r\n                              value={ inputValue }\r\n                              onChange={ handleInputChange }\r\n                        />\r\n                  </DialogContent>\r\n                  <DialogActions sx={ { padding: 2 } }>\r\n                        <Button onClick={ onClose } color=\"error\" variant=\"contained\"\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <CancelIcon /> }>\r\n                              Cancel\r\n                        </Button>\r\n                        <Button onClick={ handleConfirm } color=\"success\" variant=\"contained\" disabled={ inputValue.trim() !== currentProductCategory.name!.trim() }\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <DeleteIcon /> }>\r\n                              Delete\r\n                        </Button>\r\n                  </DialogActions>\r\n            </Dialog>\r\n      );\r\n};\r\n\r\nexport default DeleteProductCategoryModal;\r\n","import React, { useState, Fragment } from 'react';\r\n\r\nimport { restApiProductCategories } from '../../../../stores/api/Generated/Endpoints/RestApiProductCategories';\r\nimport { IRestApiProductCategoryWithImagesDTO } from '../../../../stores/api/Generated/Entities/RestApiProductCategoryWithImagesDTO';\r\nimport { useImageEditing } from '../hooks/useImageEditing';\r\nimport { IRestApiProductCategoryExtended } from './ProductCategoriesMain';\r\nimport { IRestApiImageDTO } from '../../../../stores/api/Generated/Entities/RestApiImageDTO';\r\n\r\nimport ImageCropperModal from '../../../../components/ImageCropperModal';\r\nimport ProductCategoryDialog from './components/ProductCategoryDialog';\r\nimport useLoadingDialog from '../../../../hooks/useLoadingDialog';\r\n\r\n\r\ninterface IAddProductCategoryModalProps\r\n{\r\n      open: boolean;\r\n      existingCategories: IRestApiProductCategoryExtended[],\r\n      onClose: () => void;\r\n}\r\n\r\nconst AddProductCategoryModal: React.FC<IAddProductCategoryModalProps> = (props) =>\r\n{\r\n      const {\r\n            open,\r\n            existingCategories,\r\n            onClose\r\n      } = props;\r\n\r\n      const [ createProductCategory ] = restApiProductCategories.hooks.mutations.create();\r\n      const { showWithMessage, hide } = useLoadingDialog();\r\n\r\n      const [ formData, setFormData ] = useState<IRestApiProductCategoryWithImagesDTO | null>(null);\r\n\r\n      const {\r\n            bannerImage,\r\n            thumbnailImage,\r\n            imageToEdit,\r\n            setImage,\r\n            removeImage,\r\n            clearImages,\r\n            handleEditImage,\r\n            handleCropSave,\r\n            setImageToEdit\r\n      } = useImageEditing();\r\n\r\n      const handleSubmit = async (\r\n            data: IRestApiProductCategoryWithImagesDTO | null,\r\n            selectedParentCategoryId: string | undefined,\r\n            bannerImage: IRestApiImageDTO | undefined,\r\n            thumbnailImage: IRestApiImageDTO | undefined\r\n      ) =>\r\n      {\r\n            if (!data)\r\n            {\r\n                  onClose();\r\n                  return;\r\n            }\r\n\r\n            try\r\n            {\r\n                  showWithMessage(`Saving New Product Category '${data.name}'...`);\r\n\r\n                  let newData: IRestApiProductCategoryWithImagesDTO = {\r\n                        ...data!,\r\n                        bannerImage: bannerImage!,\r\n                        thumbnailImage: thumbnailImage!\r\n                  };\r\n\r\n                  if (selectedParentCategoryId && selectedParentCategoryId !== 'None')\r\n                  {\r\n                        newData.parentCategoryId = selectedParentCategoryId;\r\n                  }\r\n\r\n                  await createProductCategory({\r\n                        productCategoryWithImagesDTO: {\r\n                              ...data!,\r\n                              bannerImage: bannerImage!,\r\n                              thumbnailImage: thumbnailImage!\r\n                        }\r\n                  })\r\n                        .unwrap() // Unwrap the promise to handle the result in the .then() block\r\n                        .finally(() =>\r\n                        {\r\n                              clearStateAndClose();\r\n                              hide();\r\n                        });\r\n\r\n            } catch (error)\r\n            {\r\n                  console.error(\"Error in handleSubmit:\", error);\r\n            }\r\n      };\r\n\r\n      const clearStateAndClose = () =>\r\n      {\r\n            setFormData({});\r\n            clearImages();\r\n            onClose();\r\n      }\r\n\r\n      return (\r\n            <Fragment>\r\n\r\n                  <ProductCategoryDialog\r\n                        dialogType='add'\r\n                        open={ open }\r\n                        existingCategories={ existingCategories }\r\n                        initialData={ formData }\r\n                        imageEditing={ {\r\n                              bannerImage,\r\n                              thumbnailImage,\r\n                              imageToEdit,\r\n                              setImage,\r\n                              removeImage,\r\n                              clearImages,\r\n                              handleEditImage,\r\n                              handleCropSave,\r\n                              setImageToEdit\r\n                        } }\r\n                        updateData={ setFormData }\r\n                        handleSubmit={ handleSubmit }\r\n                        clearStateAndClose={ clearStateAndClose }\r\n                        onClose={ onClose } />\r\n\r\n                  { imageToEdit && (\r\n                        <ImageCropperModal\r\n                              open={ true }\r\n                              base64Image={ imageToEdit.base64Image }\r\n                              imageType={ imageToEdit.imageType }\r\n                              onClose={ () => setImageToEdit(null) }\r\n                              onSave={ handleCropSave }\r\n                        />\r\n                  ) }\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default AddProductCategoryModal;\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport\r\n{\r\n      Box, Link as MuiLink, Theme, useTheme, Button,\r\n      Typography\r\n} from '@mui/material';\r\n\r\nimport { GridColDef, GridRenderCellParams, GridRowId, GridRowModes, GridRowModesModel, GridValidRowModel } from '@mui/x-data-grid';\r\n\r\nimport AddIcon from '@mui/icons-material/Add';\r\n\r\nimport { IRestApiProductCategoryDTO } from '../../../../stores/api/Generated/Entities/RestApiProductCategoryDTO';\r\nimport { restApiProductCategories } from '../../../../stores/api/Generated/Endpoints/RestApiProductCategories';\r\nimport { toCamelCase } from '../../../../utilities/StringUtils';\r\nimport { Guid } from '../../../../utilities/Guid';\r\nimport { restApiImages } from '../../../../stores/api/Generated/Endpoints/RestApiImages';\r\n\r\nimport DeleteMultipleProductCategoriesModal from './DeleteMultipleProductCategoriesModal';\r\nimport EditProductCategoryModal from './EditProductCategoryModal ';\r\nimport DeleteProductCategoryModal from './DeleteProductCategoryModal';\r\nimport AddProductCategoryModal from './AddProductCategoryModal';\r\nimport GridRowImageWithFallback from '../components/GridRowImageWithFallback';\r\nimport CommonDataGrid from '../components/CommonDataGrid';\r\nimport CommonDataGridActions from '../components/CommonDataGridActions';\r\nimport CommonDataGridDescriptionField from '../components/CommonDataGridDescriptionField';\r\n\r\n\r\nexport interface IRestApiProductCategoryExtended extends IRestApiProductCategoryDTO, GridValidRowModel\r\n{\r\n      isNew: boolean;\r\n      cacheValue: Guid;\r\n}\r\n\r\nconst ProductCategoriesMain: React.FC<{}> = ({ }) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n      const navigate = useNavigate();\r\n\r\n      const [ productCategories, setProductCategories ] = useState<IRestApiProductCategoryExtended[]>([]);\r\n\r\n      const { data: allCategoriesData, error: allCategoriesError, isLoading: allCategoriesLoading } = restApiProductCategories.hooks.queries.getAllMinimal();\r\n      //const [ triggerProductCategoryImage, productCategoryImageResult ] = restApiProductCategories.hooks.lazyQueries.getFullCategoryImage();\r\n      const [ triggerProductCategoryImage, productCategoryImageResult ] = restApiImages.hooks.lazyQueries.getImage();\r\n\r\n      const [ rowModesModel, setRowModesModel ] = React.useState<GridRowModesModel>({});\r\n      const [ currentProductCategory, setCurrentProductCategory ] = useState<IRestApiProductCategoryExtended | null>(null);\r\n      const [ editModalOpen, setEditModalOpen ] = useState(false);\r\n      const [ deleteModalOpen, setDeleteModalOpen ] = useState(false);\r\n      const [ addModalOpen, setAddModalOpen ] = useState(false);\r\n      const [ deleteMultipleModalOpen, setDeleteMultipleModalOpen ] = useState(false);\r\n      const [ selectedRows, setSelectedRows ] = useState<GridRowId[]>([]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (allCategoriesData)\r\n            {\r\n                  const extendedProducts = allCategoriesData.map((category: IRestApiProductCategoryDTO) => ({\r\n                        ...category, // Spread the existing properties\r\n                        isNew: false, // Add default value for isNew\r\n                        cacheValue: Guid.NewGuid(), // Generate a new GUID\r\n                  }));\r\n\r\n                  setProductCategories(extendedProducts as IRestApiProductCategoryExtended[]);\r\n            }\r\n      }, [ allCategoriesData ]);\r\n\r\n\r\n      const handleEditClick = (id: GridRowId) => (event: React.MouseEvent) => \r\n      {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n            console.log('Edit clicked', id);\r\n\r\n            const category = productCategories.find(cat => cat.id === id);\r\n\r\n            if (category)\r\n            {\r\n                  console.log('Opening modal for:', category);\r\n\r\n                  setCurrentProductCategory(category);\r\n                  setEditModalOpen(true);\r\n            }\r\n      };\r\n\r\n      const handleSaveClick = (id: GridRowId) => () =>\r\n      {\r\n            setRowModesModel({ ...rowModesModel, [ id ]: { mode: GridRowModes.View } });\r\n      };\r\n\r\n      const handleDeleteClick = (id: GridRowId) => () =>\r\n      {\r\n            const category = productCategories.find(cat => cat.id === id);\r\n\r\n            if (category)\r\n            {\r\n                  setCurrentProductCategory(category);\r\n                  setDeleteModalOpen(true);\r\n            }\r\n      };\r\n\r\n      const handleCancelClick = (id: GridRowId) => () =>\r\n      {\r\n            setRowModesModel({\r\n                  ...rowModesModel,\r\n                  [ id ]: { mode: GridRowModes.View, ignoreModifications: true },\r\n            });\r\n      };\r\n\r\n      const handleDeleteDialogClose = () =>\r\n      {\r\n            setDeleteModalOpen(false);\r\n      };\r\n\r\n\r\n      const handleAddCategory = () =>\r\n      {\r\n            setAddModalOpen(true);\r\n      };\r\n\r\n      const handleSelectionChange = (newSelection: GridRowId[]) =>\r\n      {\r\n            setSelectedRows(newSelection);\r\n      };\r\n\r\n      const handleDeleteAllCheckedRows = () =>\r\n      {\r\n            setDeleteMultipleModalOpen(true); // Open the delete multiple modal\r\n      };\r\n\r\n      const handleDeleteMultipleDialogClose = () =>\r\n      {\r\n            setDeleteMultipleModalOpen(false);\r\n      };\r\n\r\n      const handleEditModalClose = () =>\r\n      {\r\n            console.log('Closing modal');\r\n\r\n            setEditModalOpen(false);\r\n            setCurrentProductCategory(null); // Reset the current product category\r\n      };\r\n\r\n      if (allCategoriesLoading) return (<div>Loading...</div>);\r\n\r\n      if (allCategoriesError) return (<div>Error: { `${allCategoriesError}` }</div>);\r\n\r\n      const columns: GridColDef<IRestApiProductCategoryExtended>[] = [\r\n            {\r\n                  field: 'name',\r\n                  headerName: 'Name',\r\n                  editable: false,\r\n                  type: 'string',\r\n                  flex: 1,\r\n                  minWidth: 50,\r\n                  headerClassName: 'column-header',\r\n                  renderCell: (params: GridRenderCellParams<IRestApiProductCategoryExtended>) =>\r\n                  {\r\n                        const handleClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) =>\r\n                        {\r\n                              event.preventDefault();\r\n                              event.stopPropagation();\r\n                              navigate(`/categories/${toCamelCase(params.value)}`, { state: { categoryId: params.row.id } });\r\n                        };\r\n\r\n                        return (\r\n                              <MuiLink underline='hover' onClick={ handleClick } style={ { cursor: 'pointer', color: theme.palette.primary.main } }>\r\n                                    { params.value }\r\n                              </MuiLink>\r\n                        );\r\n                  }\r\n            },\r\n            {\r\n                  field: 'title',\r\n                  headerName: 'Title',\r\n                  editable: false,\r\n                  type: 'string',\r\n                  flex: 1.25,\r\n                  minWidth: 150,\r\n                  headerClassName: 'column-header',\r\n            },\r\n            {\r\n                  field: 'subtitle',\r\n                  headerName: 'Subtitle',\r\n                  editable: false,\r\n                  type: 'string',\r\n                  flex: 1.5,\r\n                  minWidth: 150,\r\n                  headerClassName: 'column-header',\r\n            },\r\n            {\r\n                  field: 'description',\r\n                  headerName: 'Description',\r\n                  editable: false,\r\n                  type: 'string',\r\n                  flex: 3,\r\n                  minWidth: 300,\r\n                  headerClassName: 'column-header',\r\n                  renderCell: (params) => (\r\n                        <CommonDataGridDescriptionField text={ params.row.description ?? '' } />\r\n                  ),\r\n            },\r\n            {\r\n                  field: 'sortOrder',\r\n                  headerName: 'Order',\r\n                  editable: false,\r\n                  type: 'number',\r\n                  flex: 0.5,\r\n                  minWidth: 50,\r\n                  headerClassName: 'column-header',\r\n            },\r\n            {\r\n                  field: 'bannerImage',\r\n                  headerName: 'Image',\r\n                  sortable: false,\r\n                  flex: 0.5,\r\n                  minWidth: 50,\r\n                  renderCell: (params) =>\r\n                  {\r\n                        return (<GridRowImageWithFallback imageId={ params.row.bannerImageId! } imageType='Banner' alt={ `${params.row.name} category banner image` } />);\r\n                  }\r\n            },\r\n            {\r\n                  field: 'thumbnailImage',\r\n                  headerName: 'Thumb',\r\n                  sortable: false,\r\n                  flex: 0.5,\r\n                  minWidth: 50,\r\n                  renderCell: (params) =>\r\n                  {\r\n                        return (<GridRowImageWithFallback imageId={ params.row.thumbnailImageId! } imageType='Thumbnail' alt={ `${params.row.name} category thumbnail image` } />);\r\n                  }\r\n            },\r\n            {\r\n                  field: 'actions',\r\n                  headerName: 'Actions',\r\n                  editable: false,\r\n                  sortable: false,\r\n                  flex: 0.5,\r\n                  minWidth: 100,\r\n                  headerClassName: 'column-header',\r\n                  renderCell: (params: GridRenderCellParams<IRestApiProductCategoryExtended>) =>\r\n                  (\r\n                        <CommonDataGridActions\r\n                              params={ params }\r\n                              rowModesModel={ rowModesModel }\r\n                              handleSaveClick={ handleSaveClick }\r\n                              handleCancelClick={ handleCancelClick }\r\n                              handleEditClick={ handleEditClick }\r\n                              handleDeleteClick={ handleDeleteClick }\r\n                        />\r\n                  ),\r\n            }\r\n      ];\r\n\r\n      if (productCategories && productCategories.length > 0)\r\n      {\r\n            const rows: IRestApiProductCategoryExtended[] = [ ...productCategories ]\r\n                  .sort((a, b) => a.sortOrder! - b.sortOrder!);\r\n\r\n            return (\r\n                  <Fragment>\r\n\r\n                        <Box display='flex' justifyContent='space-between' alignItems='flex-end' mb={ 2 }>\r\n\r\n                              <Button\r\n                                    variant='contained'\r\n                                    color='primary'\r\n                                    sx={ { marginRight: '16px', marginLeft: 'auto' } } // Align to the right with margin\r\n                                    startIcon={ <AddIcon /> }\r\n                                    onClick={ handleAddCategory }>\r\n                                    Add Category\r\n                              </Button>\r\n\r\n                              <Button\r\n                                    variant='contained'\r\n                                    color='error'\r\n                                    disabled={ selectedRows.length === 0 }\r\n                                    sx={ { marginRight: '16px' } }\r\n                                    onClick={ handleDeleteAllCheckedRows }>\r\n                                    Delete Checked\r\n                              </Button>\r\n\r\n                        </Box>\r\n\r\n                        <CommonDataGrid\r\n                              rows={ rows }\r\n                              columns={ columns }\r\n                              handleSelectionChange={ handleSelectionChange }\r\n                        />\r\n                        {\r\n                              currentProductCategory && (\r\n                                    <EditProductCategoryModal\r\n                                          open={ editModalOpen }\r\n                                          productCategoryId={ currentProductCategory!.id! }\r\n                                          productCategoryName={ currentProductCategory!.name! }\r\n                                          existingCategories={ productCategories }\r\n                                          onClose={ handleEditModalClose } />\r\n                              )\r\n                        }\r\n                        {\r\n                              currentProductCategory && (\r\n                                    <DeleteProductCategoryModal\r\n                                          open={ deleteModalOpen }\r\n                                          onClose={ handleDeleteDialogClose }\r\n                                          currentProductCategory={ currentProductCategory! }\r\n                                    />\r\n                              )\r\n                        }\r\n                        {\r\n                              <AddProductCategoryModal\r\n                                    open={ addModalOpen }\r\n                                    existingCategories={ productCategories }\r\n                                    onClose={ () => setAddModalOpen(false) }\r\n                              />\r\n                        }\r\n                        {\r\n                              <DeleteMultipleProductCategoriesModal\r\n                                    open={ deleteMultipleModalOpen }\r\n                                    onClose={ handleDeleteMultipleDialogClose }\r\n                                    categoriesToDelete={ productCategories.filter(cat => selectedRows.includes(cat.id!)) }\r\n                              />\r\n                        }\r\n                  </Fragment>\r\n            );\r\n      }\r\n\r\n      return (\r\n            <Fragment />\r\n      );\r\n}\r\n\r\nexport default ProductCategoriesMain;\r\n","import * as React from 'react';\r\n\r\nimport { Box, Container, Grid, Typography } from '@mui/material';\r\n\r\nimport StyledPaperComponent from '../../../../components/styled/StyledCardComponents/StyledPaperComponent';\r\nimport ProductCategoriesMain from './ProductCategoriesMain';\r\nimport { UserRole, withSecurity } from '../../../../types/authenticationTypes';\r\n\r\nconst ProductCategoriesAdministration: React.FC<{}> = ({ }) =>\r\n{\r\n      return (\r\n            <Box\r\n                  sx={ { flexGrow: 1, padding: '20px 0' } }\r\n                  aria-label='BeforeLoginPageContainer'>\r\n                  <Container\r\n                        maxWidth='lg'\r\n                        sx={ {\r\n                              align: 'center',\r\n                              alignContent: 'center',\r\n                              textAlign: 'left',\r\n                        } }>\r\n\r\n                        <Grid container spacing={ 2 }>\r\n\r\n                              <Grid item xs={ 12 }>\r\n                                    <StyledPaperComponent effect='slideLeft' effectDuration={ 0.5 } headerTitle=\"Product Categories Administration\" headerSize='extra-large'>\r\n                                          <Box sx={ { padding: '16px' } }>\r\n                                                <Typography\r\n                                                      variant=\"body1\"\r\n                                                      paragraph\r\n                                                      sx={ {\r\n                                                            textAlign: 'left',\r\n                                                      } }>\r\n                                                      Manage your product catalog by adding, editing, or deleting categories. Keep your\r\n                                                      inventory up to date with relevant titles, descriptions, and images. Also,\r\n                                                      streamline your catalog by removing outdated categories. Manage sorting, stock levels,\r\n                                                      and pricing to enhance your customers' shopping experience.\r\n                                                </Typography>\r\n\r\n                                                <Typography\r\n                                                      variant=\"body1\"\r\n                                                      paragraph\r\n                                                      sx={ {\r\n                                                            paddingTop: '4px',\r\n                                                            textAlign: 'left',\r\n                                                      } }>\r\n                                                      Keep your offerings organized and appealing to boost customer satisfaction and sales.\r\n                                                </Typography>\r\n                                          </Box>\r\n\r\n                                          <ProductCategoriesMain />\r\n\r\n                                    </StyledPaperComponent>\r\n                              </Grid>\r\n                        </Grid>\r\n                  </Container>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default withSecurity(ProductCategoriesAdministration, UserRole.PowerUser);\r\n","import { useState } from 'react';\r\nimport { IRestApiProductWithImagesDTO } from '../../../../../stores/api/Generated/Entities/RestApiProductWithImagesDTO';\r\n\r\nexport const useFormData = () =>\r\n{\r\n      const [ formData, setFormData ] = useState<IRestApiProductWithImagesDTO | null>(null);\r\n\r\n      const handleChange = (event: React.ChangeEvent<HTMLInputElement>) =>\r\n      {\r\n            const { name, value } = event.target;\r\n            setFormData(prevState => ({\r\n                  ...prevState,\r\n                  [ name ]: value\r\n            }));\r\n      };\r\n\r\n      const handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>) =>\r\n      {\r\n            const { name, checked } = event.target;\r\n            setFormData(prevState => ({\r\n                  ...prevState,\r\n                  [ name ]: checked\r\n            }));\r\n      };\r\n\r\n      const clearFormData = () =>\r\n      {\r\n            setFormData(null);\r\n      }\r\n\r\n      return {\r\n            formData,\r\n            setFormData,\r\n            clearFormData,\r\n            handleChange,\r\n            handleCheckboxChange\r\n      };\r\n};\r\n","import { useState } from 'react';\r\n\r\nexport interface IdEntity\r\n{\r\n\tid?: string;\r\n}\r\n\r\ninterface UseModalPropertyEditorResult<TProperty>\r\n{\r\n\titems: TProperty[];\r\n\tisEditorOpen: boolean;\r\n\topenEditor: () => void;\r\n\tcloseEditor: () => void;\r\n\tsetItems: (items: TProperty[]) => void;\r\n\thandleDeleteItem: (id: string) => void;\r\n\thandleAddItem: () => void;\r\n\thandleSaveItem: (item: TProperty) => void;\r\n\thandleSaveItems: (items: TProperty[]) => void;\r\n\thandleCancelItem: () => void;\r\n}\r\n\r\nexport const useModalPropertyEditor = <TProperty extends IdEntity>(): UseModalPropertyEditorResult<TProperty> =>\r\n{\r\n\tconst [ isEditorOpen, setIsEditorOpen ] = useState(false);\r\n\tconst [ items, setItems ] = useState<TProperty[]>([]);\r\n\r\n\tconst openEditor = () =>\r\n\t{\r\n\t\tsetIsEditorOpen(true);\r\n\t}\r\n\r\n\tconst closeEditor = () =>\r\n\t{\r\n\t\tsetIsEditorOpen(false);\r\n\t}\r\n\r\n\tconst handleDeleteItem = (id: string) =>\r\n\t{\r\n\t\tif (!items || items.length === 0)\r\n\t\t{\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetItems(prevState => prevState.filter(item => item.id !== id) || []);\r\n\t};\r\n\r\n\tconst handleAddItem = () =>\r\n\t{\r\n\t\tsetIsEditorOpen(true);\r\n\t};\r\n\r\n\tconst handleSaveItem = (item: TProperty) =>\r\n\t{\r\n\t\tif (!item.id || items.findIndex(i => i.id === item.id) === -1)\r\n\t\t{\r\n\t\t\tsetItems(prevState => ([ ...(prevState || []), item ]));\r\n\t\t}\r\n\r\n\t\tsetIsEditorOpen(false);\r\n\t};\r\n\r\n\tconst handleSaveItems = (items: TProperty[]) =>\r\n\t{\r\n\t\tsetItems(items);\r\n\t\tsetIsEditorOpen(false);\r\n\t};\r\n\r\n\tconst handleCancelItem = () =>\r\n\t{\r\n\t\tsetIsEditorOpen(false);\r\n\t};\r\n\r\n\treturn {\r\n\t\titems,\r\n\t\tisEditorOpen,\r\n\t\topenEditor,\r\n\t\tcloseEditor,\r\n\t\tsetItems,\r\n\t\thandleDeleteItem,\r\n\t\thandleAddItem,\r\n\t\thandleSaveItem,\r\n\t\thandleSaveItems,\r\n\t\thandleCancelItem\r\n\t};\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport {\r\n      Button, Dialog, DialogActions, DialogContent, DialogTitle,\r\n      Checkbox, ListItemText, CircularProgress,\r\n      Box, Typography, Grid, ListItem\r\n} from '@mui/material';\r\nimport { IRestApiProductCategoryDTO } from '../../../../stores/api/Generated/Entities/RestApiProductCategoryDTO';\r\nimport { restApiProductCategories } from '../../../../stores/api/Generated/Endpoints/RestApiProductCategories';\r\nimport { IRestApiProductCategoryMinimalDTO } from '../../../../stores/api/Generated/Entities/RestApiProductCategoryMinimalDTO';\r\n\r\ninterface CategorySelectionModalProps {\r\n      open: boolean;\r\n      selectedCategories: IRestApiProductCategoryMinimalDTO[];\r\n\r\n      onSave: (categories: IRestApiProductCategoryMinimalDTO[]) => void;\r\n      onClose: () => void;\r\n}\r\n\r\nconst CategorySelectionModal: React.FC<CategorySelectionModalProps> = ({ open, onClose, selectedCategories, onSave }) => {\r\n      const [selected, setSelected] = useState<IRestApiProductCategoryMinimalDTO[]>(selectedCategories);\r\n\r\n      const { data: productCategoryData, error: productCategoryError, isLoading: productCategoryLoading } = restApiProductCategories.hooks.queries.getAllNames();\r\n\r\n      useEffect(() => {\r\n            if (productCategoryData) {\r\n                  setSelected(selectedCategories);\r\n            }\r\n      }, [productCategoryData, selectedCategories]);\r\n\r\n      const handleToggle = (category: IRestApiProductCategoryMinimalDTO) => {\r\n            const currentIndex = selected.findIndex(c => c.id === category.id);\r\n            const newSelected = [...selected];\r\n\r\n            if (currentIndex === -1) {\r\n                  newSelected.push(category);\r\n            } else {\r\n                  newSelected.splice(currentIndex, 1);\r\n            }\r\n\r\n            setSelected(newSelected);\r\n      };\r\n\r\n      const handleSave = () => {\r\n            onSave(selected);\r\n            onClose();\r\n      };\r\n\r\n      return (\r\n            <Dialog\r\n                  open={ open }\r\n                  onClose={ onClose }\r\n                  maxWidth=\"sm\"\r\n                  scroll=\"paper\"\r\n                  fullWidth\r\n                  PaperProps={ {\r\n                        sx: {\r\n                              margin: 0,\r\n                              padding: 0,\r\n                              width: '100%',\r\n                              minHeight: '580px',\r\n                              overflow: 'hidden',\r\n                              borderRadius: '4px'\r\n                        }\r\n                  } }\r\n            >\r\n                  <DialogTitle\r\n                        sx={ {\r\n                              margin: 0,\r\n                              padding: 2,\r\n                              backgroundColor: (theme) => theme.palette.secondary.main,\r\n                              color: (theme) => theme.palette.secondary.contrastText,\r\n                              fontWeight: 'bold',\r\n                              width: '100%'\r\n                        } }\r\n                  >\r\n                        Select Categories\r\n                  </DialogTitle>\r\n                  <DialogContent sx={ { paddingTop: 0, maxHeight: '380px', overflow: 'auto', paddingRight: 0 } }>\r\n\r\n                        <Box\r\n                              sx={ {\r\n                                    height: '100%',\r\n                                    paddingRight: '16px',\r\n                                    width: '100%',\r\n                                    display: 'flex',\r\n                                    justifyContent: 'center',\r\n                                    alignItems: 'center'\r\n                              } }\r\n                        >\r\n                              { productCategoryLoading && <CircularProgress /> }\r\n                              { productCategoryError && <Typography color=\"error\">Failed to load categories.</Typography> }\r\n\r\n                              <Grid container spacing={ 1 } sx={ { marginBottom: '16px', marginTop: '16px', justifyContent: 'center' } }>\r\n                                    { productCategoryData && productCategoryData.map((category) => (\r\n                                          <Grid item xs={ 6 } key={ category.id } sx={ { paddingBottom: '2px' } }>\r\n                                                <ListItem\r\n                                                      onClick={ () => handleToggle(category) }\r\n                                                      sx={ {\r\n                                                            padding: 0,\r\n                                                            cursor: 'pointer',\r\n                                                            '&:hover .MuiListItemText-root': {\r\n                                                                  textDecoration: 'underline'\r\n                                                            }\r\n                                                      } }\r\n                                                >\r\n                                                      <Checkbox checked={ selected.some(c => c.id === category.id) } />\r\n                                                      <ListItemText primary={ category.name } />\r\n                                                </ListItem>\r\n                                          </Grid>\r\n                                    )) }\r\n                              </Grid>\r\n\r\n                        </Box>\r\n\r\n                  </DialogContent>\r\n                  <DialogActions sx={ { padding: 2, borderTop: '1px solid rgba(0, 0, 0, 0.12)' } }>\r\n                        <Button\r\n                              variant=\"contained\"\r\n                              color=\"secondary\"\r\n                              onClick={ onClose }\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } }\r\n                        >\r\n                              Cancel\r\n                        </Button>\r\n                        <Button\r\n                              variant=\"contained\"\r\n                              color=\"primary\"\r\n                              onClick={ handleSave }\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } }\r\n                        >\r\n                              Save\r\n                        </Button>\r\n                  </DialogActions>\r\n            </Dialog>\r\n      );\r\n};\r\n\r\nexport default CategorySelectionModal;\r\n","import React from 'react';\r\nimport { Box, Button, List, ListItem, ListItemText, Typography, IconButton, Grid, useTheme } from '@mui/material';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport CircleIcon from '@mui/icons-material/Circle';\r\nimport { IRestApiProductColorDTO } from '../../../../../stores/api/Generated/Entities/RestApiProductColorDTO';\r\n\r\ninterface ProductColorListProps\r\n{\r\n      productColors: IRestApiProductColorDTO[];\r\n      handleDeleteColor: (id: string) => void;\r\n      handleAddColor: () => void;\r\n      disabled: boolean;\r\n}\r\n\r\nconst ProductColorList: React.FC<ProductColorListProps> = ({ productColors, handleDeleteColor, handleAddColor, disabled }) =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const onDeleteColor = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, colorId: string) =>\r\n      {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n            handleDeleteColor(colorId);\r\n      }\r\n      return (\r\n\r\n\r\n            <Box flex={ 1 } marginRight={ 1 } sx={ { border: '1px solid rgba(0, 0, 0, 0.23)', borderRadius: '4px', p: 2 } }>\r\n                  <Typography variant=\"subtitle2\" sx={ { fontWeight: 'bold' } } gutterBottom>\r\n                        Product Colors\r\n                  </Typography>\r\n                  { productColors.length > 0 ? (\r\n\r\n                        <Grid container spacing={ 1 } sx={ { textAlign: 'justify' } }>\r\n                              { productColors.map((color, index) => (\r\n                                    <Grid\r\n                                          item\r\n                                          xs={ 12 }\r\n                                          sm={ 6 }\r\n                                          key={ color.id }\r\n                                          sx={ {\r\n                                                display: 'flex',\r\n                                                justifyContent: 'space-between',\r\n                                                alignItems: 'center',\r\n                                          } }\r\n                                    >\r\n                                          <Box sx={ { display: 'flex', alignItems: 'center' } }>\r\n\r\n                                                <CircleIcon\r\n                                                      sx={ {\r\n                                                            fontSize: 16,\r\n                                                            color: color.hexCode,\r\n                                                            backgroundColor: color.hexCode,\r\n                                                            marginRight: '8px',\r\n                                                            padding: 0,\r\n                                                            border: '1px solid black',\r\n                                                            borderRadius: '50%',\r\n                                                      } } />\r\n\r\n                                                <Typography\r\n                                                      sx={ {\r\n                                                            fontWeight: 'bold',\r\n                                                            color: theme.palette.primary.dark\r\n                                                      } }>\r\n                                                      { index + 1 }. { color.name }\r\n                                                </Typography>\r\n\r\n                                          </Box>\r\n\r\n                                          <IconButton\r\n                                                onClick={ (evt) => onDeleteColor(evt, color.id!) }>\r\n                                                <DeleteIcon />\r\n                                          </IconButton>\r\n                                    </Grid>\r\n                              )) }\r\n                        </Grid>\r\n\r\n                  ) : (\r\n                        <Typography>No colors available</Typography>\r\n                  ) }\r\n                  <Box sx={ { display: 'flex', justifyContent: 'flex-end' } }>\r\n                        <Button variant=\"contained\" color=\"primary\" onClick={ handleAddColor } sx={ { marginTop: 2 } } disabled={ disabled }>\r\n                              Add Color\r\n                        </Button>\r\n                  </Box>\r\n            </Box>\r\n      )\r\n};\r\n\r\nexport default ProductColorList;\r\n","import React from 'react';\r\nimport { Box, Button, List, ListItem, ListItemText, Typography, IconButton, Grid, Theme, useTheme } from '@mui/material';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport { IRestApiProductSizeDTO } from '../../../../../stores/api/Generated/Entities/RestApiProductSizeDTO';\r\n\r\ninterface ProductSizeListProps\r\n{\r\n      productSizes: IRestApiProductSizeDTO[];\r\n      handleDeleteSize: (id: string) => void;\r\n      handleAddSize: () => void;\r\n      disabled: boolean;\r\n}\r\n\r\nconst ProductSizeList: React.FC<ProductSizeListProps> = (props) => \r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { productSizes, handleDeleteSize, handleAddSize, disabled } = props;\r\n\r\n      const onDeleteSize = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, sizeId: string) =>\r\n      {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n            handleDeleteSize(sizeId);\r\n      }\r\n\r\n      return (\r\n            <Box flex={ 1 } marginLeft={ 1 } sx={ { border: '1px solid rgba(0, 0, 0, 0.23)', borderRadius: '4px', p: 2 } }>\r\n                  <Typography variant=\"subtitle2\" sx={ { fontWeight: 'bold' } } gutterBottom>\r\n                        Product Sizes\r\n                  </Typography>\r\n                  { productSizes.length > 0 ? (\r\n\r\n                        <Grid container spacing={ 1 } sx={ { textAlign: 'justify' } }>\r\n\r\n                              { productSizes.map((size, index) => (\r\n                                    <Grid\r\n                                          item\r\n                                          xs={ 12 }\r\n                                          sm={ 6 }\r\n                                          key={ size.id }\r\n                                          sx={ {\r\n                                                display: 'flex',\r\n                                                justifyContent: 'space-between',\r\n                                                alignItems: 'center'\r\n                                          } }>\r\n\r\n                                          <Typography sx={ {\r\n                                                fontWeight: 'bold',\r\n                                                color: theme.palette.primary.dark\r\n                                          } }>\r\n                                                { index + 1 }. { size.value }\r\n                                          </Typography>\r\n\r\n                                          <IconButton\r\n                                                onClick={ (evt) => onDeleteSize(evt, size.id!) }>\r\n                                                <DeleteIcon />\r\n                                          </IconButton>\r\n\r\n                                    </Grid>\r\n                              )) }\r\n\r\n                        </Grid>\r\n\r\n                  ) : (\r\n                        <Typography>No sizes available</Typography>\r\n                  ) }\r\n                  <Box sx={ { display: 'flex', justifyContent: 'flex-end' } }>\r\n                        <Button variant=\"contained\" color=\"primary\" onClick={ handleAddSize } sx={ { marginTop: 2 } } disabled={ disabled }>\r\n                              Add Size\r\n                        </Button>\r\n                  </Box>\r\n            </Box>\r\n      )\r\n\r\n};\r\n\r\nexport default ProductSizeList;\r\n","import React from 'react';\r\n\r\nimport { Box, Button, Grid, Theme, Typography, useTheme } from '@mui/material';\r\n\r\nimport IconButton from '@mui/material/IconButton';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\n\r\nimport { IRestApiProductCategoryMinimalDTO } from '../../../../../stores/api/Generated/Entities/RestApiProductCategoryMinimalDTO';\r\n\r\n\r\nexport interface IProductCategoryListProps\r\n{\r\n      selectedCategories: IRestApiProductCategoryMinimalDTO[];\r\n\r\n      setSelectedCategories: (categories: IRestApiProductCategoryMinimalDTO[]) => void;\r\n      openCategoryModal: () => void;\r\n}\r\n\r\nconst ProductCategoryList: React.FC<IProductCategoryListProps> = (props: IProductCategoryListProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { selectedCategories, setSelectedCategories, openCategoryModal } = props;\r\n\r\n      const onDeleteCategory = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, categoryId: string) =>\r\n      {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n            setSelectedCategories(selectedCategories.filter((category) => category.id !== categoryId));\r\n      }\r\n\r\n      return (\r\n\r\n            <Box width=\"50%\" marginLeft={ 2 } display=\"flex\" flexDirection=\"column\" justifyContent=\"space-between\" sx={ { border: '1px solid rgba(0, 0, 0, 0.23)', borderRadius: '4px', marginTop: '8px', p: 2 } }>\r\n                  <Typography variant=\"subtitle2\" sx={ { fontWeight: 'bold' } } gutterBottom>\r\n                        Product Categories\r\n                  </Typography>\r\n\r\n                  { selectedCategories.length > 0 ? (\r\n\r\n                        <Grid container spacing={ 1 } sx={ { textAlign: 'justify' } }>\r\n\r\n                              { selectedCategories.map((category, index) => (\r\n                                    <Grid\r\n                                          item\r\n                                          xs={ 12 }\r\n                                          sm={ 6 }\r\n                                          key={ category.id }\r\n                                          sx={ {\r\n                                                display: 'flex',\r\n                                                justifyContent: 'space-between',\r\n                                                alignItems: 'center'\r\n                                          } }>\r\n\r\n                                          <Typography sx={ {\r\n                                                fontWeight: 'bold',\r\n                                                color: theme.palette.primary.dark\r\n                                          } }>\r\n                                                { index + 1 }. { category.name }\r\n                                          </Typography>\r\n\r\n                                          <IconButton\r\n                                                onClick={ (evt) => onDeleteCategory(evt, category.id!) }>\r\n                                                <DeleteIcon />\r\n                                          </IconButton>\r\n\r\n                                    </Grid>\r\n                              )) }\r\n\r\n                        </Grid>\r\n\r\n                  ) : (\r\n                        <Box sx={ { display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' } }>\r\n\r\n                              <Typography sx={ { color: 'primary.dark', fontStyle: 'italic', textAlign: 'center' } }>\r\n                                    No categories selected\r\n                              </Typography>\r\n\r\n                        </Box>\r\n                  ) }\r\n                  <Box sx={ { display: 'flex', justifyContent: 'flex-end', alignItems: 'flex-end', marginTop: 'auto' } }>\r\n\r\n                        <Button variant=\"contained\" color=\"primary\" onClick={ openCategoryModal } sx={ { marginTop: 2 } }>\r\n                              Select Categories\r\n                        </Button>\r\n\r\n                  </Box>\r\n            </Box>\r\n\r\n      );\r\n}\r\n\r\nexport default ProductCategoryList;","import React from 'react';\r\nimport { Fragment, useEffect } from 'react';\r\n\r\nimport { Box, Checkbox, FormControlLabel, TextField, useTheme } from '@mui/material';\r\n\r\nimport { IRestApiProductCategoryMinimalDTO } from '../../../../../stores/api/Generated/Entities/RestApiProductCategoryMinimalDTO';\r\nimport { IRestApiProductWithImagesDTO } from '../../../../../stores/api/Generated/Entities/RestApiProductWithImagesDTO';\r\nimport { UseImageEditingResult } from '../../hooks/useImageEditing';\r\n\r\nimport ProductColorList from './ProductColorList';\r\nimport ProductSizeList from './ProductSizeList';\r\nimport ProductCategoryList from './ProductCategoryList';\r\nimport ImageEditComponent from '../../components/ImageEditComponent';\r\n\r\ninterface IProductModalDialogContentProps\r\n{\r\n      formData: IRestApiProductWithImagesDTO | null;\r\n      selectedCategories: IRestApiProductCategoryMinimalDTO[];\r\n      saveDisabled: boolean;\r\n      imageEditing: UseImageEditingResult;\r\n\r\n      setSelectedCategories: (categories: IRestApiProductCategoryMinimalDTO[]) => void;\r\n      handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n      handleCheckboxChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n      handleDeleteColor: (id: string) => void;\r\n      handleAddColor: () => void;\r\n      handleDeleteSize: (id: string) => void;\r\n      handleAddSize: () => void;\r\n      openCategoryModal: () => void;\r\n}\r\n\r\nconst ProductModalDialogContent: React.FC<IProductModalDialogContentProps> = (props) =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const {\r\n            formData,\r\n            selectedCategories,\r\n            saveDisabled,\r\n            imageEditing,\r\n            setSelectedCategories,\r\n            handleChange,\r\n            handleCheckboxChange,\r\n            handleDeleteColor,\r\n            handleAddColor,\r\n            handleDeleteSize,\r\n            handleAddSize,\r\n            openCategoryModal\r\n      } = props;\r\n\r\n      const {\r\n            bannerImage,\r\n            thumbnailImage,\r\n            handleEditImage\r\n      } = imageEditing;\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (formData?.productCategories)\r\n            {\r\n                  setSelectedCategories(formData.productCategories);\r\n            }\r\n\r\n      }, [ formData?.productCategories ]);\r\n\r\n      return (\r\n            <Fragment>\r\n                  <TextField margin=\"dense\" label=\"Name\" type=\"text\" fullWidth variant=\"outlined\" sx={ { marginBottom: '6px', fontWeight: 'bold' } }\r\n                        name=\"name\" value={ formData?.name || '' } onChange={ handleChange }\r\n                        inputProps={ {\r\n                              'aria-label': 'productName',\r\n                        } } />\r\n\r\n                  <TextField margin=\"dense\" label=\"Code\" type=\"text\" fullWidth variant=\"outlined\" sx={ { margin: '6px 0' } }\r\n                        name=\"code\" value={ formData?.code || '' } onChange={ handleChange }\r\n                        inputProps={ {\r\n                              'aria-label': 'productCode',\r\n                        } } />\r\n\r\n                  <TextField margin=\"dense\" label=\"Title\" type=\"text\" fullWidth variant=\"outlined\" sx={ { margin: '6px 0' } }\r\n                        name=\"title\" value={ formData?.title || '' } onChange={ handleChange }\r\n                        inputProps={ {\r\n                              'aria-label': 'productTitle',\r\n                        } } />\r\n\r\n                  <Box display=\"flex\" sx={ { marginTop: '0' } }>\r\n                        <Box width=\"50%\" display=\"flex\" flexDirection=\"column\" justifyContent=\"space-between\" sx={ { marginTop: 0 } }>\r\n                              <Box>\r\n                                    <TextField aria-label='productStockQuantity' margin=\"dense\" label=\"Stock Quantity\" type=\"number\" variant=\"outlined\"\r\n                                          name=\"stockQuantity\" value={ formData?.stockQuantity || 0 } onChange={ handleChange } fullWidth />\r\n\r\n                                    <TextField aria-label='productRegularPrice' margin=\"dense\" label=\"Regular Price\" type=\"number\" variant=\"outlined\"\r\n                                          name=\"regularPrice\" value={ formData?.regularPrice || 0 } onChange={ handleChange } fullWidth />\r\n\r\n                                    <TextField aria-label='productLiquidationPrice' margin=\"dense\" label=\"Liquidation Price\" type=\"number\" variant=\"outlined\"\r\n                                          name=\"liquidationPrice\" value={ formData?.liquidationPrice || 0 } onChange={ handleChange } fullWidth\r\n                                          InputProps={ { sx: { fontWeight: 'bold' } } } />\r\n\r\n                                    <TextField aria-label='productSortOrder' margin=\"dense\" label=\"Sort Order\" type=\"number\" fullWidth variant=\"outlined\"\r\n                                          name=\"sortOrder\" value={ formData?.sortOrder || 0 } onChange={ handleChange } />\r\n                              </Box>\r\n\r\n                              <Box display=\"flex\" justifyContent=\"flex-end\" marginTop={ 2 }>\r\n\r\n                                    <FormControlLabel\r\n                                          control={ <Checkbox checked={ formData?.available || false } onChange={ handleCheckboxChange } name=\"available\" /> }\r\n                                          label=\"Available\"\r\n                                    />\r\n\r\n                                    <FormControlLabel\r\n                                          control={ <Checkbox checked={ formData?.highlight || false } onChange={ handleCheckboxChange } name=\"highlight\" /> }\r\n                                          label=\"Highlight\"\r\n                                    />\r\n\r\n                              </Box>\r\n                        </Box>\r\n\r\n                        <ProductCategoryList selectedCategories={ selectedCategories } setSelectedCategories={ setSelectedCategories } openCategoryModal={ openCategoryModal } />\r\n                  </Box>\r\n\r\n                  <Box display=\"flex\" justifyContent=\"space-between\" marginTop={ 2 }>\r\n\r\n                        <ProductColorList productColors={ formData?.productColors || [] } handleDeleteColor={ handleDeleteColor } handleAddColor={ handleAddColor } disabled={ saveDisabled } />\r\n                        <ProductSizeList productSizes={ formData?.productSizes || [] } handleDeleteSize={ handleDeleteSize } handleAddSize={ handleAddSize } disabled={ saveDisabled } />\r\n\r\n                  </Box>\r\n\r\n                  <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"flex-start\" marginTop={ 2 } marginBottom={ 2 }>\r\n                        <Box flex={ 1 } marginRight={ 1 }>\r\n                              <ImageEditComponent image={ bannerImage } imageType='Banner' handleEditImage={ handleEditImage } />\r\n                        </Box>\r\n                        <Box flex={ 1 } marginLeft={ 1 }>\r\n                              <ImageEditComponent image={ thumbnailImage } imageType='Thumbnail' handleEditImage={ handleEditImage } />\r\n                        </Box>\r\n                  </Box>\r\n\r\n                  <TextField margin=\"dense\" label=\"Description\" type=\"text\" fullWidth variant=\"outlined\"\r\n                        name=\"description\" value={ formData?.description || '' } onChange={ handleChange } multiline rows={ 8 }\r\n                        inputProps={ {\r\n                              'aria-label': 'productDescription',\r\n                        } } />\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default ProductModalDialogContent;\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport { Box, Button, TextField, Dialog, DialogActions, DialogContent, DialogTitle, Tab, Tabs, Typography, Grid, Link } from '@mui/material';\r\n\r\nimport CircleIcon from '@mui/icons-material/Circle';\r\n\r\nimport { SketchPicker } from 'react-color';\r\nimport { Guid } from '../../../../utilities/Guid';\r\nimport { restApiProducts } from '../../../../stores/api/Generated/Endpoints/RestApiProducts';\r\nimport { IRestApiProductColorDTO } from '../../../../stores/api/Generated/Entities/RestApiProductColorDTO';\r\n\r\nexport type AddProductColorType = 'New' | 'Existing';\r\n\r\ninterface ProductColorEditorModalProps\r\n{\r\n      open: boolean;\r\n      initialColor?: string;\r\n      initialName?: string;\r\n      onSave: (colorDTO: IRestApiProductColorDTO) => void;\r\n      onCancel: () => void;\r\n}\r\n\r\nconst ProductColorEditorModal: React.FC<ProductColorEditorModalProps> = (props) =>\r\n{\r\n      const { open, initialColor, initialName, onSave, onCancel } = props;\r\n\r\n      const { data: allProductColorsData, error: allProductColorsError, isLoading: allProductColorsLoading } = restApiProducts.hooks.queries.getExistingProductColors();\r\n\r\n      const [ tabValue, setTabValue ] = useState('existingColor');\r\n      const [ currentColor, setCurrentColor ] = useState<IRestApiProductColorDTO | null>(null);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (tabValue === 'newColor')\r\n            {\r\n                  setCurrentColor({\r\n                        id: Guid.NewGuid().Value,\r\n                        name: initialName || '',\r\n                        hexCode: initialColor || '#000000'\r\n                  });\r\n            }\r\n      }, [ tabValue ]);\r\n\r\n      const handleTabChange = (event: React.SyntheticEvent, newValue: string) =>\r\n      {\r\n            setTabValue(newValue);\r\n      };\r\n\r\n      const handleColorSelect = (colorId: string, colorName: string, colorHex: string) =>\r\n      {\r\n            setCurrentColor({\r\n                  id: colorId,\r\n                  name: colorName,\r\n                  hexCode: colorHex\r\n            });\r\n      };\r\n\r\n      const handleSave = (colorId: string, colorName: string, colorHexCode: string) =>\r\n      {\r\n            onSave({\r\n                  id: tabValue === 'existingColor' ? colorId : Guid.NewGuid().Value,\r\n                  name: colorName,\r\n                  hexCode: colorHexCode\r\n            });\r\n      }\r\n\r\n      return (\r\n            <Dialog\r\n                  open={ open }\r\n                  onClose={ onCancel }\r\n                  maxWidth=\"sm\"\r\n                  scroll=\"paper\"\r\n                  fullWidth\r\n                  PaperProps={ {\r\n                        sx: {\r\n                              margin: 0,\r\n                              padding: 0,\r\n                              width: '100%',\r\n                              minHeight: '580px',\r\n                              overflow: 'hidden',\r\n                              borderRadius: '4px'\r\n                        }\r\n                  } }\r\n            >\r\n                  <DialogTitle\r\n                        sx={ {\r\n                              margin: 0,\r\n                              padding: 2,\r\n                              backgroundColor: (theme) => theme.palette.secondary.main,\r\n                              color: (theme) => theme.palette.secondary.contrastText,\r\n                              fontWeight: 'bold',\r\n                              width: '100%'\r\n                        } }\r\n                  >\r\n                        Add Product Color\r\n                  </DialogTitle>\r\n                  <Tabs\r\n                        value={ tabValue }\r\n                        onChange={ handleTabChange }\r\n                        textColor=\"primary\"\r\n                        indicatorColor=\"secondary\"\r\n                        aria-label=\"ProductColorPicker\"\r\n                        centered\r\n                        variant=\"fullWidth\"\r\n                        sx={ { position: 'sticky', top: 0, zIndex: 1, backgroundColor: 'white' } }\r\n                  >\r\n                        <Tab value=\"existingColor\" label=\"Existing Color\" sx={ { fontWeight: 'bold' } } />\r\n                        <Tab value=\"newColor\" label=\"New Color\" sx={ { fontWeight: 'bold' } } />\r\n                  </Tabs>\r\n\r\n                  <DialogContent sx={ { paddingTop: 0, height: '380px', overflow: 'hidden', paddingRight: 0 } }>\r\n                        <Box sx={ { height: '100%', overflowY: tabValue === 'existingColor' ? 'auto' : 'hidden', paddingRight: '16px' } }>\r\n                              { tabValue === 'existingColor' && (\r\n                                    <Box sx={ { padding: 2 } }>\r\n                                          { allProductColorsLoading && <Typography>Loading...</Typography> }\r\n                                          { allProductColorsError && <Typography>Error loading colors.</Typography> }\r\n                                          { allProductColorsData && (\r\n                                                <Grid container spacing={ 1 } sx={ { marginBottom: '16px' } }>\r\n                                                      { allProductColorsData.map((productColor) => (\r\n                                                            <Grid item xs={ 4 } key={ productColor.id }>\r\n                                                                  <Box\r\n                                                                        display=\"flex\"\r\n                                                                        alignItems=\"center\"\r\n                                                                        onClick={ () => handleColorSelect(productColor.id!, productColor.name!, productColor.hexCode!) }\r\n                                                                        sx={ {\r\n                                                                              cursor: 'pointer',\r\n                                                                              '&:hover': {\r\n                                                                                    cursor: 'pointer',\r\n                                                                              },\r\n                                                                        } }\r\n                                                                  >\r\n                                                                        <CircleIcon\r\n                                                                              sx={ {\r\n                                                                                    color: productColor.hexCode,\r\n                                                                                    backgroundColor: productColor.hexCode,\r\n                                                                                    marginRight: '4px',\r\n                                                                                    padding: 0,\r\n                                                                                    border: currentColor?.id === productColor.id ? '2px solid black' : '1px solid black',\r\n                                                                                    borderRadius: '50%',\r\n                                                                                    fontSize: 'medium',\r\n                                                                              } }\r\n                                                                        />\r\n                                                                        <Link\r\n                                                                              sx={ {\r\n                                                                                    fontWeight: currentColor?.id === productColor.id ? 'bold' : 'normal',\r\n                                                                                    color: currentColor?.id === productColor.id ? (theme) => theme.palette.secondary.main : 'black',\r\n                                                                                    textDecoration: currentColor?.id === productColor.id ? 'underline' : 'none',\r\n                                                                                    whiteSpace: 'nowrap',\r\n                                                                                    overflow: 'hidden',\r\n                                                                                    textOverflow: 'ellipsis',\r\n                                                                                    cursor: 'pointer',\r\n                                                                              } }\r\n                                                                        >\r\n                                                                              { productColor.name }\r\n                                                                        </Link>\r\n                                                                  </Box>\r\n                                                            </Grid>\r\n                                                      )) }\r\n                                                </Grid>\r\n                                          ) }\r\n                                    </Box>\r\n                              ) }\r\n\r\n                              { tabValue === 'newColor' && (\r\n                                    <Box sx={ { padding: 2 } }>\r\n                                          <Box sx={ { display: 'flex', justifyContent: 'center', marginBottom: 2, marginTop: 3 } }>\r\n                                                <SketchPicker\r\n                                                      color={ currentColor?.hexCode || '#000000' }\r\n                                                      onChangeComplete={ (updatedColor) =>\r\n                                                      {\r\n                                                            setCurrentColor({\r\n                                                                  ...currentColor!,\r\n                                                                  hexCode: updatedColor.hex\r\n                                                            })\r\n                                                      } }\r\n                                                      styles={ {\r\n                                                            default: {\r\n                                                                  picker: {\r\n                                                                        width: '100%',\r\n                                                                        boxShadow: 'none',\r\n                                                                        border: 'none',\r\n                                                                        padding: '4px',\r\n                                                                        margin: 0,\r\n                                                                        backgroundColor: 'transparent',\r\n                                                                        overflow: 'hidden', // Hide the scrollbar\r\n                                                                  },\r\n                                                                  saturation: {\r\n                                                                        paddingBottom: '200px'\r\n                                                                  }\r\n                                                            }\r\n                                                      } }\r\n                                                />\r\n                                          </Box>\r\n                                    </Box>\r\n                              ) }\r\n                        </Box>\r\n                  </DialogContent>\r\n                  <Box sx={ { padding: 2, borderTop: '1px solid rgba(0, 0, 0, 0.12)' } }>\r\n                        <TextField\r\n                              fullWidth\r\n                              label=\"Selected Color Name\"\r\n                              variant=\"outlined\"\r\n                              value={ currentColor?.name || '' }\r\n                              onChange={ (e) => \r\n                              {\r\n                                    setCurrentColor({\r\n                                          ...currentColor!,\r\n                                          name: e.target.value\r\n                                    })\r\n                              } }\r\n                              InputProps={ {\r\n                                    readOnly: tabValue === 'existingColor'\r\n                              } }\r\n                              sx={ { marginBottom: 2 } }\r\n                        />\r\n                  </Box>\r\n                  <DialogActions sx={ { padding: 2 } }>\r\n                        <Button variant=\"contained\" color=\"primary\" onClick={ () =>\r\n                              // handleSave(colorId, colorName, colorHexValue) \r\n                              handleSave(\r\n                                    currentColor!.id || Guid.NewGuid().Value,\r\n                                    currentColor!.name || '',\r\n                                    currentColor!.hexCode || '#000000') }\r\n                              sx={ { marginRight: 1 } }>\r\n                              Save\r\n                        </Button>\r\n                        <Button variant=\"contained\" color=\"secondary\" onClick={ onCancel }>\r\n                              Cancel\r\n                        </Button>\r\n                  </DialogActions>\r\n            </Dialog>\r\n      );\r\n};\r\n\r\nexport default ProductColorEditorModal;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Box, Button, TextField, Dialog, DialogActions, DialogContent, DialogTitle, Tab, Tabs, Typography, Grid, Link } from '@mui/material';\r\nimport { Guid } from '../../../../utilities/Guid';\r\nimport { restApiProducts } from '../../../../stores/api/Generated/Endpoints/RestApiProducts';\r\nimport { IRestApiProductSizeDTO } from '../../../../stores/api/Generated/Entities/RestApiProductSizeDTO';\r\n\r\nexport type AddProductSizeType = 'New' | 'Existing';\r\n\r\ninterface ProductSizeEditorModalProps\r\n{\r\n      open: boolean;\r\n      initialSize?: string;\r\n      initialOrder?: number;\r\n      onSave: (sizeDTO: IRestApiProductSizeDTO) => void;\r\n      onCancel: () => void;\r\n}\r\n\r\nconst ProductSizeEditorModal: React.FC<ProductSizeEditorModalProps> = (props) =>\r\n{\r\n      const { open, initialSize, initialOrder, onSave, onCancel } = props;\r\n\r\n      const { data: allProductSizesData, error: allProductSizesError, isLoading: allProductSizesLoading } = restApiProducts.hooks.queries.getExistingProductSizes();\r\n\r\n      const [ tabValue, setTabValue ] = useState('existingSize');\r\n      const [ currentSize, setCurrentSize ] = useState<IRestApiProductSizeDTO | null>(null);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (tabValue === 'newSize')\r\n            {\r\n                  setCurrentSize({\r\n                        id: Guid.NewGuid().Value,\r\n                        value: '',\r\n                        displayOrder: 0\r\n                  });\r\n            }\r\n\r\n      }, [ tabValue ]);\r\n\r\n      const handleTabChange = (event: React.SyntheticEvent, newValue: string) =>\r\n      {\r\n            setTabValue(newValue);\r\n      };\r\n\r\n      const handleSizeSelect = (sizeId: string, sizeValue: string, displayOrder: number) =>\r\n      {\r\n            setCurrentSize({\r\n                  id: sizeId,\r\n                  value: sizeValue,\r\n                  displayOrder\r\n            });\r\n      };\r\n\r\n      const handleSave = (sizeId: string, sizeValue: string, displayOrder: number) =>\r\n      {\r\n            onSave({\r\n                  id: tabValue === 'existingSize' ? sizeId : Guid.NewGuid().Value,\r\n                  value: sizeValue,\r\n                  displayOrder\r\n            });\r\n      }\r\n\r\n      return (\r\n            <Dialog\r\n                  open={ open }\r\n                  onClose={ onCancel }\r\n                  maxWidth=\"sm\"\r\n                  scroll=\"paper\"\r\n                  fullWidth\r\n                  PaperProps={ {\r\n                        sx: {\r\n                              margin: 0,\r\n                              padding: 0,\r\n                              width: '100%',\r\n                              minHeight: '580px',\r\n                              overflow: 'hidden',\r\n                              borderRadius: '4px'\r\n                        }\r\n                  } }>\r\n\r\n                  <DialogTitle\r\n                        sx={ {\r\n                              margin: 0,\r\n                              padding: 2,\r\n                              backgroundColor: (theme) => theme.palette.secondary.main,\r\n                              color: (theme) => theme.palette.secondary.contrastText,\r\n                              fontWeight: 'bold',\r\n                              width: '100%'\r\n                        } }>\r\n                        Add Product Size\r\n                  </DialogTitle>\r\n\r\n                  <Tabs\r\n                        value={ tabValue }\r\n                        onChange={ handleTabChange }\r\n                        textColor=\"primary\"\r\n                        indicatorColor=\"secondary\"\r\n                        aria-label=\"ProductSizePicker\"\r\n                        centered\r\n                        variant=\"fullWidth\"\r\n                        sx={ { position: 'sticky', top: 0, zIndex: 1, backgroundColor: 'white' } }>\r\n\r\n                        <Tab value=\"existingSize\" label=\"Existing Size\" sx={ { fontWeight: 'bold' } } />\r\n                        <Tab value=\"newSize\" label=\"New Size\" sx={ { fontWeight: 'bold' } } />\r\n                  </Tabs>\r\n\r\n                  <DialogContent sx={ { paddingTop: 0, height: '380px', overflow: 'hidden', paddingRight: 0 } }>\r\n                        <Box sx={ { height: '100%', overflowY: tabValue === 'existingSize' ? 'auto' : 'hidden', paddingRight: '16px' } }>\r\n                              { tabValue === 'existingSize' && (\r\n                                    <Box sx={ { padding: 2 } }>\r\n                                          { allProductSizesLoading && <Typography>Loading...</Typography> }\r\n                                          { allProductSizesError && <Typography>Error loading sizes.</Typography> }\r\n                                          { allProductSizesData && (\r\n                                                <Grid container spacing={ 1 } sx={ { marginBottom: '16px' } }>\r\n                                                      { allProductSizesData.map((productSize) => (\r\n                                                            <Grid item xs={ 6 } key={ productSize.id }>\r\n                                                                  <Box\r\n                                                                        display=\"flex\"\r\n                                                                        alignItems=\"center\"\r\n                                                                        onClick={ () => handleSizeSelect(productSize.id!, productSize.value!, productSize.displayOrder!) }\r\n                                                                        sx={ {\r\n                                                                              cursor: 'pointer',\r\n                                                                              '&:hover': {\r\n                                                                                    cursor: 'pointer',\r\n                                                                              },\r\n                                                                        } }\r\n                                                                  >\r\n                                                                        <Typography\r\n                                                                              sx={ {\r\n                                                                                    fontWeight: currentSize?.id === productSize.id ? 'bold' : 'normal',\r\n                                                                                    color: currentSize?.id === productSize.id ? (theme) => theme.palette.secondary.main : 'black',\r\n                                                                                    textDecoration: currentSize?.id === productSize.id ? 'underline' : 'none',\r\n                                                                                    whiteSpace: 'nowrap',\r\n                                                                                    overflow: 'hidden',\r\n                                                                                    textOverflow: 'ellipsis',\r\n                                                                                    cursor: 'pointer',\r\n                                                                              } }\r\n                                                                        >\r\n                                                                              { productSize.value }\r\n                                                                        </Typography>\r\n                                                                  </Box>\r\n                                                            </Grid>\r\n                                                      )) }\r\n                                                </Grid>\r\n                                          ) }\r\n                                    </Box>\r\n                              ) }\r\n                              { tabValue === 'newSize' && (\r\n                                    <Box sx={ { padding: 2 } }>\r\n                                          <TextField\r\n                                                fullWidth\r\n                                                label=\"Size Value\"\r\n                                                variant=\"outlined\"\r\n                                                value={ currentSize?.value || '' }\r\n                                                onChange={ (e) =>\r\n                                                      setCurrentSize({\r\n                                                            ...currentSize,\r\n                                                            value: e.target.value\r\n                                                      })\r\n                                                }\r\n                                                sx={ { marginBottom: 2 } }\r\n                                          />\r\n                                          <TextField\r\n                                                fullWidth\r\n                                                label=\"Display Order\"\r\n                                                variant=\"outlined\"\r\n                                                type=\"number\"\r\n                                                value={ currentSize?.displayOrder || 0 }\r\n                                                onChange={ (e) =>\r\n                                                      setCurrentSize({\r\n                                                            ...currentSize,\r\n                                                            displayOrder: parseInt(e.target.value)\r\n                                                      })\r\n                                                }\r\n                                                sx={ { marginBottom: 2 } }\r\n                                          />\r\n                                    </Box>\r\n                              ) }\r\n                        </Box>\r\n                  </DialogContent>\r\n                  <Box sx={ { padding: 2, borderTop: '1px solid rgba(0, 0, 0, 0.12)' } }>\r\n                        <TextField\r\n                              fullWidth\r\n                              label=\"Selected Size Value\"\r\n                              variant=\"outlined\"\r\n                              value={ currentSize?.value || '' }\r\n                              onChange={ (e) =>\r\n                                    setCurrentSize({\r\n                                          ...currentSize,\r\n                                          value: e.target.value\r\n                                    })\r\n                              }\r\n                              InputProps={ {\r\n                                    readOnly: tabValue === 'existingSize'\r\n                              } }\r\n                              sx={ { marginBottom: 2 } }\r\n                        />\r\n                  </Box>\r\n                  <DialogActions sx={ { padding: 2 } }>\r\n\r\n                        <Button variant=\"contained\" color=\"primary\" onClick={ () =>\r\n                              handleSave(\r\n                                    currentSize?.id || '',\r\n                                    currentSize?.value || '',\r\n                                    currentSize?.displayOrder || 0) } sx={ { marginRight: 1 } }>\r\n                              Save\r\n                        </Button>\r\n\r\n                        <Button variant=\"contained\" color=\"secondary\" onClick={ onCancel }>\r\n                              Cancel\r\n                        </Button>\r\n\r\n                  </DialogActions>\r\n            </Dialog>\r\n      );\r\n};\r\n\r\nexport default ProductSizeEditorModal;\r\n","import React from 'react';\r\nimport { Button, DialogActions } from '@mui/material';\r\nimport CancelIcon from '@mui/icons-material/Cancel';\r\nimport SaveIcon from '@mui/icons-material/Save';\r\n\r\ninterface ProductDialogActionsProps\r\n{\r\n      onCancel: () => void;\r\n      onSave: () => void;\r\n      saveDisabled: boolean;  // Add saveDisabled prop\r\n}\r\n\r\nconst ProductDialogActions: React.FC<ProductDialogActionsProps> = ({ onCancel, onSave, saveDisabled }) =>\r\n{\r\n      return (\r\n            <DialogActions sx={ { padding: 2 } }>\r\n                  <Button onClick={ onCancel } color=\"error\" variant=\"contained\" sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <CancelIcon /> }>\r\n                        Cancel\r\n                  </Button>\r\n                  <Button onClick={ onSave } color=\"success\" variant=\"contained\" sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <SaveIcon /> } disabled={ saveDisabled }>\r\n                        Save\r\n                  </Button>\r\n            </DialogActions>\r\n      );\r\n};\r\n\r\nexport default ProductDialogActions;\r\n","import React, { Fragment, useEffect } from 'react';\r\nimport { Dialog, DialogContent, DialogTitle, CircularProgress, Box } from '@mui/material';\r\n\r\nimport { restApiProducts } from '../../../../stores/api/Generated/Endpoints/RestApiProducts';\r\nimport { useFormData } from './hooks/useFormData';\r\nimport { useModalPropertyEditor } from '../hooks/useModalPropertyEditor';\r\nimport { useImageEditing } from '../hooks/useImageEditing';\r\nimport { RestApiProductDTO } from '../../../../stores/api/Generated/Entities/RestApiProductDTO';\r\nimport { IRestApiProductCategoryMinimalDTO, RestApiProductCategoryMinimalDTO } from '../../../../stores/api/Generated/Entities/RestApiProductCategoryMinimalDTO';\r\nimport { IRestApiProductWithImagesDTO } from '../../../../stores/api/Generated/Entities/RestApiProductWithImagesDTO';\r\nimport { IRestApiProductColorDTO } from '../../../../stores/api/Generated/Entities/RestApiProductColorDTO';\r\nimport { IRestApiProductSizeDTO } from '../../../../stores/api/Generated/Entities/RestApiProductSizeDTO';\r\n\r\nimport CategorySelectionModal from './CategorySelectionModal';\r\nimport ProductModalDialogContent from './components/ProductModalDialogContent';\r\nimport ProductColorEditorModal from './ProductColorEditorModal';\r\nimport ProductSizeEditorModal from './ProductSizeEditorModal';\r\nimport ProductDialogActions from './components/ProductDialogActions';\r\nimport ImageCropperModal from '../../../../components/ImageCropperModal';\r\nimport useLoadingDialog from '../../../../hooks/useLoadingDialog';\r\n\r\n\r\ninterface IEditProductModalProps\r\n{\r\n      open: boolean;\r\n      currentProductId: string;\r\n      currentProductName: string;\r\n      onClose: () => void;\r\n}\r\n\r\nconst EditProductModal: React.FC<IEditProductModalProps> = (props) =>\r\n{\r\n      const { open, currentProductId, currentProductName, onClose } = props;\r\n\r\n      const { formData, setFormData, clearFormData, handleChange, handleCheckboxChange } = useFormData();\r\n      const { data: productData, error: productError, isLoading: productLoading } = restApiProducts.hooks.queries.getByIdWithImages({ id: currentProductId });\r\n      const [ patchProduct ] = restApiProducts.hooks.mutations.update();\r\n      const { showWithMessage, hide } = useLoadingDialog();\r\n\r\n      const {\r\n            bannerImage,\r\n            thumbnailImage,\r\n            imageToEdit,\r\n            setImage,\r\n            removeImage,\r\n            clearImages,\r\n            handleEditImage,\r\n            handleCropSave,\r\n            setImageToEdit\r\n      } = useImageEditing();\r\n\r\n      const {\r\n            items: productColors,\r\n            isEditorOpen: isColorEditorOpen,\r\n            setItems: setProductColors,\r\n            openEditor: openColorEditor,\r\n            closeEditor: closeColorEditor,\r\n            handleDeleteItem: handleDeleteColor,\r\n            handleAddItem: handleAddColor,\r\n            handleSaveItem: handleSaveColor,\r\n            handleSaveItems: handleSaveColors,\r\n            handleCancelItem: handleCancelColor\r\n      } = useModalPropertyEditor<IRestApiProductColorDTO>();\r\n\r\n      const {\r\n            items: productSizes,\r\n            isEditorOpen: isSizeEditorOpen,\r\n            openEditor: openSizeEditor,\r\n            closeEditor: closeSizeEditor,\r\n            setItems: setProductSizes,\r\n            handleDeleteItem: handleDeleteSize,\r\n            handleAddItem: handleAddSize,\r\n            handleSaveItem: handleSaveSize,\r\n            handleSaveItems: handleSaveSizes,\r\n            handleCancelItem: handleCancelSize,\r\n      } = useModalPropertyEditor<IRestApiProductSizeDTO>();\r\n\r\n      const {\r\n            items: selectedCategories,\r\n            isEditorOpen: isCategoryModalOpen,\r\n            openEditor: openCategoryEditor,\r\n            closeEditor: closeCategoryEditor,\r\n            setItems: setSelectedCategories,\r\n            handleDeleteItem: handleDeleteCategory,\r\n            handleAddItem: handleAddCategory,\r\n            handleSaveItem: handleSaveCategory,\r\n            handleSaveItems: handleSaveCategories,\r\n            handleCancelItem: handleCancelCategory,\r\n      } = useModalPropertyEditor<IRestApiProductCategoryMinimalDTO>();\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (open && currentProductId)\r\n            {\r\n                  clearFormData(); // Clear form data before loading new product data\r\n                  clearImages();   // Clear images before loading new ones\r\n            }\r\n      }, [ open, currentProductId ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (productLoading)\r\n            {\r\n                  showWithMessage(`Loading Product '${currentProductName}'...`);\r\n\r\n                  return;\r\n            }\r\n\r\n            hide();\r\n\r\n      }, [ productLoading ]);\r\n\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (productData)\r\n            {\r\n                  setFormData(productData);\r\n\r\n                  if (productData.productColors && productData.productColors.length > 0)\r\n                  {\r\n                        const currColors = productData.productColors;\r\n                        setProductColors(currColors);\r\n                  }\r\n\r\n                  if (productData.productSizes && productData.productSizes.length > 0)\r\n                  {\r\n                        const currSizes = productData.productSizes;\r\n                        setProductSizes(currSizes);\r\n                  }\r\n\r\n                  if (productData.productCategories && productData.productCategories.length > 0)\r\n                  {\r\n                        const currCategories = productData.productCategories;\r\n                        setSelectedCategories(currCategories);\r\n                  }\r\n\r\n                  if (productData.bannerImage)\r\n                  {\r\n                        setImage(productData.bannerImage);\r\n                  }\r\n\r\n                  if (productData.thumbnailImage)\r\n                  {\r\n                        setImage(productData.thumbnailImage);\r\n                  }\r\n            }\r\n      }, [ productData ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setFormData(prevState => ({\r\n                  ...prevState,\r\n                  productColors: productColors\r\n            }));\r\n\r\n      }, [ productColors ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setFormData(prevState => ({\r\n                  ...prevState,\r\n                  productSizes: productSizes\r\n            }));\r\n\r\n      }, [ productSizes ]);\r\n\r\n      const clearStateAndClose = () =>\r\n      {\r\n            setFormData(null);\r\n            clearImages();\r\n            onClose();\r\n      }\r\n\r\n      const handleSubmit = () =>\r\n      {\r\n            try\r\n            {\r\n                  if (!formData)\r\n                  {\r\n                        onClose();\r\n                        return;\r\n                  }\r\n\r\n                  showWithMessage(`Saving Product '${formData.name}'...`);\r\n\r\n                  const updatedProductDTO: IRestApiProductWithImagesDTO = {\r\n                        ...formData,\r\n                        productCategories: selectedCategories,\r\n                        bannerImage: bannerImage,\r\n                        thumbnailImage: thumbnailImage,\r\n                  };\r\n\r\n                  patchProduct({ productWithImagesDTO: updatedProductDTO })\r\n                        .unwrap() // Unwrap the promise to handle the result in the .then() block\r\n                        .finally(() =>\r\n                        {\r\n                              clearStateAndClose();\r\n                              hide();\r\n                        });\r\n\r\n            } catch (error)\r\n            {\r\n                  console.error(\"Error in handleSubmit:\", error);\r\n                  hide();\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Fragment>\r\n                  <Dialog open={ open } onClose={ onClose } maxWidth=\"lg\" fullWidth PaperProps={ { sx: { margin: 0, padding: 0, width: '100%', overflow: 'hidden', borderRadius: '4px' } } } scroll=\"paper\">\r\n                        <DialogTitle sx={ { margin: 0, padding: 2, backgroundColor: (theme) => theme.palette.secondary.main, color: (theme) => theme.palette.secondary.contrastText, fontWeight: 'bold', width: '100%' } }>\r\n                              Edit Product\r\n                        </DialogTitle>\r\n                        <DialogContent sx={ { marginTop: '24px' } }>\r\n                              { productLoading ? (\r\n                                    <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" height=\"100%\">\r\n                                          <CircularProgress />\r\n                                    </Box>\r\n                              ) : (\r\n                                    formData && (\r\n                                          <ProductModalDialogContent\r\n                                                formData={ formData }\r\n                                                imageEditing={ {\r\n                                                      bannerImage,\r\n                                                      thumbnailImage,\r\n                                                      imageToEdit,\r\n                                                      setImage,\r\n                                                      removeImage,\r\n                                                      clearImages,\r\n                                                      handleEditImage,\r\n                                                      handleCropSave,\r\n                                                      setImageToEdit\r\n                                                } }\r\n                                                selectedCategories={ selectedCategories }\r\n                                                setSelectedCategories={ setSelectedCategories }\r\n                                                handleChange={ handleChange }\r\n                                                handleCheckboxChange={ handleCheckboxChange }\r\n                                                handleDeleteColor={ handleDeleteColor }\r\n                                                handleAddColor={ handleAddColor }\r\n                                                handleDeleteSize={ handleDeleteSize }\r\n                                                handleAddSize={ handleAddSize }\r\n                                                openCategoryModal={ openCategoryEditor }\r\n                                                saveDisabled={ productLoading }\r\n                                          />\r\n                                    )\r\n                              ) }\r\n                        </DialogContent>\r\n                        <ProductDialogActions onCancel={ onClose } onSave={ handleSubmit } saveDisabled={ productLoading } />\r\n                  </Dialog>\r\n\r\n                  { imageToEdit && (\r\n                        <ImageCropperModal\r\n                              open={ true }\r\n                              base64Image={ imageToEdit.base64Image }\r\n                              imageType={ imageToEdit.imageType }\r\n                              onClose={ () => setImageToEdit(null) }\r\n                              onSave={ handleCropSave }\r\n                        />\r\n                  ) }\r\n                  { isCategoryModalOpen && (\r\n                        <CategorySelectionModal\r\n                              open={ isCategoryModalOpen }\r\n                              onClose={ closeCategoryEditor }\r\n                              selectedCategories={ selectedCategories }\r\n                              onSave={ handleSaveCategories }\r\n                        />\r\n                  ) }\r\n\r\n                  { isColorEditorOpen && (\r\n                        <ProductColorEditorModal\r\n                              open={ isColorEditorOpen }\r\n                              onCancel={ handleCancelColor }\r\n                              onSave={ (colorDTO: IRestApiProductColorDTO) => handleSaveColor(colorDTO) }\r\n                        />\r\n                  ) }\r\n\r\n                  { isSizeEditorOpen && (\r\n                        <ProductSizeEditorModal\r\n                              open={ isSizeEditorOpen }\r\n                              onCancel={ handleCancelSize }\r\n                              onSave={ (sizeDTO: IRestApiProductSizeDTO) => handleSaveSize(sizeDTO) }\r\n                        />\r\n                  ) }\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default EditProductModal;\r\n","import * as React from 'react';\r\nimport { useEffect, useState } from 'react';\r\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, TextField } from '@mui/material';\r\nimport { restApiProducts } from '../../../../stores/api/Generated/Endpoints/RestApiProducts';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport CancelIcon from '@mui/icons-material/Cancel';\r\nimport { IRestApiProductDTO } from '../../../../stores/api/Generated/Entities/RestApiProductDTO';\r\n\r\ninterface DeleteProductModalProps\r\n{\r\n      open: boolean;\r\n      onClose: () => void;\r\n      currentProduct: IRestApiProductDTO;\r\n}\r\n\r\nconst DeleteProductModal: React.FC<DeleteProductModalProps> = ({ open, onClose, currentProduct }) =>\r\n{\r\n      const [ inputValue, setInputValue ] = useState('');\r\n\r\n      const [ deleteProduct ] = restApiProducts.hooks.mutations.deleteById();\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!open)\r\n            {\r\n                  setInputValue('');\r\n            }\r\n\r\n      }, [ open ]);\r\n\r\n      const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) =>\r\n      {\r\n            setInputValue(event.target.value);\r\n      };\r\n\r\n      const handleConfirm = () =>\r\n      {\r\n            if (inputValue === currentProduct.name)\r\n            {\r\n                  try\r\n                  {\r\n                        deleteProduct({ id: currentProduct.id! });\r\n\r\n                        onClose();\r\n                  }\r\n                  catch (error)\r\n                  {\r\n                        console.error(\"Error in deleteProduct:\", error);\r\n                  }\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Dialog open={ open } onClose={ onClose } maxWidth=\"md\" fullWidth\r\n                  PaperProps={ {\r\n                        sx: {\r\n                              margin: 0, padding: 0, width: '100%', overflow: 'hidden', borderRadius: '4px'\r\n                        }\r\n                  } } scroll=\"paper\">\r\n                  <DialogTitle sx={ {\r\n                        margin: 0, padding: 2, backgroundColor: (theme) => theme.palette.secondary.main,\r\n                        color: (theme) => theme.palette.secondary.contrastText, fontWeight: 'bold', width: '100%'\r\n                  } }>\r\n                        Delete Product\r\n                  </DialogTitle>\r\n                  <DialogContent sx={ { marginTop: '24px' } }>\r\n                        <DialogContentText>\r\n                              To confirm deletion, please type the Product name <strong>{ `'${currentProduct.name}'` }</strong> (case sensitive) below:\r\n                        </DialogContentText>\r\n                        <TextField\r\n                              sx={ { margin: '8px 0' } }\r\n                              autoFocus\r\n                              margin=\"dense\"\r\n                              label=\"Product Name\"\r\n                              type=\"text\"\r\n                              fullWidth\r\n                              value={ inputValue }\r\n                              onChange={ handleInputChange }\r\n                        />\r\n                  </DialogContent>\r\n                  <DialogActions sx={ { padding: 2 } }>\r\n                        <Button onClick={ onClose } color=\"error\" variant=\"contained\"\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <CancelIcon /> }>\r\n                              Cancel\r\n                        </Button>\r\n                        <Button onClick={ handleConfirm } color=\"success\" variant=\"contained\" disabled={ inputValue.trim() !== currentProduct.name!.trim() }\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <DeleteIcon /> }>\r\n                              Delete\r\n                        </Button>\r\n                  </DialogActions>\r\n            </Dialog>\r\n      );\r\n};\r\n\r\nexport default DeleteProductModal;\r\n","import React, { Fragment, useEffect } from 'react';\r\nimport { Dialog, DialogContent, DialogTitle } from '@mui/material';\r\n\r\nimport { restApiProducts } from '../../../../stores/api/Generated/Endpoints/RestApiProducts';\r\n\r\nimport { useFormData } from './hooks/useFormData';\r\nimport { Guid } from '../../../../utilities/Guid';\r\nimport { useImageEditing } from '../hooks/useImageEditing';\r\nimport { useModalPropertyEditor } from '../hooks/useModalPropertyEditor';\r\nimport { IRestApiProductDTO, RestApiProductDTO } from '../../../../stores/api/Generated/Entities/RestApiProductDTO';\r\nimport { IRestApiProductCategoryMinimalDTO, RestApiProductCategoryMinimalDTO } from '../../../../stores/api/Generated/Entities/RestApiProductCategoryMinimalDTO';\r\nimport { IRestApiProductWithImagesDTO, RestApiProductWithImagesDTO } from '../../../../stores/api/Generated/Entities/RestApiProductWithImagesDTO';\r\nimport { IRestApiProductColorDTO } from '../../../../stores/api/Generated/Entities/RestApiProductColorDTO';\r\nimport { IRestApiProductSizeDTO } from '../../../../stores/api/Generated/Entities/RestApiProductSizeDTO';\r\n\r\nimport CategorySelectionModal from './CategorySelectionModal';\r\nimport ProductModalDialogContent from './components/ProductModalDialogContent';\r\nimport ProductColorEditorModal from './ProductColorEditorModal';\r\nimport ProductSizeEditorModal from './ProductSizeEditorModal';\r\nimport ImageCropperModal from '../../../../components/ImageCropperModal';\r\nimport ProductDialogActions from './components/ProductDialogActions';\r\nimport useLoadingDialog from '../../../../hooks/useLoadingDialog';\r\n\r\ninterface IAddProductModalProps\r\n{\r\n      open: boolean;\r\n      onClose: () => void;\r\n}\r\n\r\nconst AddProductModal: React.FC<IAddProductModalProps> = ({ open, onClose }) =>\r\n{\r\n      const initialFormData: IRestApiProductDTO = {\r\n            id: '',\r\n            name: '',\r\n            code: '',\r\n            title: '',\r\n            description: '',\r\n            bannerImageId: null,\r\n            thumbnailImageId: null,\r\n            stockQuantity: 0,\r\n            regularPrice: 0,\r\n            liquidationPrice: 0,\r\n            available: false,\r\n            highlight: false,\r\n            sortOrder: 0,\r\n            productCategories: [],\r\n            productColors: [],\r\n            productSizes: [],\r\n      };\r\n\r\n      const { formData, setFormData, clearFormData, handleChange, handleCheckboxChange } = useFormData();\r\n      const [ createProduct ] = restApiProducts.hooks.mutations.create();\r\n      const { showWithMessage, hide } = useLoadingDialog();\r\n\r\n      const {\r\n            bannerImage,\r\n            thumbnailImage,\r\n            imageToEdit,\r\n            setImage,\r\n            removeImage,\r\n            clearImages,\r\n            handleEditImage,\r\n            handleCropSave,\r\n            setImageToEdit\r\n      } = useImageEditing();\r\n\r\n      const {\r\n            items: productColors,\r\n            isEditorOpen: isColorEditorOpen,\r\n            setItems: setProductColors,\r\n            openEditor: openColorEditor,\r\n            closeEditor: closeColorEditor,\r\n            handleDeleteItem: handleDeleteColor,\r\n            handleAddItem: handleAddColor,\r\n            handleSaveItem: handleSaveColor,\r\n            handleSaveItems: handleSaveColors,\r\n            handleCancelItem: handleCancelColor\r\n      } = useModalPropertyEditor<IRestApiProductColorDTO>();\r\n\r\n      const {\r\n            items: productSizes,\r\n            isEditorOpen: isSizeEditorOpen,\r\n            openEditor: openSizeEditor,\r\n            closeEditor: closeSizeEditor,\r\n            setItems: setProductSizes,\r\n            handleDeleteItem: handleDeleteSize,\r\n            handleAddItem: handleAddSize,\r\n            handleSaveItem: handleSaveSize,\r\n            handleSaveItems: handleSaveSizes,\r\n            handleCancelItem: handleCancelSize,\r\n      } = useModalPropertyEditor<IRestApiProductSizeDTO>();\r\n\r\n      const {\r\n            items: selectedCategories,\r\n            isEditorOpen: isCategoryModalOpen,\r\n            openEditor: openCategoryEditor,\r\n            closeEditor: closeCategoryEditor,\r\n            setItems: setSelectedCategories,\r\n            handleDeleteItem: handleDeleteCategory,\r\n            handleAddItem: handleAddCategory,\r\n            handleSaveItem: handleSaveCategory,\r\n            handleSaveItems: handleSaveCategories,\r\n            handleCancelItem: handleCancelCategory,\r\n      } = useModalPropertyEditor<IRestApiProductCategoryMinimalDTO>();\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!formData)\r\n            {\r\n                  setFormData(initialFormData);\r\n            }\r\n      }, []);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setFormData(prevState => ({\r\n                  ...prevState,\r\n                  productColors: productColors\r\n            }));\r\n\r\n      }, [ productColors ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setFormData(prevState => ({\r\n                  ...prevState,\r\n                  productSizes: productSizes\r\n            }));\r\n\r\n      }, [ productSizes ]);\r\n\r\n      const clearStateAndClose = () =>\r\n      {\r\n            setFormData(null);\r\n            clearImages();\r\n            setSelectedCategories([]);\r\n            onClose();\r\n      };\r\n\r\n      const handleSubmit = () =>\r\n      {\r\n            try\r\n            {\r\n                  if (!formData)\r\n                  {\r\n                        onClose();\r\n                        return;\r\n                  }\r\n\r\n                  showWithMessage(`Saving New Product '${formData.name}'...`);\r\n\r\n                  const newProductDTO: IRestApiProductWithImagesDTO = {\r\n                        ...formData,\r\n                        productCategories: selectedCategories.map(category => new RestApiProductCategoryMinimalDTO(category)),\r\n                        bannerImage: bannerImage,\r\n                        thumbnailImage: thumbnailImage,\r\n                  };\r\n\r\n                  newProductDTO.id = Guid.NewGuid().Value;\r\n\r\n                  createProduct({ productWithImagesDTO: newProductDTO })\r\n                        .unwrap() // Unwrap the promise to handle the result in the .then() block\r\n                        .finally(() =>\r\n                        {\r\n                              clearStateAndClose();\r\n                              hide();\r\n                        });\r\n\r\n                  onClose();\r\n\r\n            } catch (error)\r\n            {\r\n                  console.error(\"Error in handleSubmit:\", error);\r\n                  hide();\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Fragment>\r\n                  <Dialog open={ open } onClose={ onClose } maxWidth=\"lg\" fullWidth PaperProps={ { sx: { margin: 0, padding: 0, width: '100%', overflow: 'hidden', borderRadius: '4px' } } } scroll=\"paper\">\r\n                        <DialogTitle sx={ { margin: 0, padding: 2, backgroundColor: (theme) => theme.palette.secondary.main, color: (theme) => theme.palette.secondary.contrastText, fontWeight: 'bold', width: '100%' } }>\r\n                              Add Product\r\n                        </DialogTitle>\r\n\r\n                        <DialogContent sx={ { marginTop: '24px' } }>\r\n\r\n                              <ProductModalDialogContent\r\n                                    formData={ formData }\r\n                                    imageEditing={ {\r\n                                          bannerImage,\r\n                                          thumbnailImage,\r\n                                          imageToEdit,\r\n                                          setImage,\r\n                                          removeImage,\r\n                                          clearImages,\r\n                                          handleEditImage,\r\n                                          handleCropSave,\r\n                                          setImageToEdit\r\n                                    } }\r\n                                    selectedCategories={ selectedCategories }\r\n                                    setSelectedCategories={ setSelectedCategories }\r\n                                    handleChange={ handleChange }\r\n                                    handleCheckboxChange={ handleCheckboxChange }\r\n                                    handleDeleteColor={ handleDeleteColor }\r\n                                    handleAddColor={ handleAddColor }\r\n                                    handleDeleteSize={ handleDeleteSize }\r\n                                    handleAddSize={ handleAddSize }\r\n                                    openCategoryModal={ openCategoryEditor }\r\n                                    saveDisabled={ false }  // Set to false for AddProductModal\r\n                              />\r\n\r\n                        </DialogContent>\r\n\r\n                        <ProductDialogActions onCancel={ onClose } onSave={ handleSubmit } saveDisabled={ false } />\r\n                  </Dialog>\r\n\r\n                  { imageToEdit && (\r\n                        <ImageCropperModal\r\n                              open={ true }\r\n                              base64Image={ imageToEdit.base64Image }\r\n                              imageType={ imageToEdit.imageType }\r\n                              onClose={ () => setImageToEdit(null) }\r\n                              onSave={ handleCropSave }\r\n                        />\r\n                  ) }\r\n                  { isCategoryModalOpen && (\r\n                        <CategorySelectionModal\r\n                              open={ isCategoryModalOpen }\r\n                              onClose={ closeCategoryEditor }\r\n                              selectedCategories={ selectedCategories }\r\n                              onSave={ handleSaveCategories }\r\n                        />\r\n                  ) }\r\n\r\n                  { isColorEditorOpen && (\r\n                        <ProductColorEditorModal\r\n                              open={ isColorEditorOpen }\r\n                              onCancel={ handleCancelColor }\r\n                              onSave={ (colorDTO: IRestApiProductColorDTO) => handleSaveColor(colorDTO) }\r\n                        />\r\n                  ) }\r\n\r\n                  { isSizeEditorOpen && (\r\n                        <ProductSizeEditorModal\r\n                              open={ isSizeEditorOpen }\r\n                              onCancel={ handleCancelSize }\r\n                              onSave={ (sizeDTO: IRestApiProductSizeDTO) => handleSaveSize(sizeDTO) }\r\n                        />\r\n                  ) }\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default AddProductModal;\r\n","import React, { useState, useEffect } from 'react';\r\nimport\r\n{\r\n      Box, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Grid, TextField, Typography\r\n} from '@mui/material';\r\n\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport CancelIcon from '@mui/icons-material/Cancel';\r\n\r\nimport { restApiProducts } from '../../../../stores/api/Generated/Endpoints/RestApiProducts';\r\nimport { notNullOrUndefined } from '../../../../utilities/Utils';\r\nimport { RestApiMultipleIdsDTO } from '../../../../stores/api/Generated/Entities/RestApiMultipleIdsDTO';\r\nimport { IRestApiProductDTO } from '../../../../stores/api/Generated/Entities/RestApiProductDTO';\r\n\r\ninterface DeleteMultipleProductsModalProps\r\n{\r\n      open: boolean;\r\n      onClose: () => void;\r\n      ProductsToDelete: IRestApiProductDTO[];\r\n}\r\n\r\nconst DeleteMultipleProductsModal: React.FC<DeleteMultipleProductsModalProps> = ({ open, onClose, ProductsToDelete }) =>\r\n{\r\n      const [ ProductNameInput, setProductNameInput ] = useState('');\r\n      const [ numberInput, setNumberInput ] = useState('');\r\n      const [ randomSixDigitNumber, setRandomSixDigitNumber ] = useState('');\r\n      const [ randomIndex, setRandomIndex ] = useState(0);\r\n      const [ deleteProductRange ] = restApiProducts.hooks.mutations.deleteMultipleById();\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (ProductsToDelete.length > 0)\r\n            {\r\n                  setRandomIndex(Math.floor(Math.random() * ProductsToDelete.length));\r\n                  setRandomSixDigitNumber(Math.floor(100000 + Math.random() * 900000).toString());\r\n            }\r\n      }, [ ProductsToDelete ]);\r\n\r\n      const randomProductName = ProductsToDelete.length > 0 ?\r\n            notNullOrUndefined(ProductsToDelete[ randomIndex ]?.name)\r\n                  ? ProductsToDelete[ randomIndex ].name\r\n                  : ''\r\n            : '';\r\n\r\n      const noOfProducts = ProductsToDelete.length;\r\n\r\n      const handleProductNameChange = (event: React.ChangeEvent<HTMLInputElement>) =>\r\n      {\r\n            setProductNameInput(event.target.value);\r\n      };\r\n\r\n      const handleNumberChange = (event: React.ChangeEvent<HTMLInputElement>) =>\r\n      {\r\n            setNumberInput(event.target.value);\r\n      };\r\n\r\n      const handleConfirm = () =>\r\n      {\r\n            if (ProductNameInput === randomProductName && numberInput === randomSixDigitNumber)\r\n            {\r\n                  deleteProducts(ProductsToDelete.map(cat => cat.id!));\r\n            }\r\n      };\r\n\r\n      const deleteProducts = async (ids: string[]) =>\r\n      {\r\n            try\r\n            {\r\n                  const deleteProducts = new RestApiMultipleIdsDTO();\r\n                  deleteProducts.ids = [ ...ids ];\r\n\r\n                  await deleteProductRange({ multipleIdsDTO: deleteProducts });\r\n\r\n                  onClose();\r\n            }\r\n            catch (error)\r\n            {\r\n                  console.error(\"Error in deleteProducts:\", error);\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Dialog open={ open } onClose={ onClose } maxWidth=\"md\" fullWidth\r\n                  PaperProps={ {\r\n                        sx: {\r\n                              margin: 0, padding: 0, width: '100%', overflow: 'hidden', borderRadius: '4px'\r\n                        }\r\n                  } } scroll=\"paper\">\r\n                  <DialogTitle sx={ {\r\n                        margin: 0, padding: 2, backgroundColor: (theme) => theme.palette.secondary.main,\r\n                        color: (theme) => theme.palette.secondary.contrastText, fontWeight: 'bold', width: '100%'\r\n                  } }>\r\n                        Delete Products\r\n                  </DialogTitle>\r\n                  <DialogContent sx={ { marginTop: '24px', overflowX: 'hidden' } }>\r\n                        <DialogContentText>\r\n                              To confirm the deletion of <strong>{ noOfProducts } Products</strong>, please type the name of the <strong>Product { randomIndex + 1 }</strong> from the list below and also the following 6-digit number <strong>{ randomSixDigitNumber }</strong>:\r\n                        </DialogContentText>\r\n                        <Grid container spacing={ 2 } sx={ { margin: '16px 0' } }>\r\n                              { ProductsToDelete.length > 0 ? ProductsToDelete.map((Product, index) => (\r\n                                    <Grid item xs={ 4 } key={ Product.id } sx={ { maxWidth: '100%' } }>\r\n                                          <Typography sx={ { wordBreak: 'break-word', whiteSpace: 'normal' } }>\r\n                                                { index + 1 }. <Box component=\"span\" sx={ { fontWeight: 'bold', textDecoration: 'underline' } }>{ Product.name }</Box>\r\n                                          </Typography>\r\n                                    </Grid>\r\n                              )) : <Typography>No Products to delete.</Typography> }\r\n                        </Grid>\r\n                        <TextField\r\n                              sx={ { margin: '8px 0' } }\r\n                              autoFocus\r\n                              margin=\"dense\"\r\n                              label=\"Product Name\"\r\n                              type=\"text\"\r\n                              fullWidth\r\n                              value={ ProductNameInput }\r\n                              onChange={ handleProductNameChange }\r\n                        />\r\n                        <TextField\r\n                              sx={ { margin: '8px 0' } }\r\n                              margin=\"dense\"\r\n                              label=\"6-digit Number\"\r\n                              type=\"text\"\r\n                              fullWidth\r\n                              value={ numberInput }\r\n                              onChange={ handleNumberChange }\r\n                        />\r\n                  </DialogContent>\r\n                  <DialogActions sx={ { padding: 2 } }>\r\n                        <Button onClick={ onClose } color=\"error\" variant=\"contained\"\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <CancelIcon /> }>\r\n                              Cancel\r\n                        </Button>\r\n                        <Button onClick={ handleConfirm } color=\"success\" variant=\"contained\"\r\n                              disabled={ ProductNameInput.trim() !== randomProductName || numberInput.trim() !== randomSixDigitNumber }\r\n                              sx={ { fontWeight: 'bold', fontSize: '1rem', width: '150px' } } startIcon={ <DeleteIcon /> }>\r\n                              Delete\r\n                        </Button>\r\n                  </DialogActions>\r\n            </Dialog>\r\n      );\r\n};\r\n\r\nexport default DeleteMultipleProductsModal;\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport { nanoid } from 'nanoid/non-secure';\r\nimport { Box, Button, Checkbox, FormControl, IconButton, InputAdornment, InputLabel, ListItemText, MenuItem, Link as MuiLink, OutlinedInput, Select, SelectChangeEvent, Typography, useTheme } from '@mui/material';\r\nimport { GridColDef, GridColumnVisibilityModel, GridRenderCellParams, GridRowId, GridRowModes, GridRowModesModel, GridValidRowModel } from '@mui/x-data-grid';\r\n\r\nimport AddIcon from '@mui/icons-material/Add';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\n\r\nimport { restApiProducts } from '../../../../stores/api/Generated/Endpoints/RestApiProducts';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport {slugify} from '../../../../utilities/StringUtils';\r\nimport { Guid } from '../../../../utilities/Guid';\r\nimport { IRestApiProductDTO } from '../../../../stores/api/Generated/Entities/RestApiProductDTO';\r\nimport { IRestApiProductColorDTO } from '../../../../stores/api/Generated/Entities/RestApiProductColorDTO';\r\nimport { IRestApiProductSizeDTO } from '../../../../stores/api/Generated/Entities/RestApiProductSizeDTO';\r\nimport { restApiImages } from '../../../../stores/api/Generated/Endpoints/RestApiImages';\r\n\r\nimport EditProductModal from './EditProductModal';\r\nimport DeleteProductModal from './DeleteProductModal';\r\nimport AddProductModal from './AddProductModal';\r\nimport DeleteMultipleProductsModal from './DeleteMultipleProductsModal';\r\nimport GridRowImageWithFallback from '../components/GridRowImageWithFallback';\r\nimport CommonDataGrid from '../components/CommonDataGrid';\r\nimport CommonDataGridActions from '../components/CommonDataGridActions';\r\nimport CommonDataGridDescriptionField from '../components/CommonDataGridDescriptionField';\r\n\r\nimport { restApiProductCategories } from '../../../../stores/api/Generated/Endpoints/RestApiProductCategories';\r\nimport { isNullOrUndefined } from '../../../../utilities/Utils';\r\nimport { GridInitialStateCommunity } from '@mui/x-data-grid/models/gridStateCommunity';\r\n\r\n\r\ninterface IRestApiProductExtended extends IRestApiProductDTO, GridValidRowModel {\r\n      isNew: boolean;\r\n      cacheValue: Guid;\r\n}\r\n\r\ntype VisibilityModel = {\r\n      [K in keyof IRestApiProductDTO]?: boolean;\r\n};\r\n\r\ntype ProductColumnVisibilityModel = GridColumnVisibilityModel & VisibilityModel;\r\n\r\nconst ProductsMain: React.FC<{}> = ({ }) => {\r\n      const theme = useTheme();\r\n      const navigate = useNavigate();\r\n\r\n      const [Products, setProducts] = useState<IRestApiProductExtended[]>([]);\r\n\r\n      const { data: allProductsData, error: allProductsError, isLoading: allProductsLoading } = restApiProducts.hooks.queries.getAll();\r\n      const { data: allCategoriesData, error: allCategoriesError, isLoading: allCategoriesLoading } = restApiProductCategories.hooks.queries.getAllMinimal();\r\n\r\n      const [triggerProductImage, productImageResult] = restApiImages.hooks.lazyQueries.getImage();\r\n\r\n      const [rowModesModel, setRowModesModel] = useState<GridRowModesModel>({});\r\n      const [currentProduct, setCurrentProduct] = useState<IRestApiProductExtended | null>(null);\r\n      const [editModalOpen, setEditModalOpen] = useState(false);\r\n      const [deleteModalOpen, setDeleteModalOpen] = useState(false);\r\n      const [addModalOpen, setAddModalOpen] = useState(false);\r\n      const [deleteMultipleModalOpen, setDeleteMultipleModalOpen] = useState(false);\r\n      const [selectedRows, setSelectedRows] = useState<GridRowId[]>([]);\r\n\r\n      const [productColors, setProductColors] = useState<IRestApiProductColorDTO[]>([]);\r\n      const [productSizes, setProductSizes] = useState<IRestApiProductSizeDTO[]>([]);\r\n      const [selectedCategories, setSelectedCategories] = useState<string[]>([]);\r\n      const [columnVisibilityModel, setColumnVisibilityModel] = React.useState<ProductColumnVisibilityModel>({ isDeleted: false });\r\n\r\n      const initialStateModel: GridInitialStateCommunity = {\r\n            filter: {\r\n                  filterModel: {\r\n                        items: [\r\n                              {\r\n                                    field: 'isDeleted',\r\n                                    operator: 'is',\r\n                                    value: 'false',\r\n                              },\r\n                        ]\r\n                  }\r\n            },\r\n      };\r\n\r\n      useEffect(() => {\r\n            if (allProductsData) {\r\n                  // If selectedCategory is null, show all products; otherwise, filter by category\r\n                  const filteredProducts = isNullOrUndefined(selectedCategories) || selectedCategories.length === 0\r\n                        ? allProductsData\r\n                        : allProductsData.filter(product =>\r\n                              product.productCategories?.some(category => selectedCategories.includes(category.id!))\r\n                        );\r\n\r\n                  const extendedProducts = filteredProducts.map((product: IRestApiProductDTO) => ({\r\n                        ...product,\r\n                        isNew: false,\r\n                        cacheValue: Guid.NewGuid(),\r\n                  }));\r\n\r\n                  setProducts(extendedProducts as IRestApiProductExtended[]);\r\n            }\r\n      }, [allProductsData, selectedCategories]);\r\n\r\n\r\n      useEffect(() => {\r\n            if (editModalOpen) {\r\n                  resetStates();\r\n            }\r\n      }, [editModalOpen]);\r\n\r\n      const handleEditClick = (id: GridRowId) => (event: React.MouseEvent) => {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n            console.log('Edit clicked', id);\r\n\r\n            const product = Products.find(cat => cat.id === id);\r\n\r\n            if (product) {\r\n                  setProductColors(product.productColors || []);\r\n                  setProductSizes(product.productSizes || []);\r\n                  setCurrentProduct(product);\r\n                  setEditModalOpen(true);\r\n            }\r\n      };\r\n\r\n      const resetStates = () => {\r\n            //setProductImages({ bannerImage: '', thumbnailImage: '' });\r\n            setProductColors([]);\r\n            setProductSizes([]);\r\n      };\r\n\r\n      const handleSaveClick = (id: GridRowId) => () => {\r\n            setRowModesModel({ ...rowModesModel, [id]: { mode: GridRowModes.View } });\r\n      };\r\n\r\n      const handleDeleteClick = (id: GridRowId) => () => {\r\n            const product = Products.find(cat => cat.id === id);\r\n            if (product) {\r\n                  setCurrentProduct(product);\r\n                  setDeleteModalOpen(true);\r\n            }\r\n      };\r\n\r\n      const handleCancelClick = (id: GridRowId) => () => {\r\n            setRowModesModel({\r\n                  ...rowModesModel,\r\n                  [id]: { mode: GridRowModes.View, ignoreModifications: true },\r\n            });\r\n      };\r\n\r\n      const handleDeleteDialogClose = () => {\r\n            setDeleteModalOpen(false);\r\n      };\r\n\r\n\r\n      const handleAddProduct = () => {\r\n            setAddModalOpen(true);\r\n      };\r\n\r\n      const handleSelectionChange = (newSelection: GridRowId[]) => {\r\n            setSelectedRows(newSelection);\r\n      };\r\n\r\n      const handleDeleteAllCheckedRows = () => {\r\n            setDeleteMultipleModalOpen(true);\r\n      };\r\n\r\n      const handleDeleteMultipleDialogClose = () => {\r\n            setDeleteMultipleModalOpen(false);\r\n      };\r\n\r\n      const handleCategoryChange = (event: SelectChangeEvent<string[]>) => {\r\n            const { target: { value }, } = event;\r\n            const values = typeof value === 'string' ? value.split(',') : value;\r\n\r\n            setSelectedCategories(values);\r\n      };\r\n\r\n      const handleColumnVisibilityChange = (newModel: ProductColumnVisibilityModel) => {\r\n            setColumnVisibilityModel(newModel);\r\n      };\r\n\r\n      if (allProductsLoading) return <div>Loading...</div>;\r\n      if (allProductsError) return <div>Error: { `${allProductsError}` }</div>;\r\n\r\n\r\n      const columns: GridColDef<IRestApiProductExtended>[] = [\r\n            {\r\n                  field: 'isDeleted',\r\n                  headerName: 'Deleted',\r\n                  editable: false,\r\n                  type: 'boolean',\r\n                  flex: 1,\r\n                  minWidth: 100,\r\n                  headerClassName: 'column-header',\r\n                  hideable: true\r\n            },\r\n            {\r\n                  field: 'name',\r\n                  headerName: 'Name',\r\n                  editable: false,\r\n                  type: 'string',\r\n                  flex: 2,\r\n                  minWidth: 50,\r\n                  headerClassName: 'column-header',\r\n                  renderCell: (params: GridRenderCellParams<IRestApiProductExtended>) => {\r\n                        const handleClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\r\n                              event.preventDefault();\r\n                              event.stopPropagation();\r\n                              navigate(`/products/${slugify(params.value)}`, { state: { productId: params.row.id } });\r\n                        };\r\n                        return (\r\n                              <MuiLink underline='hover' onClick={ handleClick } style={ { cursor: 'pointer', color: theme.palette.primary.main } }>\r\n                                    { params.value }\r\n                              </MuiLink>\r\n                        );\r\n                  },\r\n            },\r\n            {\r\n                  field: 'code',\r\n                  headerName: 'Code',\r\n                  editable: false,\r\n                  type: 'string',\r\n                  flex: 1,\r\n                  minWidth: 100,\r\n                  headerClassName: 'column-header',\r\n            },\r\n            {\r\n                  field: 'title',\r\n                  headerName: 'Title',\r\n                  editable: false,\r\n                  type: 'string',\r\n                  flex: 1.25,\r\n                  minWidth: 150,\r\n                  headerClassName: 'column-header',\r\n            },\r\n            {\r\n                  field: 'description',\r\n                  headerName: 'Description',\r\n                  editable: false,\r\n                  type: 'string',\r\n                  flex: 3,\r\n                  minWidth: 300,\r\n                  headerClassName: 'column-header',\r\n                  renderCell: (params) => (\r\n                        <CommonDataGridDescriptionField text={ params.row.description ?? '' } />\r\n                  ),\r\n            },\r\n            {\r\n                  field: 'sortOrder',\r\n                  headerName: 'Order',\r\n                  editable: false,\r\n                  type: 'number',\r\n                  flex: 0.5,\r\n                  minWidth: 50,\r\n                  headerClassName: 'column-header',\r\n            },\r\n            {\r\n                  field: 'bannerImage',\r\n                  headerName: 'Image',\r\n                  sortable: false,\r\n                  flex: 0.5,\r\n                  minWidth: 50,\r\n                  headerClassName: 'column-header',\r\n                  renderCell: (params) => {\r\n                        return (<GridRowImageWithFallback imageId={ params.row.bannerImageId! } imageType='Banner' alt={ `${params.row.name} product banner image` } />);\r\n                  }\r\n            },\r\n            {\r\n                  field: 'thumbnailImage',\r\n                  headerName: 'Thumb',\r\n                  sortable: false,\r\n                  flex: 0.5,\r\n                  minWidth: 50,\r\n                  renderCell: (params) => {\r\n                        return (<GridRowImageWithFallback imageId={ params.row.thumbnailImageId! } imageType='Thumbnail' alt={ `${params.row.name} product thumbnail image` } />);\r\n                  },\r\n            },\r\n            {\r\n                  field: 'actions',\r\n                  headerName: 'Actions',\r\n                  editable: false,\r\n                  sortable: false,\r\n                  flex: 0.5,\r\n                  minWidth: 100,\r\n                  headerClassName: 'column-header',\r\n                  renderCell: (params: GridRenderCellParams<IRestApiProductExtended>) =>\r\n                  (\r\n                        <CommonDataGridActions\r\n                              params={ params }\r\n                              rowModesModel={ rowModesModel }\r\n                              handleSaveClick={ handleSaveClick }\r\n                              handleCancelClick={ handleCancelClick }\r\n                              handleEditClick={ handleEditClick }\r\n                              handleDeleteClick={ handleDeleteClick }\r\n                        />\r\n                  ),\r\n            },\r\n      ];\r\n\r\n      if (allProductsData && allProductsData.length > 0) {\r\n            const rows: IRestApiProductExtended[] = [...Products].sort((a, b) => a.sortOrder! - b.sortOrder!);\r\n\r\n            return (\r\n                  <Fragment>\r\n\r\n                        <Box display='flex' justifyContent='flex-end' alignItems='center' mb={ 2 }>\r\n\r\n                              <Typography variant=\"body2\" sx={ { mr: 2, fontWeight: 'bold' } }>\r\n                                    Filter products:\r\n                              </Typography>\r\n\r\n                              <FormControl size=\"small\" sx={ { width: '340px', mr: 2 } }>\r\n\r\n                                    <InputLabel id=\"category-select-label\">Category Filter(s)</InputLabel>\r\n\r\n                                    <Select<string[]>\r\n                                          labelId=\"category-select-label\"\r\n                                          value={ selectedCategories as string[] }\r\n                                          onChange={ handleCategoryChange }\r\n                                          label={ null }\r\n                                          input={\r\n                                                <OutlinedInput\r\n                                                      label='Category Filter(s)' // Remove the 'Tag' label from the input itself to avoid double labeling\r\n                                                      notched={ selectedCategories.length > 0 } // Ensure that the outline has a notch for the label                                                      \r\n                                                      fullWidth\r\n                                                      endAdornment={\r\n                                                            selectedCategories.length > 0 ? (\r\n                                                                  <InputAdornment position=\"end\"\r\n                                                                        sx={ {\r\n                                                                              pointerEvents: 'none',\r\n                                                                              marginRight: '32px',\r\n                                                                        } }>\r\n                                                                        <IconButton\r\n                                                                              aria-label=\"clear selected categories\"\r\n                                                                              onClick={ () => setSelectedCategories([]) }\r\n                                                                              edge=\"end\"\r\n                                                                              sx={ {\r\n                                                                                    pointerEvents: 'auto',\r\n                                                                                    backgroundColor: 'error.main',\r\n                                                                                    color: 'error.contrastText',\r\n                                                                                    padding: '4px',\r\n                                                                                    width: '20px',\r\n                                                                                    height: '20px',\r\n                                                                                    borderRadius: '50%',\r\n                                                                                    '& .MuiSvgIcon-root': {\r\n                                                                                          fontSize: '12px',\r\n                                                                                    },\r\n                                                                                    '&:hover': {\r\n                                                                                          backgroundColor: 'secondary.main',\r\n                                                                                    },\r\n                                                                              } }>\r\n                                                                              <CloseIcon />\r\n                                                                        </IconButton>\r\n                                                                  </InputAdornment>\r\n                                                            ) : null\r\n                                                      } />\r\n                                          }\r\n                                          multiple={ true }\r\n                                          renderValue={ (selected) =>\r\n                                                selected\r\n                                                      .map((id) => allCategoriesData?.find((category) => category.id === id)?.name)\r\n                                                      .filter((name) => name !== undefined)\r\n                                                      .join(', ')\r\n                                          }>\r\n\r\n                                          { allCategoriesData?.map((category) => (\r\n                                                <MenuItem key={ `selected_filter_cat_id_${category.id}` } value={ category.id }>\r\n                                                      <Checkbox checked={ selectedCategories.indexOf(category.id!) > -1 } />\r\n                                                      <ListItemText primary={ category.name } />\r\n                                                </MenuItem>\r\n                                          )) }\r\n\r\n                                    </Select>\r\n\r\n                              </FormControl>\r\n\r\n\r\n                              <Button\r\n                                    variant='contained'\r\n                                    color='primary'\r\n                                    sx={ { marginRight: '16px' } }\r\n                                    startIcon={ <AddIcon /> }\r\n                                    onClick={ handleAddProduct }>\r\n                                    Add Product\r\n                              </Button>\r\n\r\n                              <Button\r\n                                    variant='contained'\r\n                                    color='error'\r\n                                    disabled={ selectedRows.length === 0 }\r\n                                    sx={ { marginRight: '16px' } }\r\n                                    onClick={ handleDeleteAllCheckedRows }>\r\n                                    Delete Checked\r\n                              </Button>\r\n\r\n                        </Box>\r\n\r\n\r\n                        <CommonDataGrid\r\n                              rows={ rows }\r\n                              columns={ columns }\r\n                              columnVisibilityModel={ columnVisibilityModel }\r\n                              initialState={ initialStateModel }\r\n                              handleSelectionChange={ handleSelectionChange }\r\n                              onColumnVisibilityModelChange={ handleColumnVisibilityChange }\r\n                        />\r\n                        { currentProduct && (\r\n                              <EditProductModal\r\n                                    key={ `edit-product-modal-${currentProduct.id}_${nanoid(5)}` }\r\n                                    open={ editModalOpen }\r\n                                    currentProductId={ currentProduct!.id! }\r\n                                    currentProductName={ currentProduct!.name! }\r\n                                    onClose={ () => setEditModalOpen(false) } />\r\n                        ) }\r\n                        { currentProduct && (\r\n                              <DeleteProductModal open={ deleteModalOpen } onClose={ handleDeleteDialogClose } currentProduct={ currentProduct! } />\r\n                        ) }\r\n                        <AddProductModal open={ addModalOpen } onClose={ () => setAddModalOpen(false) } />\r\n                        <DeleteMultipleProductsModal open={ deleteMultipleModalOpen } onClose={ handleDeleteMultipleDialogClose } ProductsToDelete={ Products.filter(cat => selectedRows.includes(cat.id!)) } />\r\n                  </Fragment>\r\n            );\r\n      }\r\n\r\n      return <Fragment />;\r\n};\r\n\r\nexport default ProductsMain;\r\n\r\n","import * as React from 'react';\r\n\r\nimport { Box, Container, Grid, Typography } from '@mui/material';\r\n\r\nimport StyledPaperComponent from '../../../../components/styled/StyledCardComponents/StyledPaperComponent';\r\nimport { UserRole, withSecurity } from '../../../../types/authenticationTypes';\r\nimport ProductsMain from './ProductsMain';\r\n\r\nconst ProductsAdministration: React.FC<{}> = ({ }) =>\r\n{\r\n      return (\r\n            <Box\r\n                  sx={ { flexGrow: 1, padding: '20px 0' } }\r\n                  aria-label='BeforeLoginPageContainer'>\r\n                  <Container\r\n                        maxWidth='lg'\r\n                        sx={ {\r\n                              align: 'center',\r\n                              alignContent: 'center',\r\n                              textAlign: 'left',\r\n                        } }>\r\n\r\n                        <Grid container spacing={ 2 }>\r\n\r\n                              <Grid item xs={ 12 }>\r\n                                    <StyledPaperComponent effect='slideLeft' effectDuration={ 0.5 } headerTitle=\"Products Administration\" headerSize='extra-large'>\r\n                                          <Box sx={ { padding: '16px' } }>\r\n                                                <Typography\r\n                                                      variant=\"body1\"\r\n                                                      paragraph\r\n                                                      sx={ {\r\n                                                            textAlign: 'left',\r\n                                                      } }>\r\n                                                      Manage your product listings by adding, editing, or deleting individual products. Ensure each\r\n                                                      product is up to date with accurate names, descriptions, pricing, and images. Adjust stock quantities,\r\n                                                      highlight key items, and set liquidation prices to optimize sales and inventory.\r\n                                                </Typography>\r\n\r\n                                                <Typography\r\n                                                      variant=\"body1\"\r\n                                                      paragraph\r\n                                                      sx={ {\r\n                                                            paddingTop: '4px',\r\n                                                            textAlign: 'left',\r\n                                                      } }>\r\n                                                      Organize products with relevant categories, sizes, colors, and weights to provide a tailored shopping\r\n                                                      experience. Keep your product offerings attractive and easily navigable to boost customer satisfaction and sales.\r\n                                                </Typography>\r\n                                          </Box>\r\n\r\n\r\n                                          <ProductsMain />\r\n\r\n                                    </StyledPaperComponent>\r\n                              </Grid>\r\n                        </Grid>\r\n                  </Container>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default withSecurity(ProductsAdministration, UserRole.PowerUser);\r\n"],"names":["sx","display","height","flexDirection","overflowX","StyledDataGrid","styled","DataGrid","theme","border","borderRadius","outline","fontWeight","backgroundColor","palette","secondary","main","color","contrastText","props","useTheme","rows","columns","showSelectionBox","initialState","columnVisibilityModel","handleSelectionChange","onColumnVisibilityModelChange","rest","handleVisibilityChange","visibilityModel","defaultInitialState","pagination","paginationModel","page","pageSize","mergedInitialState","pageSizeOptions","checkboxSelection","onRowSelectionModelChange","newSelection","StyledGridActionsCellItem","GridActionsCellItem","primary","boxShadow","params","rowModesModel","handleSaveClick","handleCancelClick","handleEditClick","handleDeleteClick","isInEditMode","row","id","mode","Edit","Fragment","Box","icon","Save","label","success","onClick","Cancel","warning","evt","Delete","error","text","alignItems","variant","fontSize","textAlign","WebkitBoxOrient","WebkitLineClamp","overflow","textOverflow","whiteSpace","src","alt","hasError","setHasError","useState","imgAlt","justifyContent","width","NoPhotographyTwoTone","style","onError","imageId","imageType","imageUrl","GetImageData","image","imageData","margin","maxWidth","maxHeight","handleEditImage","handleDeleteImage","imgTitle","minHeight","p","position","Typography","gutterBottom","Button","startIcon","bottom","right","opacity","transition","useImageEditing","bannerImage","setBannerImage","undefined","thumbnailImage","setThumbnailImage","originalBannerImage","setOriginalBannerImage","originalThumbnailImage","setOriginalThumbnailImage","imageToEdit","setImageToEdit","setImage","removeImage","clearImages","base64Image","handleCropSave","croppedImage","split","newBannerImage","NewGuid","Value","newThumbnailImage","open","onClose","categoriesToDelete","categoryNameInput","setCategoryNameInput","numberInput","setNumberInput","randomSixDigitNumber","setRandomSixDigitNumber","randomIndex","setRandomIndex","deleteProductCategoriesRange","hooks","mutations","deleteMultipleById","useEffect","length","Math","floor","random","toString","randomCategoryName","name","noOfCategories","deleteCategories","async","ids","RestApiMultipleIdsDTO","multipleIdsDTO","Dialog","fullWidth","PaperProps","padding","scroll","DialogTitle","DialogContent","marginTop","DialogContentText","Grid","container","spacing","map","category","index","item","xs","wordBreak","component","textDecoration","TextField","autoFocus","type","value","onChange","event","target","DialogActions","cat","disabled","trim","dialogType","formData","existingCategories","imageEditing","productCategoryId","initialParentCategoryId","handleChange","handleSubmit","parentCategories","setParentCategories","parentCategoryId","setParentCategoryId","mappedCategories","push","categoryId","categoryName","filter","sort","a","b","sortOrder","forEach","parentCategory","find","titleText","autoComplete","title","subtitle","FormControl","InputLabel","Select","selectedCategoryId","MenuItem","marginBottom","flex","marginRight","ImageEditComponent","marginLeft","description","multiline","initialData","updateData","clearStateAndClose","dialogData","setDialogData","reason","prevState","parentCatId","productCategoryName","data","categoryData","categoryError","isLoading","categoryLoading","queries","getWithImagesById","patchProductCategory","update","showWithMessage","hide","useLoadingDialog","setFormData","selectedParentCategoryId","setSelectedParentCategoryId","newData","productCategoryWithImagesDTO","unwrap","finally","ImageCropperModal","onSave","currentProductCategory","inputValue","setInputValue","deleteProductCategory","deleteById","deleteCategory","createProductCategory","create","navigate","productCategories","setProductCategories","allCategoriesData","allCategoriesError","allCategoriesLoading","getAllMinimal","triggerProductCategoryImage","productCategoryImageResult","lazyQueries","getImage","setRowModesModel","setCurrentProductCategory","editModalOpen","setEditModalOpen","deleteModalOpen","setDeleteModalOpen","addModalOpen","setAddModalOpen","deleteMultipleModalOpen","setDeleteMultipleModalOpen","selectedRows","setSelectedRows","extendedProducts","isNew","cacheValue","Guid","preventDefault","stopPropagation","View","ignoreModifications","handleDeleteDialogClose","handleAddCategory","handleDeleteAllCheckedRows","handleDeleteMultipleDialogClose","handleEditModalClose","field","headerName","editable","minWidth","headerClassName","renderCell","underline","state","cursor","CommonDataGridDescriptionField","sortable","GridRowImageWithFallback","bannerImageId","thumbnailImageId","CommonDataGridActions","mb","Add","A","CommonDataGrid","includes","flexGrow","Container","align","alignContent","StyledPaperComponent","effect","effectDuration","headerTitle","headerSize","paragraph","paddingTop","PowerUser","useFormData","clearFormData","handleCheckboxChange","checked","useModalPropertyEditor","isEditorOpen","setIsEditorOpen","items","setItems","openEditor","closeEditor","handleDeleteItem","handleAddItem","handleSaveItem","findIndex","i","handleSaveItems","handleCancelItem","selectedCategories","selected","setSelected","productCategoryData","productCategoryError","productCategoryLoading","getAllNames","paddingRight","CircularProgress","paddingBottom","ListItem","currentIndex","c","newSelected","splice","handleToggle","Checkbox","some","ListItemText","borderTop","productColors","handleDeleteColor","handleAddColor","sm","Circle","hexCode","dark","IconButton","onDeleteColor","colorId","productSizes","handleDeleteSize","handleAddSize","size","onDeleteSize","sizeId","setSelectedCategories","openCategoryModal","onDeleteCategory","fontStyle","saveDisabled","inputProps","code","stockQuantity","regularPrice","liquidationPrice","InputProps","FormControlLabel","control","available","highlight","initialColor","initialName","onCancel","allProductColorsData","allProductColorsError","allProductColorsLoading","getExistingProductColors","tabValue","setTabValue","currentColor","setCurrentColor","Tabs","newValue","textColor","indicatorColor","centered","top","zIndex","Tab","overflowY","productColor","handleColorSelect","colorName","colorHex","Link","onChangeComplete","updatedColor","hex","styles","default","picker","saturation","e","readOnly","handleSave","colorHexCode","initialSize","initialOrder","allProductSizesData","allProductSizesError","allProductSizesLoading","getExistingProductSizes","currentSize","setCurrentSize","displayOrder","productSize","handleSizeSelect","sizeValue","parseInt","currentProductId","currentProductName","productData","productError","productLoading","getByIdWithImages","patchProduct","isColorEditorOpen","setProductColors","openColorEditor","closeColorEditor","handleSaveColor","handleSaveColors","handleCancelColor","isSizeEditorOpen","openSizeEditor","closeSizeEditor","setProductSizes","handleSaveSize","handleSaveSizes","handleCancelSize","isCategoryModalOpen","openCategoryEditor","closeCategoryEditor","handleDeleteCategory","handleSaveCategory","handleSaveCategories","handleCancelCategory","currColors","currSizes","currCategories","updatedProductDTO","productWithImagesDTO","colorDTO","sizeDTO","currentProduct","deleteProduct","initialFormData","createProduct","newProductDTO","RestApiProductCategoryMinimalDTO","ProductsToDelete","ProductNameInput","setProductNameInput","deleteProductRange","randomProductName","noOfProducts","deleteProducts","Product","Products","setProducts","allProductsData","allProductsError","allProductsLoading","getAll","triggerProductImage","productImageResult","setCurrentProduct","setColumnVisibilityModel","isDeleted","initialStateModel","filterModel","operator","product","resetStates","handleAddProduct","handleCategoryChange","values","handleColumnVisibilityChange","newModel","hideable","productId","mr","labelId","input","OutlinedInput","notched","endAdornment","InputAdornment","pointerEvents","edge","Close","multiple","renderValue","join","indexOf"],"sourceRoot":""}