{"version":3,"sources":["webpack:///./src/views/Company/Remis/approveCardRequest.vue","webpack:///src/views/Company/Remis/approveCardRequest.vue","webpack:///./src/views/Company/Remis/approveCardRequest.vue?0411","webpack:///./src/views/Company/Remis/approveCardRequest.vue?24bc","webpack:///./src/views/Company/Remis/approveCardRequest.vue?54ea"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","_v","_s","isAssign","$t","showLoader","class","_e","approvalRequest","orderBy","quantity","directives","name","rawName","value","customer","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","attrs","_l","retainers","index","key","domProps","clientId","chargeMode","toggleBranchListDropdown","tags","newTags","model","tag","callback","$$v","searchInp","composing","selectAll","nativeOn","toggleChckBox","filteredList","disableCheckbox","filteredList2","filteredList3","isButtonDisabled","cursor","approveRequest","require","assignCard","staticRenderFns","$","title","components","MasterLayout","VueTagsInput","TableLoader","provide","grid","data","numberOfCards","requestId","usedLang","date_theme","priceVal","options2","options3","theme","combinedOptions","token","userInfo","company","cardBackgroundUrl","prodArray","recentlyUpdated","showUpdateModal","price","branches","prodList","showAll","zone","product","activeTab","showBranchListDropDown","startDate","maxDate","endDate","pluginStartDate","pluginEndDate","dateRange","start","end","priceChangeLogLoader","customShortcuts","label","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","created","mounted","searchFun","computed","countryProducts","sortedList","get","set","combinedArray","userDetails","JSON","user","localStorage","watch","newSelectedArray","methods","getRetainerships","configObject","isRemis","then","response","catch","error","customError","message","type","duration","e","companyID","config","cards","post","console","query","companyId","getCardRequests","request","getCards","length","el","copiedResponse","twoThirdOfArr","sortComparer","reference","comparer","sortComparer2","excelQueryCellInfo","args","checkViewOnly","rowDataBound","hideButton","toggleChSelectAllBox","refreshGrid","toggleShowAll","toolbarClick","activateTab","getToday","month","day","year","hours","minutes","showModal","hidePriceSheduleDiv","getBranches","branch","convertThousand","toFixed","toString","replace","getZones","split","reverse","join","getPriceLog","x","dataSource","revertNumber","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,eAAe,CAACA,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,wDAAwDC,YAAY,CAAC,gBAAgB,OAAO,KAAO,WAAWC,MAAO,CAChR,CACEC,gBAAkB,uEAAsEP,EAAIQ,iBAC5FC,mBAAoB,SACpBC,iBAAkB,YAClBC,eAAgB,WAEhB,CAACT,EAAG,MAAM,CAACE,YAAY,gDAAgDC,YAAY,CAAC,OAAS,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAACH,EAAG,KAAK,CAACE,YAAY,0BAA0B,CAACJ,EAAIY,GAAG,mBAAmBZ,EAAIa,GAAIb,EAAIc,SAEnRd,EAAIe,GAAG,gCADPf,EAAIe,GAAG,qCACiC,wBAAwBf,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,iDAAiDJ,EAAIY,GAAG,KAAKV,EAAG,UAAU,CAACE,YAAY,iCAAiC,CAAEJ,EAAIgB,WAAYd,EAAG,MAAM,CAACE,YAAY,6DAA6DC,YAAY,CAAC,MAAQ,kBAAkB,OAAS,SAAS,CAACH,EAAG,MAAM,CAACe,MAAMjB,EAAIgB,WAAa,UAAY,SAAShB,EAAIkB,KAAKlB,EAAIY,GAAG,KAAOZ,EAAIgB,WAQ7DhB,EAAIkB,KARqEhB,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,gBAAgB,QAAQ,CAACH,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2BC,YAAY,CAAC,QAAU,QAAQ,CAAEL,EAAImB,gBAAiBjB,EAAG,MAAM,CAACE,YAAY,YAAYC,YAAY,CAAC,gBAAgB,UAAU,CAACH,EAAG,IAAI,CAACA,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACJ,EAAIY,GAAG,WAAWZ,EAAIY,GAAG,uBAAuBZ,EAAIa,GAAGb,EAAImB,gBAAgBC,SAAS,wBAAwBpB,EAAIY,GAAG,KAAKV,EAAG,IAAI,CAACA,EAAG,OAAO,CAACE,YAAY,wBAAwBC,YAAY,CAAC,aAAa,UAAU,CAACL,EAAIY,GAAG,eAAeZ,EAAIY,GAAG,uBAAuBZ,EAAIa,GAAGb,EAAImB,iBAAmBnB,EAAImB,gBAAgBE,UAAU,0BAA0BrB,EAAIkB,KAAKlB,EAAIY,GAAG,KAAMZ,EAAIc,SAAUZ,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,kCAAkCC,YAAY,CAAC,MAAQ,QAAQ,CAACH,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,SAAS,CAACoB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOzB,EAAI0B,SAAUC,WAAW,aAAaC,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIC,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKL,EAAOM,OAAOC,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAEZ,MAAM,OAAOe,KAAOxC,EAAI0B,SAASG,EAAOM,OAAOO,SAAWZ,EAAgBA,EAAc,MAAM,CAAC5B,EAAG,SAAS,CAACyC,MAAM,CAAC,MAAQ,OAAO,SAAW,GAAG,SAAW,KAAK,CAAC3C,EAAIY,GAAG,6BAA6BZ,EAAIa,GAAGb,EAAIe,GAAG,mCAAmC,8BAA8Bf,EAAIY,GAAG,KAAKZ,EAAI4C,GAAI5C,EAAI6C,WAAW,SAASnB,EAASoB,GAAO,OAAO5C,EAAG,SAAS,CAAC6C,IAAID,EAAME,SAAS,CAAC,MAAQtB,EAASuB,WAAW,CAAC/C,EAAG,OAAO,CAACF,EAAIY,GAAG,+BAA+BZ,EAAIa,GAAGa,EAASH,MAAM,sCAAqC,OAAOvB,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,kCAAkCC,YAAY,CAAC,MAAQ,QAAQ,CAACH,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,SAAS,CAACoB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOzB,EAAIkD,WAAYvB,WAAW,eAAeC,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIC,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKL,EAAOM,OAAOC,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAEZ,MAAM,OAAOe,KAAOxC,EAAIkD,WAAWrB,EAAOM,OAAOO,SAAWZ,EAAgBA,EAAc,MAAM,CAAC5B,EAAG,SAAS,CAACyC,MAAM,CAAC,MAAQ,mBAAmB,SAAW,GAAG,SAAW,KAAK,CAAC3C,EAAIY,GAAG,6BAA6BZ,EAAIa,GAAGb,EAAIe,GAAG,uCAAuC,8BAA8Bf,EAAIY,GAAG,KAAKV,EAAG,SAAS,CAACyC,MAAM,CAAC,MAAQ,MAAM,CAAC3C,EAAIY,GAAG,6BAA6BZ,EAAIa,GAAGb,EAAIe,GAAG,iCAAiC,8BAA8Bf,EAAIY,GAAG,KAAKV,EAAG,SAAS,CAACyC,MAAM,CAAC,MAAQ,MAAM,CAAC3C,EAAIY,GAAG,6BAA6BZ,EAAIa,GAAGb,EAAIe,GAAG,+BAA+B,sCAAsCf,EAAIkB,KAAKlB,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,QAAQ,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIe,GAAG,kCAAkCf,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACG,YAAY,CAAC,QAAU,OAAOuB,GAAG,CAAC,MAAQ5B,EAAImD,2BAA2B,CAACjD,EAAG,iBAAiB,CAACyC,MAAM,CAAC,KAAO3C,EAAIoD,MAAMxB,GAAG,CAAC,eAAgByB,GAAarD,EAAIoD,KAAOC,GAAUC,MAAM,CAAC7B,MAAOzB,EAAIuD,IAAKC,SAAS,SAAUC,GAAMzD,EAAIuD,IAAIE,GAAK9B,WAAW,UAAU,GAAG3B,EAAIY,GAAG,KAAKV,EAAG,MAAM,GAAG,CAACA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,QAAQ,CAACoB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOzB,EAAI0D,UAAW/B,WAAW,cAAcgB,MAAM,CAAC,KAAO,SAAS,YAAc3C,EAAIe,GAAG,kCAAkCiC,SAAS,CAAC,MAAShD,EAAI0D,WAAY9B,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOM,OAAOwB,YAAiB3D,EAAI0D,UAAU7B,EAAOM,OAAOV,aAAYzB,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,IAAI,CAACE,YAAY,eAAeC,YAAY,CAAC,MAAQ,WAAWsC,MAAM,CAAC,cAAc,gBAAgB3C,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,WAAWC,YAAY,CAAC,MAAQ,OAAO,OAAS,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACyC,MAAM,CAAC,OAAS,KAAK,CAACzC,EAAG,kBAAkB,CAACE,YAAY,iBAAiBuC,MAAM,CAAC,GAAK,aAAaW,MAAM,CAAC7B,MAAOzB,EAAI4D,UAAWJ,SAAS,SAAUC,GAAMzD,EAAI4D,UAAUH,GAAK9B,WAAW,cAAc,CAAC3B,EAAIY,GAAG,uCAAuCZ,EAAIa,GAAGb,EAAIe,GAAG,qCAAqC,yCAAyC,OAAOf,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,kCAAkCC,YAAY,CAAC,MAAQ,OAAO,OAAS,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,GAAG,CAACA,EAAG,eAAe,CAACyC,MAAM,CAAC,MAAQ,IAAIkB,SAAS,CAAC,MAAQ,SAAShC,GAAQ,OAAO7B,EAAI8D,cAAcjC,MAAW,CAAC3B,EAAG,wBAAwB,CAACyC,MAAM,CAAC,QAAU3C,EAAI+D,aAAa,KAAO,aAAa,SAAW/D,EAAIgE,gBAAgB,QAAU,IAAIV,MAAM,CAAC7B,MAAOzB,EAAIsC,SAAUkB,SAAS,SAAUC,GAAMzD,EAAIsC,SAASmB,GAAK9B,WAAW,eAAe,IAAI,KAAK3B,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,eAAe,CAACyC,MAAM,CAAC,MAAQ,IAAIkB,SAAS,CAAC,MAAQ,SAAShC,GAAQ,OAAO7B,EAAI8D,cAAcjC,MAAW,CAAC3B,EAAG,wBAAwB,CAACyC,MAAM,CAAC,QAAU3C,EAAIiE,cAAc,KAAO,aAAa,QAAU,GAAG,SAAWjE,EAAIgE,iBAAiBV,MAAM,CAAC7B,MAAOzB,EAAIsC,SAAUkB,SAAS,SAAUC,GAAMzD,EAAIsC,SAASmB,GAAK9B,WAAW,eAAe,IAAI,GAAG3B,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,eAAe,CAACyC,MAAM,CAAC,MAAQ,IAAIkB,SAAS,CAAC,MAAQ,SAAShC,GAAQ,OAAO7B,EAAI8D,cAAcjC,MAAW,CAAC3B,EAAG,wBAAwB,CAACyC,MAAM,CAAC,QAAU3C,EAAIkE,cAAc,KAAO,aAAa,QAAU,GAAG,SAAWlE,EAAIgE,iBAAiBV,MAAM,CAAC7B,MAAOzB,EAAIsC,SAAUkB,SAAS,SAAUC,GAAMzD,EAAIsC,SAASmB,GAAK9B,WAAW,eAAe,IAAI,aAAa3B,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACE,YAAY,4EAA4E,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAAGJ,EAAIc,SAI78Ld,EAAIkB,KAJm9LhB,EAAG,SAAS,CAACE,YAAY,sDAAsDC,YAAY,CAAC,MAAQ,QAAQC,MAAO,CACx7MN,EAAImE,iBACA,CAAEC,OAAQ,eACV,CAAEA,OAAQ,YACbzB,MAAM,CAAC,WAAW3C,EAAImE,kBAA0B,MAAMvC,GAAG,CAAC,MAAQ5B,EAAIqE,iBAAiB,CAACrE,EAAIY,GAAG,iCAAiCZ,EAAIa,GAAGb,EAAIe,GAAG,qCAAqC,kCAAkCb,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,QAAU,QAAQsC,MAAM,CAAC,IAAM2B,EAAQ,QAA+B,MAAQ,cAAuBtE,EAAIY,GAAG,KAAMZ,EAAIc,SAAUZ,EAAG,SAAS,CAACE,YAAY,sDAAsDC,YAAY,CAAC,MAAQ,QAAQC,MAAO,CACrgBN,EAAImE,iBACA,CAAEC,OAAQ,eACV,CAAEA,OAAQ,YACbzB,MAAM,CAAC,WAAW3C,EAAImE,kBAA0B,MAAMvC,GAAG,CAAC,MAAQ5B,EAAIuE,aAAa,CAACvE,EAAIY,GAAG,iCAAiCZ,EAAIa,GAAGb,EAAIe,GAAG,iCAAiC,kCAAkCb,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,QAAU,QAAQsC,MAAM,CAAC,IAAM2B,EAAQ,QAA+B,MAAQ,cAActE,EAAIkB,8BAAuC,IAE3asD,EAAkB,G,gMCuStB,IAAIC,EAAI,IAEO,OACfC,sCACAnD,qBACAoD,YACAC,oBACAC,iBACAC,oBAEAC,SACAC,kDAEAC,OACA,OACA/B,8BACApC,kCACAY,cACAmB,aACAqC,gBACAC,sCACAhE,qBACA6C,mBAEAoB,yCAEA9C,YACA+C,oBACAC,YACAlD,WACAmD,YACAC,YACAC,gBACAC,mBACAlF,kBAEAmF,WACAC,yDAEArC,OACAH,QACAyC,aACAC,sBACApC,aACAqC,aACAC,mBACAC,mBACAC,SACAC,YACAC,YACAC,WACAC,mDACAC,2DACAvF,cACAmD,sBACAqC,yBACAC,0BACAC,mEACAC,oDACAC,8CACAC,qEACAC,gDACAC,WAAAC,2BAAAC,wBACAC,wBACAC,iBACA,CAAApE,YAAAqE,qCAAA3F,aACA,CACAsB,gBACAqE,yCACA3F,cAEA,CACAsB,gBACAqE,yCACA3F,SAEA,CACAsB,eACAqE,wCACA3F,kBAEA,CACAsB,iBACAqE,0CACA3F,UAEA,CACAsB,gBACAqE,yCACA3F,iBAGA4F,cACAC,6BACAC,YACAC,aAEAC,6CACAC,QAAAC,oBAAAC,iBAGAC,UACA,iCACA,iBAEA,8BACA,gBAEA,cACA,wBAEA,wBAKA,gBAEA,0CACA,uCAEAC,UAIA,cACA,oEACA,iBACA9C,YANAP,iCACAsD,SAQAC,UACAC,2BACA,+CAEAlE,eACA,0BAMA,OAJAmE,cACA,gCAGA,gBACA,gDAGAjE,gBACA,2BAIA,OAHAiE,cACA,gCAEA,gBACA,gDAGAhE,gBACA,2BAKA,OAJAgE,cACA,gCAGA,gBACA,gDAGAtE,WACAuE,iBACAC,gBACA,MACA,KACA,sDAWA,GALAC,EAHA,sBACA,kDAEAA,0CAEAA,GAGA,EAGA,OAFA,qBACA,aAGA,IACAA,uBACA/F,mBAEA,gBACA,eAIAgG,aACAH,MACA,4CACAI,gDACA,KAUA,OARA,IACA,SACA,SACAC,0BACAC,wDAIA,GAEAL,WAGAM,OASA3B,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAEA,qBAGAlB,WACA,WACA,gBAEA,cACA,wBAEA,yBAIAzC,mBACA,SAEA,qBACAC,cACAsF,YAEA,iBAEAtF,cACAsF,iBAIA,sBACA,wCAEA,wBAEA,yBAGAlH,iBACA,kBACA,8CAIAmH,SAIAC,mBACA,mBACA,WACAV,IACA,0DACA,4BACA,4BACA,kBAEAW,mBAAAC,cAEAC,KAAAC,IACA,mBAEA,6BAEAC,MAAAC,IAGA,MAFA,mBAIAC,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,kBAMAhF,cAGA,MAFAiF,mBAGA,gDACAC,yDAIA,2BAAAV,aAGA,GAFAW,8CAEA,cAMA,YALA,kBACAL,kDACAC,aACAC,eAKA,0DAMA,YALA,kBACAF,sDACAC,aACAC,eAKA,OACAtG,uBACA0G,gBACAzG,oCAEAuB,oBACA,yBAEA,WACAmF,KACA,gEACA,4BACA,4BACA,kBAEA3E,EACAyE,GAEAV,KAAAC,IACA,yBACAxE,oBACA,kBACA4E,qDACAC,eACAC,eAEA,gBACA,eAGAL,MAAAC,IAIA,MAHA,yBACA1E,oBAIA2E,EADA,WACAA,wBAEAA,UAGA,kBACAC,UACAC,aACAC,eAGAM,kBAKAxF,kBAGA,MAFAmF,mBAGA,gDACAC,yDAIA,2BAAAV,aACAW,6CAEA,OACAvE,yBACAwE,iBAGA,yBACAlF,oBAEA,WACAmF,KACA,GACAd,kEAEA,4BACA,4BACA,kBAEA7D,EACAyE,GAEAV,KAAAC,IACA,yBACAxE,oBACA,kBACA4E,qDACAC,eACAC,eAGA,mBACAhI,oBACAuI,OACAC,yCAIA,2CAEAb,MAAAC,IAIA,MAHA,mBACA1E,oBAIA2E,EADA,WACAA,wBAEAA,UAEA,kBACAC,UACAC,aACAC,eAGAM,kBAKAG,kBACA,gDACAP,iEAEA,mBAEA,WACAtB,IACA,+DACA,4BACA,4BACA,kBAGAW,mBAAAC,cAEAC,KAAAC,IACAA,wBACAgB,6CACA,gBAIA,2CACA,uBACA,GACA,qBAEAf,MAAAC,IACA,mBACA,kBACAE,gCACAC,aACAC,eAGAM,2BAKAK,WAGA,WACA/B,IACA,wDACA,4BACA,4BACA,kBAGAW,mBAAAC,cAEAC,KAAAC,IACA,oBACA,gDACA,YAEA,6CACA,YACAkB,QAEA,+BACA,gCAGA,6CAEA,+BACAC,oBACAA,uBAGA,8BACA,KACA,KACA,KAEAC,kBACA,2BAEA,MACAjI,YAIA,eACAiI,aACAA,YAGAC,kBACA,2BACA,KACA/E,UAEAC,YAIA,sCAEA,eACA,gBACA,gBAEA,mCAEA,qBAEA0D,MAAAC,IACA,mBAEA,kBACAE,8BACAC,aACAC,kBAOAgB,kBAGA,OAFAC,wCACAC,wCACA,KACA,EACA,IACA,EAEA,GAGAC,mBAGA,OAFAF,uBACAC,uBACA,KAEAE,sBAEAC,gCACAA,kCAEAA,qCAGAC,gBACA,uDAGAC,0BACA,6BACAF,mCAEA,6BACAA,qCAGAG,cACAlJ,mBACAA,8BACA,mDAGAmJ,wBACA,iBACAnJ,oBAEAA,qBAGAoJ,cACA,+BAEAC,iBACA,mCAEAC,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAC,eACA,iBACA,uCACA,oBAGAtH,iBACA,yBACA,qBACA,wCACA,+BACA,+CACA,MACA,mCAEA,gCAIA,uCACA,0CACA,wBAKAuH,WACA,eACAC,sBACAC,iBACAC,kBAEA,sBACA,sBAEA,mBACA,iBACA,kBACAC,MACAA,QACAC,eACAD,eACA,oBAGA,8BACA,gCAEAE,eACA9J,mBACA,kEAQA,cAQA,iBACA,kBACAwH,4CACAC,aACAC,eAIA,uBACA,kBACAF,qDACAC,aACAC,gBAIA,kBACA,wBACA,iDACA,sBA1BA,kBACAF,iDACAC,aACAC,eAXA,kBACAF,8CACAC,aACAC,gBAmCAqC,sBACA,iDACA,qDAGAC,cACA,mBACA,WACA1D,IACA,yCACA,4BACA,4BACA,kBAEAW,qBAEAE,KAAAC,IACA,mBACA,kBACA,KACA,KACA,KACAoB,kBACA,iBACA,MACAjI,YAGA,eACAiI,aACAA,YAEAC,kBACA,2BACA,KACA/E,UAEAC,YAIA,sCACA,QACAyD,mBACA,4BACA,mBAEA,gCAEAA,mBACAnG,IACAgJ,UACAA,cACAA,+BAEA,eACA,gBACA,gBAEA,yBACA,4BACA,mBAEA,kCAGA5C,MAAAC,QAGA4C,mBACA,4BACA,OAEA,YAGA,EACAC,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAC,WACA,mBACA,WACAhE,IACA,sCACA,4BACA,4BACA,kBAEAW,qBAEAE,KAAAC,IACAA,mBACA,oCAEAA,uBACA3C,YACA,eACA8F,MAAA,QACAA,MAAA,KACAC,UACAC,KAAA,KACAhG,2CACA,kBAGA,mBACA,oBAEA4C,MAAAC,QAGAoD,cACA,mBACA,6BACA,WACApE,IACA,+CACA,4BACA,4BACA,6BACA,yCACAW,qBAEAE,KAAAC,IACA,6BACAA,mBACA,2BAEAA,mBACA,0BAEAA,uBACAuD,YACAA,0DACAA,oDACAA,wDAEA,mBACA,gDACAC,oBAEA,qBAEAvD,MAAAC,IACA,6BACA,sBAGAhG,2BACA,0DAEAuJ,gBACA,4CC3rC0X,I,wBCQtXC,EAAY,eACd,EACA5M,EACAyE,GACA,EACA,KACA,WACA,MAIa,aAAAmI,E,6CCnBf,W","file":"js/chunk-0ae54bd4.1f794120.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuel_consumption_row\"},[_c('div',{staticClass:\"py-4 fuel_consumption_row_right_section mr-3 pump__bg\",staticStyle:{\"border-radius\":\"12px\",\"flex\":\"0 0 97%\"},style:([\n          {\n            backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${_vm.backgroundUrl})`,\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          },\n        ])},[_c('div',{staticClass:\"row align-items-center justify-content-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-12\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('h4',{staticClass:\"text-center text-white\"},[_vm._v(\"\\n              \"+_vm._s(!_vm.isAssign\n                  ? _vm.$t(\"text.retainership.approveRequest\")\n                  : _vm.$t(\"text.retainership.assignCard\"))+\"\\n            \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"transaction_period_text text-center mt-5\"})])]),_vm._v(\" \"),_c('section',{staticClass:\"mt-3 pump__details__section_2\"},[(_vm.showLoader)?_c('div',{staticClass:\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\",staticStyle:{\"width\":\"100% !important\",\"height\":\"100%\"}},[_c('div',{class:_vm.showLoader ? 'loading' : null})]):_vm._e(),_vm._v(\" \"),(!_vm.showLoader)?_c('div',{staticClass:\"row add_driver_row record__expenses\"},[_c('div',{staticClass:\"col-md-12\",staticStyle:{\"padding-right\":\"0px\"}},[_c('div',{staticClass:\"drivers_list\"},[_c('div',{staticClass:\"product_summary__wrapper\",staticStyle:{\"padding\":\"1px\"}},[(_vm.approvalRequest)?_c('div',{staticClass:\"mt-4 ml-4\",staticStyle:{\"margin-bottom\":\"-30px\"}},[_c('p',[_c('span',{staticClass:\"mr-2 font-weight-bold\"},[_vm._v(\"Name:\")]),_vm._v(\"\\n                  \"+_vm._s(_vm.approvalRequest.orderBy)+\"\\n                \")]),_vm._v(\" \"),_c('p',[_c('span',{staticClass:\"mr-2 font-weight-bold\",staticStyle:{\"margin-top\":\"-50px\"}},[_vm._v(\"Quantity:\")]),_vm._v(\"\\n                  \"+_vm._s(_vm.approvalRequest && _vm.approvalRequest.quantity)+\"\\n                \")])]):_vm._e(),_vm._v(\" \"),(_vm.isAssign)?_c('div',[_c('div',{staticClass:\"mt-3 mx-auto form_input_section\",staticStyle:{\"width\":\"95%\"}},[_c('div',{staticClass:\"mt-3 input__block\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.customer),expression:\"customer\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.customer=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"null\",\"selected\":\"\",\"disabled\":\"\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.retainership.selectClient\"))+\"\\n                      \")]),_vm._v(\" \"),_vm._l((_vm.retainers),function(customer,index){return _c('option',{key:index,domProps:{\"value\":customer.clientId}},[_c('span',[_vm._v(\"\\n                          \"+_vm._s(customer.name)+\"\\n                        \")])])})],2)])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 mx-auto form_input_section\",staticStyle:{\"width\":\"95%\"}},[_c('div',{staticClass:\"mt-3 input__block\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.chargeMode),expression:\"chargeMode\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.chargeMode=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"selectChargeMode\",\"selected\":\"\",\"disabled\":\"\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.retainership.selectChargeMode\"))+\"\\n                      \")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.retainership.billClient\"))+\"\\n                      \")]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"1\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.retainership.dontBill\"))+\"\\n                      \")])])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"price_change_form_section mt-5\"},[_c('form',[_c('div',{staticClass:\"row mt-5 justify-content-center;\"},[_c('div',{staticClass:\"col-md-12\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.retainership.cardList\")))]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('div',{staticStyle:{\"padding\":\"5px\"},on:{\"click\":_vm.toggleBranchListDropdown}},[_c('vue-tags-input',{attrs:{\"tags\":_vm.tags},on:{\"tags-changed\":(newTags) => (_vm.tags = newTags)},model:{value:(_vm.tag),callback:function ($$v) {_vm.tag=$$v},expression:\"tag\"}})],1),_vm._v(\" \"),_c('div',{},[_c('div',{staticClass:\"search__wrapper\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-10\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchInp),expression:\"searchInp\"}],attrs:{\"type\":\"search\",\"placeholder\":_vm.$t('text.cUsers.createUser.search')},domProps:{\"value\":(_vm.searchInp)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchInp=$event.target.value}}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('i',{staticClass:\"fa fa-search\",staticStyle:{\"color\":\"#b6b6b6\"},attrs:{\"aria-hidden\":\"true\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-3\",staticStyle:{\"width\":\"100%\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{attrs:{\"classs\":\"\"}},[_c('b-form-checkbox',{staticClass:\"sec_text_color\",attrs:{\"id\":\"selectAll\"},model:{value:(_vm.selectAll),callback:function ($$v) {_vm.selectAll=$$v},expression:\"selectAll\"}},[_vm._v(\"\\n                                  \"+_vm._s(_vm.$t(\"text.retainership.selectAllCards\"))+\"\\n                                \")])],1)])]),_vm._v(\" \"),_c('div',{staticClass:\"row justify-content-center mt-3\",staticStyle:{\"width\":\"100%\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{},[_c('b-form-group',{attrs:{\"label\":\"\"},nativeOn:{\"click\":function($event){return _vm.toggleChckBox($event)}}},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.filteredList,\"name\":\"flavour-2a\",\"disabled\":_vm.disableCheckbox,\"stacked\":\"\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1)]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-group',{attrs:{\"label\":\"\"},nativeOn:{\"click\":function($event){return _vm.toggleChckBox($event)}}},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.filteredList2,\"name\":\"flavour-2a\",\"stacked\":\"\",\"disabled\":_vm.disableCheckbox},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-group',{attrs:{\"label\":\"\"},nativeOn:{\"click\":function($event){return _vm.toggleChckBox($event)}}},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.filteredList3,\"name\":\"flavour-2a\",\"stacked\":\"\",\"disabled\":_vm.disableCheckbox},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1)])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row align-items-center mt-5 justify-content-center update_price_btn_divs\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[(!_vm.isAssign)?_c('button',{staticClass:\"save__btn record_expense_btn mr-2 btn_primary_color\",staticStyle:{\"width\":\"100%\"},style:([\n                              _vm.isButtonDisabled\n                                ? { cursor: 'not-allowed' }\n                                : { cursor: 'pointer' },\n                            ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":_vm.approveRequest}},[_vm._v(\"\\n                            \"+_vm._s(_vm.$t(\"text.retainership.approveRequest\"))+\"\\n                            \"),_c('span',[_c('img',{staticClass:\"loader ml-2\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"25px\"}})])]):_vm._e(),_vm._v(\" \"),(_vm.isAssign)?_c('button',{staticClass:\"save__btn record_expense_btn mr-2 btn_primary_color\",staticStyle:{\"width\":\"100%\"},style:([\n                              _vm.isButtonDisabled\n                                ? { cursor: 'not-allowed' }\n                                : { cursor: 'pointer' },\n                            ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":_vm.assignCard}},[_vm._v(\"\\n                            \"+_vm._s(_vm.$t(\"text.retainership.assignCard\"))+\"\\n                            \"),_c('span',[_c('img',{staticClass:\"loader ml-2\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"25px\"}})])]):_vm._e()])])])])])])])])])]):_vm._e()])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\">\r\n        <div\r\n          class=\"py-4 fuel_consumption_row_right_section mr-3 pump__bg\"\r\n          style=\"border-radius: 12px; flex: 0 0 97%\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div\r\n            class=\"row align-items-center justify-content-center\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <div\r\n              class=\"col-md-12\"\r\n              style=\"display: flex; justify-content: center\"\r\n            >\r\n              <h4 class=\"text-center text-white\">\r\n                {{\r\n                  !isAssign\r\n                    ? $t(\"text.retainership.approveRequest\")\r\n                    : $t(\"text.retainership.assignCard\")\r\n                }}\r\n              </h4>\r\n            </div>\r\n          </div>\r\n          <div class=\"transaction_period_text text-center mt-5\"></div>\r\n        </div>\r\n      </div>\r\n      <section class=\"mt-3 pump__details__section_2\">\r\n        <!-- LOADER -->\r\n        <div\r\n          class=\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\"\r\n          style=\"width: 100% !important; height: 100%\"\r\n          v-if=\"showLoader\"\r\n        >\r\n          <div :class=\"showLoader ? 'loading' : null\"></div>\r\n        </div>\r\n        <!-- END LOADER -->\r\n\r\n        <div v-if=\"!showLoader\" class=\"row add_driver_row record__expenses\">\r\n          <div class=\"col-md-12\" style=\"padding-right: 0px\">\r\n            <div class=\"drivers_list\">\r\n              <div class=\"product_summary__wrapper\" style=\"padding: 1px\">\r\n                <!-- details of the client's request -->\r\n                <div\r\n                  class=\"mt-4 ml-4\"\r\n                  style=\"margin-bottom: -30px\"\r\n                  v-if=\"approvalRequest\"\r\n                >\r\n                  <p>\r\n                    <span class=\"mr-2 font-weight-bold\">Name:</span>\r\n                    {{ approvalRequest.orderBy }}\r\n                  </p>\r\n                  <p>\r\n                    <span\r\n                      class=\"mr-2 font-weight-bold\"\r\n                      style=\"margin-top: -50px\"\r\n                      >Quantity:</span\r\n                    >\r\n                    {{ approvalRequest && approvalRequest.quantity }}\r\n                  </p>\r\n                </div>\r\n                <!-- select a customer -->\r\n                <div v-if=\"isAssign\">\r\n                  <div\r\n                    style=\"width: 95%\"\r\n                    class=\"mt-3 mx-auto form_input_section\"\r\n                  >\r\n                    <div class=\"mt-3 input__block\">\r\n                      <select v-model=\"customer\">\r\n                        <option value=\"null\" selected disabled>\r\n                          {{ $t(\"text.retainership.selectClient\") }}\r\n                        </option>\r\n                        <option\r\n                          :value=\"customer.clientId\"\r\n                          v-for=\"(customer, index) in retainers\"\r\n                          :key=\"index\"\r\n                        >\r\n                          <span>\r\n                            {{ customer.name }}\r\n                          </span>\r\n                        </option>\r\n                      </select>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div\r\n                    style=\"width: 95%\"\r\n                    class=\"mt-3 mx-auto form_input_section\"\r\n                  >\r\n                    <div class=\"mt-3 input__block\">\r\n                      <select v-model=\"chargeMode\">\r\n                        <option value=\"selectChargeMode\" selected disabled>\r\n                          {{ $t(\"text.retainership.selectChargeMode\") }}\r\n                        </option>\r\n\r\n                        <option value=\"0\">\r\n                          {{ $t(\"text.retainership.billClient\") }}\r\n                        </option>\r\n\r\n                        <option value=\"1\">\r\n                          {{ $t(\"text.retainership.dontBill\") }}\r\n                        </option>\r\n                      </select>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"price_change_form_section mt-5\">\r\n                  <form>\r\n                    <div class=\"row mt-5 justify-content-center;\">\r\n                      <div class=\"col-md-12\">\r\n                        <label>{{ $t(\"text.retainership.cardList\") }}</label>\r\n                        <div class=\"price_change_input_wrapper\">\r\n                          <div\r\n                            @click=\"toggleBranchListDropdown\"\r\n                            style=\"padding: 5px\"\r\n                          >\r\n                            <vue-tags-input\r\n                              v-model=\"tag\"\r\n                              :tags=\"tags\"\r\n                              @tags-changed=\"(newTags) => (tags = newTags)\"\r\n                            />\r\n                          </div>\r\n\r\n                          <div class=\"\">\r\n                            <div class=\"search__wrapper\">\r\n                              <div class=\"row align-items-center\">\r\n                                <div class=\"col-md-10\">\r\n                                  <input\r\n                                    type=\"search\"\r\n                                    :placeholder=\"\r\n                                      $t('text.cUsers.createUser.search')\r\n                                    \"\r\n                                    v-model=\"searchInp\"\r\n                                  />\r\n                                </div>\r\n                                <div class=\"col-md-2\">\r\n                                  <i\r\n                                    class=\"fa fa-search\"\r\n                                    aria-hidden=\"true\"\r\n                                    style=\"color: #b6b6b6\"\r\n                                  ></i>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              class=\"row mt-3\"\r\n                              style=\"width: 100%; margin: 0 auto\"\r\n                            >\r\n                              <div class=\"col-md-4\">\r\n                                <div classs=\"\">\r\n                                  <b-form-checkbox\r\n                                    id=\"selectAll\"\r\n                                    v-model=\"selectAll\"\r\n                                    class=\"sec_text_color\"\r\n                                  >\r\n                                    {{ $t(\"text.retainership.selectAllCards\") }}\r\n                                  </b-form-checkbox>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div\r\n                              class=\"row justify-content-center mt-3\"\r\n                              style=\"width: 100%; margin: 0 auto\"\r\n                            >\r\n                              <div class=\"col-md-4\">\r\n                                <div class=\"\">\r\n                                  <b-form-group\r\n                                    label=\"\"\r\n                                    v-on:click.native=\"toggleChckBox($event)\"\r\n                                  >\r\n                                    <b-form-checkbox-group\r\n                                      v-model=\"selected\"\r\n                                      :options=\"filteredList\"\r\n                                      name=\"flavour-2a\"\r\n                                      :disabled=\"disableCheckbox\"\r\n                                      stacked\r\n                                    >\r\n                                    </b-form-checkbox-group>\r\n                                  </b-form-group>\r\n                                </div>\r\n                              </div>\r\n                              <div class=\"col-md-4\">\r\n                                <b-form-group\r\n                                  label=\"\"\r\n                                  v-on:click.native=\"toggleChckBox($event)\"\r\n                                >\r\n                                  <b-form-checkbox-group\r\n                                    v-model=\"selected\"\r\n                                    :options=\"filteredList2\"\r\n                                    name=\"flavour-2a\"\r\n                                    stacked\r\n                                    :disabled=\"disableCheckbox\"\r\n                                  >\r\n                                  </b-form-checkbox-group>\r\n                                </b-form-group>\r\n                              </div>\r\n                              <div class=\"col-md-4\">\r\n                                <b-form-group\r\n                                  label=\"\"\r\n                                  v-on:click.native=\"toggleChckBox($event)\"\r\n                                >\r\n                                  <b-form-checkbox-group\r\n                                    v-model=\"selected\"\r\n                                    :options=\"filteredList3\"\r\n                                    name=\"flavour-2a\"\r\n                                    stacked\r\n                                    :disabled=\"disableCheckbox\"\r\n                                  >\r\n                                  </b-form-checkbox-group>\r\n                                </b-form-group>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      class=\"row align-items-center mt-5 justify-content-center update_price_btn_divs\"\r\n                    >\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <div class=\"col-md-12\">\r\n                            <!-- approve request -->\r\n                            <button\r\n                              v-if=\"!isAssign\"\r\n                              class=\"save__btn record_expense_btn mr-2 btn_primary_color\"\r\n                              style=\"width: 100%\"\r\n                              @click=\"approveRequest\"\r\n                              :disabled=\"isButtonDisabled ? true : null\"\r\n                              :style=\"[\r\n                                isButtonDisabled\r\n                                  ? { cursor: 'not-allowed' }\r\n                                  : { cursor: 'pointer' },\r\n                              ]\"\r\n                            >\r\n                              {{ $t(\"text.retainership.approveRequest\") }}\r\n                              <span>\r\n                                <img\r\n                                  src=\"@/assets/img/git_loader.gif\"\r\n                                  style=\"display: none\"\r\n                                  width=\"25px\"\r\n                                  class=\"loader ml-2\"\r\n                                />\r\n                              </span>\r\n                            </button>\r\n                            <!--  -->\r\n\r\n                            <!-- assign cards directly to client -->\r\n                            <button\r\n                              v-if=\"isAssign\"\r\n                              class=\"save__btn record_expense_btn mr-2 btn_primary_color\"\r\n                              style=\"width: 100%\"\r\n                              @click=\"assignCard\"\r\n                              :disabled=\"isButtonDisabled ? true : null\"\r\n                              :style=\"[\r\n                                isButtonDisabled\r\n                                  ? { cursor: 'not-allowed' }\r\n                                  : { cursor: 'pointer' },\r\n                              ]\"\r\n                            >\r\n                              {{ $t(\"text.retainership.assignCard\") }}\r\n                              <span>\r\n                                <img\r\n                                  src=\"@/assets/img/git_loader.gif\"\r\n                                  style=\"display: none\"\r\n                                  width=\"25px\"\r\n                                  class=\"loader ml-2\"\r\n                                />\r\n                              </span>\r\n                            </button>\r\n                            <!--  -->\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </form>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/MobileWallet.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Retainership  :: Epump Portal\",\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\r\n    VueTagsInput,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      chargeMode: \"selectChargeMode\",\r\n      isAssign: this.$route.query.assign,\r\n      customer: null,\r\n      retainers: [],\r\n      numberOfCards: 0,\r\n      requestId: this.$route.query.requestId,\r\n      approvalRequest: null,\r\n      disableCheckbox: false,\r\n\r\n      usedLang: this.$store.getters.getLanguage,\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      selected: [],\r\n      date_theme: \"purple\",\r\n      priceVal: \"\",\r\n      options: [],\r\n      options2: [],\r\n      options3: [],\r\n      theme: \"#370F70\",\r\n      combinedOptions: [],\r\n      backgroundUrl,\r\n\r\n      token: null,\r\n      userInfo: JSON.parse(localStorage.getItem(\"userDetails\")),\r\n\r\n      tag: \"\",\r\n      tags: [],\r\n      company: null,\r\n      cardBackgroundUrl,\r\n      searchInp: \"\",\r\n      prodArray: [],\r\n      recentlyUpdated: [],\r\n      showUpdateModal: false,\r\n      price: \"\",\r\n      branches: [],\r\n      prodList: [],\r\n      showAll: false,\r\n      zone: this.$tc(\"text.priceManagement.selectZone\", 2),\r\n      product: this.$t(\"text.priceManagement.selectProductSmall\"),\r\n      showLoader: false,\r\n      isButtonDisabled: null,\r\n      activeTab: \"change_price\",\r\n      showBranchListDropDown: false,\r\n      startDate: this.$moment().subtract(7, \"days\").format(\"MMMM D, YYYY\"),\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(7, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      priceChangeLogLoader: false,\r\n      customShortcuts: [\r\n        { key: \"Today\", label: this.$t(\"text.calendar.today\"), value: \"day\" },\r\n        {\r\n          key: \"yesterday\",\r\n          label: this.$t(\"text.calendar.yesterday\"),\r\n          value: \"-day\",\r\n        },\r\n        {\r\n          key: \"last7Days\",\r\n          label: this.$t(\"text.calendar.last7Days\"),\r\n          value: 7,\r\n        },\r\n        {\r\n          key: \"lastWeek\",\r\n          label: this.$t(\"text.calendar.lastWeek\"),\r\n          value: \"-isoWeek\",\r\n        },\r\n        {\r\n          key: \"last30Days\",\r\n          label: this.$t(\"text.calendar.last30Days\"),\r\n          value: 30,\r\n        },\r\n        {\r\n          key: \"lastMonth\",\r\n          label: this.$t(\"text.calendar.lastMonth\"),\r\n          value: \"-month\",\r\n        },\r\n      ],\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n    if (this.$route.query.companyId) {\r\n      this.getCards();\r\n\r\n      if (this.isAssign) {\r\n        this.getRetainerships();\r\n      } else {\r\n        this.getCardRequests();\r\n      }\r\n      // this.getBranches();\r\n    }\r\n\r\n    this.getToday();\r\n\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n  },\r\n  mounted() {\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n    filteredList() {\r\n      const sortedList = [...this.options];\r\n\r\n      sortedList.sort((a, b) => {\r\n        return a.expiryDate > b.expiryDate ? 1 : -1;\r\n      });\r\n\r\n      return sortedList.filter((ch, i) => {\r\n        return ch.text.toLowerCase().includes(this.searchInp);\r\n      });\r\n    },\r\n    filteredList2() {\r\n      const sortedList = [...this.options2];\r\n      sortedList.sort((a, b) => {\r\n        return a.expiryDate > b.expiryDate ? 1 : -1;\r\n      });\r\n      return sortedList.filter((ch, i) => {\r\n        return ch.text.toLowerCase().includes(this.searchInp);\r\n      });\r\n    },\r\n    filteredList3() {\r\n      const sortedList = [...this.options3];\r\n      sortedList.sort((a, b) => {\r\n        return a.expiryDate > b.expiryDate ? 1 : -1;\r\n      });\r\n\r\n      return sortedList.filter((ch, i) => {\r\n        return ch.text.toLowerCase().includes(this.searchInp);\r\n      });\r\n    },\r\n    selectAll: {\r\n      get: function () {},\r\n      set: function (value) {\r\n        let combinedArray;\r\n        let selected = [];\r\n        let totalCards = [...this.options, ...this.options2, ...this.options3];\r\n\r\n        if (\r\n          this.approvalRequest &&\r\n          this.approvalRequest.quantity <= this.numberOfCards\r\n        ) {\r\n          combinedArray = totalCards.splice(0, this.approvalRequest.quantity);\r\n        } else {\r\n          combinedArray = totalCards;\r\n        }\r\n\r\n        if (!value) {\r\n          this.selected = selected;\r\n          this.tags = selected;\r\n          return;\r\n        }\r\n        if (value) {\r\n          combinedArray.forEach(function (opt) {\r\n            selected.push(opt.value);\r\n          });\r\n          this.selected = selected;\r\n          this.tags = selected;\r\n        }\r\n      },\r\n    },\r\n    userDetails: {\r\n      get() {\r\n        const user = localStorage.getItem(\"userDetails\")\r\n          ? JSON.parse(localStorage.getItem(\"userDetails\"))\r\n          : null;\r\n\r\n        if (user) {\r\n          if (!user.roles) {\r\n            if (user.role) {\r\n              user.roles = user.role.split(\",\");\r\n              localStorage.setItem(\"userDetails\", JSON.stringify(user));\r\n            }\r\n          }\r\n        }\r\n        return user;\r\n      },\r\n      set(value) {},\r\n    },\r\n  },\r\n  watch: {\r\n    // searchInp(text) {\r\n    //   if (text !== null) {\r\n\r\n    //     setTimeout(() => {\r\n    //       this.getCards();\r\n    //     }, 500);\r\n    //   }\r\n    // },\r\n    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.getPriceLog();\r\n      }\r\n    },\r\n    company(company) {\r\n      if (company !== null) {\r\n        this.getCards();\r\n\r\n        if (this.isAssign) {\r\n          this.getRetainerships();\r\n        } else {\r\n          this.getCardRequests();\r\n        }\r\n      }\r\n    },\r\n    tags: function (newTags, oldTags) {\r\n      let newSelectedArray = [];\r\n\r\n      if (newTags.length === oldTags.length) {\r\n        newTags.forEach((tg) => {\r\n          newSelectedArray.push(tg);\r\n        });\r\n        this.selected = newSelectedArray;\r\n      } else {\r\n        newTags.forEach((tg) => {\r\n          newSelectedArray.push(tg.text);\r\n        });\r\n      }\r\n      if (\r\n        this.approvalRequest &&\r\n        this.approvalRequest.quantity <= newSelectedArray.length\r\n      ) {\r\n        this.disableCheckbox = true;\r\n      } else {\r\n        this.disableCheckbox = false;\r\n      }\r\n    },\r\n    value: function () {\r\n      if (this.value !== \"\") {\r\n        this.$refs.date_label.style.display = \"none\";\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    //Requests\r\n\r\n    // get registered retainership companies\r\n    getRetainerships() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/Clients/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n\r\n          this.retainers = response.data.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    //asign cards to client directly\r\n    assignCard(e) {\r\n      e.preventDefault();\r\n\r\n      let companyID;\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n\r\n      //changing content type\r\n      const config = configObject.authConfig({ isRemis: true });\r\n      config.headers[\"Content-Type\"] = \"application/json\";\r\n\r\n      if (!this.customer) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.retainership.selectClient\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (!this.chargeMode || this.chargeMode === \"selectChargeMode\") {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.retainership.selectChargeMode\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      let data = {\r\n        clientId: this.customer,\r\n        cards: this.tags,\r\n        chargeMode: Number(this.chargeMode),\r\n      };\r\n      $(\".loader\").show();\r\n      this.isButtonDisabled = true;\r\n\r\n      this.axios\r\n        .post(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/addClientCard/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          data,\r\n          config\r\n        )\r\n        .then((response) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.retainership.assignedSuccess\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.getCards();\r\n          this.tags = [];\r\n          // this.$eventHub.$emit(\"getRetainerships\");\r\n        })\r\n        .catch((error) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n\r\n          console.log(error);\r\n        });\r\n    },\r\n\r\n    //approve request\r\n    approveRequest(e) {\r\n      e.preventDefault();\r\n    \r\n      let companyID;\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n\r\n      //changing content type\r\n      const config = configObject.authConfig({ isRemis: true });\r\n      config.headers[\"Content-Type\"] = \"application/json\";\r\n\r\n      let data = {\r\n        requestId: this.requestId,\r\n        cards: this.tags,\r\n      };\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .post(\r\n          `${\r\n            configObject.remisBaseUrl\r\n          }/D/Retainership/Customer/ProcessCardRequest/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          data,\r\n          config\r\n        )\r\n        .then((response) => {\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n          this.$toast.open({\r\n            message: this.$t(\"text.retainership.assignedSuccess\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n\r\n          this.$router.push({\r\n            name: \"card-request\",\r\n            query: {\r\n              companyId: this.$route.query.companyId,\r\n            },\r\n          });\r\n\r\n          this.$eventHub.$emit(\"getRetainerships\");\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n          $(\".loader\").hide();\r\n\r\n          let customError;\r\n          if (error.response) {\r\n            customError = error.response.data.message;\r\n          } else {\r\n            customError = error.message;\r\n          }\r\n          this.$toast.open({\r\n            message: customError,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n\r\n          console.log(error);\r\n        });\r\n    },\r\n\r\n    //get card requests\r\n    getCardRequests() {\r\n      if (localStorage.getItem(\"companyDetails\") !== null) {\r\n        companyID = JSON.parse(localStorage.getItem(\"companyDetails\")).id;\r\n      }\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/CardRequests/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          response.data.data.forEach((request) => {\r\n            request.orderDate = this.$moment(request.orderDate).format(\r\n              \"YYYY/MM/DD\"\r\n            );\r\n          });\r\n\r\n          this.approvalRequest = response.data.data.filter((request) => {\r\n            return request.id === this.requestId;\r\n          })[0];\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n\r\n          console.log(error.response);\r\n        });\r\n    },\r\n\r\n    //get cards\r\n    getCards() {\r\n      // this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.remisBaseUrl}/D/Retainership/Customer/Cards/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          // ?query=${this.searchInp}\r\n          configObject.authConfig({ isRemis: true })\r\n        )\r\n        .then((response) => {\r\n          if (response.data.data.cards) {\r\n            this.unissuedCards = response.data.data.cards.filter((card) => {\r\n              return !card.clientId;\r\n            });\r\n            this.issuedCards = response.data.data.cards.filter((card) => {\r\n              return card.clientId;\r\n            }).length;\r\n          }\r\n          this.unissuedCards.sort((a, b) => {\r\n            return a.expiryDate > b.expiryDate ? 1 : -1;\r\n          });\r\n\r\n          this.numberOfCards = this.unissuedCards.length;\r\n\r\n          this.unissuedCards.forEach((el) => {\r\n            el.text = el.cardNumber;\r\n            el.value = el.cardNumber;\r\n          });\r\n\r\n          let copiedResponse = [...this.unissuedCards];\r\n          let options = [];\r\n          let options2 = [];\r\n          let options3 = [];\r\n\r\n          copiedResponse.forEach((el, index) => {\r\n            let dataLengthFirstOneThird = parseInt(copiedResponse.length / 3);\r\n\r\n            if (index <= dataLengthFirstOneThird) {\r\n              options.push(el);\r\n            }\r\n          });\r\n\r\n          let twoThirdOfArr = copiedResponse.splice(\r\n            copiedResponse.length / 3 + 1,\r\n            copiedResponse.length - 1\r\n          );\r\n\r\n          twoThirdOfArr.forEach((br, index) => {\r\n            let dataHalfList = parseInt(twoThirdOfArr.length / 2);\r\n            if (index <= dataHalfList) {\r\n              options2.push(br);\r\n            } else {\r\n              options3.push(br);\r\n            }\r\n          });\r\n\r\n          this.combinedOptions = [...options, ...options2, ...options3];\r\n\r\n          this.options = options;\r\n          this.options2 = options2;\r\n          this.options3 = options3;\r\n\r\n          this.totalCards = response.data.data.length;\r\n\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n\r\n          this.$toast.open({\r\n            message: error.response.data.title,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n\r\n    //utilities\r\n\r\n    sortComparer(reference, comparer) {\r\n      reference = this.$moment(reference, \"DD/MM/YYYY\").format();\r\n      comparer = this.$moment(comparer, \"DD/MM/YYYY\").format();\r\n      if (reference < comparer) {\r\n        return -1;\r\n      } else if (reference > comparer) {\r\n        return 1;\r\n      } else {\r\n        return 0;\r\n      }\r\n    },\r\n    sortComparer2(reference, comparer) {\r\n      reference = this.revertNumber(reference);\r\n      comparer = this.revertNumber(comparer);\r\n      return reference - comparer;\r\n    },\r\n    excelQueryCellInfo(args) {\r\n      if (\r\n        args.column.field == \"currentPrice\" ||\r\n        args.column.field == \"previousPrice\"\r\n      ) {\r\n        args.value = this.revertNumber(args.value);\r\n      }\r\n    },\r\n    checkViewOnly() {\r\n      this.isButtonDisabled = this.$store.getters.getViewOnly;\r\n    },\r\n\r\n    rowDataBound: function (args) {\r\n      if (args.data[\"priceChanged\"] === true) {\r\n        args.row.cells[3].style.color = \"red\";\r\n      }\r\n      if (args.data[\"priceChanged\"] === false) {\r\n        args.row.cells[3].style.color = \"green\";\r\n      }\r\n    },\r\n    hideButton($event) {\r\n      $event.preventDefault();\r\n      $event.target.style.display = \"none\";\r\n      this.$refs.update_later_div.style.display = \"block\";\r\n    },\r\n\r\n    toggleChSelectAllBox($event) {\r\n      if ($event.target.checked) {\r\n        $event.target.checked = false;\r\n      } else {\r\n        $event.target.checked = true;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    toggleShowAll(event) {\r\n      this.activeTab = \"price_change_log\";\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    activateTab(tab) {\r\n      this.activeTab = tab;\r\n      if (this.activateTab === \"price_change_log\") {\r\n        this.getPriceLog();\r\n      }\r\n    },\r\n    toggleChckBox($event) {\r\n      if (!this.disableCheckbox) {\r\n        if ($event.target.checked) {\r\n          if (!this.tags.includes($event.target.value)) {\r\n            this.tags.push($event.target.value);\r\n            const getIndex = this.selected.indexOf($event.target.value);\r\n            if (getIndex === -1) {\r\n              this.selected.push($event.target.value);\r\n            } else {\r\n              this.selected.splice(getIndex, 1);\r\n            }\r\n          }\r\n        } else {\r\n          if (this.tags.includes($event.target.value)) {\r\n            const getIndex = this.tags.indexOf($event.target.value);\r\n            this.tags.splice(getIndex, 1);\r\n          }\r\n        }\r\n      }\r\n    },\r\n    getToday() {\r\n      let d = new Date(),\r\n        month = \"\" + (d.getMonth() + 1),\r\n        day = \"\" + d.getDate(),\r\n        year = d.getFullYear();\r\n\r\n      if (month.length < 2) month = \"0\" + month;\r\n      if (day.length < 2) day = \"0\" + day;\r\n\r\n      var hours = d.getHours();\r\n      var minutes = d.getMinutes();\r\n      var ampm = hours >= 12 ? \"pm\" : \"am\";\r\n      hours = hours % 12;\r\n      hours = hours ? hours : 12; // the hour '0' should be '12'\r\n      minutes = minutes < 10 ? \"0\" + minutes : minutes;\r\n      hours = hours < 10 ? \"0\" + hours : hours;\r\n      var strTime = hours + \":\" + minutes + \" \" + ampm;\r\n      // var strTime = hours + ':' + minutes;\r\n\r\n      let todaysDate = [year, month, day].join(\"-\") + \" \" + strTime;\r\n      this.schedulePriceChangeDate = todaysDate;\r\n    },\r\n    showModal($event, period) {\r\n      $event.preventDefault();\r\n      if (this.product === this.$t(\"text.priceManagement.selectProductSmall\")) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.productMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.priceVal) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.priceFieldMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (this.priceVal <= 0) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.invalidPrice\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (this.selected.length < 1) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.priceManagement.selectBranch\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      this.datePeriod = period;\r\n      this.showUpdateModal = true;\r\n      if (this.userDetails.roles.includes(\"SupportAdmin\")) {\r\n        this.sendTokenMail();\r\n      }\r\n    },\r\n\r\n    hidePriceSheduleDiv() {\r\n      this.$refs.update_later_div.style.display = \"none\";\r\n      this.$refs.update_later_btn_1.style.display = \"block\";\r\n    },\r\n\r\n    getBranches() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/Branches/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.showLoader = false;\r\n          let copiedResponse = [...response.data];\r\n          let options = [];\r\n          let options2 = [];\r\n          let options3 = [];\r\n          copiedResponse.forEach((br, index) => {\r\n            let dataLengthFirstOneThird = copiedResponse.length / 3;\r\n            if (index <= dataLengthFirstOneThird) {\r\n              options.push(br);\r\n            }\r\n          });\r\n          let twoThirdOfArr = copiedResponse.splice(\r\n            copiedResponse.length / 3 + 1,\r\n            copiedResponse.length - 1\r\n          );\r\n          twoThirdOfArr.forEach((br, index) => {\r\n            let dataHalfList = parseInt(twoThirdOfArr.length / 2);\r\n            if (index <= dataHalfList) {\r\n              options2.push(br);\r\n            } else {\r\n              options3.push(br);\r\n            }\r\n          });\r\n\r\n          this.combinedOptions = [...options, ...options2, ...options3];\r\n          let index = 0;\r\n          response.data.sort((a, b) => {\r\n            if (a.dealerName === b.dealerName) {\r\n              return a.name > b.name ? 1 : -1;\r\n            }\r\n            return a.dealerName > b.dealerName ? 1 : -1;\r\n          });\r\n          response.data.forEach((branch) => {\r\n            index++;\r\n            branch.index = index;\r\n            branch.text = branch.name;\r\n            branch.value = branch.name.toLowerCase();\r\n          });\r\n          this.options = options;\r\n          this.options2 = options2;\r\n          this.options3 = options3;\r\n\r\n          this.options.sort((a, b) => {\r\n            if (a.dealerName === b.dealerName) {\r\n              return a.text > b.text ? 1 : -1;\r\n            }\r\n            return a.dealerName > b.dealerName ? 1 : -1;\r\n          });\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    convertThousand(request) {\r\n      if (request === null || request === \"null\") {\r\n        return \"0.00\";\r\n      }\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n    getZones() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Zones/Company/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n          });\r\n          response.data.forEach((zone, index) => {\r\n            zone.index = index + 1;\r\n            const moment = zone.date\r\n              .split(\"T\")[0]\r\n              .split(\"-\")\r\n              .reverse()\r\n              .join(\"-\");\r\n            zone.date = this.$moment(moment, \"DD-MM-YYYY\").format(\r\n              \"D MMMM, YYYY\"\r\n            );\r\n          });\r\n          this.showLoader = false;\r\n          this.zones = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    getPriceLog() {\r\n      this.showLoader = true;\r\n      this.priceChangeLogLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/PriceChangeLog/${\r\n            this.$route.query.companyId\r\n              ? this.$route.query.companyId\r\n              : this.company.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.priceChangeLogLoader = false;\r\n          response.data.sort((a, b) => {\r\n            return a.name > b.companyName ? 1 : -1;\r\n          });\r\n          response.data.sort((a, b) => {\r\n            return a.product > b.product ? 1 : -1;\r\n          });\r\n          response.data.forEach((x, index) => {\r\n            x.index = index + 1;\r\n            x.date = this.$moment(x.date).format(\"MMMM Do YYYY, h:mma\");\r\n            x.currentPrice = this.convertThousand(x.currentPrice);\r\n            x.previousPrice = this.convertThousand(x.previousPrice);\r\n          });\r\n          this.showLoader = false;\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: response.data,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {\r\n          this.priceChangeLogLoader = false;\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    toggleBranchListDropdown() {\r\n      this.showBranchListDropDown = !this.showBranchListDropDown;\r\n    },\r\n    revertNumber(number) {\r\n      return Number(number.replace(/[^0-9.]+/g, \"\"));\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n@keyframes flicker {\r\n  0%,\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n}\r\n.flicker-text {\r\n  animation: flicker 3s infinite;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./approveCardRequest.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./approveCardRequest.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./approveCardRequest.vue?vue&type=template&id=3edb0668&scoped=true&\"\nimport script from \"./approveCardRequest.vue?vue&type=script&lang=js&\"\nexport * from \"./approveCardRequest.vue?vue&type=script&lang=js&\"\nimport style0 from \"./approveCardRequest.vue?vue&type=style&index=0&id=3edb0668&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3edb0668\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./approveCardRequest.vue?vue&type=style&index=0&id=3edb0668&prod&scoped=true&lang=css&\""],"sourceRoot":""}