{"version":3,"sources":["webpack:///./src/module/Home/components/CounterBox.vue?4b87","webpack:///src/module/Home/components/CounterBox.vue","webpack:///./src/module/Home/components/CounterBox.vue?48d3","webpack:///./src/module/Home/components/CounterBox.vue","webpack:///./src/module/Home/DashboardV2.vue?4f5b","webpack:///./src/module/Home/components/MerchantSetup.vue?2893","webpack:///./src/module/Home/components/DashboardContainer.vue?587b","webpack:///./node_modules/core-js/modules/_object-to-array.js","webpack:///./src/module/Home/components/RankItem.vue?5a82","webpack:///src/module/Home/components/RankItem.vue","webpack:///./src/module/Home/components/RankItem.vue?139a","webpack:///./src/module/Home/components/RankItem.vue","webpack:///./src/module/Home/components/CounterBox.vue?c3d7","webpack:///./src/core/Dashboard/BzbsDashboard.js","webpack:///./src/module/Home/components/DashboardContainer.vue?479a","webpack:///./src/module/Home/components/RankContainer.vue?1599","webpack:///./node_modules/core-js/modules/es7.object.values.js","webpack:///./src/module/Home/components/RankItem.vue?eec6","webpack:///./src/module/Home/DashboardV2.vue?8a7d","webpack:///./src/module/Home/components/MerchantSetup.vue?d2c2","webpack:///src/module/Home/components/MerchantSetup.vue","webpack:///./src/module/Home/components/MerchantSetup.vue?3d2e","webpack:///./src/module/Home/components/MerchantSetup.vue","webpack:///./src/module/Home/components/DashboardContainer.vue?94d9","webpack:///src/module/Home/components/DashboardContainer.vue","webpack:///./src/module/Home/components/DashboardContainer.vue?4fcf","webpack:///./src/module/Home/components/DashboardContainer.vue","webpack:///./src/module/Home/components/RankContainer.vue?385c","webpack:///./src/module/Home/components/RankItemContainer.vue?87bd","webpack:///src/module/Home/components/RankItemContainer.vue","webpack:///./src/module/Home/components/RankItemContainer.vue?0254","webpack:///./src/module/Home/components/RankItemContainer.vue","webpack:///src/module/Home/components/RankContainer.vue","webpack:///./src/module/Home/components/RankContainer.vue?4510","webpack:///./src/module/Home/components/RankContainer.vue","webpack:///src/module/Home/DashboardV2.vue","webpack:///./src/module/Home/DashboardV2.vue?a75d","webpack:///./src/module/Home/DashboardV2.vue","webpack:///./src/module/Home/components/RankItemContainer.vue?c600"],"names":["render","_vm","this","_h","$createElement","_c","_self","$router","currentRoute","path","open","staticClass","class","customclass","_l","Object","values","data","i","key","title","slot","_v","_s","info","attrs","getImage","icon","value","toLocaleString","et","_e","staticRenderFns","name","props","type","onLoading","startTimestamp","num","mixins","mounted","methods","trickerCounter","counterAnim","window","step","component","DESCRIPTORS","getKeys","toIObject","isEnum","f","module","exports","isEntries","it","O","keys","length","result","call","push","warp","details","rank","showImg","img","badge","checkBadge","text","lbl","id","adon","show","parseInt","subfix","rotate","ref","components","CounterBox","watch","handler","deep","KEY_COOKIE_USER","config","Vue","bzbsConfig","token","Cache","get","Token","appId","AppId","agency_id","$cookies","AgencyId","getBanner","params","agencyId","strUrl","bzbsModuleUrl","BzbsApi","connectBzbsGet","getSummaryDashboard","getMemberChart","startDate","startdate","endDate","enddate","filter","getGenderChart","getAgeChart","getActiveMemberChart","getAverageDashboard","getPointChart","getRewardRedemtionRank","getBranchRank","redeemDate","$export","$values","S","merchantSetupList","MerchantSetupLoading","businessName","currentDate","counterItem","CounterBoxMainLoading","on","$event","onChangeMainChart","scopedSlots","_u","fn","onChangeModal","mapExportData","proxy","memberSeriesState","memberOptions","memberSeries","genderSeries","genderOptions","ageSeries","ageOptions","exportActiveUser","activeMemberSeries","activeMemberOptions","activeMember","CounterBoxActiveMemberLoading","onChangePointChart","exportPointChart","pointSeriesState","pointOption","pointSeries","rankListData","expirePackage","isOpenModal","modalType","showbackto","backto","confirm","onConfirm","onCancel","welcomeBack","packageChanged","lifeTime","payment","imgHistory","imgCurrent","onView","notificationAccountSetting","passNotify","announcement2","onCloseAnnoucement","showModalInsights","dataInsights","showModalTransactions","dataTransactions","showAlertUpgradepackage","alertUpgradeTitle","actionUpgrade","internalPage","pageName","disabledDate","ranges","onChange","onOk","model","callback","$$v","date","expression","dateFormat","_t","Account","rankitem","gotoquerystring","page","RankItem","created","RankItemContainer","Header","MerchantSetup","DashboardContainer","RankContainer","Insights","TransactionsEDC","CookieAccept","WelcomeBack","ExpirePackage","PackageChanged","Notification","AnnouncementCarousel","alertUpgradePackage","mainChartData","pointChartData","PointRatio","ActiveReward","FriendGetFriendCount","BranchCount","TotalUser","PointIssuer","AveragePointOnHand","AverageTicketSize","TotalSale","ExtraRevenue","AverageActiveMember","AverageUniqueRedeemUser","AverageUniqueEarnedUser","getlist","chart","stacked","animations","enabled","easing","speed","animateGradually","delay","dynamicAnimation","background","fontFamily","foreColor","colors","xaxis","categories","legend","position","labels","plotOptions","bar","horizontal","height","stroke","width","dataLabels","enabledOnSeries","yaxis","opposite","activeUserData","computed","onChangeDate","BzbsDashboard","then","catch","getSummaryData","item","unix","format","res","sort","forEach","newUserSeries","existingUserSeries","genderChartData","series","ageChartData","activememberChartData","member","ActiveDate","UserId","earnSeries","burnSeries","redemtionRank","branchRank","exportFile","XLSX","beforeinit","configSelfOnBoard","parse","query","changepackage","returnPath","init","localStorage","setTimeout","imgHistoryId","PackageHelper","imgCurrentId","close","handleViewPaymentDetails","return_url","success_url","IsStandardPackage","BzbsCart","gotoSelectPackage","apiAcknowledgePackageChange","BzbsPackage","resolve","reject","checkPackageChange","isChangePackage","timestamp","getNonStandardPackage","passExpirePackage","onCloseAnnouncement","checkSetupLineConnect","getBlobAnnouncement","BzbsAnnouncement","onCancelAnnouncement","passAnnouncement"],"mappings":"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qE,IAAI,6BAA+B,KAAK,OAAOrE,EAAI8B,MAAM,IACpyC,EAAkB,G,YCkDP,GACfE,qBACA6C,YACAuH,iBAEAnK,OACAjB,MACAkB,cAGAlB,gBACA,OACAsK,qBACAM,yCAGAtJ,gBACA+J,mBACA,6CAEA7J,SACA2B,uBACA,oCAMA+H,8BACA,0CACA,aAAAlL,UAEAuK,oBACAS,4BACA,YACA,0CACA,yBACA,4BACA,sBACA,aAEA,8BAEAR,kBAGAH,yBACA,kCClGyX,ICQrX,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCVA,GACfrJ,qBACA6C,YACAyH,qBAEArK,OACAjB,MACAkB,aAGAlB,gBACA,UAGAsB,gBACAE,YCxBqX,ICQjX,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,soBCmRA,QACfR,iBACA6C,YACA0H,cACAC,gBACA1H,kBACA2H,qBACAC,gBACAC,gBACAC,uBACAC,oBACAC,mBACAC,qBACAC,sBACAC,oBACAC,4BACAC,4BAEA7K,gBACAtB,gBACA,OACAiJ,aACA9I,SACA2C,WACAkG,cACAN,gBAEAc,4BACArJ,SACA2C,WACA6F,aACAE,UACAC,WACAC,eACAC,cACAN,gBAEAD,eACAtI,SACA2C,WACA6F,aACAE,UACAC,WACAF,cACAG,eACAC,cACAN,gBAEAQ,gBACA/I,SACA2C,WACAqG,YACAC,WACAC,gBACAC,gBACAN,cACAO,YACAb,gBAEAgB,eACA1J,QACAgJ,cACAN,gBAEAkB,qBACAC,gBACAC,yBACAC,oBACAqC,iBACAC,kBACA7F,mBACA8F,YACAnM,qBACAI,mDACAI,YAEA4L,cACApM,uBACAI,wCACAI,YAEA6L,sBACArM,4BACAI,yEACAI,YAEA8L,aAAAtM,qBAAAI,QAAAI,UAEAiG,aACA8F,WACAhM,mBACAP,qBACAQ,WACAE,YACAlB,cACAY,6EAEAoM,aACAjM,YACAP,0BACAQ,WACAE,YACAlB,cACAY,kDAEAqM,oBACAlM,mBACAP,kCACAQ,WACAE,YACAlB,SACAY,+CAEAsM,mBACAnM,cACAP,yBACAQ,WACAE,UACAlB,SACAY,6CAEAuM,WACApM,iBACAP,oBACAQ,WACAE,UACAlB,SACAY,uDAEAwM,cACArM,YACAP,oCACAQ,WACAE,UACAlB,SACAY,iGAGA0H,cACA+E,qBACAtM,mBACAP,8BACAQ,WACAE,YACAlB,UAEAkN,mBACAnM,YACAP,4BACAQ,WACAE,SACAlB,UAEAsN,yBACAvM,mBACAP,qCACAQ,WACAE,YACAlB,UAEAuN,yBACAxM,cACAP,yCACAQ,WACAE,YACAlB,WAGA6I,cACA,CACA9H,cACAyK,kBACAhL,+BACAgN,oCACAnN,SAEA,CACAU,cACAyK,oBACAhL,kCACAgN,2BACAnN,UAGAwH,eACA4F,OACA9J,wBACA+J,WACAC,YACAC,WACAC,mBACAC,UACAC,kBACAH,WACAI,WAEAC,kBACAL,WACAE,YAGAI,kBACAC,WACA,0DACAC,kBAEAC,6BACAC,OACAC,eAEAC,QACAC,iBAGA3G,gBACAE,eACAyF,OACA9J,wBACAgK,YACAC,WACAC,mBACAC,UACAC,kBACAH,WACAI,WAEAC,kBACAL,WACAE,YAGAI,kBACAC,WACA,0DACAC,kBAEAM,WAEA3G,gBACAG,YACAuF,OACA9J,qBACAgK,YACAC,WACAC,mBACAC,UACAC,kBACAH,WACAI,WAEAC,kBACAL,WACAE,YAGAI,kBACAC,WACA,0DACAC,kBAEAO,aACAC,KACAC,gBAGAR,6BACAC,OACAC,eAEAC,QACAC,iBAGAxG,WACA,CACA5G,QACAhB,UAGAkI,iCACArB,yBACAJ,wBACAuB,qBACAoF,OACA9J,8BACA+J,WACAC,YACAC,WACAC,mBACAC,UACAC,kBACAH,WACAI,WAEAC,kBACAL,WACAE,YAGAI,kBACAC,WACA,0DACAC,kBAEAC,6BACAC,OACAC,eAEAC,QACAC,iBAGArG,qBAAA/G,QAAAhB,UACAsI,aACA8E,OACAqB,WACAvN,aAEAiN,QACAC,gBAEAM,QACAC,aAEAC,YACArB,WACAsB,qBAEAR,UAIAS,OACA,CACA3O,OACAiD,cAGA,CACA2L,YACA5O,OACAiD,gBAKAmF,aACA,CACAvH,YACAE,cACAlB,SAEA,CACAgB,YACAE,YACAlB,UAGAgK,2BACAC,qBACAC,eACAC,gBACAC,sBAEA1D,gBACAsI,oBAGAC,UACAtI,uBACA,2CAEAY,6BACA,2BACA,8DAKAc,4BACA,0BACA,8DAMAgD,mBACA,wBACAiB,YACAnM,wCACAI,4CACAI,YAEA4L,cACApM,0CACAI,8CACAI,YAEA6L,sBACArM,gCACAI,oCACAI,YAEA8L,aACAtM,wCACAI,4CACAI,aAGA,kBACA+L,WACAhM,mBACAP,yCACAQ,WACAE,qCACAN,6CACAZ,eAEAgN,aACAjM,YACAP,8CACAQ,WACAE,YACAN,kDACAZ,eAEAiN,oBACAlM,mBACAP,8CACAQ,WACAE,YACAN,kDACAZ,UAEAkN,mBACAnM,cACAP,4CACAQ,WACAE,UACAN,gDACAZ,UAEAmN,WACApM,iBACAP,wCACAQ,WACAE,UACAN,4CACAZ,UAEAoN,cACArM,YACAP,wDACAQ,WACAE,UACAN,4DACAZ,WAGA,mBACAqN,qBACAtM,mBACAP,8CACAI,kDACAI,WACAE,qCACAlB,UAEAkN,mBACAnM,YACAP,4CACAI,gDACAI,WACAE,+BACAlB,UAEAsN,yBACAvM,mBACAP,qDACAI,yDACAI,WACAE,qCACAlB,UAEAuN,yBACAxM,cACAP,yDACAI,6DACAI,WACAE,qCACAlB,WAGA,mBACA,CACAe,cACAyK,kBACAhL,mDACAI,uDACA4M,oCACAnN,SAEA,CACAU,cACAyK,oBACAhL,0DACAI,8DACA4M,2BACAnN,UAGA,iBACA,2BACA,mBACAyF,kDACAE,oCAEA,sBACA,sBACA,mBACA,4BACA,2BACA,qBAEA,mBAEAnE,SACA4F,4BACA,MACAlG,mDACA8J,4BACA,YACA9J,uBACA,+BACA,qBACA,WACA,YAEA,mDACA,gCACA,uBACAA,2BACA,wDACA,oDACA,oBACAiJ,gBACAC,qBAGA,WAGA8E,2BACA,SACAzJ,oCACAE,oCAGAZ,qBAAA,WACA,6BACAoK,mBACAC,kBACA,mBACA,kBACAtP,sDACA,qCAUA,6BAEAuP,mBACA,8BAIA/J,+BAAA,WACA,8BACA6J,6BACAC,kBACA,MACA,gBACAE,cACAxP,gDACA,+BAEA,wCACA,mBAEAA,gDACA,8BAEA,wCACA,kBAEA,8BAEAuP,mBAEAvP,gDACA,8BAEA,wCACA,iBACA,+BAGAqI,+BACA,uBAEAnB,8BACA,mBACAvB,oCACAE,mCAEA,uBACA,uBACA,oBACA,8BAEAJ,0BAAA,qGACA4J,uBACA1J,oCACAE,kCACAC,kBAEAwJ,kBACA,SACA,KACA,KACA,4CACA,qDACAG,mBACAC,qBACAC,wBAEAC,YACAC,oBAAA,wCACAC,qBACA1B,uBACA2B,kBACAC,0BAEA,gBACA,CACA9O,kBACAhB,QAEA,CACAgB,uBACAhB,SAGA,sBACA,iBACAiO,OAAAC,mBAGAmB,wBAIAxJ,0BAAA,qGACAsJ,uBACA1J,oCACAE,kCACAC,kBAEAwJ,kBACA,4CACA,kBACA,KACA,KACAW,uBACAC,uBACA3B,oBAEA,4BACA,uCAAAA,cAEAgB,wBAIAvJ,uBAAA,qGACAqJ,oBACA1J,oCACAE,kCACAC,kBAEAwJ,kBACA,yCACA,SACAM,YACAC,oBAAA,+CACAC,qBACA,cACAK,cACAA,6BAEAA,gCAGA,OAAAjP,YAAAhB,SACA,KACAF,oCACAkQ,kBACA3B,aAEA,gBACA,mBACA,cACAJ,OAAAC,mBAGAmB,wBAIAtJ,gCAAA,qGACA,sCACAoJ,6BACA1J,oCACAE,kCACAC,kBAEAwJ,kBACA,MACA,EACA,KAEA,mBACAc,qBACAR,+BACA,sCACAA,+BACAM,GAAAhP,YAAAhB,SACAqO,KACA6B,0CACAF,kCACA3B,mEAEA,yBACA,4BACA,uBACAJ,OAAAC,gBAEA,IACA,iBACAgC,0CAAA,OACAC,qCAAA,OACAC,wBACAC,uBAGA,SACA,0BAGAvQ,iDACA,+BAKA,mCACA,mDAGAuP,mBAEAvP,iDACA,+BAEA,mCACA,oDAGAkG,+BAAA,qGACA,sCACAmJ,4BACA1J,oCACAE,kCACAC,kBAEAwJ,kBACA,MACA,gBACAc,cACApQ,oCACA,oCAGAA,iDACA,+BAGA,mCAEA,mDAGAuP,mBAEAvP,iDACA,+BAEA,mCAEA,oDAGAgI,4BACAkD,4BACA,YACA,iBACA,eACA,YAEA,mDAEA/E,yBAAA,qGACAkJ,sBACA1J,oCACAE,kCACAC,iBAEAwJ,kBACA,yEACA,OACApO,YACAE,cACAlB,SAEA,GACAgB,YACAE,YACAlB,SAEA,KACA,sCACAsQ,4BACAC,2BACAlC,oDAEA,oBACA,mCAAAA,cAEAgB,wBAIAnJ,kCAAA,qGACAiJ,+BACA1J,oCACAE,oCAEAyJ,kBACA,6BACA,0BACAoB,yBACA,6BACAzN,SACAE,iBACAD,WACAE,yCACAE,oBACAE,gBACAC,MACA,CACArD,eACAkD,iCACAzC,+BAEA,CACAT,eACAkD,wDACAzC,8BACA+C,wCAEA,CACAxD,WACAkD,kCACAzC,sBACA+C,+BAKA,oBAEA2L,wBAIAlJ,yBAAA,qGACAgJ,sBACA1J,oCACAE,oCAEAyJ,kBACA,6BACA,0BACAqB,yBACA,6BACA1N,SACAE,OACAD,WACAE,SACAE,kBACAG,MACA,CACArD,gBACAkD,iDACAzC,iCAEA,CACAT,eACAkD,wDACAzC,8BACA+C,wCAEA,CACAxD,mBACAkD,sCACAzC,sCACA+C,+BAKA,oBAEA2L,wBAIAjH,4BACA4C,4BACA,YACA,qBACA,eACA,YAEA,gDACA,gCACA,uBACA,wDACA,oBACAb,gBACAC,qBAGA,uDAGA/C,yBAAA,WACA2D,4BACA,YACA,+BACA,gBACA,YAEA,gDACA,gCACA,uBACA,oDACA,oBACAb,gBACAC,qBAGAtK,qDAEA,uCAIA4Q,yBACA,kCACA,wBACAC,kCACAA,sDAEAC,sBAAA,WACA5F,+CACA,YACA,oBACA,qCAKA,yBAGA,qBACA,gDACA,kEACA,qCACA,sDAGA,SACA,IACA,wDAEA6F,EADA,IACAA,8BACAC,6BAGAD,kDAEA,SACAA,oDAGA,EACA7F,iDAEA,uBACA,gCAWA0E,4BACAA,oDAEA1E,+BACA,sCACA,wBAEAA,2CAGA,uBACA,eAaA,6BACA,UACApI,MACA5B,kBACA+P,OACAC,oBAGA3B,uBAIA,UACAzM,MACA5B,oBAEAqO,uBA5BA,+CAMA,gBACArO,eACA+P,OAAAE,+BAPA,gBACAjQ,eACA+P,OAAAE,gCA+BA,eAOA,6BACA,UACArO,MACA5B,kBACA+P,OACAC,oBAGA3B,uBAIA,UACAzM,MACA5B,oBAEAqO,uBAtBA,+CAGA,gBAAArO,wBAFA,gBAAAA,2BA4BA,gCAWA0O,4BACAA,oDAEA1E,+BACA,sCACA,wBAEAA,2CAGA,eAOA,6BACA,UACApI,MACA5B,kBACA+P,OACAC,oBAGA3B,uBAIA,UACAzM,MACA5B,oBAEAqO,uBAtBA,+CAGA,gBAAArO,wBAFA,gBAAAA,0BA2BAgK,4BACA,YACA,OACA,YACA,WAEA,SACA,iBACA,wBAGA,YACA,oBACA,yBAGAkG,gBAAA,WACA,yBACA,uBACA,sBACA,yCACA,kDAGA,SACA,IACA,wDAEAL,EADA,IACAA,8BACAC,6BAGAD,kDAEA,SACAA,oDAGA,EACA,4CAEA,gCAEA,+DAEA,yBAEAM,kDACAC,uBACA,qDACA,sBACA,yCACA,6BACA,kCACA,6BACA,2BAEA,WAEA,kCACA,iBACA,gDACA,yBACA,qCACA,oDACA,IAGA,EACA,EAJA,MACA5B,4CACAC,qBAYA4B,EAPAC,8BACA,uDAEAA,4BACA,sDAIAA,qBACA,oEAEA,IACA,yEAEAD,OAUAE,EAPAD,8BACA,kDAEAA,4BACA,iDAIAA,qBACA,+DAEA,IACA,oEAEAC,OAEAvG,iDACAA,6CAGA,2BACA,4BACA5G,2EACAiN,UACA,4BACAjN,2EACAmN,UACA,gCACA,mCACA,gCACA,cAEAD,8BACA,wBAGA,wCAKA,uCAGA,qCACA,gCACA,gCACA,8BAGA,6BAGA,gBACA,GACA,6BACA,gCAIA,GAFA,eAGA,8BACA,2BACA,CACA,8CACA,EACA,oDACA,MACA9B,8BACAC,qBACA,EACA+B,EACA,IACA5G,EACA,+BAEA,0BACA,IACA,8BACA,UACA,qBAEA,yCACAwG,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,wBACA,6BACA,qCACA,+BACA,gBAAApQ,kBAEA,oCACA,+BACA,2BAEA,KAEA,6BAEA,GACA,qCACA,+BAEA,oCAEA,8CACA,EACA,oDACA,MACAwO,oCACAC,qBACA,EACA+B,EACA,IACA5G,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAwG,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,8BACA,uBACA,mCACA,6BACA,qCACA,gCAEA,oCACA,+BACA,2BAEA,SACA,CACA,8CACA,EACA,oDACA,MACA5B,oCACAC,qBACA,EACA+B,EACA,IACA5G,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAwG,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,mDACA,qCACA,+BACA,8BAEA,oCACA,+BACA,2BAEA,UAEA,GACA,oCACA,+BAEA,iCACA,8CACA,EACA,oDACA,MACA5B,oCACAC,qBACA,EACA+B,EACA,IACA5G,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAwG,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,wBACA,6BACA,qCACA,+BACA,uBAEA,oCACA,+BACA,2BAEA,UAEA,oCAEA,8CACA,EACA,oDACA,MACA5B,oCACAC,qBACA,EACA+B,EACA,IACA5G,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAwG,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,8BACA,uBACA,mCACA,6BACA,qCACA,gCAEA,oCACA,+BACA,2BAEA,SACA,CACA,8CACA,EACA,oDACA,MACA5B,oCACAC,qBACA,EACA+B,EACA,IACA5G,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAwG,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,wBACA,2BACA,qCACA,+BACA,8BAEA,oCACA,+BACA,2BAEA,UAIA,6BAGA,6BAGA,2BAKA,4BAGAK,oCAEA,wBACA,OACAC,gDACAC,iDACAC,uDACA,mCAGAC,sDAEA,0BAGAC,6BACA,mBAAA9Q,kBAEA+Q,uCAAA,WACA,kCACAC,qCACA5C,kBACA,mBACA5P,sBAEA,gBACAyS,aAEA5C,mBACA6C,YAIAC,8BAAA,WACA,gCACA,2CACA,gBACA,GACA,mCACA,0DACA,CACA,MACA,mEAEA,qCACAf,uBACA,qDACA,sBACA,yCACA,6BACA,kCACAD,kDACA,gCAEA,6BACA,2BAEA,KAEA,6BACA,mBACA3R,oBACAuR,OACAC,iBACAoB,uBACAC,wBAIA,mBACA7S,oBACAuR,OACAqB,uBACAC,wBAKAJ,WAEA,wBACAA,aAMAK,iCAAA,WACA,gCACAN,kCACA5C,kBACA,aACA,mDACAG,6BAEA0C,aAEA5C,mBAEA4C,YAIAM,8BACA,MACA,MACAvH,2DACA,0DAGA,oBAFA,+BAMAwH,+BACA,0BACA,mCAEAC,iCAAA,WACA,sDACA,kEACA,oBAEArB,uBACA,qDACA,sBACA,yCACA,6BACA,kCACA,6BACAD,kDACA,oBAEA,KAGA,uCAGAxH,+BACA,MACA,kBACA,2CACAwH,gDACA,oCAGA1H,uBACA,IAEA0H,+CACA,uEAEA,0BAEA,6BAIAuB,+BAAA,WACA,kCACAC,8BACAvD,kBACA,kBACA,+BACA,mBACAG,0CACAA,0CAEA,iBACA4B,sCAEA,iCACA,+BACA,6BAGA,uBAEAc,QAEA5C,mBACA,uBACA6C,YAIAU,iCAEA,2BAEAC,iCCzgEoW,MCQhW,I,UAAY,eACd,GACA9T,EACAgC,GACA,EACA,KACA,WACA,OAIa,gB,yFCnBf","file":"js/chunk-50710c0e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (this.$router.currentRoute.path == '/Dashboard' || _vm.open)?_c('div',{staticClass:\"counter mt-3\",class:_vm.customclass},_vm._l((Object.values(_vm.data)),function(i){return _c('div',{key:i.title,staticClass:\"counteritem\",class:[i.class]},[_c('div',{staticClass:\"title\"},[_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(i.info ? i.info : i.title)+\" \")]),_c('img',{attrs:{\"src\":_vm.getImage('dashboard', i.icon),\"alt\":\"title\"}})],2),_vm._v(\" \"+_vm._s(i.title)+\" \")],1),_c('div',{staticClass:\"value\"},[(_vm.onLoading)?_c('a-spin'):_c('span',{staticClass:\"number mr-2\"},[_vm._v(\" \"+_vm._s(i.value ? i.value.toLocaleString() : '0')+\" \")]),_c('span',{staticClass:\"et\"},[_vm._v(_vm._s(i.et))])],1)])}),0):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-if=\"this.$router.currentRoute.path == '/Dashboard' || open\"\r\n    class=\"counter mt-3\"\r\n    :class=\"customclass\"\r\n  >\r\n    <div\r\n      v-for=\"i in Object.values(data)\"\r\n      :key=\"i.title\"\r\n      class=\"counteritem\"\r\n      :class=\"[i.class]\"\r\n    >\r\n      <div class=\"title\">\r\n        <a-tooltip>\r\n          <template slot=\"title\">\r\n            {{ i.info ? i.info : i.title }}\r\n          </template>\r\n          <img :src=\"getImage('dashboard', i.icon)\" alt=\"title\" />\r\n        </a-tooltip>\r\n        {{ i.title }}\r\n      </div>\r\n\r\n      <div class=\"value\">\r\n        <a-spin v-if=\"onLoading\" />\r\n        <span v-else class=\"number mr-2\">\r\n          {{ i.value ? i.value.toLocaleString() : '0' }}\r\n        </span>\r\n        <span class=\"et\">{{ i.et }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  name: 'counterbox',\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n    },\r\n    open: {\r\n      type: Boolean,\r\n    },\r\n    onLoading: {\r\n      type: Boolean,\r\n    },\r\n    customclass: {\r\n      type: String,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      startTimestamp: {},\r\n      num: {},\r\n    }\r\n  },\r\n  mixins: [Mixin],\r\n  mounted() {\r\n    this.trickerCounter()\r\n  },\r\n  methods: {\r\n    trickerCounter() {\r\n      this.num = {}\r\n      this.startTimestamp = {}\r\n      Object.values(this.data).forEach(i => {\r\n        this.counterAnim(0, i.value, 4000, i.title)\r\n      })\r\n    },\r\n    counterAnim(start, end, time, key) {\r\n      window.requestAnimationFrame(e => this.step(e, start, end, time, key))\r\n    },\r\n    step(timestamp, start, end, time, key) {\r\n      if (!this.startTimestamp[key]) this.startTimestamp[key] = timestamp\r\n      const progress = Math.min(\r\n        (timestamp - this.startTimestamp[key]) / time,\r\n        1,\r\n      )\r\n      this.num[key] = Math.floor(progress * (end - start) + start)\r\n      this.$forceUpdate()\r\n      if (progress < 1) {\r\n        window.requestAnimationFrame(e => this.step(e, start, end, time, key))\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.counter {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 16px;\r\n\r\n  .counteritem {\r\n    padding: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    border-radius: 12px;\r\n    border: 1px solid var(--grey-grey-lighten-2, #e0e0e0);\r\n    background: var(--surface-primary, #fff);\r\n    color: var(--text-light-text-title, var(--text-text-title, #4a4a4a));\r\n\r\n    &.span2 {\r\n      grid-column: span 2;\r\n    }\r\n\r\n    .title {\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      line-height: 24px;\r\n\r\n      img {\r\n        margin-right: 12px;\r\n      }\r\n    }\r\n\r\n    .number {\r\n      font-size: 24px;\r\n      font-weight: 500;\r\n      line-height: 120%;\r\n    }\r\n\r\n    .et {\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      line-height: 22px;\r\n      letter-spacing: 0.15px;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1020px) {\r\n  .counter {\r\n    grid-template-columns: repeat(2, 1fr);\r\n\r\n    .counteritem {\r\n      &.span2 {\r\n        grid-column: span 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 520px) {\r\n  .counter {\r\n    grid-template-columns: repeat(1, 1fr);\r\n  }\r\n}\r\n.hide {\r\n  display: none;\r\n}\r\n.flex {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  .flex-max {\r\n    flex: 1;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CounterBox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CounterBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CounterBox.vue?vue&type=template&id=bfc60f52&scoped=true&\"\nimport script from \"./CounterBox.vue?vue&type=script&lang=js&\"\nexport * from \"./CounterBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CounterBox.vue?vue&type=style&index=0&id=bfc60f52&lang=scss&scoped=true&\"\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  \"bfc60f52\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardV2.vue?vue&type=style&index=0&id=80c8ff24&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MerchantSetup.vue?vue&type=style&index=0&id=49472184&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardContainer.vue?vue&type=style&index=0&id=63461297&lang=scss&scoped=true&\"","var DESCRIPTORS = require('./_descriptors');\nvar getKeys = require('./_object-keys');\nvar toIObject = require('./_to-iobject');\nvar isEnum = require('./_object-pie').f;\nmodule.exports = function (isEntries) {\n  return function (it) {\n    var O = toIObject(it);\n    var keys = getKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || isEnum.call(O, key)) {\n        result.push(isEntries ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"rankbody\"},[_c('div',{staticClass:\"bodyitem\",class:{ open: _vm.data.open, warp: _vm.data.details, 'is-hide': _vm.data.open }},[_c('div',{staticClass:\"rank\"},[_vm._v(_vm._s(_vm.data.rank))]),(_vm.data.showImg && !_vm.data.details)?_c('div',{staticClass:\"img\"},[(_vm.data.img)?_c('img',{attrs:{\"src\":_vm.data.img,\"alt\":\"campaign picture\",\"width\":\"58\",\"height\":\"58\"}}):_vm._e()]):_vm._e(),_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"badge\"},_vm._l((_vm.data.badge),function(badge){return _c('div',{key:badge,staticClass:\"type\",class:[badge]},[(_vm.checkBadge(badge))?_c('span',{staticClass:\"dot\"}):_vm._e(),_c('span',{staticClass:\"text\"},[_vm._v(_vm._s(badge))])])}),0),_c('a-tooltip',{attrs:{\"title\":_vm.data.text}},[_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.data.text))])]),(_vm.data.id)?_c('a-tooltip',{attrs:{\"title\":_vm.lbl['dashboard-campaign-id-text']}},[_c('div',{staticClass:\"text-id\"},[_vm._v(_vm._s(_vm.data.id))])]):_vm._e()],1),_c('div',{staticClass:\"result\"},_vm._l((_vm.data.adon),function(adon){return _c('div',{key:adon.text,staticClass:\"adon\",class:{ show: !_vm.data.open }},[_c('div',{staticClass:\"adtext\"},[_vm._v(_vm._s(adon.text))]),_c('div',{staticClass:\"value\"},[_c('span',[_vm._v(\" \"+_vm._s(adon.key == 'Quantity' && adon.value && parseInt(adon.value) >= 100000000 ? _vm.lbl['header-view-message-unlimited'] : adon.value.toLocaleString())+\" \")]),_c('span',{staticClass:\"subfix\"},[_vm._v(\" \"+_vm._s(adon.subfix ? adon.subfix : '')+\" \")])])])}),0),(_vm.data.details)?_c('img',{staticClass:\"arrowdown\",class:{ rotate: _vm.data.open },attrs:{\"src\":require(\"@/assets/images/Angle-down.svg\"),\"alt\":\"arrowdown\"}}):_vm._e(),(_vm.data.details)?_c('div',{staticClass:\"rankdetail\"},[_c('CounterBox',{ref:\"CounterBox\",attrs:{\"data\":_vm.data.details,\"open\":_vm.data.open,\"customclass\":_vm.customclass}})],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"rankbody\">\r\n    <div\r\n      class=\"bodyitem\"\r\n      :class=\"{ open: data.open, warp: data.details, 'is-hide': data.open }\"\r\n    >\r\n      <div class=\"rank\">{{ data.rank }}</div>\r\n      <div v-if=\"data.showImg && !data.details\" class=\"img\">\r\n        <img\r\n          v-if=\"data.img\"\r\n          :src=\"data.img\"\r\n          alt=\"campaign picture\"\r\n          width=\"58\"\r\n          height=\"58\"\r\n        />\r\n      </div>\r\n      <div class=\"detail\">\r\n        <div class=\"badge\">\r\n          <div\r\n            v-for=\"badge in data.badge\"\r\n            :key=\"badge\"\r\n            class=\"type\"\r\n            :class=\"[badge]\"\r\n          >\r\n            <span v-if=\"checkBadge(badge)\" class=\"dot\"></span>\r\n            <span class=\"text\">{{ badge }}</span>\r\n          </div>\r\n        </div>\r\n        <a-tooltip :title=\"data.text\">\r\n          <div class=\"text\">{{ data.text }}</div>\r\n        </a-tooltip>\r\n        <a-tooltip v-if=\"data.id\" :title=\"lbl['dashboard-campaign-id-text']\">\r\n          <div class=\"text-id\">{{ data.id }}</div>\r\n        </a-tooltip>\r\n      </div>\r\n      <div class=\"result\">\r\n        <div\r\n          v-for=\"adon in data.adon\"\r\n          :key=\"adon.text\"\r\n          class=\"adon\"\r\n          :class=\"{ show: !data.open }\"\r\n        >\r\n          <div class=\"adtext\">{{ adon.text }}</div>\r\n          <div class=\"value\">\r\n            <span>\r\n              {{\r\n                adon.key == 'Quantity' &&\r\n                adon.value &&\r\n                parseInt(adon.value) >= 100000000\r\n                  ? lbl['header-view-message-unlimited']\r\n                  : adon.value.toLocaleString()\r\n              }}\r\n            </span>\r\n            <span class=\"subfix\">\r\n              {{ adon.subfix ? adon.subfix : '' }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <img\r\n        v-if=\"data.details\"\r\n        class=\"arrowdown\"\r\n        :class=\"{ rotate: data.open }\"\r\n        src=\"@/assets/images/Angle-down.svg\"\r\n        alt=\"arrowdown\"\r\n      />\r\n      <div v-if=\"data.details\" class=\"rankdetail\">\r\n        <CounterBox\r\n          :data=\"data.details\"\r\n          :open=\"data.open\"\r\n          ref=\"CounterBox\"\r\n          :customclass=\"customclass\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport CounterBox from './CounterBox'\r\nexport default {\r\n  name: 'rankcontainer',\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n    },\r\n    customclass: {\r\n      type: String,\r\n    },\r\n  },\r\n  components: {\r\n    CounterBox,\r\n  },\r\n  mixins: [Mixin],\r\n  watch: {\r\n    data: {\r\n      handler(newValue) {\r\n        if (newValue.open) {\r\n          this.$refs.CounterBox.trickerCounter()\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  methods: {\r\n    checkBadge(key) {\r\n      if (\r\n        key === 'Active' ||\r\n        key === 'Inactive' ||\r\n        key === 'Published' ||\r\n        key === 'Expired' ||\r\n        key === 'Canceled'\r\n      ) {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.rankbody {\r\n  margin-top: 16px;\r\n\r\n  .bodyitem {\r\n    padding: 8px;\r\n    border-radius: 6px;\r\n    border: 1px solid var(--neutral-4, #f0f0f0);\r\n    background: var(--surface-primary, #fff);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.5s ease-in-out;\r\n\r\n    &.warp {\r\n      flex-wrap: wrap;\r\n      cursor: pointer;\r\n    }\r\n\r\n    &.open {\r\n      max-height: 250px;\r\n    }\r\n\r\n    .rank {\r\n      display: flex;\r\n      padding: 10px 6px;\r\n      height: 68px;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 2px;\r\n      border-radius: 6px;\r\n      border: 1px solid var(--neutral-4, #f0f0f0);\r\n      background: var(--neutral-3, #f5f5f5);\r\n    }\r\n\r\n    .img {\r\n      width: 58px;\r\n      height: 58px;\r\n      min-width: 58px;\r\n      min-height: 58px;\r\n      background-color: #636363;\r\n    }\r\n\r\n    .detail {\r\n      margin-right: auto;\r\n      overflow: hidden;\r\n      .badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n\r\n        .Active,\r\n        .Published {\r\n          display: flex;\r\n          padding: 4px 8px;\r\n          gap: 4px;\r\n          align-items: center;\r\n          border-radius: 20px;\r\n          border: 1px solid var(--polar-green-2, #d9f7be);\r\n          background: var(--polar-green-1, #f6ffed);\r\n\r\n          .dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: #52c41a;\r\n            border-radius: 50px;\r\n          }\r\n\r\n          .text {\r\n            color: var(--green-green-1, #52c41a);\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            line-height: 120%;\r\n          }\r\n        }\r\n\r\n        .Inactive,\r\n        .Expired,\r\n        .Canceled {\r\n          display: flex;\r\n          padding: 4px 8px;\r\n          align-items: center;\r\n          gap: 4px;\r\n          border-radius: 20px;\r\n          border: 1px solid var(--text-light-text-disable, #b0b0b0);\r\n          background: var(--grey-grey-lighten-5, #fafafa);\r\n\r\n          .dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: #b0b0b0;\r\n            border-radius: 50px;\r\n          }\r\n\r\n          .text {\r\n            color: var(--text-light-text-disable, #b0b0b0);\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            line-height: 120%;\r\n          }\r\n        }\r\n        .type,\r\n        .Delivery,\r\n        .Free,\r\n        .e-Voucher {\r\n          display: flex;\r\n          padding: 1px 6px;\r\n          align-items: center;\r\n          gap: 10px;\r\n          border-radius: 3px;\r\n          border: 1px solid var(--neutral-4, #f0f0f0);\r\n          background: var(--neutral-3, #f5f5f5);\r\n\r\n          .text {\r\n            color: var(--text-light-text-body, var(--text-text-body, #636363));\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            line-height: 20px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .text {\r\n        color: var(--grey-grey-2, var(--text-text-title, #4a4a4a));\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 22px;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n      }\r\n      .text-id {\r\n        color: #969696;\r\n        font-size: 12px;\r\n      }\r\n\r\n      @media only screen and (max-width: 1322px) and (min-width: 1224px) {\r\n        width: 145px;\r\n        min-width: 145px;\r\n        .text {\r\n          max-width: 142px;\r\n        }\r\n      }\r\n      @media (max-width: 710px) {\r\n        width: 145px;\r\n        min-width: 145px;\r\n        .text {\r\n          max-width: 142px;\r\n        }\r\n      }\r\n    }\r\n    .result {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 8px;\r\n      flex-wrap: nowrap;\r\n    }\r\n\r\n    .adon {\r\n      height: 68px;\r\n      min-width: 90px;\r\n      width: auto;\r\n      display: flex;\r\n      padding: 4px;\r\n      flex-direction: column;\r\n      justify-content: space-evenly;\r\n      align-items: flex-start;\r\n      border-radius: 6px;\r\n      background: var(--neutral-3, #f5f5f5);\r\n      transition: all 0.5s ease-in-out;\r\n      opacity: 0;\r\n\r\n      &.show {\r\n        opacity: 1;\r\n      }\r\n\r\n      &:first-child {\r\n        margin-left: auto;\r\n      }\r\n\r\n      .adtext {\r\n        color: var(--text-light-text-caption, #969696);\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        line-height: 20px;\r\n      }\r\n\r\n      .value {\r\n        color: var(--text-light-text-title, var(--text-text-title, #4a4a4a));\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 150%;\r\n      }\r\n      .subfix {\r\n        color: #969696;\r\n        font-size: 10px;\r\n        font-weight: 400;\r\n      }\r\n    }\r\n\r\n    .rankdetail {\r\n      flex-grow: 1;\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n.rotate {\r\n  transform: rotate(180deg);\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankItem.vue?vue&type=template&id=b28c7bcc&scoped=true&\"\nimport script from \"./RankItem.vue?vue&type=script&lang=js&\"\nexport * from \"./RankItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankItem.vue?vue&type=style&index=0&id=b28c7bcc&lang=scss&scoped=true&\"\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  \"b28c7bcc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CounterBox.vue?vue&type=style&index=0&id=bfc60f52&lang=scss&scoped=true&\"","import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\n// import moment from 'moment'\r\n\r\nexport default {\r\n  KEY_COOKIE_USER: 'CRMUser',\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  token: function () {\r\n    return Cache.get(this.KEY_COOKIE_USER).Token\r\n  },\r\n  appId: function () {\r\n    return Cache.get(this.KEY_COOKIE_USER).AppId\r\n  },\r\n  agency_id: function () {\r\n    return Vue.$cookies.get(this.KEY_COOKIE_USER).AgencyId\r\n      ? Vue.$cookies.get(this.KEY_COOKIE_USER).AgencyId\r\n      : this.config().agency_id\r\n  },\r\n  getBanner() {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusdatasci/dashboardbanner'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getSummaryDashboard() {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/summary_dashboard'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getMemberChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/dashboard_member'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getGenderChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/dashboard_gender'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getAgeChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/dashboard_age'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getActiveMemberChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/trend_active_user'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getAverageDashboard(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/average_dashboard_data'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getPointChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/dashboard_point'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getRewardRedemtionRank(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/rewardredemptionrank'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getBranchRank(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      redeemDate: data.startdate,\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusdatasci/branchrank'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n}\r\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardContainer.vue?vue&type=style&index=1&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankContainer.vue?vue&type=style&index=0&id=58546511&lang=scss&scoped=true&\"","// https://github.com/tc39/proposal-object-values-entries\nvar $export = require('./_export');\nvar $values = require('./_object-to-array')(false);\n\n$export($export.S, 'Object', {\n  values: function values(it) {\n    return $values(it);\n  }\n});\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankItem.vue?vue&type=style&index=0&id=b28c7bcc&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dashcontainer\"},[_c('Header'),_c('MerchantSetup',{attrs:{\"data\":_vm.merchantSetupList,\"on-loading\":_vm.MerchantSetupLoading}}),_c('div',{staticClass:\"maincontainer\"},[_c('div',[_c('span',{staticClass:\"hello mr-3\"},[_vm._v(\" \"+_vm._s(_vm.lbl['dashboard-hello'])+\" \"+_vm._s(_vm.businessName ? _vm.businessName : ''))]),_c('span',{staticClass:\"lastupdate\"},[_vm._v(\" \"+_vm._s(_vm.lbl['dashboard-last-update'])+\" \"+_vm._s(_vm.currentDate))])]),_c('CounterBox',{ref:\"CounterBoxMain\",attrs:{\"data\":_vm.counterItem,\"on-loading\":_vm.CounterBoxMainLoading}}),_c('DashboardContainer',{attrs:{\"data\":{\n        title: _vm.lbl['dashboard-number-of-membership-title'],\n        info: _vm.lbl['dashboard-number-of-membership-info'],\n      }},on:{\"onChange\":function($event){return _vm.onChangeMainChart($event)}},scopedSlots:_vm._u([{key:\"button\",fn:function(){return [_c('a-button',{staticClass:\"d-flex align-items-center\",on:{\"click\":function($event){return _vm.onChangeModal(true, 'showModalInsights')}}},[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":_vm.getImage('dashboard', 'folder'),\"alt\":\"insights\"}}),_c('span',[_vm._v(_vm._s(_vm.lbl['dashboard-user-insights-button']))])]),_c('a-button',{staticClass:\"d-flex align-items-center\",on:{\"click\":_vm.mapExportData}},[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":_vm.getImage('dashboard', 'filearrowdown'),\"alt\":\"mapExportData\"}}),_c('span',[_vm._v(_vm._s(_vm.lbl['dashboard-export-file-button']))])])]},proxy:true}])},[[_c('div',{staticClass:\"chart mt-3\"},[(!_vm.memberSeriesState)?_c('a-empty',{staticClass:\"pd-chart\"}):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"bar\",\"options\":_vm.memberOptions,\"series\":_vm.memberSeries}}),_c('div',{staticClass:\"d-flex my-5\"},[_c('div',{staticClass:\"w-50\"},[_c('div',{staticClass:\"header d-flex align-items-center\"},[_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['dashboard-insight-user-info-sex-info'])+\" \")]),_c('img',{attrs:{\"src\":_vm.getImage('dashboard', 'gender'),\"alt\":\"gender\"}})],2),_vm._v(\" \"+_vm._s(_vm.lbl['dashboard-insight-user-info-sex'])+\" \")],1),(!_vm.genderSeries.length)?_c('a-empty',{staticClass:\"pd-chart\"}):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"donut\",\"options\":_vm.genderOptions,\"series\":_vm.genderSeries}})],1),_c('div',{staticClass:\"w-50\"},[_c('div',{staticClass:\"header d-flex align-items-center\"},[_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['dashboard-insight-age-info'])+\" \")]),_c('img',{attrs:{\"src\":_vm.getImage('dashboard', 'baby'),\"alt\":\"age\"}})],2),_vm._v(\" \"+_vm._s(_vm.lbl['dashboard-insight-age'])+\" \")],1),(!_vm.ageSeries[0].data.length)?_c('a-empty',{staticClass:\"pd-chart\"}):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"bar\",\"options\":_vm.ageOptions,\"series\":_vm.ageSeries}})],1)]),_c('div',[_c('div',{staticClass:\"w-100 d-flex align-items-center justify-content-between\"},[_c('div',{staticClass:\"header d-flex align-items-center\"},[_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(_vm.lbl['dashboard-active-member-info'])+\" \")]),_c('img',{attrs:{\"src\":_vm.getImage('dashboard', 'fire'),\"alt\":\"Active Member\"}})],2),_vm._v(\" \"+_vm._s(_vm.lbl['dashboard-active-member'])+\" \")],1),_c('a-button',{staticClass:\"d-flex align-items-center mb-3\",on:{\"click\":_vm.exportActiveUser}},[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":_vm.getImage('dashboard', 'filearrowdown'),\"alt\":\"exportActiveUser\"}}),_c('span',[_vm._v(_vm._s(_vm.lbl['dashboard-export-file-button']))])])],1),(!_vm.activeMemberSeries[0].data.length)?_c('a-empty',{staticClass:\"pd-chart\"}):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"area\",\"options\":_vm.activeMemberOptions,\"series\":_vm.activeMemberSeries}})],1)],1),_c('CounterBox',{ref:\"CounterBoxActiveMember\",attrs:{\"data\":_vm.activeMember,\"on-loading\":_vm.CounterBoxActiveMemberLoading}})]],2),_c('DashboardContainer',{attrs:{\"data\":{\n        title: _vm.lbl['dashboard-point'],\n        info: _vm.lbl['dashboard-point-info'],\n      }},on:{\"onChange\":function($event){return _vm.onChangePointChart($event)}},scopedSlots:_vm._u([{key:\"button\",fn:function(){return [_c('a-button',{staticClass:\"d-flex align-items-center\",on:{\"click\":function($event){return _vm.onChangeModal(true, 'showModalTransactions')}}},[_c('span',[_vm._v(_vm._s(_vm.lbl['dashboard-transactions-point-list-header']))])]),_c('a-button',{staticClass:\"d-flex align-items-center\",on:{\"click\":_vm.exportPointChart}},[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":_vm.getImage('dashboard', 'filearrowdown'),\"alt\":\"exportPointChart\"}}),_c('span',[_vm._v(_vm._s(_vm.lbl['dashboard-export-file-button']))])])]},proxy:true}])},[_c('div',{staticClass:\"chart mt-3\"},[(!_vm.pointSeriesState)?_c('a-empty',{staticClass:\"my-5 py-5\"}):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"options\":_vm.pointOption,\"series\":_vm.pointSeries}})],1)]),_c('RankContainer',{staticClass:\"mb-5\",attrs:{\"data\":_vm.rankListData}})],1),_c('CookieAccept'),_c('ExpirePackage',{attrs:{\"isOpenModal\":_vm.expirePackage.isOpenModal,\"modalType\":_vm.expirePackage.modalType,\"title\":_vm.expirePackage.title,\"details\":_vm.expirePackage.details,\"showbackto\":_vm.expirePackage.showbackto,\"backto\":_vm.expirePackage.backto,\"confirm\":_vm.expirePackage.confirm,\"onConfirm\":_vm.expirePackage.onConfirm,\"onCancel\":_vm.expirePackage.onCancel,\"fontSize\":'20'}}),_c('WelcomeBack',{attrs:{\"isOpenModal\":_vm.welcomeBack.isOpenModal,\"title\":_vm.welcomeBack.title,\"details\":_vm.welcomeBack.details,\"onCancel\":_vm.welcomeBack.onCancel,\"fontSize\":'20'}}),_c('PackageChanged',{attrs:{\"isOpenModal\":_vm.packageChanged.isOpenModal,\"title\":_vm.packageChanged.title,\"details\":_vm.packageChanged.details,\"lifeTime\":_vm.packageChanged.lifeTime,\"payment\":_vm.packageChanged.payment,\"imgHistory\":_vm.packageChanged.imgHistory,\"imgCurrent\":_vm.packageChanged.imgCurrent,\"onCancel\":_vm.packageChanged.onCancel,\"onView\":_vm.packageChanged.onView,\"fontSize\":'20'}}),_c('Notification',{attrs:{\"isOpenModal\":_vm.notificationAccountSetting.isOpenModal,\"modalType\":_vm.notificationAccountSetting.modalType,\"title\":_vm.notificationAccountSetting.title,\"details\":_vm.notificationAccountSetting.details,\"backto\":_vm.notificationAccountSetting.backto,\"confirm\":_vm.notificationAccountSetting.confirm,\"onConfirm\":_vm.notificationAccountSetting.onConfirm,\"onCancel\":_vm.notificationAccountSetting.onCancel},on:{\"passNotify\":function($event){return _vm.passNotify($event)}}}),_c('AnnouncementCarousel',{attrs:{\"isOpenModal\":_vm.announcement2.isOpenModal,\"data\":_vm.announcement2.data},on:{\"close\":function($event){return _vm.onCloseAnnoucement($event)}}}),_c('Insights',{attrs:{\"show\":_vm.showModalInsights,\"data\":_vm.dataInsights},on:{\"changeInsights\":function($event){return _vm.onChangeModal($event, 'showModalInsights')}}}),_c('TransactionsEDC',{attrs:{\"show\":_vm.showModalTransactions,\"data\":_vm.dataTransactions},on:{\"changeTransactions\":function($event){return _vm.onChangeModal($event, 'showModalTransactions')}}}),_c('alertUpgradePackage',{attrs:{\"visible\":_vm.showAlertUpgradepackage,\"title\":_vm.alertUpgradeTitle,\"internal\":_vm.actionUpgrade.internalPage,\"page-name\":_vm.actionUpgrade.pageName},on:{\"close\":function($event){_vm.showAlertUpgradepackage = !_vm.showAlertUpgradepackage}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"merchantsetup\"},[_c('div',{staticClass:\"text\"},[_vm._v(\" \"+_vm._s(_vm.lbl['dashboard-merchant-setup'])+\" \")]),_c('div',{staticClass:\"setup\"},_vm._l((_vm.data),function(i){return _c('a-tooltip',{key:i.title},[_c('template',{slot:\"title\"},[_vm._v(_vm._s(i.info ? i.info : i.title))]),_c('div',{key:i.title,staticClass:\"setupitem\"},[_c('span',[_c('span',{staticClass:\"st1\"},[_vm._v(_vm._s(i.title))]),(_vm.onLoading)?_c('a-spin'):_c('span',{staticClass:\"number mr-2\"},[_vm._v(\" \"+_vm._s(i.value ? i.value : '0')+\" \")])],1)])],2)}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"merchantsetup\">\r\n    <div class=\"text\">\r\n      {{ lbl['dashboard-merchant-setup'] }}\r\n    </div>\r\n    <div class=\"setup\">\r\n      <a-tooltip v-for=\"i in data\" :key=\"i.title\">\r\n        <template slot=\"title\">{{ i.info ? i.info : i.title }}</template>\r\n        <div :key=\"i.title\" class=\"setupitem\">\r\n          <span>\r\n            <span class=\"st1\">{{ i.title }}</span>\r\n            <a-spin v-if=\"onLoading\" />\r\n            <span v-else class=\"number mr-2\">\r\n              {{ i.value ? i.value : '0' }}\r\n            </span>\r\n          </span>\r\n        </div>\r\n      </a-tooltip>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\n\r\nexport default {\r\n  name: 'merchantsetup',\r\n  mixins: [Mixin],\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n    },\r\n    onLoading: {\r\n      type: Boolean,\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.merchantsetup {\r\n  padding: 16px 30px;\r\n  background: var(--surface-primary, #fff);\r\n\r\n  .text {\r\n    color: var(--grey-grey-darken-3, #424242);\r\n    font-size: 16px;\r\n    font-style: normal;\r\n    font-weight: 700;\r\n    line-height: 150%;\r\n  }\r\n\r\n  .setup {\r\n    gap: 16px;\r\n    margin-top: 8px;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n\r\n    .setupitem {\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      padding: 12px;\r\n      border-radius: 6px;\r\n      border: 1px solid var(--grey-grey-lighten-4, #f5f5f5);\r\n      background: var(--grey-grey-lighten-5, #fafafa);\r\n\r\n      &:hover {\r\n        box-shadow: 0px 0px 15px rgb(218, 218, 218);\r\n      }\r\n\r\n      .st1 {\r\n        color: var(--text-light-text-body, var(--text-text-body, #636363));\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        line-height: 150%;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MerchantSetup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MerchantSetup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MerchantSetup.vue?vue&type=template&id=49472184&scoped=true&\"\nimport script from \"./MerchantSetup.vue?vue&type=script&lang=js&\"\nexport * from \"./MerchantSetup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MerchantSetup.vue?vue&type=style&index=0&id=49472184&lang=scss&scoped=true&\"\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  \"49472184\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dashboard\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"header d-flex align-items-center\"},[_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(_vm.data.info ? _vm.data.info : _vm.data.title)+\" \")]),_c('img',{attrs:{\"src\":_vm.getImage('dashboard', 'usersthree'),\"alt\":\"usersthree\"}})],2),_vm._v(\" \"+_vm._s(_vm.data.title)+\" \")],1),_c('div',{staticClass:\"filterinput d-flex align-items-center\"},[_c('a-range-picker',{attrs:{\"disabled-date\":_vm.disabledDate,\"showToday\":false,\"ranges\":_vm.ranges},on:{\"change\":_vm.onChange,\"ok\":_vm.onOk},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}},[_c('div',{staticClass:\"inputdate\"},[_vm._v(\" \"+_vm._s(_vm.date ? _vm.dateFormat() : _vm.lbl['smart-target-select-date'])+\" \"),_c('img',{staticClass:\"calendar\",attrs:{\"src\":_vm.getImage('dashboard', 'calendar'),\"alt\":\"calendar\"}})])]),_vm._t(\"button\")],2)]),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"dashboard\">\r\n    <div class=\"title\">\r\n      <div class=\"header d-flex align-items-center\">\r\n        <a-tooltip>\r\n          <template slot=\"title\">\r\n            {{ data.info ? data.info : data.title }}\r\n          </template>\r\n          <img :src=\"getImage('dashboard', 'usersthree')\" alt=\"usersthree\" />\r\n        </a-tooltip>\r\n        {{ data.title }}\r\n      </div>\r\n      <div class=\"filterinput d-flex align-items-center\">\r\n        <a-range-picker\r\n          v-model=\"date\"\r\n          :disabled-date=\"disabledDate\"\r\n          :showToday=\"false\"\r\n          :ranges=\"ranges\"\r\n          @change=\"onChange\"\r\n          @ok=\"onOk\"\r\n        >\r\n          <div class=\"inputdate\">\r\n            {{ date ? dateFormat() : lbl['smart-target-select-date'] }}\r\n            <img\r\n              class=\"calendar\"\r\n              :src=\"getImage('dashboard', 'calendar')\"\r\n              alt=\"calendar\"\r\n            />\r\n          </div>\r\n        </a-range-picker>\r\n        <slot name=\"button\"></slot>\r\n      </div>\r\n    </div>\r\n    <slot></slot>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport moment from 'moment'\r\nimport Utility from '../../../helper/Utility'\r\nimport Account from '@/helper/AccountHelper.js'\r\n\r\nexport default {\r\n  name: 'dashboardcontainer',\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      ranges: Utility.ranges,\r\n      date: [moment().subtract(7, 'days'), moment()],\r\n    }\r\n  },\r\n  mixins: [Mixin],\r\n  methods: {\r\n    onChange() {\r\n      Account.bzbsAnalyticTracking(\r\n        'dashboard',\r\n        this.data.title == 'Number of Active Membership'\r\n          ? 'number_of_active_membership​'\r\n          : 'earn_redeem_points',\r\n        'change_date_picker​',\r\n        'on change',\r\n      )\r\n      this.$emit('onChange', this.date)\r\n    },\r\n    onOk() {\r\n      // this.$emit('onChange', this.date)\r\n    },\r\n    disabledDate(current) {\r\n      return current && current > moment().endOf('day')\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dashboard {\r\n  margin-top: 16px;\r\n  padding: 16px;\r\n  border-radius: 12px;\r\n  border: 1px solid var(--grey-grey-lighten-2, #e0e0e0);\r\n  background: var(--surface-primary, #fff);\r\n\r\n  > .title {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    .header,\r\n    .filterinput {\r\n      gap: 8px;\r\n      flex-wrap: wrap;\r\n    }\r\n  }\r\n\r\n  .header {\r\n    color: var(--text-light-text-title, var(--text-text-title, #4a4a4a));\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 150%;\r\n\r\n    img {\r\n      margin-right: 8px;\r\n      border-radius: 8px;\r\n      padding: 8px;\r\n      background: var(--primary-gold-bzb-gold-9, #fff6e6);\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n.ant-calendar-footer-extra {\r\n  .ant-tag {\r\n    color: #fa8c16 !important;\r\n    background: #fff7e6 !important;\r\n    border-color: #ffd591 !important;\r\n  }\r\n}\r\n\r\n.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,\r\n.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {\r\n  background: #fa8c16 !important;\r\n  color: #fff !important;\r\n}\r\n\r\n.ant-calendar-range .ant-calendar-in-range-cell::before {\r\n  background: #fff7e6 !important;\r\n}\r\n\r\n.ant-calendar-today .ant-calendar-date {\r\n  color: #fa8c16 !important;\r\n  border-color: #fa8c16 !important;\r\n}\r\n\r\n.ant-calendar-date:hover {\r\n  background: #fff7e6 !important;\r\n}\r\n\r\n.ant-calendar-header a:hover {\r\n  color: #fa8c16 !important;\r\n}\r\n\r\n.inputdate {\r\n  display: flex;\r\n  position: relative;\r\n  min-width: 200px;\r\n  height: 40px;\r\n  padding: 5px 12px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--neutral-5, #d9d9d9);\r\n  background: var(--neutral-1, #fff);\r\n  cursor: pointer;\r\n\r\n  .calendar {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 10px;\r\n    transform: translateY(-50%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardContainer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DashboardContainer.vue?vue&type=template&id=63461297&scoped=true&\"\nimport script from \"./DashboardContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./DashboardContainer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DashboardContainer.vue?vue&type=style&index=0&id=63461297&lang=scss&scoped=true&\"\nimport style1 from \"./DashboardContainer.vue?vue&type=style&index=1&lang=scss&\"\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  \"63461297\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"rankcontainer mt-4\"},_vm._l((_vm.data),function(rankitem){return _c('RankItemContainer',{key:rankitem.title,attrs:{\"data\":rankitem}})}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"rankitem\"},[_c('div',{staticClass:\"ranktitle\"},[_c('div',{staticClass:\"header\"},[_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(_vm.data.info ? _vm.data.info : _vm.data.title)+\" \")]),_c('img',{attrs:{\"src\":_vm.getImage('dashboard', _vm.data.icon),\"alt\":_vm.data.title}})],2),_vm._v(\" \"+_vm._s(_vm.data.title)+\" \")],1),_c('div',{staticClass:\"filterinput\"},[_c('a-range-picker',{attrs:{\"disabled-date\":_vm.disabledDate,\"showToday\":false,\"ranges\":_vm.ranges},on:{\"change\":_vm.onChange,\"ok\":_vm.onOk},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}},[_c('div',{staticClass:\"inputdate\"},[_vm._v(\" \"+_vm._s(_vm.date ? _vm.dateFormat() : 'Select Date')+\" \"),_c('img',{staticClass:\"calendar\",attrs:{\"src\":_vm.getImage('dashboard', 'calendar'),\"alt\":\"calendar\"}})])])],1)]),_vm._l((_vm.data.data),function(rank){return _c('RankItem',{key:rank.rank,attrs:{\"data\":rank}})}),(!_vm.data.data.length)?_c('a-empty',{staticClass:\"mt-5\"}):_vm._e(),(_vm.data.data.length)?_c('div',{staticClass:\"seemore\",on:{\"click\":function($event){return _vm.gotoquerystring(_vm.data.page, _vm.date)}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-see-more'] + '>')+\" \")]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"rankitem\">\r\n    <div class=\"ranktitle\">\r\n      <div class=\"header\">\r\n        <a-tooltip>\r\n          <template slot=\"title\">\r\n            {{ data.info ? data.info : data.title }}\r\n          </template>\r\n          <img :src=\"getImage('dashboard', data.icon)\" :alt=\"data.title\" />\r\n        </a-tooltip>\r\n        {{ data.title }}\r\n      </div>\r\n      <div class=\"filterinput\">\r\n        <a-range-picker\r\n          v-model=\"date\"\r\n          :disabled-date=\"disabledDate\"\r\n          :showToday=\"false\"\r\n          :ranges=\"ranges\"\r\n          @change=\"onChange\"\r\n          @ok=\"onOk\"\r\n        >\r\n          <div class=\"inputdate\">\r\n            {{ date ? dateFormat() : 'Select Date' }}\r\n            <img\r\n              class=\"calendar\"\r\n              :src=\"getImage('dashboard', 'calendar')\"\r\n              alt=\"calendar\"\r\n            />\r\n          </div>\r\n        </a-range-picker>\r\n      </div>\r\n    </div>\r\n    <RankItem v-for=\"rank in data.data\" :key=\"rank.rank\" :data=\"rank\" />\r\n    <a-empty v-if=\"!data.data.length\" class=\"mt-5\" />\r\n    <div\r\n      class=\"seemore\"\r\n      v-if=\"data.data.length\"\r\n      @click=\"gotoquerystring(data.page, date)\"\r\n    >\r\n      {{ lbl['user-permissions-see-more'] + '>' }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport moment from 'moment'\r\nimport Utility from '../../../helper/Utility'\r\nimport RankItem from './RankItem.vue'\r\nimport Account from '@/helper/AccountHelper.js'\r\n\r\nexport default {\r\n  name: 'rankcontainer',\r\n  components: {\r\n    RankItem,\r\n  },\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      ranges: Utility.ranges,\r\n      date: [moment().subtract(30, 'days'), moment()],\r\n    }\r\n  },\r\n  mixins: [Mixin],\r\n  created() {\r\n    this.data.getlist(this.date, this.data.icon)\r\n  },\r\n  methods: {\r\n    checkBadge(key) {\r\n      if (key === 'Active' || key === 'Inactive') {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    gotoquerystring(page, date) {\r\n      let datetime = [moment(date[0]).unix(), moment(date[1]).unix()]\r\n      this.goto(page, { data: datetime })\r\n    },\r\n    onChange() {\r\n      Account.bzbsAnalyticTracking(\r\n        'dashboard',\r\n        this.data.title == 'Reward Redemption Rank'\r\n          ? 'reward_redemption_rank'\r\n          : 'branch_terminal_givepoint',\r\n        'change_date_picker​',\r\n        'on change',\r\n      )\r\n      this.data.getlist(this.date)\r\n    },\r\n    onOk() {\r\n      // this.data.getlist(this.date);\r\n    },\r\n    disabledDate(current) {\r\n      return current && current > moment().endOf('day')\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.rankcontainer {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(592px, 1fr));\r\n  gap: 16px;\r\n\r\n  .rankitem {\r\n    position: relative;\r\n    padding: 16px 16px 48px 16px;\r\n    border-radius: 12px;\r\n    border: 1px solid var(--grey-grey-lighten-2, #e0e0e0);\r\n    background: var(--surface-primary, #fff);\r\n\r\n    .ranktitle {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-between;\r\n    }\r\n    .header {\r\n      display: flex;\r\n      align-items: center;\r\n      color: var(--text-light-text-title, var(--text-text-title, #4a4a4a));\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      line-height: 150%;\r\n\r\n      img {\r\n        margin-right: 8px;\r\n        border-radius: 8px;\r\n        padding: 8px;\r\n        background: var(--primary-gold-bzb-gold-9, #fff6e6);\r\n      }\r\n    }\r\n    .filterinput {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .seemore {\r\n      position: absolute;\r\n      bottom: 8px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      cursor: pointer;\r\n      margin: 16px 0 8px 0;\r\n      display: flex;\r\n      justify-content: center;\r\n      color: var(--primary-secoundary-color, #494949);\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      line-height: 150%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankItemContainer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankItemContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankItemContainer.vue?vue&type=template&id=f884c92c&scoped=true&\"\nimport script from \"./RankItemContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./RankItemContainer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankItemContainer.vue?vue&type=style&index=0&id=f884c92c&lang=scss&scoped=true&\"\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  \"f884c92c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"rankcontainer mt-4\">\r\n        <RankItemContainer v-for=\"rankitem in data\" :key=\"rankitem.title\" :data=\"rankitem\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport RankItemContainer from './RankItemContainer.vue'\r\nexport default {\r\n    name: \"rankcontainer\",\r\n    components: {\r\n        RankItemContainer\r\n    },\r\n    props: {\r\n        data: {\r\n            type: Array,\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n        }\r\n    },\r\n    mixins: [Mixin],\r\n    methods: {\r\n    },\r\n\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.rankcontainer {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(592px, 1fr));\r\n    gap: 16px;\r\n\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankContainer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankContainer.vue?vue&type=template&id=58546511&scoped=true&\"\nimport script from \"./RankContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./RankContainer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankContainer.vue?vue&type=style&index=0&id=58546511&lang=scss&scoped=true&\"\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  \"58546511\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"dashcontainer\">\r\n    <Header></Header>\r\n    <MerchantSetup\r\n      :data=\"merchantSetupList\"\r\n      :on-loading=\"MerchantSetupLoading\"\r\n    />\r\n    <div class=\"maincontainer\">\r\n      <div>\r\n        <span class=\"hello mr-3\">\r\n          {{ lbl['dashboard-hello'] }}\r\n          {{ businessName ? businessName : '' }}</span\r\n        >\r\n        <span class=\"lastupdate\">\r\n          {{ lbl['dashboard-last-update'] }} {{ currentDate }}</span\r\n        >\r\n      </div>\r\n      <CounterBox\r\n        :data=\"counterItem\"\r\n        :on-loading=\"CounterBoxMainLoading\"\r\n        ref=\"CounterBoxMain\"\r\n      />\r\n      <DashboardContainer\r\n        :data=\"{\r\n          title: lbl['dashboard-number-of-membership-title'],\r\n          info: lbl['dashboard-number-of-membership-info'],\r\n        }\"\r\n        @onChange=\"onChangeMainChart($event)\"\r\n      >\r\n        <template v-slot:button>\r\n          <a-button\r\n            class=\"d-flex align-items-center\"\r\n            @click=\"onChangeModal(true, 'showModalInsights')\"\r\n          >\r\n            <img\r\n              :src=\"getImage('dashboard', 'folder')\"\r\n              alt=\"insights\"\r\n              class=\"mr-2\"\r\n            />\r\n            <span>{{ lbl['dashboard-user-insights-button'] }}</span>\r\n          </a-button>\r\n          <a-button class=\"d-flex align-items-center\" @click=\"mapExportData\">\r\n            <img\r\n              :src=\"getImage('dashboard', 'filearrowdown')\"\r\n              alt=\"mapExportData\"\r\n              class=\"mr-2\"\r\n            />\r\n            <span>{{ lbl['dashboard-export-file-button'] }}</span>\r\n          </a-button>\r\n        </template>\r\n        <template>\r\n          <div class=\"chart mt-3\">\r\n            <a-empty v-if=\"!memberSeriesState\" class=\"pd-chart\" />\r\n            <apexchart\r\n              v-else\r\n              width=\"100%\"\r\n              height=\"400px\"\r\n              type=\"bar\"\r\n              :options=\"memberOptions\"\r\n              :series=\"memberSeries\"\r\n            />\r\n            <div class=\"d-flex my-5\">\r\n              <div class=\"w-50\">\r\n                <div class=\"header d-flex align-items-center\">\r\n                  <a-tooltip>\r\n                    <template slot=\"title\">\r\n                      {{ lbl['dashboard-insight-user-info-sex-info'] }}\r\n                    </template>\r\n                    <img :src=\"getImage('dashboard', 'gender')\" alt=\"gender\" />\r\n                  </a-tooltip>\r\n                  {{ lbl['dashboard-insight-user-info-sex'] }}\r\n                </div>\r\n                <a-empty v-if=\"!genderSeries.length\" class=\"pd-chart\" />\r\n                <apexchart\r\n                  v-else\r\n                  width=\"100%\"\r\n                  height=\"400px\"\r\n                  type=\"donut\"\r\n                  :options=\"genderOptions\"\r\n                  :series=\"genderSeries\"\r\n                />\r\n              </div>\r\n              <div class=\"w-50\">\r\n                <div class=\"header d-flex align-items-center\">\r\n                  <a-tooltip>\r\n                    <template slot=\"title\">\r\n                      {{ lbl['dashboard-insight-age-info'] }}\r\n                    </template>\r\n                    <img :src=\"getImage('dashboard', 'baby')\" alt=\"age\" />\r\n                  </a-tooltip>\r\n                  {{ lbl['dashboard-insight-age'] }}\r\n                </div>\r\n                <a-empty v-if=\"!ageSeries[0].data.length\" class=\"pd-chart\" />\r\n                <apexchart\r\n                  v-else\r\n                  width=\"100%\"\r\n                  height=\"400px\"\r\n                  type=\"bar\"\r\n                  :options=\"ageOptions\"\r\n                  :series=\"ageSeries\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div\r\n                class=\"w-100 d-flex align-items-center justify-content-between\"\r\n              >\r\n                <div class=\"header d-flex align-items-center\">\r\n                  <a-tooltip>\r\n                    <template slot=\"title\">\r\n                      {{ lbl['dashboard-active-member-info'] }}\r\n                    </template>\r\n                    <img\r\n                      :src=\"getImage('dashboard', 'fire')\"\r\n                      alt=\"Active Member\"\r\n                    />\r\n                  </a-tooltip>\r\n                  {{ lbl['dashboard-active-member'] }}\r\n                </div>\r\n                <a-button\r\n                  class=\"d-flex align-items-center mb-3\"\r\n                  @click=\"exportActiveUser\"\r\n                >\r\n                  <img\r\n                    :src=\"getImage('dashboard', 'filearrowdown')\"\r\n                    alt=\"exportActiveUser\"\r\n                    class=\"mr-2\"\r\n                  />\r\n                  <span>{{ lbl['dashboard-export-file-button'] }}</span>\r\n                </a-button>\r\n              </div>\r\n              <a-empty\r\n                v-if=\"!activeMemberSeries[0].data.length\"\r\n                class=\"pd-chart\"\r\n              />\r\n              <apexchart\r\n                v-else\r\n                width=\"100%\"\r\n                height=\"400px\"\r\n                type=\"area\"\r\n                :options=\"activeMemberOptions\"\r\n                :series=\"activeMemberSeries\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <CounterBox\r\n            :data=\"activeMember\"\r\n            :on-loading=\"CounterBoxActiveMemberLoading\"\r\n            ref=\"CounterBoxActiveMember\"\r\n          />\r\n        </template>\r\n      </DashboardContainer>\r\n      <DashboardContainer\r\n        :data=\"{\r\n          title: lbl['dashboard-point'],\r\n          info: lbl['dashboard-point-info'],\r\n        }\"\r\n        @onChange=\"onChangePointChart($event)\"\r\n      >\r\n        <template v-slot:button>\r\n          <a-button\r\n            class=\"d-flex align-items-center\"\r\n            @click=\"onChangeModal(true, 'showModalTransactions')\"\r\n          >\r\n            <span>{{ lbl['dashboard-transactions-point-list-header'] }}</span>\r\n          </a-button>\r\n          <a-button class=\"d-flex align-items-center\" @click=\"exportPointChart\">\r\n            <img\r\n              :src=\"getImage('dashboard', 'filearrowdown')\"\r\n              alt=\"exportPointChart\"\r\n              class=\"mr-2\"\r\n            />\r\n            <span>{{ lbl['dashboard-export-file-button'] }}</span>\r\n          </a-button>\r\n        </template>\r\n        <div class=\"chart mt-3\">\r\n          <a-empty v-if=\"!pointSeriesState\" class=\"my-5 py-5\" />\r\n          <apexchart\r\n            v-else\r\n            width=\"100%\"\r\n            height=\"400px\"\r\n            :options=\"pointOption\"\r\n            :series=\"pointSeries\"\r\n          />\r\n        </div>\r\n      </DashboardContainer>\r\n      <RankContainer class=\"mb-5\" :data=\"rankListData\" />\r\n    </div>\r\n\r\n    <CookieAccept />\r\n\r\n    <!-- Show Modal 2 -->\r\n    <ExpirePackage\r\n      :isOpenModal=\"expirePackage.isOpenModal\"\r\n      :modalType=\"expirePackage.modalType\"\r\n      :title=\"expirePackage.title\"\r\n      :details=\"expirePackage.details\"\r\n      :showbackto=\"expirePackage.showbackto\"\r\n      :backto=\"expirePackage.backto\"\r\n      :confirm=\"expirePackage.confirm\"\r\n      :onConfirm=\"expirePackage.onConfirm\"\r\n      :onCancel=\"expirePackage.onCancel\"\r\n      :fontSize=\"'20'\"\r\n    />\r\n\r\n    <!-- Show Modal 3 (isWelcomeBack == true) -->\r\n    <WelcomeBack\r\n      :isOpenModal=\"welcomeBack.isOpenModal\"\r\n      :title=\"welcomeBack.title\"\r\n      :details=\"welcomeBack.details\"\r\n      :onCancel=\"welcomeBack.onCancel\"\r\n      :fontSize=\"'20'\"\r\n    />\r\n\r\n    <!-- Show Modal 4 (isChangePackage == true) -->\r\n    <PackageChanged\r\n      :isOpenModal=\"packageChanged.isOpenModal\"\r\n      :title=\"packageChanged.title\"\r\n      :details=\"packageChanged.details\"\r\n      :lifeTime=\"packageChanged.lifeTime\"\r\n      :payment=\"packageChanged.payment\"\r\n      :imgHistory=\"packageChanged.imgHistory\"\r\n      :imgCurrent=\"packageChanged.imgCurrent\"\r\n      :onCancel=\"packageChanged.onCancel\"\r\n      :onView=\"packageChanged.onView\"\r\n      :fontSize=\"'20'\"\r\n    />\r\n\r\n    <!-- Show Modal 5 -->\r\n    <Notification\r\n      :isOpenModal=\"notificationAccountSetting.isOpenModal\"\r\n      :modalType=\"notificationAccountSetting.modalType\"\r\n      :title=\"notificationAccountSetting.title\"\r\n      :details=\"notificationAccountSetting.details\"\r\n      :backto=\"notificationAccountSetting.backto\"\r\n      :confirm=\"notificationAccountSetting.confirm\"\r\n      :onConfirm=\"notificationAccountSetting.onConfirm\"\r\n      :onCancel=\"notificationAccountSetting.onCancel\"\r\n      @passNotify=\"passNotify($event)\"\r\n    />\r\n\r\n    <!-- Show Modal 6 -->\r\n    <AnnouncementCarousel\r\n      :isOpenModal=\"announcement2.isOpenModal\"\r\n      :data=\"announcement2.data\"\r\n      @close=\"onCloseAnnoucement($event)\"\r\n    />\r\n\r\n    <Insights\r\n      :show=\"showModalInsights\"\r\n      :data=\"dataInsights\"\r\n      @changeInsights=\"onChangeModal($event, 'showModalInsights')\"\r\n    />\r\n    <TransactionsEDC\r\n      :show=\"showModalTransactions\"\r\n      :data=\"dataTransactions\"\r\n      @changeTransactions=\"onChangeModal($event, 'showModalTransactions')\"\r\n    />\r\n    <alertUpgradePackage\r\n      :visible=\"showAlertUpgradepackage\"\r\n      :title=\"alertUpgradeTitle\"\r\n      :internal=\"actionUpgrade.internalPage\"\r\n      :page-name=\"actionUpgrade.pageName\"\r\n      @close=\"showAlertUpgradepackage = !showAlertUpgradepackage\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Header from '@/components/Layout/Header'\r\nimport BzbsAnnouncement from '@/core/Announcement/service/BzbsAnnouncement'\r\nimport BzbsDashboard from '../../core/Dashboard/BzbsDashboard'\r\nimport Vue from 'vue'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport PackageHelper from '@/helper/PackageHelper.js'\r\nimport BzbsPackage from '@/core/Package/service/BzbsPackage'\r\nimport BzbsCart from '@/core/Cart/service/BzbsCart'\r\nimport alertUpgradePackage from '@/components/Modal/Component/alertUpgradePackage'\r\nimport CookieAccept from '@/components/Layout/CookieAccept'\r\nimport WelcomeBack from '@/components/Modal/Component/WelcomeBack'\r\nimport ExpirePackage from '@/components/Modal/Component/confirmmodal2'\r\nimport PackageChanged from '@/components/Modal/Component/PackageChanged'\r\nimport Notification from '@/components/Modal/Component/confirmmodal2'\r\nimport AnnouncementCarousel from '@/components/Modal/Component/AnnouncementCarousel'\r\nimport MerchantSetup from './components/MerchantSetup.vue'\r\nimport CounterBox from './components/CounterBox'\r\nimport DashboardContainer from './components/DashboardContainer.vue'\r\nimport RankContainer from './components/RankContainer'\r\nimport Insights from '@/module/components/dashboard/popup/Insights'\r\nimport TransactionsEDC from '@/module/components/dashboard/popup/TransactionsEDC'\r\nimport moment from 'moment'\r\nimport XLSX from 'xlsx'\r\n\r\nexport default {\r\n  name: 'Dashboard',\r\n  components: {\r\n    Header,\r\n    MerchantSetup,\r\n    CounterBox,\r\n    DashboardContainer,\r\n    RankContainer,\r\n    Insights,\r\n    TransactionsEDC,\r\n    CookieAccept,\r\n    WelcomeBack,\r\n    ExpirePackage,\r\n    PackageChanged,\r\n    Notification,\r\n    AnnouncementCarousel,\r\n    alertUpgradePackage,\r\n  },\r\n  mixins: [Mixin],\r\n  data() {\r\n    return {\r\n      welcomeBack: {\r\n        title: '',\r\n        details: '',\r\n        onCancel: null,\r\n        isOpenModal: false,\r\n      },\r\n      notificationAccountSetting: {\r\n        title: '',\r\n        details: '',\r\n        modalType: '',\r\n        backto: '',\r\n        confirm: '',\r\n        onConfirm: null,\r\n        onCancel: null,\r\n        isOpenModal: false,\r\n      },\r\n      expirePackage: {\r\n        title: '',\r\n        details: '',\r\n        modalType: '',\r\n        backto: '',\r\n        confirm: '',\r\n        showbackto: true,\r\n        onConfirm: null,\r\n        onCancel: null,\r\n        isOpenModal: false,\r\n      },\r\n      packageChanged: {\r\n        title: '',\r\n        details: '',\r\n        lifeTime: '',\r\n        payment: '',\r\n        imgHistory: null,\r\n        imgCurrent: null,\r\n        onCancel: null,\r\n        onView: null,\r\n        isOpenModal: false,\r\n      },\r\n      announcement2: {\r\n        data: [],\r\n        onCancel: null,\r\n        isOpenModal: false,\r\n      },\r\n      showModalInsights: false,\r\n      dataInsights: {},\r\n      showModalTransactions: false,\r\n      dataTransactions: {},\r\n      mainChartData: {},\r\n      pointChartData: {},\r\n      merchantSetupList: {\r\n        PointRatio: {\r\n          title: 'Point setup:',\r\n          info: 'แสดงเรทการให้คะแนนของร้านในปัจจุบัน (Day-1)',\r\n          value: null,\r\n        },\r\n        ActiveReward: {\r\n          title: 'Active Reward:',\r\n          info: 'จำนวนของรางวัลที่เปิดใช้งานอยู่​',\r\n          value: null,\r\n        },\r\n        FriendGetFriendCount: {\r\n          title: 'Friend get friends:',\r\n          info: 'จำนวนลูกค้าใหม่ที่เชิญได้จากกิจกรรมชวนเพื่อน (ตั้งแต่สร้างร้านมา)',\r\n          value: null,\r\n        },\r\n        BranchCount: { title: 'Your branch:', info: '', value: 0 },\r\n      },\r\n      counterItem: {\r\n        TotalUser: {\r\n          icon: 'totalmember',\r\n          title: 'Total Member',\r\n          value: null,\r\n          et: 'Member',\r\n          class: 'span2',\r\n          info: 'จำนวนลูกค้าทั้งหมด ตั้งแต่สร้างร้านค้า (หักลบ user ที่ยกเลิกสมาชิก)​',\r\n        },\r\n        PointIssuer: {\r\n          icon: 'coin',\r\n          title: 'Total Point Issue',\r\n          value: null,\r\n          et: 'Points',\r\n          class: 'span2',\r\n          info: 'จำนวนคะแนนทั้งหมด ที่มีการให้แก่ลูกค้า​​​',\r\n        },\r\n        AveragePointOnHand: {\r\n          icon: 'pointonhand',\r\n          title: 'Avg. Point on hand/Member',\r\n          value: null,\r\n          et: 'Points',\r\n          class: '',\r\n          info: 'ค่าเฉลี่ยจำนวนคะแนนที่ลูกค้าแต่ละคนมี​',\r\n        },\r\n        AverageTicketSize: {\r\n          icon: 'ticket',\r\n          title: 'Avg. ticket size',\r\n          value: null,\r\n          et: 'Baht',\r\n          class: '',\r\n          info: 'ค่าเฉลี่ยต่อการซื้อสินค้าใน 1 ครั้ง​',\r\n        },\r\n        TotalSale: {\r\n          icon: 'piggybank',\r\n          title: 'Total Sales',\r\n          value: null,\r\n          et: 'Baht',\r\n          class: '',\r\n          info: 'ยอดขาย spending ที่ใช้ในการให้คะแนน ทั้งหมด​​​',\r\n        },\r\n        ExtraRevenue: {\r\n          icon: 'bank',\r\n          title: 'Extra Revenue From CRM PLUS',\r\n          value: null,\r\n          et: 'Baht',\r\n          class: '',\r\n          info: '​​ยอดรายได้ที่เพิ่มขึ้นหลังจากใช้งาน  CRM PLUS  (คำนวณจากการซื้อ ครั้งที่ 2++ ของuser)​',\r\n        },\r\n      },\r\n      activeMember: {\r\n        AverageActiveMember: {\r\n          icon: 'totalmember',\r\n          title: 'Average active Member',\r\n          value: null,\r\n          et: 'Member',\r\n          class: '',\r\n        },\r\n        AverageTicketSize: {\r\n          icon: 'coin',\r\n          title: 'Average ticket size',\r\n          value: null,\r\n          et: 'THB',\r\n          class: '',\r\n        },\r\n        AverageUniqueRedeemUser: {\r\n          icon: 'pointonhand',\r\n          title: 'Average Unique Redeem Member',\r\n          value: null,\r\n          et: 'Member',\r\n          class: '',\r\n        },\r\n        AverageUniqueEarnedUser: {\r\n          icon: 'ticket',\r\n          title: 'Average Unique Earn point Member',\r\n          value: null,\r\n          et: 'Member',\r\n          class: '',\r\n        },\r\n      },\r\n      rankListData: [\r\n        {\r\n          icon: 'reward',\r\n          page: 'RewardRank',\r\n          title: 'Reward Redemption Rank',\r\n          getlist: this.getRewardRedemtionRank,\r\n          data: [],\r\n        },\r\n        {\r\n          icon: 'branch',\r\n          page: 'BranchDetail',\r\n          title: 'Branch/Terminal Givepoint',\r\n          getlist: this.getBranchRank,\r\n          data: [],\r\n        },\r\n      ],\r\n      memberOptions: {\r\n        chart: {\r\n          id: 'numberofmembership',\r\n          stacked: true,\r\n          animations: {\r\n            enabled: true,\r\n            easing: 'easeinout',\r\n            speed: 800,\r\n            animateGradually: {\r\n              enabled: true,\r\n              delay: 150,\r\n            },\r\n            dynamicAnimation: {\r\n              enabled: true,\r\n              speed: 350,\r\n            },\r\n          },\r\n          background: '#fff',\r\n          fontFamily:\r\n            this.currentLocale == 'th' ? 'AnuphanRegular' : 'RobotoRegular',\r\n          foreColor: '#000',\r\n        },\r\n        colors: ['#006EFF', '#00e396'],\r\n        xaxis: {\r\n          categories: [],\r\n        },\r\n        legend: {\r\n          position: 'top',\r\n        },\r\n      },\r\n      memberSeries: [],\r\n      genderOptions: {\r\n        chart: {\r\n          id: 'genderofmembership',\r\n          animations: {\r\n            enabled: true,\r\n            easing: 'easeinout',\r\n            speed: 800,\r\n            animateGradually: {\r\n              enabled: true,\r\n              delay: 150,\r\n            },\r\n            dynamicAnimation: {\r\n              enabled: true,\r\n              speed: 350,\r\n            },\r\n          },\r\n          background: '#fff',\r\n          fontFamily:\r\n            this.currentLocale == 'th' ? 'AnuphanRegular' : 'RobotoRegular',\r\n          foreColor: '#000',\r\n        },\r\n        labels: [],\r\n      },\r\n      genderSeries: [],\r\n      ageOptions: {\r\n        chart: {\r\n          id: 'ageofmembership',\r\n          animations: {\r\n            enabled: true,\r\n            easing: 'easeinout',\r\n            speed: 800,\r\n            animateGradually: {\r\n              enabled: true,\r\n              delay: 150,\r\n            },\r\n            dynamicAnimation: {\r\n              enabled: true,\r\n              speed: 350,\r\n            },\r\n          },\r\n          background: '#fff',\r\n          fontFamily:\r\n            this.currentLocale == 'th' ? 'AnuphanRegular' : 'RobotoRegular',\r\n          foreColor: '#000',\r\n        },\r\n        plotOptions: {\r\n          bar: {\r\n            horizontal: true,\r\n          },\r\n        },\r\n        colors: ['#006EFF', '#00e396'],\r\n        xaxis: {\r\n          categories: [],\r\n        },\r\n        legend: {\r\n          position: 'top',\r\n        },\r\n      },\r\n      ageSeries: [\r\n        {\r\n          name: '',\r\n          data: [],\r\n        },\r\n      ],\r\n      CounterBoxActiveMemberLoading: false,\r\n      CounterBoxMainLoading: false,\r\n      MerchantSetupLoading: false,\r\n      activeMemberOptions: {\r\n        chart: {\r\n          id: 'activenumberofmembership',\r\n          stacked: true,\r\n          animations: {\r\n            enabled: true,\r\n            easing: 'easeinout',\r\n            speed: 800,\r\n            animateGradually: {\r\n              enabled: true,\r\n              delay: 150,\r\n            },\r\n            dynamicAnimation: {\r\n              enabled: true,\r\n              speed: 350,\r\n            },\r\n          },\r\n          background: '#fff',\r\n          fontFamily:\r\n            this.currentLocale == 'th' ? 'AnuphanRegular' : 'RobotoRegular',\r\n          foreColor: '#000',\r\n        },\r\n        colors: ['#006EFF', '#00e396'],\r\n        xaxis: {\r\n          categories: [],\r\n        },\r\n        legend: {\r\n          position: 'top',\r\n        },\r\n      },\r\n      activeMemberSeries: [{ name: '', data: [] }],\r\n      pointOption: {\r\n        chart: {\r\n          height: 350,\r\n          type: 'line',\r\n        },\r\n        legend: {\r\n          position: 'top',\r\n        },\r\n        stroke: {\r\n          width: [0, 4],\r\n        },\r\n        dataLabels: {\r\n          enabled: true,\r\n          enabledOnSeries: [1],\r\n        },\r\n        labels: [],\r\n        // xaxis: {\r\n        //     type: 'datetime'\r\n        // },\r\n        yaxis: [\r\n          {\r\n            title: {\r\n              text: 'Earn',\r\n            },\r\n          },\r\n          {\r\n            opposite: true,\r\n            title: {\r\n              text: 'Burn',\r\n            },\r\n          },\r\n        ],\r\n      },\r\n      pointSeries: [\r\n        {\r\n          name: 'Earn',\r\n          type: 'column',\r\n          data: [],\r\n        },\r\n        {\r\n          name: 'Burn',\r\n          type: 'line',\r\n          data: [],\r\n        },\r\n      ],\r\n      showAlertUpgradepackage: false,\r\n      alertUpgradeTitle: '',\r\n      actionUpgrade: {\r\n        internalPage: true,\r\n        pageName: 'Dashboard',\r\n      },\r\n      businessName: '',\r\n      activeUserData: [],\r\n    }\r\n  },\r\n  computed: {\r\n    currentDate() {\r\n      return moment().format('DD/MM/YYYY - HH:mm')\r\n    },\r\n    memberSeriesState() {\r\n      if (this.memberSeries) {\r\n        return this.memberSeries.every(item => item.data.length)\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    pointSeriesState() {\r\n      if (this.pointSeries) {\r\n        return this.pointSeries.every(item => item.data.length)\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.merchantSetupList = {\r\n      PointRatio: {\r\n        title: this.lbl['dashboard-point-setup'],\r\n        info: this.lbl['dashboard-point-setup-info'],\r\n        value: null,\r\n      },\r\n      ActiveReward: {\r\n        title: this.lbl['dashboard-active-reward'],\r\n        info: this.lbl['dashboard-active-reward-info'],\r\n        value: null,\r\n      },\r\n      FriendGetFriendCount: {\r\n        title: this.lbl['dashboard-fgf'],\r\n        info: this.lbl['dashboard-fgf-info'],\r\n        value: null,\r\n      },\r\n      BranchCount: {\r\n        title: this.lbl['dashboard-your-branch'],\r\n        info: this.lbl['dashboard-your-branch-info'],\r\n        value: null,\r\n      },\r\n    }\r\n    this.counterItem = {\r\n      TotalUser: {\r\n        icon: 'totalmember',\r\n        title: this.lbl['dashboard-total-member'],\r\n        value: null,\r\n        et: this.lbl['dashboard-unit-member'],\r\n        info: this.lbl['dashboard-total-member-info'],\r\n        class: 'span2',\r\n      },\r\n      PointIssuer: {\r\n        icon: 'coin',\r\n        title: this.lbl['dashboard-total-point-issue'],\r\n        value: null,\r\n        et: 'Points',\r\n        info: this.lbl['dashboard-total-point-issue-info'],\r\n        class: 'span2',\r\n      },\r\n      AveragePointOnHand: {\r\n        icon: 'pointonhand',\r\n        title: this.lbl['dashboard-avg-point-on-hand'],\r\n        value: null,\r\n        et: 'Points',\r\n        info: this.lbl['dashboard-avg-point-on-hand-info'],\r\n        class: '',\r\n      },\r\n      AverageTicketSize: {\r\n        icon: 'ticket',\r\n        title: this.lbl['dashboard-avg-ticket-size'],\r\n        value: null,\r\n        et: 'Baht',\r\n        info: this.lbl['dashboard-avg-ticket-size-info'],\r\n        class: '',\r\n      },\r\n      TotalSale: {\r\n        icon: 'piggybank',\r\n        title: this.lbl['dashboard-total-sales'],\r\n        value: null,\r\n        et: 'Baht',\r\n        info: this.lbl['dashboard-total-sales-info'],\r\n        class: '',\r\n      },\r\n      ExtraRevenue: {\r\n        icon: 'bank',\r\n        title: this.lbl['dashboard-extra-revenue-from-crm-plus'],\r\n        value: null,\r\n        et: 'Baht',\r\n        info: this.lbl['dashboard-extra-revenue-from-crm-plus-info'],\r\n        class: '',\r\n      },\r\n    }\r\n    this.activeMember = {\r\n      AverageActiveMember: {\r\n        icon: 'totalmember',\r\n        title: this.lbl['dashboard-avg-active-member'],\r\n        info: this.lbl['dashboard-avg-active-member-info'],\r\n        value: null,\r\n        et: this.lbl['dashboard-unit-member'],\r\n        class: '',\r\n      },\r\n      AverageTicketSize: {\r\n        icon: 'coin',\r\n        title: this.lbl['dashboard-avg-ticket-size'],\r\n        info: this.lbl['dashboard-avg-ticket-size-info'],\r\n        value: null,\r\n        et: this.lbl['third-party-thb'],\r\n        class: '',\r\n      },\r\n      AverageUniqueRedeemUser: {\r\n        icon: 'pointonhand',\r\n        title: this.lbl['dashboard-avg-unique-redeem-member'],\r\n        info: this.lbl['dashboard-avg-unique-redeem-member-info'],\r\n        value: null,\r\n        et: this.lbl['dashboard-unit-member'],\r\n        class: '',\r\n      },\r\n      AverageUniqueEarnedUser: {\r\n        icon: 'ticket',\r\n        title: this.lbl['dashboard-avg-unique-earn-point-member'],\r\n        info: this.lbl['dashboard-avg-unique-earn-point-member-info'],\r\n        value: null,\r\n        et: this.lbl['dashboard-unit-member'],\r\n        class: '',\r\n      },\r\n    }\r\n    this.rankListData = [\r\n      {\r\n        icon: 'reward',\r\n        page: 'RewardRank',\r\n        title: this.lbl['dashboard-reward-redemption-rank'],\r\n        info: this.lbl['dashboard-reward-redemption-rank-info'],\r\n        getlist: this.getRewardRedemtionRank,\r\n        data: [],\r\n      },\r\n      {\r\n        icon: 'branch',\r\n        page: 'BranchDetail',\r\n        title: this.lbl['dashboard-branch-and-terminal-givepoint'],\r\n        info: this.lbl['dashboard-branch-and-terminal-givepoint-info'],\r\n        getlist: this.getBranchRank,\r\n        data: [],\r\n      },\r\n    ]\r\n    this.getBanner()\r\n    this.getSummaryDashboard()\r\n    this.dataInsights = {\r\n      startdate: moment().add(-29, 'd').format('YYYY-MM-DD'),\r\n      enddate: moment().format('YYYY-MM-DD'),\r\n    }\r\n    this.getMemberChart()\r\n    this.getGenderChart()\r\n    this.getAgeChart()\r\n    this.getActiveMemberChart()\r\n    this.getAverageDashboard()\r\n    this.getPointChart()\r\n\r\n    this.beforeinit()\r\n  },\r\n  methods: {\r\n    onChangeModal(data, type) {\r\n      var onCondition =\r\n        type == 'showModalInsights' || type == 'showModalTransactions'\r\n      Account.bzbsAnalyticTracking(\r\n        'dashboard',\r\n        type == 'showModalInsights'\r\n          ? 'number_of_active_membership​'\r\n          : 'earn_redeem_points',\r\n        'click_' + type,\r\n        'on click',\r\n      )\r\n      if (onCondition && this.crmPackage && this.crmPackage.IsFreePackage) {\r\n        this.showAlertUpgradepackage = true\r\n        this.alertUpgradeTitle =\r\n          type == 'showModalTransactions'\r\n            ? this.lbl['alert-upgrade-package-for-transactions-text']\r\n            : this.lbl['alert-upgrade-package-for-insights-text']\r\n        this.actionUpgrade = {\r\n          internalPage: true,\r\n          pageName: 'Package',\r\n        }\r\n      } else {\r\n        this[type] = data\r\n      }\r\n    },\r\n    onChangeDate(data, type) {\r\n      this[type] = {\r\n        startdate: data[0].format('YYYY-MM-DD'),\r\n        enddate: data[1].format('YYYY-MM-DD'),\r\n      }\r\n    },\r\n    getBanner() {\r\n      this.MerchantSetupLoading = true\r\n      BzbsDashboard.getBanner()\r\n        .then(res => {\r\n          if (res.data.success) {\r\n            let bannerData = res.data.data\r\n            Object.keys(this.merchantSetupList).forEach(key => {\r\n              this.merchantSetupList[key].value = bannerData[key]\r\n            })\r\n          } else {\r\n            console.log(\r\n              'getBanner err :: ',\r\n              res.data.code,\r\n              ': ',\r\n              res.data.message,\r\n            )\r\n          }\r\n          this.MerchantSetupLoading = false\r\n        })\r\n        .catch(err => {\r\n          this.MerchantSetupLoading = false\r\n          console.log(err)\r\n        })\r\n    },\r\n    getSummaryDashboard() {\r\n      this.CounterBoxMainLoading = true\r\n      BzbsDashboard.getSummaryDashboard()\r\n        .then(res => {\r\n          let getSummaryData\r\n          if (res.data.success) {\r\n            getSummaryData = res.data.data\r\n            Object.keys(this.counterItem).forEach(key => {\r\n              this.counterItem[key].value = getSummaryData[key]\r\n            })\r\n            this.$refs.CounterBoxMain.trickerCounter()\r\n            this.$forceUpdate()\r\n          } else {\r\n            Object.keys(this.counterItem).forEach(key => {\r\n              this.counterItem[key].value = '-'\r\n            })\r\n            this.$refs.CounterBoxMain.trickerCounter()\r\n            this.$forceUpdate()\r\n          }\r\n          this.CounterBoxMainLoading = false\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n          Object.keys(this.counterItem).forEach(key => {\r\n            this.counterItem[key].value = '-'\r\n          })\r\n          this.$refs.CounterBoxMain.trickerCounter()\r\n          this.$forceUpdate()\r\n          this.CounterBoxMainLoading = false\r\n        })\r\n    },\r\n    onChangePointChart(date) {\r\n      this.getPointChart(date)\r\n    },\r\n    onChangeMainChart(date) {\r\n      this.dataInsights = {\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n      }\r\n      this.getMemberChart(date)\r\n      this.getGenderChart(date)\r\n      this.getAgeChart(date)\r\n      this.getActiveMemberChart(date)\r\n    },\r\n    getMemberChart(date = [moment().subtract(7, 'days'), moment()]) {\r\n      BzbsDashboard.getMemberChart({\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n        filter: 'Custom',\r\n      })\r\n        .then(res => {\r\n          let categories = []\r\n          let newUserSeries = []\r\n          let existingUserSeries = []\r\n          this.mainChartData.memberChartData = res.data.data\r\n          this.mainChartData.memberChartData.forEach(item => {\r\n            item.RegisteredOn = moment\r\n              .unix(item.RegisteredOn)\r\n              .format('DD/MM/YYYY')\r\n          })\r\n          res.data.data\r\n            .sort((a, b) => a.RegisteredOn - b.RegisteredOn)\r\n            .forEach(item => {\r\n              categories.push(item.RegisteredOn)\r\n              newUserSeries.push(item.NewUser)\r\n              existingUserSeries.push(item.ExistingUser)\r\n            })\r\n          this.memberSeries = [\r\n            {\r\n              name: 'New Member',\r\n              data: newUserSeries,\r\n            },\r\n            {\r\n              name: 'Existing Member',\r\n              data: existingUserSeries,\r\n            },\r\n          ]\r\n          this.memberOptions = {\r\n            ...this.memberOptions,\r\n            xaxis: { categories: categories },\r\n          }\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n        })\r\n    },\r\n    getGenderChart(date = [moment().subtract(7, 'days'), moment()]) {\r\n      BzbsDashboard.getGenderChart({\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n        filter: 'Custom',\r\n      })\r\n        .then(res => {\r\n          this.mainChartData.genderChartData = res.data.data\r\n          let genderChartData = res.data.data\r\n          let series = []\r\n          let labels = []\r\n          genderChartData.forEach(item => {\r\n            series.push(item.NumberOfUser)\r\n            labels.push(item.Gender)\r\n          })\r\n          this.genderSeries = [...series]\r\n          this.genderOptions = { ...this.genderOptions, labels }\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n        })\r\n    },\r\n    getAgeChart(date = [moment().subtract(7, 'days'), moment()]) {\r\n      BzbsDashboard.getAgeChart({\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n        filter: 'Custom',\r\n      })\r\n        .then(res => {\r\n          this.mainChartData.ageChartData = res.data.data\r\n          let ageChartData = {}\r\n          res.data.data\r\n            .sort((a, b) => a.AgeRange.localeCompare(b.AgeRange))\r\n            .forEach(item => {\r\n              if (ageChartData[item.AgeRange]) {\r\n                ageChartData[item.AgeRange] =\r\n                  ageChartData[item.AgeRange] + item.NumberOfUser\r\n              } else {\r\n                ageChartData[item.AgeRange] = item.NumberOfUser\r\n              }\r\n            })\r\n          let series = { name: 'User', data: [] }\r\n          let labels = []\r\n          Object.keys(ageChartData).forEach(item => {\r\n            series.data.push(ageChartData[item])\r\n            labels.push(item)\r\n          })\r\n          this.ageSeries = [series]\r\n          this.ageOptions = {\r\n            ...this.ageOptions,\r\n            xaxis: { categories: labels },\r\n          }\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n        })\r\n    },\r\n    getActiveMemberChart(date = [moment().subtract(7, 'days'), moment()]) {\r\n      this.CounterBoxActiveMemberLoading = true\r\n      BzbsDashboard.getActiveMemberChart({\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n        filter: 'Custom',\r\n      })\r\n        .then(res => {\r\n          let series\r\n          let labels\r\n          let activememberChartData = {}\r\n\r\n          if (res.data.success) {\r\n            activememberChartData.TrendActiveMembers =\r\n              res.data.data.TrendActiveMembers\r\n            this.mainChartData.activememberChartData =\r\n              res.data.data.TrendActiveMembers\r\n            series = { name: 'User', data: [] }\r\n            labels = []\r\n            activememberChartData.TrendActiveMembers.forEach(item => {\r\n              series.data.push(item.NumberOfActiveUser)\r\n              labels.push(`${item.Day}/${item.Month}/${item.Year}`)\r\n            })\r\n            this.activeMemberSeries = [series]\r\n            this.activeMemberOptions = {\r\n              ...this.activeMemberOptions,\r\n              xaxis: { categories: labels },\r\n            }\r\n            try {\r\n              this.activeUserData =\r\n                activememberChartData.TrendActiveMembers.flatMap(member =>\r\n                  member.ActiveUserDetails.map(detail => ({\r\n                    ActiveDate: detail.ActiveDate,\r\n                    UserId: detail.UserId,\r\n                  })),\r\n                )\r\n            } catch {\r\n              this.activeUserData = []\r\n            }\r\n          } else {\r\n            Object.keys(this.activeMember).forEach(key => {\r\n              this.activeMember[key].value = '-'\r\n            })\r\n          }\r\n          console.log(this.$refs.CounterBoxActiveMember)\r\n\r\n          this.CounterBoxActiveMemberLoading = false\r\n          this.$refs.CounterBoxActiveMember.trickerCounter()\r\n          console.log(this.activeUserData)\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n          Object.keys(this.activeMember).forEach(key => {\r\n            this.activeMember[key].value = '-'\r\n          })\r\n          this.CounterBoxActiveMemberLoading = false\r\n          this.$refs.CounterBoxActiveMember.trickerCounter()\r\n        })\r\n    },\r\n    getAverageDashboard(date = [moment().subtract(7, 'days'), moment()]) {\r\n      this.CounterBoxActiveMemberLoading = true\r\n      BzbsDashboard.getAverageDashboard({\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n        filter: 'Custom',\r\n      })\r\n        .then(res => {\r\n          let activememberChartData\r\n          if (res.data.success) {\r\n            activememberChartData = res.data.data\r\n            Object.keys(activememberChartData).forEach(item => {\r\n              this.activeMember[item].value = activememberChartData[item] || 0\r\n            })\r\n          } else {\r\n            Object.keys(this.activeMember).forEach(key => {\r\n              this.activeMember[key].value = '-'\r\n            })\r\n          }\r\n          this.CounterBoxActiveMemberLoading = false\r\n\r\n          this.$refs.CounterBoxActiveMember.trickerCounter()\r\n          console.log(this.activeUserData)\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n          Object.keys(this.activeMember).forEach(key => {\r\n            this.activeMember[key].value = '-'\r\n          })\r\n          this.CounterBoxActiveMemberLoading = false\r\n\r\n          this.$refs.CounterBoxActiveMember.trickerCounter()\r\n        })\r\n    },\r\n    exportActiveUser() {\r\n      Account.bzbsAnalyticTracking(\r\n        'dashboard',\r\n        'active_member​',\r\n        'click_export',\r\n        'on click',\r\n      )\r\n      this.exportFile(this.activeUserData, 'activeUser')\r\n    },\r\n    getPointChart(date = [moment().subtract(7, 'days'), moment()]) {\r\n      BzbsDashboard.getPointChart({\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n        filter: 'Month',\r\n      })\r\n        .then(res => {\r\n          this.pointChartData = res.data.data.sort((a, b) => a.Year - b.Year)\r\n          let earnSeries = {\r\n            name: 'Earn',\r\n            type: 'column',\r\n            data: [],\r\n          }\r\n          let burnSeries = {\r\n            name: 'Burn',\r\n            type: 'line',\r\n            data: [],\r\n          }\r\n          let labels = []\r\n          this.pointChartData.forEach(item => {\r\n            earnSeries.data.push(item.EarnPoint || 0)\r\n            burnSeries.data.push(item.BurnPoin || 0)\r\n            labels.push(`${item.Month || 1}/${item.Year}`)\r\n          })\r\n          this.pointSeries = [earnSeries, burnSeries]\r\n          this.pointOption = { ...this.pointOption, labels }\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n        })\r\n    },\r\n    getRewardRedemtionRank(date = [moment().subtract(7, 'days'), moment()]) {\r\n      BzbsDashboard.getRewardRedemtionRank({\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n      })\r\n        .then(res => {\r\n          let redemtionRank = res.data.data.slice(0, 5)\r\n          this.rankListData[0].data = []\r\n          redemtionRank.forEach((item, index) => {\r\n            this.rankListData[0].data.push({\r\n              rank: index + 1,\r\n              img: item.PictureUrl,\r\n              showImg: true,\r\n              badge: [item.Campaignstatus, item.Campaigntypes],\r\n              text: item.Campaignname,\r\n              id: item.Campaignid,\r\n              adon: [\r\n                {\r\n                  key: 'Quantity',\r\n                  text: this.lbl['dashboard-quanlity'],\r\n                  value: item.Quantity ? item.Quantity : 0,\r\n                },\r\n                {\r\n                  key: 'Redeemed',\r\n                  text: this.lbl['dashboard-insight-user-history-redeem-tab'],\r\n                  value: item.Redeemed ? item.Redeemed : 0,\r\n                  subfix: this.lbl['dashboard-suffix-times'],\r\n                },\r\n                {\r\n                  key: 'Used',\r\n                  text: this.lbl['dashboard-redeem-by'],\r\n                  value: item.Used ? item.Used : 0,\r\n                  subfix: this.lbl['members'],\r\n                },\r\n              ],\r\n            })\r\n          })\r\n          this.$forceUpdate()\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n        })\r\n    },\r\n    getBranchRank(date = [moment().subtract(7, 'days'), moment()]) {\r\n      BzbsDashboard.getBranchRank({\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n      })\r\n        .then(res => {\r\n          let branchRank = res.data.data.slice(0, 5)\r\n          this.rankListData[1].data = []\r\n          branchRank.forEach((item, index) => {\r\n            this.rankListData[1].data.push({\r\n              rank: index + 1,\r\n              img: '',\r\n              showImg: false,\r\n              badge: [],\r\n              text: item.BranchName,\r\n              adon: [\r\n                {\r\n                  key: 'GivePoint',\r\n                  text: this.lbl['dashboard-transactions-earn-points'],\r\n                  value: item.GivePoint ? item.GivePoint : 0,\r\n                },\r\n                {\r\n                  key: 'Redeemed',\r\n                  text: this.lbl['dashboard-insight-user-history-redeem-tab'],\r\n                  value: item.Redeemed ? item.Redeemed : 0,\r\n                  subfix: this.lbl['dashboard-suffix-times'],\r\n                },\r\n                {\r\n                  key: 'ActiveMember',\r\n                  text: this.lbl['dashboard-active-member'],\r\n                  value: item.ActiveMember ? item.ActiveMember : 0,\r\n                  subfix: this.lbl['members'],\r\n                },\r\n              ],\r\n            })\r\n          })\r\n          this.$forceUpdate()\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n        })\r\n    },\r\n    exportPointChart() {\r\n      Account.bzbsAnalyticTracking(\r\n        'dashboard',\r\n        'earn_redeem_points',\r\n        'click_export',\r\n        'on click',\r\n      )\r\n      if (this.crmPackage && this.crmPackage.IsFreePackage) {\r\n        this.showAlertUpgradepackage = true\r\n        this.alertUpgradeTitle =\r\n          this.lbl['alert-upgrade-package-for-transactions-text']\r\n        this.actionUpgrade = {\r\n          internalPage: true,\r\n          pageName: 'Package',\r\n        }\r\n      } else {\r\n        this.exportFile(this.pointChartData, 'pointChartData')\r\n      }\r\n    },\r\n    mapExportData() {\r\n      Account.bzbsAnalyticTracking(\r\n        'dashboard',\r\n        'number_of_active_membership​',\r\n        'click_export​',\r\n        'on click',\r\n      )\r\n      if (this.crmPackage && this.crmPackage.IsFreePackage) {\r\n        this.showAlertUpgradepackage = true\r\n        this.alertUpgradeTitle =\r\n          this.lbl['alert-upgrade-package-for-insights-text']\r\n        this.actionUpgrade = {\r\n          internalPage: true,\r\n          pageName: 'Package',\r\n        }\r\n      } else {\r\n        Object.keys(this.mainChartData).forEach(key => {\r\n          console.log(key, this.mainChartData[key])\r\n          this.exportFile(this.mainChartData[key], key)\r\n        })\r\n      }\r\n    },\r\n    exportFile(data, name) {\r\n      const dataWS = XLSX.utils.json_to_sheet(data)\r\n      const wb = XLSX.utils.book_new()\r\n      XLSX.utils.book_append_sheet(wb, dataWS)\r\n      XLSX.writeFile(wb, name + '_' + Date.parse(new Date()) + '.xlsx')\r\n    },\r\n    beforeinit() {\r\n      Account.getSubscriptionInfo().then(info => {\r\n        if (info.length > 0) {\r\n          if (info[0].SubscriptionId) {\r\n            this.subscriptionId = info[0].SubscriptionId\r\n          } else {\r\n            this.subscriptionId = null\r\n          }\r\n        } else {\r\n          this.subscriptionId = null\r\n        }\r\n      })\r\n      this.businessName = ''\r\n      if (Account.getCacheProfileAddress().strBusinessName) {\r\n        this.businessName = Account.getCacheProfileAddress().strBusinessName\r\n      } else if (Account.getCacheUser().BusinessName) {\r\n        this.businessName = Account.getCacheUser().BusinessName\r\n      }\r\n\r\n      let configSelfOnBoard = false\r\n      try {\r\n        let parse = JSON.parse(localStorage.getItem('bzbsCRMConfig'))\r\n        if (parse) {\r\n          configSelfOnBoard = parse.buzzebeesConfigSelfOnBoard\r\n            ? parse.buzzebeesConfigSelfOnBoard\r\n            : false\r\n        } else {\r\n          configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n        }\r\n      } catch (e) {\r\n        configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n      }\r\n\r\n      if (configSelfOnBoard) {\r\n        Account.apiAccountInformation().then(res => {\r\n          console.log('res:: ', res)\r\n          if (res.data.RequirePackage) {\r\n            if (this.$route.query.changepackage) {\r\n              console.log(\r\n                'res.data.PackageChange == null: ',\r\n                res.data.PackageChange == null,\r\n              )\r\n              console.log(\r\n                'res IsPackageChangeAcknowledged:2: ',\r\n                res.data.PackageChange,\r\n              )\r\n\r\n              if (\r\n                res.data.PackageChange == null ||\r\n                res.data.PackageChange.IsPackageChangeAcknowledged\r\n              ) {\r\n                Account.apiAccountInformation()\r\n                this.crmPackage = Account.getCachePackage()\r\n                this.checkPackageChange()\r\n              }\r\n              Account.apiAccountPermissionChange(res.data)\r\n            }\r\n\r\n            if (res.data.IsExtendExpired) {\r\n              if (!this.businessName) {\r\n                if (!Vue.bzbsConfig.businessRule.webFor.PH) {\r\n                  this.$router.push({\r\n                    name: 'Package',\r\n                    query: { returnPath: 'AccountSetting2' },\r\n                  })\r\n                } else {\r\n                  this.$router.push({\r\n                    name: 'Package',\r\n                    query: { returnPath: 'AccountSetting' },\r\n                  })\r\n                }\r\n              } else {\r\n                if (this.$route.query.changepackage) {\r\n                  this.$router\r\n                    .push({\r\n                      name: 'Dashboard2',\r\n                      query: {\r\n                        changepackage: true,\r\n                      },\r\n                    })\r\n                    .catch(err => {\r\n                      console.log('router err', err)\r\n                    })\r\n                } else {\r\n                  this.$router\r\n                    .push({\r\n                      name: 'Dashboard2',\r\n                    })\r\n                    .catch(err => {\r\n                      console.log('router err', err)\r\n                    })\r\n                }\r\n              }\r\n            } else {\r\n              if (!this.businessName) {\r\n                if (!Vue.bzbsConfig.businessRule.webFor.PH) {\r\n                  this.$router.push({ name: 'AccountSetting2' })\r\n                } else {\r\n                  this.$router.push({ name: 'AccountSetting' })\r\n                }\r\n              } else {\r\n                if (this.$route.query.changepackage) {\r\n                  this.$router\r\n                    .push({\r\n                      name: 'Dashboard2',\r\n                      query: {\r\n                        changepackage: true,\r\n                      },\r\n                    })\r\n                    .catch(err => {\r\n                      console.log('router err', err)\r\n                    })\r\n                } else {\r\n                  this.$router\r\n                    .push({\r\n                      name: 'Dashboard2',\r\n                    })\r\n                    .catch(err => {\r\n                      console.log('router err', err)\r\n                    })\r\n                }\r\n              }\r\n            }\r\n          } else {\r\n            if (this.$route.query.changepackage) {\r\n              console.log(\r\n                'res.data.PackageChange == null: ',\r\n                res.data.PackageChange == null,\r\n              )\r\n              console.log(\r\n                'res IsPackageChangeAcknowledged:2: ',\r\n                res.data.PackageChange,\r\n              )\r\n\r\n              if (\r\n                res.data.PackageChange == null ||\r\n                res.data.PackageChange.IsPackageChangeAcknowledged\r\n              ) {\r\n                Account.apiAccountInformation()\r\n                this.crmPackage = Account.getCachePackage()\r\n                this.checkPackageChange()\r\n              }\r\n              Account.apiAccountPermissionChange(res.data)\r\n            }\r\n\r\n            if (!this.businessName) {\r\n              if (!Vue.bzbsConfig.businessRule.webFor.PH) {\r\n                this.$router.push({ name: 'AccountSetting2' })\r\n              } else {\r\n                this.$router.push({ name: 'AccountSetting' })\r\n              }\r\n            } else {\r\n              if (this.$route.query.changepackage) {\r\n                this.$router\r\n                  .push({\r\n                    name: 'Dashboard2',\r\n                    query: {\r\n                      changepackage: true,\r\n                    },\r\n                  })\r\n                  .catch(err => {\r\n                    console.log('router err', err)\r\n                  })\r\n              } else {\r\n                this.$router\r\n                  .push({\r\n                    name: 'Dashboard2',\r\n                  })\r\n                  .catch(err => {\r\n                    console.log('router err', err)\r\n                  })\r\n              }\r\n            }\r\n          }\r\n          Account.bzbsAnalyticTracking(\r\n            'home_page',\r\n            'home',\r\n            'view_home',\r\n            'on view',\r\n          )\r\n          this.init()\r\n          this.countLoading = 0\r\n          this.countLoadingBox = 0\r\n        })\r\n      } else {\r\n        this.init()\r\n        this.countLoading = 0\r\n        this.countLoadingBox = 0\r\n      }\r\n    },\r\n    init() {\r\n      this.handleDashboard(true)\r\n      this.handleLoading(true)\r\n      this.handleFooter(true)\r\n      this.crmPackage = Account.getCachePackage()\r\n      this.profileConfig = Account.getCacheProfileConfig()\r\n\r\n      console.log('profileConfig : ', this.profileConfig)\r\n      let configSelfOnBoard = false\r\n      try {\r\n        let parse = JSON.parse(localStorage.getItem('bzbsCRMConfig'))\r\n        if (parse) {\r\n          configSelfOnBoard = parse.buzzebeesConfigSelfOnBoard\r\n            ? parse.buzzebeesConfigSelfOnBoard\r\n            : false\r\n        } else {\r\n          configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n        }\r\n      } catch (e) {\r\n        configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n      }\r\n\r\n      if (configSelfOnBoard) {\r\n        this.checkPackageChange().then(res => {\r\n          console.log('checkPackageChange :: ', res)\r\n          if (this.$route.query.isWelcomeBack) {\r\n            if (\r\n              this.compareCurrentDate(localStorage.getItem('stampDateWelcome'))\r\n            ) {\r\n              this.passExpirePackage(true)\r\n            } else {\r\n              localStorage.setItem('stampDateWelcome', new Date())\r\n              setTimeout(() => {\r\n                this.welcomeBack.title = this.lbl['selfonboard-welcomeback']\r\n                this.welcomeBack.details =\r\n                  this.lbl['selfonboard-welcomeback-details']\r\n                this.welcomeBack.isOpenModal = true\r\n                this.welcomeBack.onCancel = () => {\r\n                  this.welcomeBack.isOpenModal = false\r\n                  this.passExpirePackage(true)\r\n                }\r\n              }, 500)\r\n            }\r\n          } else if (this.$route.query.isChangePackage) {\r\n            if (this.crmPackage) {\r\n              this.packageChanged.title = this.lbl['package-changed']\r\n              this.packageChanged.details =\r\n                'CRM PLUS ' + this.crmPackage.PackageName\r\n              this.packageChanged.lifeTime = this.crmPackage.RemainingDay\r\n              let date = moment\r\n                .unix(this.crmPackage.ConsumerExtendExpireDate)\r\n                .format('DD/MM/YYYY')\r\n              var imgHistoryId\r\n              var imgCurrentId\r\n\r\n              if (\r\n                PackageHelper.filterPackageByPremium(\r\n                  this.crmPackage.PackageChange.PreviousPackage.PackageId,\r\n                ) ||\r\n                PackageHelper.filterPackageByBasic(\r\n                  this.crmPackage.PackageChange.PreviousPackage.PackageId,\r\n                )\r\n              ) {\r\n                imgHistoryId =\r\n                  PackageHelper.filterPackage(\r\n                    this.crmPackage.PackageChange.PreviousPackage.PackageId.toLowerCase(),\r\n                  ) +\r\n                  '_' +\r\n                  this.crmPackage.PackageChange.PreviousPackage.PackagePlanType.toLowerCase()\r\n              } else {\r\n                imgHistoryId = 'free'\r\n              }\r\n              if (\r\n                PackageHelper.filterPackageByPremium(\r\n                  this.crmPackage.PackageChange.NewPackage.PackageId,\r\n                ) ||\r\n                PackageHelper.filterPackageByBasic(\r\n                  this.crmPackage.PackageChange.NewPackage.PackageId,\r\n                )\r\n              ) {\r\n                imgCurrentId =\r\n                  PackageHelper.filterPackage(\r\n                    this.crmPackage.PackageChange.NewPackage.PackageId.toLowerCase(),\r\n                  ) +\r\n                  '_' +\r\n                  this.crmPackage.PackageChange.NewPackage.PackagePlanType.toLowerCase()\r\n              } else {\r\n                imgCurrentId = 'free'\r\n              }\r\n              Account.apiAccountInformation().then(res => {\r\n                Account.apiAccountPermissionChange(res.data)\r\n              })\r\n\r\n              this.packageChanged.payment = date\r\n              this.packageChanged.imgHistory =\r\n                Vue.bzbsConfig.bzbsBlobUrl +\r\n                `/config/crmplus/package/logo_${imgHistoryId}.jpg`\r\n              this.packageChanged.imgCurrent =\r\n                Vue.bzbsConfig.bzbsBlobUrl +\r\n                `/config/crmplus/package/logo_${imgCurrentId}.jpg`\r\n              this.packageChanged.isOpenModal = true\r\n              this.packageChanged.onView = () => {\r\n                this.packageChanged.isOpenModal = false\r\n                if (this.crmPackage) {\r\n                  if (\r\n                    PackageHelper.filterPackageByPremium(\r\n                      this.crmPackage.PackageId,\r\n                    )\r\n                  ) {\r\n                    this.$router.push('/View/Package/Premium')\r\n                  } else {\r\n                    this.$router.push('/View/Package/Basic')\r\n                  }\r\n                } else {\r\n                  this.$router.push('/View/Package/Basic')\r\n                }\r\n              }\r\n              this.packageChanged.onCancel = () => {\r\n                this.apiAcknowledgePackageChange()\r\n                this.packageChanged.isOpenModal = false\r\n                this.passExpirePackage(true)\r\n              }\r\n            } else {\r\n              this.passExpirePackage(true)\r\n            }\r\n          } else {\r\n            if (this.crmPackage) {\r\n              if (\r\n                this.crmPackage.RequirePackage &&\r\n                this.crmPackage.HasSelectedPackage\r\n              ) {\r\n                this.isPackage = true\r\n\r\n                if (\r\n                  this.crmPackage.RemainingDay <= 7 &&\r\n                  this.crmPackage.IsFreePackage\r\n                ) {\r\n                  let payment = this.lbl['selfonboard-continuous-payment']\r\n                  let close =\r\n                    this.lbl['selfonboard-line-consumer-close-down-after']\r\n                  let date = moment\r\n                    .unix(this.crmPackage.ExpireDate)\r\n                    .format('DD/MM/YYYY')\r\n                  let line =\r\n                    close +\r\n                    ' ' +\r\n                    date +\r\n                    ' - ' +\r\n                    '<span style=\"color: red\">' +\r\n                    this.crmPackage.RemainingDay +\r\n                    ' ' +\r\n                    this.lbl['selfonboard-day-left'] +\r\n                    '</span>'\r\n                  let details = payment + '<br /><br />' + line\r\n\r\n                  if (this.crmPackage && this.crmPackage.IsFreePackage) {\r\n                    setTimeout(() => {\r\n                      this.expirePackage.title =\r\n                        this.lbl['selfonboard-package-is-ending']\r\n                      this.expirePackage.details = details\r\n                      this.expirePackage.modalType = 'warning'\r\n                      this.expirePackage.isOpenModal = true\r\n                      this.expirePackage.backto =\r\n                        this.lbl['confirm-box-cancel-button']\r\n                      this.expirePackage.confirm =\r\n                        this.lbl['selfonboard-buy-now']\r\n                      this.expirePackage.onConfirm = () => {\r\n                        this.expirePackage.isOpenModal = false\r\n                        this.$router.push({ name: 'Package' })\r\n                      }\r\n                      this.expirePackage.onCancel = () => {\r\n                        this.expirePackage.isOpenModal = false\r\n                        this.passExpirePackage(true)\r\n                      }\r\n                    }, 500)\r\n                  } else {\r\n                    this.passExpirePackage(true)\r\n                  }\r\n                } else if (\r\n                  this.crmPackage.ExtendRemainingDay <= 7 &&\r\n                  !this.crmPackage.IsStandardPackage\r\n                ) {\r\n                  if (this.crmPackage.IsCorporatePackage) {\r\n                    // ไม่มีปุ่มซื้อทันที\r\n                    let payment = this.lbl['selfonboard-continuous-payment']\r\n                    let close =\r\n                      this.lbl['selfonboard-line-consumer-close-down-after']\r\n                    let date = moment\r\n                      .unix(this.crmPackage.ExtendExpireDate)\r\n                      .format('DD/MM/YYYY')\r\n                    let line =\r\n                      close +\r\n                      ' ' +\r\n                      date +\r\n                      ' - ' +\r\n                      '<span style=\"color: red\">' +\r\n                      this.crmPackage.ExtendRemainingDay +\r\n                      ' ' +\r\n                      this.lbl['selfonboard-day-left'] +\r\n                      '</span>'\r\n                    let details = payment + '<br /><br />' + line\r\n                    setTimeout(() => {\r\n                      this.expirePackage.title =\r\n                        this.lbl['selfonboard-package-is-ending']\r\n                      this.expirePackage.details = details\r\n                      this.expirePackage.modalType = 'warning'\r\n                      this.expirePackage.isOpenModal = true\r\n                      this.expirePackage.showbackto = false\r\n                      this.expirePackage.backto =\r\n                        this.lbl['confirm-box-cancel-button']\r\n                      this.expirePackage.confirm = null\r\n                      this.expirePackage.onConfirm = () => {\r\n                        this.expirePackage.isOpenModal = false\r\n                      }\r\n                      this.expirePackage.onCancel = () => {\r\n                        this.expirePackage.isOpenModal = false\r\n                        this.passExpirePackage(true)\r\n                      }\r\n                    }, 500)\r\n                  } else {\r\n                    let payment = this.lbl['selfonboard-continuous-payment']\r\n                    let close =\r\n                      this.lbl['selfonboard-line-consumer-close-down-after']\r\n                    let date = moment\r\n                      .unix(this.crmPackage.ExtendExpireDate)\r\n                      .format('DD/MM/YYYY')\r\n                    let line =\r\n                      close +\r\n                      ' ' +\r\n                      date +\r\n                      ' - ' +\r\n                      '<span style=\"color: red\">' +\r\n                      this.crmPackage.ExtendRemainingDay +\r\n                      ' ' +\r\n                      this.lbl['selfonboard-day-left'] +\r\n                      '</span>'\r\n                    let details = payment + '<br /><br />' + line\r\n                    setTimeout(() => {\r\n                      this.expirePackage.title =\r\n                        this.lbl['selfonboard-package-is-ending']\r\n                      this.expirePackage.details = details\r\n                      this.expirePackage.modalType = 'warning'\r\n                      this.expirePackage.isOpenModal = true\r\n                      this.expirePackage.backto =\r\n                        this.lbl['confirm-box-cancel-button']\r\n                      this.expirePackage.confirm = this.lbl['selfonboard-renew']\r\n                      this.expirePackage.onConfirm = () => {\r\n                        this.expirePackage.isOpenModal = false\r\n                        this.handleViewPaymentDetails()\r\n                      }\r\n                      this.expirePackage.onCancel = () => {\r\n                        this.expirePackage.isOpenModal = false\r\n                        this.passExpirePackage(true)\r\n                      }\r\n                    }, 500)\r\n                  }\r\n                } else if (\r\n                  this.crmPackage.ExtendRemainingDay <= 7 &&\r\n                  this.crmPackage.IsStandardPackage\r\n                ) {\r\n                  if (this.crmPackage.IsCancelPackage) {\r\n                    let payment = this.lbl['selfonboard-continuous-payment']\r\n                    let close =\r\n                      this.lbl['selfonboard-line-consumer-close-down-after']\r\n                    let date = moment\r\n                      .unix(this.crmPackage.ExtendExpireDate)\r\n                      .format('DD/MM/YYYY')\r\n                    let line =\r\n                      close +\r\n                      ' ' +\r\n                      date +\r\n                      ' - ' +\r\n                      '<span style=\"color: red\">' +\r\n                      this.crmPackage.ExtendRemainingDay +\r\n                      ' ' +\r\n                      this.lbl['selfonboard-day-left'] +\r\n                      '</span>'\r\n                    let details = payment + '<br /><br />' + line\r\n                    setTimeout(() => {\r\n                      this.expirePackage.title =\r\n                        this.lbl['selfonboard-package-is-ending']\r\n                      this.expirePackage.details = details\r\n                      this.expirePackage.modalType = 'warning'\r\n                      this.expirePackage.isOpenModal = true\r\n                      this.expirePackage.backto =\r\n                        this.lbl['confirm-box-cancel-button']\r\n                      this.expirePackage.confirm =\r\n                        this.lbl['selfonboard-buy-now']\r\n                      this.expirePackage.onConfirm = () => {\r\n                        this.expirePackage.isOpenModal = false\r\n                        this.gotoSelectPackage()\r\n                      }\r\n                      this.expirePackage.onCancel = () => {\r\n                        this.expirePackage.isOpenModal = false\r\n                        this.passExpirePackage(true)\r\n                      }\r\n                    }, 500)\r\n                  } else {\r\n                    if (this.crmPackage.IsCorporatePackage) {\r\n                      // ไม่มีปุ่มซื้อทันที\r\n                      let payment = this.lbl['selfonboard-continuous-payment']\r\n                      let close =\r\n                        this.lbl['selfonboard-line-consumer-close-down-after']\r\n                      let date = moment\r\n                        .unix(this.crmPackage.ExtendExpireDate)\r\n                        .format('DD/MM/YYYY')\r\n                      let line =\r\n                        close +\r\n                        ' ' +\r\n                        date +\r\n                        ' - ' +\r\n                        '<span style=\"color: red\">' +\r\n                        this.crmPackage.ExtendRemainingDay +\r\n                        ' ' +\r\n                        this.lbl['selfonboard-day-left'] +\r\n                        '</span>'\r\n                      let details = payment + '<br /><br />' + line\r\n                      setTimeout(() => {\r\n                        this.expirePackage.title =\r\n                          this.lbl['selfonboard-package-is-ending']\r\n                        this.expirePackage.details = details\r\n                        this.expirePackage.modalType = 'warning'\r\n                        this.expirePackage.isOpenModal = true\r\n                        this.expirePackage.backto =\r\n                          this.lbl['confirm-box-cancel-button']\r\n                        this.expirePackage.showbackto = false\r\n                        this.expirePackage.backto =\r\n                          this.lbl['confirm-box-cancel-button']\r\n                        this.expirePackage.confirm = null\r\n                        this.expirePackage.onConfirm = () => {\r\n                          this.expirePackage.isOpenModal = false\r\n                        }\r\n                        this.expirePackage.onCancel = () => {\r\n                          this.expirePackage.isOpenModal = false\r\n                          this.passExpirePackage(true)\r\n                        }\r\n                      }, 500)\r\n                    } else {\r\n                      let payment = this.lbl['selfonboard-continuous-payment']\r\n                      let close =\r\n                        this.lbl['selfonboard-line-consumer-close-down-after']\r\n                      let date = moment\r\n                        .unix(this.crmPackage.ExtendExpireDate)\r\n                        .format('DD/MM/YYYY')\r\n                      let line =\r\n                        close +\r\n                        ' ' +\r\n                        date +\r\n                        ' - ' +\r\n                        '<span style=\"color: red\">' +\r\n                        this.crmPackage.ExtendRemainingDay +\r\n                        ' ' +\r\n                        this.lbl['selfonboard-day-left'] +\r\n                        '</span>'\r\n                      let details = payment + '<br /><br />' + line\r\n                      setTimeout(() => {\r\n                        this.expirePackage.title =\r\n                          this.lbl['selfonboard-package-is-ending']\r\n                        this.expirePackage.details = details\r\n                        this.expirePackage.modalType = 'warning'\r\n                        this.expirePackage.isOpenModal = true\r\n                        this.expirePackage.backto =\r\n                          this.lbl['confirm-box-cancel-button']\r\n                        this.expirePackage.confirm =\r\n                          this.lbl['selfonboard-renew']\r\n                        this.expirePackage.onConfirm = () => {\r\n                          this.expirePackage.isOpenModal = false\r\n                          this.handleViewPaymentDetails()\r\n                        }\r\n                        this.expirePackage.onCancel = () => {\r\n                          this.expirePackage.isOpenModal = false\r\n                          this.passExpirePackage(true)\r\n                        }\r\n                      }, 500)\r\n                    }\r\n                  }\r\n                } else {\r\n                  this.passExpirePackage(true)\r\n                }\r\n              } else {\r\n                this.passExpirePackage(true)\r\n              }\r\n            } else {\r\n              this.passExpirePackage(true)\r\n            }\r\n          }\r\n        })\r\n      } else {\r\n        this.passExpirePackage(true)\r\n      }\r\n    },\r\n    handleViewPaymentDetails() {\r\n      console.log('handleViewPaymentDetails')\r\n      if (this.subscriptionId) {\r\n        var params = {\r\n          return_url: '/Account/Package?shoppingCart=true',\r\n          success_url: '/Account/Package?shoppingCart=true',\r\n          IsStandardPackage: this.crmPackage.IsStandardPackage\r\n            ? this.crmPackage.IsStandardPackage\r\n            : false,\r\n        }\r\n        BzbsCart.goShopingCartOrder(params, this.subscriptionId)\r\n      } else {\r\n        this.gotoSelectPackage()\r\n      }\r\n    },\r\n    gotoSelectPackage() {\r\n      this.$router.push({ name: 'Package' })\r\n    },\r\n    apiAcknowledgePackageChange() {\r\n      return new Promise((resolve, reject) => {\r\n        BzbsPackage.apiAcknowledgePackageChange()\r\n          .then(res => {\r\n            this.$router.replace({\r\n              path: this.$router.path,\r\n            })\r\n            this.$router.go(0)\r\n            resolve(res.data)\r\n          })\r\n          .catch(err => {\r\n            reject(err)\r\n          })\r\n      })\r\n    },\r\n    checkPackageChange() {\r\n      return new Promise(resolve => {\r\n        this.getNonStandardPackage().then(() => {\r\n          if (this.crmPackage) {\r\n            if (\r\n              this.crmPackage.PackageChange !== null &&\r\n              this.crmPackage.PackageChange.IsPackageChangeAcknowledged == false\r\n            ) {\r\n              const currentId =\r\n                this.crmPackage.PackageChange.PreviousPackage.PackageId.toLowerCase()\r\n\r\n              if (this.nonStandardPackageList.includes(currentId)) {\r\n                setTimeout(() => {\r\n                  this.welcomeBack.title = this.lbl['selfonboard-welcomeback']\r\n                  this.welcomeBack.details =\r\n                    this.lbl['selfonboard-welcomeback-details']\r\n                  this.welcomeBack.isOpenModal = true\r\n                  this.welcomeBack.onCancel = () => {\r\n                    localStorage.setItem('stampDateWelcome', new Date())\r\n                    this.apiAcknowledgePackageChange()\r\n\r\n                    this.welcomeBack.isOpenModal = false\r\n                    this.passExpirePackage(true)\r\n                  }\r\n                }, 500)\r\n              } else {\r\n                if (this.$route.query.changepackage) {\r\n                  this.$router.replace({\r\n                    path: this.$router.path,\r\n                    query: {\r\n                      changepackage: true,\r\n                      isChangePackage: 'true',\r\n                      timestamp: Date.now(),\r\n                    },\r\n                  })\r\n                } else {\r\n                  this.$router.replace({\r\n                    path: this.$router.path,\r\n                    query: {\r\n                      isChangePackage: 'true',\r\n                      timestamp: Date.now(),\r\n                    },\r\n                  })\r\n                }\r\n              }\r\n              resolve(true)\r\n            } else {\r\n              this.passExpirePackage(true)\r\n              resolve(false)\r\n            }\r\n          }\r\n        })\r\n      })\r\n    },\r\n    getNonStandardPackage() {\r\n      return new Promise(resolve => {\r\n        BzbsPackage.apiGetNonStandardPackage()\r\n          .then(res => {\r\n            var packageData = res.data\r\n            this.nonStandardPackageList = packageData.map(item =>\r\n              item.PackageId.toLowerCase(),\r\n            )\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log(error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    passExpirePackage(res) {\r\n      if (res) {\r\n        var loginType =\r\n          Account.getCacheProfileAddress().strLoginType.toLowerCase()\r\n        if (!Vue.bzbsConfig.businessRule.webFor.PH && loginType == 'line') {\r\n          this.checkSetupLineConnect()\r\n        } else {\r\n          this.passNotify(true)\r\n        }\r\n      }\r\n    },\r\n    onCloseAnnouncement() {\r\n      this.passAnnouncement(true)\r\n      this.announcement2.isOpenModal = false\r\n    },\r\n    checkSetupLineConnect() {\r\n      if (Account.getCacheProfileAddress().strLineLoginChannelId) {\r\n        if (this.compareCurrentDate(localStorage.getItem('stampDateWelcome'))) {\r\n          this.passNotify(true)\r\n        } else {\r\n          setTimeout(() => {\r\n            this.welcomeBack.title = this.lbl['selfonboard-welcomeback']\r\n            this.welcomeBack.details =\r\n              this.lbl['selfonboard-welcomeback-details']\r\n            this.welcomeBack.isOpenModal = true\r\n            this.welcomeBack.onCancel = () => {\r\n              this.welcomeBack.isOpenModal = false\r\n              localStorage.setItem('stampDateWelcome', new Date())\r\n              this.passNotify(true)\r\n            }\r\n          }, 500)\r\n        }\r\n      } else {\r\n        this.openNotificationAccountSetting()\r\n      }\r\n    },\r\n    onCloseAnnoucement(allowAfterDays) {\r\n      if (allowAfterDays) {\r\n        var day = parseInt(allowAfterDays)\r\n        var afterDays = moment().add(day, 'days').format('DD-MM-YYYY')\r\n        localStorage.setItem('stampDateAnnouncement', afterDays)\r\n        this.announcement2.isOpenModal = false\r\n      }\r\n    },\r\n    passNotify(res) {\r\n      if (res) {\r\n        if (\r\n          localStorage.getItem('stampDateAnnouncement') &&\r\n          this.compareCurrentDate(localStorage.getItem('stampDateAnnouncement'))\r\n        ) {\r\n          this.passAnnouncement(true)\r\n        } else {\r\n          this.getBlobAnnouncement()\r\n        }\r\n      }\r\n    },\r\n    getBlobAnnouncement() {\r\n      return new Promise((resolve, reject) => {\r\n        BzbsAnnouncement.apiBlobAnnouncements()\r\n          .then(list => {\r\n            if (list && list.length > 0) {\r\n              this.announcement2.data = list.filter(\r\n                item =>\r\n                  item.start_date <= moment().format('YYYY-MM-DD') &&\r\n                  item.end_date >= moment().format('YYYY-MM-DD'),\r\n              )\r\n              var isAfterLogin = JSON.parse(\r\n                localStorage.getItem('isAfterLogin'),\r\n              )\r\n              if (this.announcement2.data.length && isAfterLogin) {\r\n                this.announcement2.isOpenModal = true\r\n                this.passAnnouncement(false)\r\n              }\r\n            } else {\r\n              this.passAnnouncement(true)\r\n            }\r\n            resolve(list)\r\n          })\r\n          .catch(err => {\r\n            this.passAnnouncement(true)\r\n            reject(err)\r\n          })\r\n      })\r\n    },\r\n    onCancelAnnouncement(res) {\r\n      console.log('onCancelAnnouncement : ', res)\r\n      this.passAnnouncement(true)\r\n    },\r\n    passAnnouncement(res) {\r\n      console.log('passAnnouncement : ', res)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.pd-chart {\r\n  margin-top: 40px;\r\n  margin-bottom: 40px;\r\n  padding-top: 90px;\r\n  padding-bottom: 90px;\r\n  border-radius: 12px;\r\n  /* border: 1px solid var(--grey-grey-lighten-2, #E0E0E0); */\r\n}\r\n\r\n.hello {\r\n  color: var(--text-light-text-headline, #303030);\r\n  font-size: 32px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 120%;\r\n}\r\n\r\n.lastupdate {\r\n  color: var(--red-red-5, #ff4d4f);\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.ant-btn:hover,\r\n.ant-btn:focus,\r\n.ant-btn:active,\r\n.ant-btn.active {\r\n  img {\r\n    filter: invert(0%) sepia(94%) saturate(2%) hue-rotate(180deg)\r\n      brightness(250%) contrast(101%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardV2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardV2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DashboardV2.vue?vue&type=template&id=80c8ff24&scoped=true&\"\nimport script from \"./DashboardV2.vue?vue&type=script&lang=js&\"\nexport * from \"./DashboardV2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DashboardV2.vue?vue&type=style&index=0&id=80c8ff24&lang=scss&scoped=true&\"\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  \"80c8ff24\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankItemContainer.vue?vue&type=style&index=0&id=f884c92c&lang=scss&scoped=true&\""],"sourceRoot":""}