{"version":3,"sources":["webpack:///./src/module/components/dashboard/chart/line/Burn.vue?d342","webpack:///./src/module/components/dashboard/chart/donut/MaleFemale.vue?e9bd","webpack:///./src/module/components/dashboard/chart/bar/BranchActivity.vue?0faa","webpack:///./src/module/Home/Dashboard.vue?4d7f","webpack:///./src/module/components/dashboard/box/TotalUser.vue?9b48","webpack:///src/module/components/dashboard/box/TotalUser.vue","webpack:///./src/module/components/dashboard/box/TotalUser.vue?0f15","webpack:///./src/module/components/dashboard/box/TotalUser.vue","webpack:///./src/module/components/dashboard/box/DailyActiveUser.vue?b367","webpack:///src/module/components/dashboard/box/DailyActiveUser.vue","webpack:///./src/module/components/dashboard/box/DailyActiveUser.vue?1c0c","webpack:///./src/module/components/dashboard/box/DailyActiveUser.vue","webpack:///./src/module/components/dashboard/box/Redemption.vue?1f9b","webpack:///src/module/components/dashboard/box/Redemption.vue","webpack:///./src/module/components/dashboard/box/Redemption.vue?f616","webpack:///./src/module/components/dashboard/box/Redemption.vue","webpack:///./src/module/components/dashboard/box/EarnStamp.vue?c9c3","webpack:///src/module/components/dashboard/box/EarnStamp.vue","webpack:///./src/module/components/dashboard/box/EarnStamp.vue?5445","webpack:///./src/module/components/dashboard/box/EarnStamp.vue","webpack:///./src/module/components/dashboard/chart/bar/MonthlyActiveUsers.vue?3181","webpack:///./src/components/Layout/NoData.vue?4755","webpack:///src/components/Layout/NoData.vue","webpack:///./src/components/Layout/NoData.vue?fc00","webpack:///./src/components/Layout/NoData.vue","webpack:///src/module/components/dashboard/chart/bar/MonthlyActiveUsers.vue","webpack:///./src/module/components/dashboard/chart/bar/MonthlyActiveUsers.vue?43af","webpack:///./src/module/components/dashboard/chart/bar/MonthlyActiveUsers.vue","webpack:///./src/module/components/dashboard/chart/line/NewUsers.vue?a7e8","webpack:///src/module/components/dashboard/chart/line/NewUsers.vue","webpack:///./src/module/components/dashboard/chart/line/NewUsers.vue?ba32","webpack:///./src/module/components/dashboard/chart/line/NewUsers.vue","webpack:///./src/module/components/dashboard/chart/line/EarnStamp.vue?fae4","webpack:///src/module/components/dashboard/chart/line/EarnStamp.vue","webpack:///./src/module/components/dashboard/chart/line/EarnStamp.vue?77f7","webpack:///./src/module/components/dashboard/chart/line/EarnStamp.vue","webpack:///./src/module/components/dashboard/chart/line/Burn.vue?1c6b","webpack:///src/module/components/dashboard/chart/line/Burn.vue","webpack:///./src/module/components/dashboard/chart/line/Burn.vue?d588","webpack:///./src/module/components/dashboard/chart/line/Burn.vue","webpack:///./src/module/components/dashboard/chart/donut/MaleFemale.vue?72bd","webpack:///src/module/components/dashboard/chart/donut/MaleFemale.vue","webpack:///./src/module/components/dashboard/chart/donut/MaleFemale.vue?0305","webpack:///./src/module/components/dashboard/chart/donut/MaleFemale.vue","webpack:///./src/module/components/dashboard/chart/donut/Age.vue?80a2","webpack:///src/module/components/dashboard/chart/donut/Age.vue","webpack:///./src/module/components/dashboard/chart/donut/Age.vue?fdb5","webpack:///./src/module/components/dashboard/chart/donut/Age.vue","webpack:///./src/module/components/dashboard/chart/donut/FrequencyMonth.vue?8ed3","webpack:///src/module/components/dashboard/chart/donut/FrequencyMonth.vue","webpack:///./src/module/components/dashboard/chart/donut/FrequencyMonth.vue?2f23","webpack:///./src/module/components/dashboard/chart/donut/FrequencyMonth.vue","webpack:///./src/module/components/dashboard/chart/bar/Campaigns.vue?6c0f","webpack:///src/module/components/dashboard/chart/bar/Campaigns.vue","webpack:///./src/module/components/dashboard/chart/bar/Campaigns.vue?807f","webpack:///./src/module/components/dashboard/chart/bar/Campaigns.vue","webpack:///./src/module/components/dashboard/chart/bar/BranchActivity.vue?4fe1","webpack:///src/module/components/dashboard/chart/bar/BranchActivity.vue","webpack:///./src/module/components/dashboard/chart/bar/BranchActivity.vue?0b0f","webpack:///./src/module/components/dashboard/chart/bar/BranchActivity.vue","webpack:///src/module/Home/Dashboard.vue","webpack:///./src/module/Home/Dashboard.vue?6d46","webpack:///./src/module/Home/Dashboard.vue","webpack:///./src/components/Layout/NoData.vue?a7ac","webpack:///./src/module/components/dashboard/chart/bar/MonthlyActiveUsers.vue?fccd","webpack:///./src/module/Home/Dashboard.vue?ec6a","webpack:///./src/module/components/dashboard/chart/line/NewUsers.vue?418d","webpack:///./src/module/components/dashboard/chart/donut/FrequencyMonth.vue?fa36","webpack:///./src/module/components/dashboard/chart/line/EarnStamp.vue?6259","webpack:///./src/module/components/dashboard/chart/bar/MonthlyActiveUsers.vue?2180","webpack:///./src/module/components/dashboard/chart/bar/Campaigns.vue?5e1a","webpack:///./src/module/components/dashboard/chart/donut/Age.vue?cd54"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","$store","state","isDashboard","attrs","_v","directives","name","rawName","value","expression","on","$event","ChangeLoadingBox","isSeemore","_e","handleSeemore","_s","lbl","handleInsights","handleTransactions","selectDate","length","e","changeSelectDate","slot","_l","item","index","key","id","isSelectDate","textStartDate","textEndDate","onChangePicker","dataChart","ChangeLoading","showModalInsights","dataInsights","ChangeInsights","showModalTransactions","dataTransactions","ChangeTransactions","expirePackage","isOpenModal","modalType","title","details","showbackto","backto","confirm","onConfirm","onCancel","welcomeBack","packageChanged","lifeTime","payment","imgHistory","imgCurrent","onView","notificationAccountSetting","passNotify","announcement2","data","onCloseAnnoucement","showAlertUpgradepackage","actionUpgrade","internalPage","pageName","staticRenderFns","tagAnalytic","dataTotal","mixins","props","form","isCompany","created","methods","Account","init","getCRMPlusProfile","BzbsProfile","then","resolve","catch","getTotal","BzbsDashboard","component","Title","opYear","changeFunction","dataActive","options","series","_m","components","Nodata","categoriesData","seriesData","dataYear","currentLocale","beforeCreate","getYearList","getChart","i","year","month","count","setTimeout","genChart","_","chart","animations","enabled","easing","speed","animateGradually","delay","dynamicAnimation","background","fontFamily","foreColor","toolbar","export","csv","filename","columnDelimiter","headerCategory","headerValue","dateFormatter","svg","png","colors","grid","xaxis","lines","show","categories","text","offsetX","offsetY","style","color","fontSize","fontWeight","cssClass","dataNewUsers","watch","startdate","enddate","moment","dataUsers","x","y","type","tickPlacement","dataEarnStamp","StoreType","file_name","dataBurn","dataMaleFemale","labelsData","labels","dataAge","dataFrequency","dataCampaigns","plotOptions","bar","horizontal","s̶t̶a̶r̶t̶i̶n̶g̶S̶h̶a̶p̶e̶","e̶n̶d̶i̶n̶g̶S̶h̶a̶p̶e̶","borderRadius","columnWidth","barHeight","distributed","rangeBarOverlap","rangeBarGroupRows","ranges","from","to","backgroundBarColors","backgroundBarOpacity","backgroundBarRadius","dataLabels","position","maxItems","hideOverflowingLabels","dataBranchActivity","TotalUserBox","DailyActiveUserBox","RedemptionBox","EarnStampBox","MonthlyActiveUsersChart","NewUsersChart","EarnStampChart","BurnChart","MaleFemaleChart","AgeChart","FrequencyMonthChart","CampaignsChart","BranchActivityChart","Insights","TransactionsEDC","Header","CookieAccept","Notification","ExpirePackage","WelcomeBack","AnnouncementCarousel","alertUpgradePackage","PackageChanged","searchText","searchInput","searchedColumn","dataChartMonthlyActiveUsers","dataChartNewUsers","dataChartEarnStamp","dataChartBurn","dataChartMaleFemale","dataChartAge","dataCharFrequencyMonth","dataCharCampaigns","dataCharBranchActivity","startDate","endDate","countLoading","countLoadingBox","alertPackage","window","crmPackage","profileConfig","ShownAnnouncement","nonStandardPackageList","subscriptionId","skip","top","businessName","configSelfOnBoard","parse","res","push","query","changepackage","returnPath","test","localStorage","unix","format","imgHistoryId","PackageHelper","imgCurrentId","Vue","close","date","handleViewPaymentDetails","return_url","success_url","IsStandardPackage","BzbsCart","gotoSelectPackage","goShopping","qty","goShoppingCart","checkPackageChange","path","isChangePackage","timestamp","getNonStandardPackage","BzbsPackage","apiAcknowledgePackageChange","reject","getTotalPdpaUploadLog","BzbsPdpa","getDateList","start","end","passExpirePackage","checkSetupLineConnect","openNotificationAccountSetting","getBlobAnnouncement","BzbsAnnouncement","onCancelAnnouncement","passAnnouncement"],"mappings":"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CA4F,sBACAC,UACAC,UACAC,OACAC,aACAC,gBACAvB,WACA,0DACAwB,eACAC,qCAIAqB,aACAC,KACAC,cACAC,oCACAC,gCACAC,gBACAC,kBACAC,gBACAC,eACAC,mBACAC,qBACA5C,QACA6C,QACA,CACAC,OACAC,MACArC,eAGAsC,uBACAC,uBACAC,uBAEAC,YACAC,eACAC,aACAC,6BAKA,4BAEA,iCCxLoZ,MCQhZ,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,8LCocA,IACfnL,wBACAwF,YACA6F,eACAC,qBACAC,gBACAC,eACAC,0BACAC,iBACAC,kBACAC,aACAC,mBACAC,YACAC,uBACAC,kBACAC,uBACAC,iBACAC,wBACAC,eACAC,qBACAC,qBACAC,sBACAC,oBACAC,6BACAC,4BACAC,wBAEA1I,gBACAT,gBACA,OACA5D,eACAgN,cACAC,iBACAC,kBACAC,iCACAC,uBACAC,wBACAC,mBACAC,yBACAC,kBACAC,4BACAC,uBACAC,4BACAC,eACAC,aACA3M,cACAW,iBACAC,eACAF,gBACAkM,eACAC,kBACApN,aACAqN,gBAGA9L,qBACAC,gBAEAE,yBACAC,oBACA2L,cACAxK,4BACAd,SACAC,WACAF,aACAI,UACAC,WACAC,eACAC,cACAR,gBAEAD,eACAG,SACAC,WACAF,aACAI,UACAC,WACAF,cACAG,eACAC,cACAR,gBAEAS,aACAP,SACAC,WACAK,cACAR,gBAEAU,gBACAR,SACAC,WACAQ,YACAC,WACAC,gBACAC,gBACAN,cACAO,YACAf,gBAEAkB,eACAC,QACAX,cACAR,gBAEAyL,cACAC,eACAC,sBAEAC,0BACAC,oBACAC,OACAC,OACA1K,2BACAC,eACAC,gBACAC,wBAIAQ,mBAAA,WACAE,+CACA,YACA,oBACA,qCAKA,yBAGA,SACA,gDACA8J,kDACA,qCACAA,sCAGA,SACA,IACA,wDAEAC,EADA,IACAA,8BACAC,6BAGAD,kDAEA,SACAA,oDAGA,EACA/J,iDAEA,uBACA,gCAWAiK,4BACAA,oDAEAjK,+BACA,sCACA,wBAEAA,2CAGA,uBACA,EAaA,6BACA,UACAkK,MACAzO,iBACA0O,OACAC,oBAGA9J,uBAIA,UACA4J,MACAzO,mBAEA6E,uBA5BA,+CAMA,gBACA7E,eACA0O,OAAAE,+BAPA,gBACA5O,eACA0O,OAAAE,gCA+BA,EAOA,6BACA,UACAH,MACAzO,iBACA0O,OACAC,oBAGA9J,uBAIA,UACA4J,MACAzO,mBAEA6E,uBAtBA,+CAGA,gBAAA7E,wBAFA,gBAAAA,2BA4BA,gCAWAwO,4BACAA,oDAEAjK,+BACA,sCACA,wBAEAA,2CAGA,EAOA,6BACA,UACAkK,MACAzO,iBACA0O,OACAC,oBAGA9J,uBAIA,UACA4J,MACAzO,mBAEA6E,uBAtBA,+CAGA,gBAAA7E,wBAFA,gBAAAA,0BA2BAuE,4BACA,YACA,OACA,YACA,WAEA,SACA,iBACA,wBAGA,YACA,oBACA,yBAGAD,SACAyE,WACA8F,kBAGArK,gBAAA,WACA,yBACA,uBACA,sBACA,mBACA,yCACA,kDAGA,SACA,IACA,wDAEA8J,EADA,IACAA,8BACAC,6BAGAD,kDAEA,SACAA,oDAGA,EACA,4CAEA,gCAEA,+DAEA,yBAEAQ,kDACAzI,uBACA,qDACA,sBACA,yCACA,6BACA,kCACA,6BACA,2BAEA,WAEA,kCACA,iBACA,gDACA,yBACA,qCACA,oDACA,IAGA,EACA,EAJA,MACA0I,4CACAC,qBAYAC,EAPAC,+BACA,uDAEAA,6BACA,sDAIAA,sBACA,oEAEA,IACA,yEAEAD,OAUAE,EAPAD,+BACA,kDAEAA,6BACA,iDAIAA,sBACA,+DAEA,IACA,oEAEAC,OAEA5K,iDACAA,6CAGA,2BACA,4BACA6K,2EACAH,UACA,4BACAG,2EACAD,UACA,gCACA,mCACA,gCACA,cAEAD,+BACA,wBAGA,wCAKA,uCAGA,qCACA,gCACA,gCACA,8BAGA,6BAGA,gBACA,GACA,6BACA,gCAIA,GAFA,eAGA,8BACA,2BACA,CACA,8CACA,EACA,oDACA,MACAH,8BACAC,qBACA,EACAK,EACA,IACAC,EACA,+BAEA,0BACA,IACA,8BACA,UACA,qBAEA,2BACAjJ,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,wBACA,6BACA,qCACA,+BACA,gBAAArG,kBAEA,oCACA,+BACA,2BAEA,KAEA,6BAEA,GACA,qCACA,+BAEA,oCAEA,8CACA,EACA,oDACA,MACA+O,oCACAC,qBACA,EACAK,EACA,IACAC,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAjJ,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,8BACA,uBACA,mCACA,6BACA,qCACA,gCAEA,oCACA,+BACA,2BAEA,SACA,CACA,8CACA,EACA,oDACA,MACA0I,oCACAC,qBACA,EACAK,EACA,IACAC,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAjJ,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,mDACA,qCACA,+BACA,8BAEA,oCACA,+BACA,2BAEA,UAEA,GACA,oCACA,+BAEA,iCACA,8CACA,EACA,oDACA,MACA0I,oCACAC,qBACA,EACAK,EACA,IACAC,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAjJ,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,wBACA,6BACA,qCACA,+BACA,uBAEA,oCACA,+BACA,2BAEA,UAEA,oCAEA,8CACA,EACA,oDACA,MACA0I,oCACAC,qBACA,EACAK,EACA,IACAC,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAjJ,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,8BACA,uBACA,mCACA,6BACA,qCACA,gCAEA,oCACA,+BACA,2BAEA,SACA,CACA,8CACA,EACA,oDACA,MACA0I,oCACAC,qBACA,EACAK,EACA,IACAC,EACA,+BAEA,gCACA,IACA,8BACA,UACA,qBACAjJ,uBACA,sBACA,uCACA,0BACA,oCACA,+BACA,uBACA,mCACA,wBACA,2BACA,qCACA,+BACA,8BAEA,oCACA,+BACA,2BAEA,UAIA,6BAGA,6BAGA,2BAKA,4BAGAkJ,oCAEA,wBACA,OACAC,gDACAC,iDACAC,uDACA,mCAGAC,uDAEA,0BAGAC,6BACA,mBAAA5P,kBAEA6P,uBAAA,WACA,uBACA,QAAAtO,KAAAuO,QACA,gCACAH,0BACAhL,kBAEA,mBACAC,aAEAC,mBACA,oBAEA,+CACAD,YAIAmL,0BACA,OACAP,gDACAC,iDACAC,uDAEAC,0BAEAK,8BAAA,WACA,gCACA,2CACA,gBACA,GACA,mCACA,0DACA,CACA,MACA,mEAEA,qCACA3J,uBACA,qDACA,sBACA,yCACA,6BACA,kCACAyI,kDACA,gCAEA,6BACA,2BAEA,KAEA,6BACA,mBACAmB,oBACAvB,OACAC,iBACAuB,uBACAC,wBAIA,mBACAF,oBACAvB,OACAwB,uBACAC,wBAKAvL,WAEA,wBACAA,aAMAwL,iCAAA,WACA,gCACAC,mCACA1L,kBACA,aACA,mDACAvD,6BAEAwD,aAEAC,mBAEAD,YAIA0L,uCAAA,WACA,kCACAD,sCACA1L,kBACA,mBACAsL,sBAEA,gBACArL,aAEAC,mBACA0L,YAKAC,kCACA,gCACAC,oCACA9L,kBACAC,mBAEAC,mBACAD,YAIA8L,uBACA,eACA,iBACA,CACAnP,KACAvB,aACA2Q,0BACAC,yBAEA,CACArP,KACAvB,iBACA2Q,sCACAC,qCAEA,CACArP,KACAvB,mBACA2Q,sCACAC,yBAEA,CACArP,KACAvB,oBACA2Q,uCACAC,yBAEA,CACArP,KACAvB,kBACA2Q,2CACAC,wCAEA,CACArP,KACAvB,kBACA2Q,uDACAC,oDAEA,CACArP,KACAvB,sBAGA,oDACA,qCACA,OACA6I,mDACAC,qCAEA,iBACA,wBAEAnH,2BACA,oBACA,OACAkH,oCACAC,mCAEA,iBACA,uBAEA,qBAEA7H,6BAOA,OANAsD,4BACA,YACA,oBACA,gBACA,YAEA,GACA,OACAA,4BACA,YACA,oBACA,sBACA,YAEA,MACA,OACAA,4BACA,YACA,oBACA,0BACA,YAEA,MACA,OACAA,4BACA,YACA,oBACA,+BACA,YAEA,MACA,OACAA,4BACA,YACA,oBACA,gCACA,YAEA,MACA,OACAA,4BACA,YACA,oBACA,2BACA,YAEA,MACA,OACAA,4BACA,YACA,oBACA,2BACA,YAEA,MACA,OACAA,4BACA,YACA,oBACA,uBACA,YAEA,MAGA,GADA,oBACA,KACA,yBACA,CACA,qBACA,4CACA,wCACA,OACAsE,iEACAC,8DAEA,iBACA,yBAGArI,yBACA,kBACA8D,4BACA,YACA,oBACA,iBACA,YAEAA,4BACA,YACA,oBACA,yBACA,YAMA3D,0BACA2D,4BACA,YACA,oBACA,iBACA,YAEAA,4BACA,YACA,oBACA,gBACA,WAEA,gDACA,gCACA,oBACAX,gBACAC,sBAGA,0BACA,mBACAgF,yCACAC,wCAIA9G,2BACA,0BAKAnB,8BACA0D,4BACA,YACA,oBACA,qBACA,YAEAA,4BACA,YACA,oBACA,oBACA,WAEA,8BACA,uBACAsE,yCACAC,uCAGA3G,+BACA,8BAEA7B,6BACA,wBAEA,wBACA,uBAEA,wBAGAuB,0BACA,qBACA,wBAKAgP,8BACA,MACA,MACAtM,2DACA,0DAGA,oBAFA,+BASAuM,iCAAA,WACA,sDACA,kEACA,oBAEAzK,uBACA,qDACA,sBACA,yCACA,6BACA,kCACA,6BACAyI,kDACA,oBAEA,KAGA,uCAGAiC,0CAAA,WACA1K,uBACA,mCACA,+CACA,qCACA,gDACA,iDACA,4CACA,oCACA,mCACA,qCACA,+CACA,kDACA,4CACA,gBAAArG,yBAEA,iDAEA,+DAEA,kBAEA8O,kDACAzI,uBACA,qDACA,sBACA,yCACA,6BACA,kCACA,6BACA,oBAEA,MAEA,+CAEA,MAGA5C,+BACA,MACA,kBACA,2CACAqL,gDACA,oCAIAxL,uBACA,IAEAwL,+CACA,uEAEA,0BAEA,6BAIAkC,+BAAA,WACA,kCACAC,+BACAtM,kBACA,kBACA,+BACA,mBACAvD,0CACAA,0CAEA,iBACA0N,sCAEA,iCACA,+BACA,6BAGA,uBAEAlK,QAEAC,mBACA0L,YAIAW,iCAEA,2BAEAC,iCC7oDkW,MCQ9V,I,UAAY,eACd,GACAlS,EACA6E,GACA,EACA,KACA,KACA,OAIa,gB,sHCnBf,W,oCCAA,W,oFCAA,W,kCCAA,W,kCCAA,W,kCCAA,W,kCCAA,W,yDCAA,W,yDCAA,W","file":"js/chunk-9670b70e.js","sourcesContent":["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!./Burn.vue?vue&type=style&index=0&id=1e9b8f35&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!./MaleFemale.vue?vue&type=style&index=0&id=943373ce&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!./BranchActivity.vue?vue&type=style&index=0&id=3383533b&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('Header'),_c('div',{staticClass:\"mx-auto mt-1 content-outer-container\",class:{ 'content-dashboard': _vm.$store.state.isDashboard }},[_c('div',{staticClass:\"mx-auto content-inner-container\"},[_c('div',{staticClass:\"wrapper-ifrem\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-12 col-lg-12 col-md-12 pb-4 wrapper-dashboard\"},[_c('div',{staticClass:\"\\n                card card-custom card-stretch\\n                gutter-b\\n                panel panel-default\\n              \"},[_c('div',{staticClass:\"card-header border-0\"},[_c('div',{staticClass:\"\\n                    container-fluid\\n                    d-flex\\n                    align-items-center\\n                    justify-content-between\\n                    flex-wrap flex-sm-nowrap\\n                  \"},[_c('div',{staticClass:\"d-flex align-items-center flex-wrap mr-2\"},[_c('span',{staticClass:\"svg-icon svg-icon-warning svg-icon-2x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\"}}),_c('rect',{attrs:{\"fill\":\"#000000\",\"opacity\":\"0.3\",\"x\":\"4\",\"y\":\"4\",\"width\":\"4\",\"height\":\"4\",\"rx\":\"1\"}}),_c('path',{attrs:{\"d\":\"M5,10 L7,10 C7.55228475,10 8,10.4477153 8,11 L8,13 C8,13.5522847 7.55228475,14 7,14 L5,14 C4.44771525,14 4,13.5522847 4,13 L4,11 C4,10.4477153 4.44771525,10 5,10 Z M11,4 L13,4 C13.5522847,4 14,4.44771525 14,5 L14,7 C14,7.55228475 13.5522847,8 13,8 L11,8 C10.4477153,8 10,7.55228475 10,7 L10,5 C10,4.44771525 10.4477153,4 11,4 Z M11,10 L13,10 C13.5522847,10 14,10.4477153 14,11 L14,13 C14,13.5522847 13.5522847,14 13,14 L11,14 C10.4477153,14 10,13.5522847 10,13 L10,11 C10,10.4477153 10.4477153,10 11,10 Z M17,4 L19,4 C19.5522847,4 20,4.44771525 20,5 L20,7 C20,7.55228475 19.5522847,8 19,8 L17,8 C16.4477153,8 16,7.55228475 16,7 L16,5 C16,4.44771525 16.4477153,4 17,4 Z M17,10 L19,10 C19.5522847,10 20,10.4477153 20,11 L20,13 C20,13.5522847 19.5522847,14 19,14 L17,14 C16.4477153,14 16,13.5522847 16,13 L16,11 C16,10.4477153 16.4477153,10 17,10 Z M5,16 L7,16 C7.55228475,16 8,16.4477153 8,17 L8,19 C8,19.5522847 7.55228475,20 7,20 L5,20 C4.44771525,20 4,19.5522847 4,19 L4,17 C4,16.4477153 4.44771525,16 5,16 Z M11,16 L13,16 C13.5522847,16 14,16.4477153 14,17 L14,19 C14,19.5522847 13.5522847,20 13,20 L11,20 C10.4477153,20 10,19.5522847 10,19 L10,17 C10,16.4477153 10.4477153,16 11,16 Z M17,16 L19,16 C19.5522847,16 20,16.4477153 20,17 L20,19 C20,19.5522847 19.5522847,20 19,20 L17,20 C16.4477153,20 16,19.5522847 16,19 L16,17 C16,16.4477153 16.4477153,16 17,16 Z\",\"fill\":\"#000000\"}})])])]),_c('h5',{staticClass:\"\\n                        text-dark\\n                        font-weight-bold\\n                        mt-2\\n                        mb-2\\n                        mr-5\\n                        mb-1\\n                        mt-1\\n                      \"},[_vm._v(\" Dashboard \")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.alertPackage),expression:\"alertPackage\"}],staticClass:\"alert-package\"},[_c('a-icon',{staticClass:\"pt-0 mr-3\",attrs:{\"type\":\"clock-circle\"}}),_vm._v(\"ใช้งานได้อีก 3 วัน \")],1)])])])]),_c('TotalUserBox',{on:{\"changeLoadingBox\":function($event){return _vm.ChangeLoadingBox($event)}}}),_c('DailyActiveUserBox',{on:{\"changeLoadingBox\":function($event){return _vm.ChangeLoadingBox($event)}}}),_c('RedemptionBox',{on:{\"changeLoadingBox\":function($event){return _vm.ChangeLoadingBox($event)}}}),_c('EarnStampBox',{on:{\"changeLoadingBox\":function($event){return _vm.ChangeLoadingBox($event)}}}),_c('MonthlyActiveUsersChart',{on:{\"changeLoadingBox\":function($event){return _vm.ChangeLoadingBox($event)}}}),_c('div',{staticClass:\"col-xl-12 col-lg-12 col-md-12 pb-4 wrapper-dashboard\"},[_c('div',{staticClass:\"\\n                card card-custom card-stretch\\n                gutter-b\\n                panel panel-default\\n              \"},[_c('div',{staticClass:\"card-header border-0\"},[_c('div',{staticClass:\"\\n                    container-fluid\\n                    d-flex\\n                    align-items-center\\n                    justify-content-between\\n                    flex-wrap flex-sm-nowrap\\n                  \"},[_c('div',{staticClass:\"d-flex align-items-center flex-wrap mr-2\"},[_c('span',{staticClass:\"svg-icon svg-icon-warning svg-icon-2x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\"}}),_c('rect',{attrs:{\"fill\":\"#000000\",\"opacity\":\"0.3\",\"x\":\"4\",\"y\":\"4\",\"width\":\"4\",\"height\":\"4\",\"rx\":\"1\"}}),_c('path',{attrs:{\"d\":\"M5,10 L7,10 C7.55228475,10 8,10.4477153 8,11 L8,13 C8,13.5522847 7.55228475,14 7,14 L5,14 C4.44771525,14 4,13.5522847 4,13 L4,11 C4,10.4477153 4.44771525,10 5,10 Z M11,4 L13,4 C13.5522847,4 14,4.44771525 14,5 L14,7 C14,7.55228475 13.5522847,8 13,8 L11,8 C10.4477153,8 10,7.55228475 10,7 L10,5 C10,4.44771525 10.4477153,4 11,4 Z M11,10 L13,10 C13.5522847,10 14,10.4477153 14,11 L14,13 C14,13.5522847 13.5522847,14 13,14 L11,14 C10.4477153,14 10,13.5522847 10,13 L10,11 C10,10.4477153 10.4477153,10 11,10 Z M17,4 L19,4 C19.5522847,4 20,4.44771525 20,5 L20,7 C20,7.55228475 19.5522847,8 19,8 L17,8 C16.4477153,8 16,7.55228475 16,7 L16,5 C16,4.44771525 16.4477153,4 17,4 Z M17,10 L19,10 C19.5522847,10 20,10.4477153 20,11 L20,13 C20,13.5522847 19.5522847,14 19,14 L17,14 C16.4477153,14 16,13.5522847 16,13 L16,11 C16,10.4477153 16.4477153,10 17,10 Z M5,16 L7,16 C7.55228475,16 8,16.4477153 8,17 L8,19 C8,19.5522847 7.55228475,20 7,20 L5,20 C4.44771525,20 4,19.5522847 4,19 L4,17 C4,16.4477153 4.44771525,16 5,16 Z M11,16 L13,16 C13.5522847,16 14,16.4477153 14,17 L14,19 C14,19.5522847 13.5522847,20 13,20 L11,20 C10.4477153,20 10,19.5522847 10,19 L10,17 C10,16.4477153 10.4477153,16 11,16 Z M17,16 L19,16 C19.5522847,16 20,16.4477153 20,17 L20,19 C20,19.5522847 19.5522847,20 19,20 L17,20 C16.4477153,20 16,19.5522847 16,19 L16,17 C16,16.4477153 16.4477153,16 17,16 Z\",\"fill\":\"#000000\"}})])])]),_c('h5',{staticClass:\"\\n                        text-dark\\n                        font-weight-bold\\n                        mt-2\\n                        mb-2\\n                        mr-5\\n                        mb-1\\n                        mt-1\\n                      \"},[_vm._v(\" Dashboard \")]),_c('div',{staticClass:\"\\n                        subheader-separator subheader-separator-ver\\n                        mt-2\\n                        mb-2\\n                        mr-4\\n                        bg-gray-200\\n                      \"}),_c('span',{staticClass:\"text-muted font-weight-bold mr-4\"}),(!_vm.isSeemore)?_c('button',{staticClass:\"primarybtn mr-3\",on:{\"click\":_vm.handleSeemore}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-level-preview-see-more'])+\" \")]):_vm._e(),(_vm.isSeemore)?_c('a',{staticClass:\"btn btn-danger mr-3 mb-1 mt-1\",attrs:{\"id\":\"bntInsight\",\"data-toggle\":\"modal\",\"data-target\":\"#insightModal\"},on:{\"click\":_vm.handleInsights}},[_c('span',{staticClass:\"svg-icon\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\"}}),_c('path',{attrs:{\"d\":\"M12.7442084,3.27882877 L19.2473374,6.9949025 C19.7146999,7.26196679 20.003129,7.75898194 20.003129,8.29726722 L20.003129,15.7027328 C20.003129,16.2410181 19.7146999,16.7380332 19.2473374,17.0050975 L12.7442084,20.7211712 C12.2830594,20.9846849 11.7169406,20.9846849 11.2557916,20.7211712 L4.75266256,17.0050975 C4.28530007,16.7380332 3.99687097,16.2410181 3.99687097,15.7027328 L3.99687097,8.29726722 C3.99687097,7.75898194 4.28530007,7.26196679 4.75266256,6.9949025 L11.2557916,3.27882877 C11.7169406,3.01531506 12.2830594,3.01531506 12.7442084,3.27882877 Z M12,14.5 C13.3807119,14.5 14.5,13.3807119 14.5,12 C14.5,10.6192881 13.3807119,9.5 12,9.5 C10.6192881,9.5 9.5,10.6192881 9.5,12 C9.5,13.3807119 10.6192881,14.5 12,14.5 Z\",\"fill\":\"#000000\"}})])])]),_vm._v(\" Insights \")]):_vm._e(),(_vm.isSeemore)?_c('a',{staticClass:\"btn btn-primary mr-3 mb-1 mt-1\",attrs:{\"href\":\"#\",\"id\":\"bntTransaction\",\"data-toggle\":\"modal\",\"data-target\":\"#transactionModal\"},on:{\"click\":_vm.handleTransactions}},[_c('span',{staticClass:\"svg-icon\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('polygon',{attrs:{\"points\":\"0 0 24 0 24 24 0 24\"}}),_c('path',{attrs:{\"d\":\"M4.85714286,1 L11.7364114,1 C12.0910962,1 12.4343066,1.12568431 12.7051108,1.35473959 L17.4686994,5.3839416 C17.8056532,5.66894833 18,6.08787823 18,6.52920201 L18,19.0833333 C18,20.8738751 17.9795521,21 16.1428571,21 L4.85714286,21 C3.02044787,21 3,20.8738751 3,19.0833333 L3,2.91666667 C3,1.12612489 3.02044787,1 4.85714286,1 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z\",\"fill\":\"#000000\",\"fill-rule\":\"nonzero\",\"opacity\":\"0.3\"}}),_c('path',{attrs:{\"d\":\"M6.85714286,3 L14.7364114,3 C15.0910962,3 15.4343066,3.12568431 15.7051108,3.35473959 L20.4686994,7.3839416 C20.8056532,7.66894833 21,8.08787823 21,8.52920201 L21,21.0833333 C21,22.8738751 20.9795521,23 19.1428571,23 L6.85714286,23 C5.02044787,23 5,22.8738751 5,21.0833333 L5,4.91666667 C5,3.12612489 5.02044787,3 6.85714286,3 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z\",\"fill\":\"#000000\",\"fill-rule\":\"nonzero\"}})])])]),_vm._v(\"Transactions\")]):_vm._e()]),(_vm.isSeemore)?_c('div',{staticClass:\"d-flex align-items-center mb-1 mt-1\"},[_c('a-form-item',{staticClass:\"field-item d-flex\"},[_c('a-select',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['date_id']),expression:\"['date_id']\"}],attrs:{\"size\":\"large\",\"default-value\":_vm.selectDate.length > 0 ? _vm.selectDate[3].name : []},on:{\"change\":function (e) {\n                            _vm.changeSelectDate(e)\n                          }}},[_c('a-spin',{attrs:{\"slot\":\"notFoundContent\",\"size\":\"small\"},slot:\"notFoundContent\"}),_vm._l((_vm.selectDate),function(item,index){return _c('a-select-option',{key:index,attrs:{\"value\":item.id}},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(item.name))])])})],2),(!_vm.isSelectDate)?_c('span',{staticClass:\"font-weight-bold font-color-date\"},[_vm._v(\" \"+_vm._s(this.textStartDate)+\" - \"+_vm._s(this.textEndDate)+\" \")]):_vm._e(),(_vm.isSelectDate)?_c('span',{staticClass:\"font-weight-bold font-color-date icon-clear\"},[_c('a-range-picker',{attrs:{\"format\":'YYYY/MM/DD'},on:{\"change\":function (e) {\n                              _vm.onChangePicker(e)\n                            }}})],1):_vm._e()],1)],1):_vm._e()])])])]),(_vm.isSeemore)?_c('NewUsersChart',{attrs:{\"data\":_vm.dataChart},on:{\"changeLoading\":function($event){return _vm.ChangeLoading($event)}}}):_vm._e(),(_vm.isSeemore)?_c('EarnStampChart',{attrs:{\"data\":_vm.dataChart},on:{\"changeLoading\":function($event){return _vm.ChangeLoading($event)}}}):_vm._e(),(_vm.isSeemore)?_c('BurnChart',{attrs:{\"data\":_vm.dataChart},on:{\"changeLoading\":function($event){return _vm.ChangeLoading($event)}}}):_vm._e(),(_vm.isSeemore)?_c('MaleFemaleChart',{attrs:{\"data\":_vm.dataChart},on:{\"changeLoading\":function($event){return _vm.ChangeLoading($event)}}}):_vm._e(),(_vm.isSeemore)?_c('AgeChart',{attrs:{\"data\":_vm.dataChart},on:{\"changeLoading\":function($event){return _vm.ChangeLoading($event)}}}):_vm._e(),(_vm.isSeemore)?_c('FrequencyMonthChart',{attrs:{\"data\":_vm.dataChart},on:{\"changeLoading\":function($event){return _vm.ChangeLoading($event)}}}):_vm._e(),(_vm.isSeemore)?_c('CampaignsChart',{attrs:{\"data\":_vm.dataChart},on:{\"changeLoading\":function($event){return _vm.ChangeLoading($event)}}}):_vm._e(),(_vm.isSeemore)?_c('BranchActivityChart',{attrs:{\"data\":_vm.dataChart},on:{\"changeLoading\":function($event){return _vm.ChangeLoading($event)}}}):_vm._e()],1),_c('Insights',{attrs:{\"show\":_vm.showModalInsights,\"data\":_vm.dataInsights},on:{\"changeInsights\":function($event){return _vm.ChangeInsights($event)}}}),_c('TransactionsEDC',{attrs:{\"show\":_vm.showModalTransactions,\"data\":_vm.dataTransactions},on:{\"changeTransactions\":function($event){return _vm.ChangeTransactions($event)}}})],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('alertUpgradePackage',{attrs:{\"visible\":_vm.showAlertUpgradepackage,\"title\":_vm.lbl['alert-upgrade-package-text'],\"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:\"col-xl-3 col-lg-6 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b\"},[_c('div',{staticClass:\"card card-custom wave wave-animate-fast wave-warning\"},[_c('div',{staticClass:\"card-body\",on:{\"click\":_vm.tagAnalytic}},[_c('div',{staticClass:\"d-flex align-items-center pt-2 pb-2\"},[_c('div',{staticClass:\"mr-6\"},[_c('span',{staticClass:\"svg-icon svg-icon-warning svg-icon-4x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('polygon',{attrs:{\"points\":\"0 0 24 0 24 24 0 24\"}}),_c('path',{attrs:{\"d\":\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\",\"fill\":\"#000000\",\"fill-rule\":\"nonzero\",\"opacity\":\"0.3\"}}),_c('path',{attrs:{\"d\":\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\",\"fill\":\"#000000\",\"fill-rule\":\"nonzero\"}})])])])]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('a',{staticClass:\"\\n                text-dark text-hover-primary\\n                font-weight-bold font-size-h4\\n                mb-3\\n              \",attrs:{\"href\":\"#\"}},[_vm._v(\" Total User \")]),_c('div',{staticClass:\"text-dark-75\"},[_c('span',{staticClass:\"text-dark-75 font-weight-bolder font-size-h3\"},[_c('span',{attrs:{\"id\":\"indicator_total_user\"}},[_vm._v(\" \"+_vm._s(this.dataTotal ? this.dataTotal : 0)+\" \")])])])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-3 col-lg-6 col-md-6 pb-4\">\r\n    <div class=\"card card-custom card-stretch gutter-b\">\r\n      <div class=\"card card-custom wave wave-animate-fast wave-warning\">\r\n        <div class=\"card-body\" @click=\"tagAnalytic\">\r\n          <div class=\"d-flex align-items-center pt-2 pb-2\">\r\n            <div class=\"mr-6\">\r\n              <span class=\"svg-icon svg-icon-warning svg-icon-4x\">\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                  width=\"24px\"\r\n                  height=\"24px\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  version=\"1.1\"\r\n                >\r\n                  <g\r\n                    stroke=\"none\"\r\n                    stroke-width=\"1\"\r\n                    fill=\"none\"\r\n                    fill-rule=\"evenodd\"\r\n                  >\r\n                    <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                    <path\r\n                      d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                      fill=\"#000000\"\r\n                      fill-rule=\"nonzero\"\r\n                      opacity=\"0.3\"\r\n                    ></path>\r\n                    <path\r\n                      d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                      fill=\"#000000\"\r\n                      fill-rule=\"nonzero\"\r\n                    ></path>\r\n                  </g>\r\n                </svg>\r\n              </span>\r\n            </div>\r\n            <div class=\"d-flex flex-column\">\r\n              <a\r\n                href=\"#\"\r\n                class=\"\r\n                  text-dark text-hover-primary\r\n                  font-weight-bold font-size-h4\r\n                  mb-3\r\n                \"\r\n              >\r\n                Total User\r\n              </a>\r\n              <div class=\"text-dark-75\">\r\n                <span class=\"text-dark-75 font-weight-bolder font-size-h3\">\r\n                  <span id=\"indicator_total_user\">\r\n                    {{ this.dataTotal ? this.dataTotal : 0 }}\r\n                  </span>\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\n\r\nexport default {\r\n  name: 'TotalUserBox',\r\n  mixins: [Mixin],\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      dataTotal: 0,\r\n      isCompany: false,\r\n    }\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    tagAnalytic() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_total',\r\n        'click_total_user',\r\n        'on click',\r\n      )\r\n    },\r\n    init() {\r\n      this.getCRMPlusProfile()\r\n    },\r\n    getCRMPlusProfile() {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getCRMPlusProfile()\r\n          .then(res => {\r\n            this.isCompany = res.data.IsCompany\r\n            this.getTotal()\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log('getCRMPlusProfile error', error)\r\n            this.getTotal()\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getTotal() {\r\n      if (this.isCompany == true) {\r\n        BzbsDashboard.apiGetTotalCompanyUser()\r\n          .then(res => {\r\n            this.dataTotal = res.data.value\r\n            this.$emit('changeLoadingBox', 1)\r\n          })\r\n          .catch(error => {\r\n            console.log('apiGetTotalUser error', error)\r\n            this.$emit('changeLoadingBox', 5)\r\n          })\r\n      } else {\r\n        BzbsDashboard.apiGetTotalUser()\r\n          .then(res => {\r\n            this.dataTotal = res.data.value\r\n            this.$emit('changeLoadingBox', 1)\r\n          })\r\n          .catch(error => {\r\n            console.log('apiGetTotalUser error', error)\r\n            this.$emit('changeLoadingBox', 5)\r\n          })\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"sass\"></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!./TotalUser.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!./TotalUser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TotalUser.vue?vue&type=template&id=570ec064&\"\nimport script from \"./TotalUser.vue?vue&type=script&lang=js&\"\nexport * from \"./TotalUser.vue?vue&type=script&lang=js&\"\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  null,\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:\"col-xl-3 col-lg-6 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b\"},[_c('div',{staticClass:\"card card-custom wave wave-animate-fast wave-primary\"},[_c('div',{staticClass:\"card-body\",on:{\"click\":_vm.tagAnalytic}},[_c('div',{staticClass:\"d-flex align-items-center pt-2 pb-2\"},[_c('div',{staticClass:\"mr-6\"},[_c('span',{staticClass:\"svg-icon svg-icon-primary svg-icon-4x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\"}}),_c('path',{attrs:{\"d\":\"M16.3740377,19.9389434 L22.2226499,11.1660251 C22.4524142,10.8213786 22.3592838,10.3557266 22.0146373,10.1259623 C21.8914367,10.0438285 21.7466809,10 21.5986122,10 L17,10 L17,4.47708173 C17,4.06286817 16.6642136,3.72708173 16.25,3.72708173 C15.9992351,3.72708173 15.7650616,3.85240758 15.6259623,4.06105658 L9.7773501,12.8339749 C9.54758575,13.1786214 9.64071616,13.6442734 9.98536267,13.8740377 C10.1085633,13.9561715 10.2533191,14 10.4013878,14 L15,14 L15,19.5229183 C15,19.9371318 15.3357864,20.2729183 15.75,20.2729183 C16.0007649,20.2729183 16.2349384,20.1475924 16.3740377,19.9389434 Z\",\"fill\":\"#000000\"}}),_c('path',{attrs:{\"d\":\"M4.5,5 L9.5,5 C10.3284271,5 11,5.67157288 11,6.5 C11,7.32842712 10.3284271,8 9.5,8 L4.5,8 C3.67157288,8 3,7.32842712 3,6.5 C3,5.67157288 3.67157288,5 4.5,5 Z M4.5,17 L9.5,17 C10.3284271,17 11,17.6715729 11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L4.5,20 C3.67157288,20 3,19.3284271 3,18.5 C3,17.6715729 3.67157288,17 4.5,17 Z M2.5,11 L6.5,11 C7.32842712,11 8,11.6715729 8,12.5 C8,13.3284271 7.32842712,14 6.5,14 L2.5,14 C1.67157288,14 1,13.3284271 1,12.5 C1,11.6715729 1.67157288,11 2.5,11 Z\",\"fill\":\"#000000\",\"opacity\":\"0.3\"}})])])])]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('a',{staticClass:\"\\n                text-dark text-hover-primary\\n                font-weight-bold font-size-h4\\n                mb-3\\n              \",attrs:{\"href\":\"#\"}},[_vm._v(\" Daily Active User \")]),_c('div',{staticClass:\"text-dark-75\"},[_c('span',{staticClass:\"text-dark-75 font-weight-bolder font-size-h3\"},[_c('span',{attrs:{\"id\":\"indicator_daily_user\"}},[_vm._v(\" \"+_vm._s(this.dataTotal ? this.dataTotal : 0)+\" \")])])])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-3 col-lg-6 col-md-6 pb-4\">\r\n    <div class=\"card card-custom card-stretch gutter-b\">\r\n      <div class=\"card card-custom wave wave-animate-fast wave-primary\">\r\n        <div class=\"card-body\" @click=\"tagAnalytic\">\r\n          <div class=\"d-flex align-items-center pt-2 pb-2\">\r\n            <div class=\"mr-6\">\r\n              <span class=\"svg-icon svg-icon-primary svg-icon-4x\">\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                  width=\"24px\"\r\n                  height=\"24px\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  version=\"1.1\"\r\n                >\r\n                  <g\r\n                    stroke=\"none\"\r\n                    stroke-width=\"1\"\r\n                    fill=\"none\"\r\n                    fill-rule=\"evenodd\"\r\n                  >\r\n                    <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\r\n                    <path\r\n                      d=\"M16.3740377,19.9389434 L22.2226499,11.1660251 C22.4524142,10.8213786 22.3592838,10.3557266 22.0146373,10.1259623 C21.8914367,10.0438285 21.7466809,10 21.5986122,10 L17,10 L17,4.47708173 C17,4.06286817 16.6642136,3.72708173 16.25,3.72708173 C15.9992351,3.72708173 15.7650616,3.85240758 15.6259623,4.06105658 L9.7773501,12.8339749 C9.54758575,13.1786214 9.64071616,13.6442734 9.98536267,13.8740377 C10.1085633,13.9561715 10.2533191,14 10.4013878,14 L15,14 L15,19.5229183 C15,19.9371318 15.3357864,20.2729183 15.75,20.2729183 C16.0007649,20.2729183 16.2349384,20.1475924 16.3740377,19.9389434 Z\"\r\n                      fill=\"#000000\"\r\n                    ></path>\r\n                    <path\r\n                      d=\"M4.5,5 L9.5,5 C10.3284271,5 11,5.67157288 11,6.5 C11,7.32842712 10.3284271,8 9.5,8 L4.5,8 C3.67157288,8 3,7.32842712 3,6.5 C3,5.67157288 3.67157288,5 4.5,5 Z M4.5,17 L9.5,17 C10.3284271,17 11,17.6715729 11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L4.5,20 C3.67157288,20 3,19.3284271 3,18.5 C3,17.6715729 3.67157288,17 4.5,17 Z M2.5,11 L6.5,11 C7.32842712,11 8,11.6715729 8,12.5 C8,13.3284271 7.32842712,14 6.5,14 L2.5,14 C1.67157288,14 1,13.3284271 1,12.5 C1,11.6715729 1.67157288,11 2.5,11 Z\"\r\n                      fill=\"#000000\"\r\n                      opacity=\"0.3\"\r\n                    ></path>\r\n                  </g>\r\n                </svg>\r\n              </span>\r\n            </div>\r\n            <div class=\"d-flex flex-column\">\r\n              <a\r\n                href=\"#\"\r\n                class=\"\r\n                  text-dark text-hover-primary\r\n                  font-weight-bold font-size-h4\r\n                  mb-3\r\n                \"\r\n              >\r\n                Daily Active User\r\n              </a>\r\n              <div class=\"text-dark-75\">\r\n                <span class=\"text-dark-75 font-weight-bolder font-size-h3\">\r\n                  <span id=\"indicator_daily_user\">\r\n                    {{ this.dataTotal ? this.dataTotal : 0 }}\r\n                  </span>\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\n\r\nexport default {\r\n  name: 'TotalDailyActiveUser',\r\n  mixins: [Mixin],\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      dataTotal: 0,\r\n    }\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    tagAnalytic() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_total',\r\n        'click_daily active_user',\r\n        'on click',\r\n      )\r\n    },\r\n    init() {\r\n      this.getTotal()\r\n    },\r\n    getTotal() {\r\n      BzbsDashboard.apiGetDailyUser()\r\n        .then(res => {\r\n          this.dataTotal = res.data.value\r\n          this.$emit('changeLoadingBox', 1)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetDailyUser error', error)\r\n          this.$emit('changeLoadingBox', 5)\r\n        })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"sass\"></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!./DailyActiveUser.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!./DailyActiveUser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DailyActiveUser.vue?vue&type=template&id=39427290&\"\nimport script from \"./DailyActiveUser.vue?vue&type=script&lang=js&\"\nexport * from \"./DailyActiveUser.vue?vue&type=script&lang=js&\"\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  null,\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:\"col-xl-3 col-lg-6 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b\"},[_c('div',{staticClass:\"card card-custom wave wave-animate-fast wave-danger\"},[_c('div',{staticClass:\"card-body\",on:{\"click\":_vm.tagAnalytic}},[_c('div',{staticClass:\"d-flex align-items-center pt-2 pb-2\"},[_c('div',{staticClass:\"mr-6\"},[_c('span',{staticClass:\"svg-icon svg-icon-danger svg-icon-4x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\"}}),_c('path',{attrs:{\"d\":\"M14,7 C13.6666667,10.3333333 12.6666667,12.1167764 11,12.3503292 C11,12.3503292 12.5,6.5 10.5,3.5 C10.5,3.5 10.287918,6.71444735 8.14498739,10.5717225 C7.14049032,12.3798172 6,13.5986793 6,16 C6,19.428689 9.51143904,21.2006583 12.0057195,21.2006583 C14.5,21.2006583 18,20.0006172 18,15.8004732 C18,14.0733981 16.6666667,11.1399071 14,7 Z\",\"fill\":\"#000000\"}})])])])]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('a',{staticClass:\"\\n                text-dark text-hover-primary\\n                font-weight-bold font-size-h4\\n                mb-3\\n              \",attrs:{\"href\":\"#\"}},[_vm._v(\" Unique Redeem User \")]),_c('div',{staticClass:\"text-dark-75\"},[_c('span',{staticClass:\"text-dark-75 font-weight-bolder font-size-h3\"},[_c('span',{attrs:{\"id\":\"indicator_redemption\"}},[_vm._v(\" \"+_vm._s(this.dataTotal ? this.dataTotal : 0)+\" \")])])])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-3 col-lg-6 col-md-6 pb-4\">\r\n    <div class=\"card card-custom card-stretch gutter-b\">\r\n      <div class=\"card card-custom wave wave-animate-fast wave-danger\">\r\n        <div class=\"card-body\" @click=\"tagAnalytic\">\r\n          <div class=\"d-flex align-items-center pt-2 pb-2\">\r\n            <div class=\"mr-6\">\r\n              <span class=\"svg-icon svg-icon-danger svg-icon-4x\">\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                  width=\"24px\"\r\n                  height=\"24px\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  version=\"1.1\"\r\n                >\r\n                  <g\r\n                    stroke=\"none\"\r\n                    stroke-width=\"1\"\r\n                    fill=\"none\"\r\n                    fill-rule=\"evenodd\"\r\n                  >\r\n                    <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\r\n                    <path\r\n                      d=\"M14,7 C13.6666667,10.3333333 12.6666667,12.1167764 11,12.3503292 C11,12.3503292 12.5,6.5 10.5,3.5 C10.5,3.5 10.287918,6.71444735 8.14498739,10.5717225 C7.14049032,12.3798172 6,13.5986793 6,16 C6,19.428689 9.51143904,21.2006583 12.0057195,21.2006583 C14.5,21.2006583 18,20.0006172 18,15.8004732 C18,14.0733981 16.6666667,11.1399071 14,7 Z\"\r\n                      fill=\"#000000\"\r\n                    ></path>\r\n                  </g>\r\n                </svg>\r\n              </span>\r\n            </div>\r\n            <div class=\"d-flex flex-column\">\r\n              <a\r\n                href=\"#\"\r\n                class=\"\r\n                  text-dark text-hover-primary\r\n                  font-weight-bold font-size-h4\r\n                  mb-3\r\n                \"\r\n              >\r\n                Unique Redeem User\r\n              </a>\r\n              <div class=\"text-dark-75\">\r\n                <span class=\"text-dark-75 font-weight-bolder font-size-h3\">\r\n                  <span id=\"indicator_redemption\">\r\n                    {{ this.dataTotal ? this.dataTotal : 0 }}\r\n                  </span>\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\n\r\nexport default {\r\n  name: 'TotalRedemption',\r\n  mixins: [Mixin],\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      dataTotal: 0,\r\n    }\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    tagAnalytic() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_total',\r\n        'click_unique_redeem',\r\n        'on click',\r\n      )\r\n    },\r\n    init() {\r\n      this.getTotal()\r\n    },\r\n    getTotal() {\r\n      BzbsDashboard.apiGetRedemption()\r\n        .then(res => {\r\n          this.dataTotal = res.data.value\r\n          this.$emit('changeLoadingBox', 1)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetRedemption error', error)\r\n          this.$emit('changeLoadingBox', 5)\r\n        })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"sass\"></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!./Redemption.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!./Redemption.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Redemption.vue?vue&type=template&id=77d0f918&\"\nimport script from \"./Redemption.vue?vue&type=script&lang=js&\"\nexport * from \"./Redemption.vue?vue&type=script&lang=js&\"\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  null,\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:\"col-xl-3 col-lg-6 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b\"},[_c('div',{staticClass:\"card card-custom wave wave-animate-fast wave-success\"},[_c('div',{staticClass:\"card-body\",on:{\"click\":_vm.tagAnalytic}},[_c('div',{staticClass:\"d-flex align-items-center pt-2 pb-2\"},[_c('div',{staticClass:\"mr-6\"},[_c('span',{staticClass:\"svg-icon svg-icon-success svg-icon-4x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\"}}),_c('polygon',{attrs:{\"fill\":\"#000000\",\"opacity\":\"0.3\",\"points\":\"5 3 19 3 23 8 1 8\"}}),_c('polygon',{attrs:{\"fill\":\"#000000\",\"points\":\"23 8 12 20 1 8\"}})])])])]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('a',{staticClass:\"\\n                text-dark text-hover-primary\\n                font-weight-bold font-size-h4\\n                mb-3\\n              \",attrs:{\"href\":\"#\"}},[_vm._v(\" \"+_vm._s(this.Title)+\" \")]),_c('div',{staticClass:\"text-dark-75\"},[_c('span',{staticClass:\"text-dark-75 font-weight-bolder font-size-h3\"},[_c('span',{attrs:{\"id\":\"indicator_earn_stamp\"}},[_vm._v(\" \"+_vm._s(this.dataTotal ? this.dataTotal : 0)+\" \")])])])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-3 col-lg-6 col-md-6 pb-4\">\r\n    <div class=\"card card-custom card-stretch gutter-b\">\r\n      <div class=\"card card-custom wave wave-animate-fast wave-success\">\r\n        <div class=\"card-body\" @click=\"tagAnalytic\">\r\n          <div class=\"d-flex align-items-center pt-2 pb-2\">\r\n            <div class=\"mr-6\">\r\n              <span class=\"svg-icon svg-icon-success svg-icon-4x\">\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                  width=\"24px\"\r\n                  height=\"24px\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  version=\"1.1\"\r\n                >\r\n                  <g\r\n                    stroke=\"none\"\r\n                    stroke-width=\"1\"\r\n                    fill=\"none\"\r\n                    fill-rule=\"evenodd\"\r\n                  >\r\n                    <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\r\n                    <polygon\r\n                      fill=\"#000000\"\r\n                      opacity=\"0.3\"\r\n                      points=\"5 3 19 3 23 8 1 8\"\r\n                    ></polygon>\r\n                    <polygon fill=\"#000000\" points=\"23 8 12 20 1 8\"></polygon>\r\n                  </g>\r\n                </svg>\r\n              </span>\r\n            </div>\r\n            <div class=\"d-flex flex-column\">\r\n              <a\r\n                href=\"#\"\r\n                class=\"\r\n                  text-dark text-hover-primary\r\n                  font-weight-bold font-size-h4\r\n                  mb-3\r\n                \"\r\n              >\r\n                {{ this.Title }}\r\n              </a>\r\n              <div class=\"text-dark-75\">\r\n                <span class=\"text-dark-75 font-weight-bolder font-size-h3\">\r\n                  <span id=\"indicator_earn_stamp\">\r\n                    {{ this.dataTotal ? this.dataTotal : 0 }}\r\n                  </span>\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\n\r\nexport default {\r\n  name: 'TotalEarnStamp',\r\n  mixins: [Mixin],\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      dataTotal: 0,\r\n      Title: '',\r\n    }\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    tagAnalytic() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_total',\r\n        'click_unique_redeem',\r\n        'on click',\r\n      )\r\n    },\r\n    init() {\r\n      this.getCRMPlusProfile()\r\n      this.getTotal()\r\n    },\r\n    getCRMPlusProfile() {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getCRMPlusProfile()\r\n          .then(res => {\r\n            console.log('getCRMPlusProfile : ', res.data)\r\n\r\n            if (res.data.StoreType == 'point') {\r\n              this.Title = 'Unique Earn Point User'\r\n            } else {\r\n              this.Title = 'Unique Earn Stamp User'\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log('getCRMPlusProfile error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getTotal() {\r\n      BzbsDashboard.apiGetEarnStamp()\r\n        .then(res => {\r\n          this.dataTotal = res.data.value\r\n          console.log('Unique Earn Point User : ', this.dataTotal)\r\n          this.$emit('changeLoadingBox', 1)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetEarnStamp error', error)\r\n          this.$emit('changeLoadingBox', 5)\r\n        })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"sass\"></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!./EarnStamp.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!./EarnStamp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EarnStamp.vue?vue&type=template&id=228ce00f&\"\nimport script from \"./EarnStamp.vue?vue&type=script&lang=js&\"\nexport * from \"./EarnStamp.vue?vue&type=script&lang=js&\"\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  null,\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:\"col-xl-12 col-lg-12 col-md-12 pb-4 Chart-ActiveUsers\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b panel panel-default\"},[_c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"card-title font-weight-bolder text-dark\"},[_c('a-icon',{staticClass:\"color-icon-carry pl-1 pr-1\",attrs:{\"type\":\"carry-out\"}}),_c('span',{staticClass:\"pl-1\"},[_vm._v(\"Monthly Active Users\")])],1),_c('div',{staticClass:\"card-toolbar\"},[_c('a-form-item',{staticClass:\"field-item\"},[_c('a-select',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['year_id']),expression:\"['year_id']\"}],attrs:{\"size\":\"large\",\"default-value\":_vm.opYear[0].name},on:{\"change\":function (e) {\n                _vm.changeFunction(e)\n              }}},[_c('a-spin',{attrs:{\"slot\":\"notFoundContent\",\"size\":\"small\"},slot:\"notFoundContent\"}),_vm._l((_vm.opYear),function(item,index){return _c('a-select-option',{key:index,attrs:{\"value\":item.id}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])})],2)],1)],1)]),_c('div',{staticClass:\"card-body pt-0\"},[_c('h6',{staticClass:\"font-weight-bolder text-dark mb-0 ml-3\"},[_vm._v(\" Number of unique user access the platform including New User \")]),(!_vm.dataActive || _vm.dataActive.length == 0)?_c('Nodata'):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"bar\",\"options\":_vm.options,\"series\":_vm.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"no-data\"},[_c('img',{staticClass:\"no-data-icon\",attrs:{\"src\":require(\"../../assets/images/file-search.svg\"),\"alt\":\"empty data\"}}),_c('span',{staticClass:\"no-data-text\"},[_vm._v(\"No Data\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"no-data\">\r\n    <img\r\n      src=\"../../assets/images/file-search.svg\"\r\n      alt=\"empty data\"\r\n      class=\"no-data-icon\"\r\n    />\r\n    <span class=\"no-data-text\">No Data</span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'NoData',\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.no-data {\r\n  width: 100%;\r\n  height: 400px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  font-size: 14px;\r\n  letter-spacing: 0.15px;\r\n  color: #616161;\r\n\r\n  &-icon {\r\n    width: 60px;\r\n    height: 60px;\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!./NoData.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!./NoData.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NoData.vue?vue&type=template&id=e025101a&scoped=true&\"\nimport script from \"./NoData.vue?vue&type=script&lang=js&\"\nexport * from \"./NoData.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NoData.vue?vue&type=style&index=0&id=e025101a&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  \"e025101a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"col-xl-12 col-lg-12 col-md-12 pb-4 Chart-ActiveUsers\">\r\n    <div class=\"card card-custom card-stretch gutter-b panel panel-default\">\r\n      <div class=\"card-header border-0\">\r\n        <h3 class=\"card-title font-weight-bolder text-dark\">\r\n          <a-icon type=\"carry-out\" class=\"color-icon-carry pl-1 pr-1\" />\r\n          <span class=\"pl-1\">Monthly Active Users</span>\r\n        </h3>\r\n        <div class=\"card-toolbar\">\r\n          <a-form-item class=\"field-item\">\r\n            <a-select\r\n              v-decorator=\"['year_id']\"\r\n              size=\"large\"\r\n              :default-value=\"opYear[0].name\"\r\n              @change=\"\r\n                e => {\r\n                  changeFunction(e)\r\n                }\r\n              \"\r\n            >\r\n              <a-spin slot=\"notFoundContent\" size=\"small\" />\r\n              <a-select-option\r\n                v-for=\"(item, index) in opYear\"\r\n                :key=\"index\"\r\n                :value=\"item.id\"\r\n              >\r\n                {{ item.name }}\r\n              </a-select-option>\r\n            </a-select>\r\n          </a-form-item>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body pt-0\">\r\n        <h6 class=\"font-weight-bolder text-dark mb-0 ml-3\">\r\n          Number of unique user access the platform including New User\r\n        </h6>\r\n        <Nodata v-if=\"!dataActive || dataActive.length == 0\" />\r\n        <apexchart\r\n          v-else\r\n          width=\"100%\"\r\n          height=\"400px\"\r\n          type=\"bar\"\r\n          :options=\"options\"\r\n          :series=\"series\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport _ from 'lodash'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport Nodata from '@/components/Layout/NoData.vue'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'chartActiveUsers',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Nodata,\r\n  },\r\n  props: {\r\n    data: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      dataActive: [],\r\n      categoriesData: [],\r\n      seriesData: [],\r\n      options: {},\r\n      series: [],\r\n      opYear: [],\r\n      dataYear: new Date().getFullYear(),\r\n      currentLocale: Locale.getLocaleShort(),\r\n    }\r\n  },\r\n  beforeCreate() {\r\n    this.form = this.$form.createForm(this, {\r\n      name: 'chartactiveusers',\r\n    })\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getYearList()\r\n      this.getChart()\r\n    },\r\n    getYearList() {\r\n      let data = [\r\n        { id: new Date().getFullYear(), name: new Date().getFullYear() },\r\n        {\r\n          id: new Date().getFullYear() - 1,\r\n          name: new Date().getFullYear() - 1,\r\n        },\r\n        {\r\n          id: new Date().getFullYear() - 2,\r\n          name: new Date().getFullYear() - 2,\r\n        },\r\n      ]\r\n\r\n      this.opYear = data\r\n    },\r\n    changeFunction(e) {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_monthly',\r\n        'click_fillter_year',\r\n        'on click',\r\n      )\r\n      this.dataYear = e\r\n      this.getChart()\r\n    },\r\n    getChart() {\r\n      this.dataActive = []\r\n      var count = 0\r\n      for (let i = 1; i <= 12; i++) {\r\n        let params = {\r\n          year: this.dataYear,\r\n          month: i,\r\n        }\r\n        BzbsDashboard.apiGetMonthlyActive(params)\r\n          .then(res => {\r\n            if (res.data.data.length > 0) {\r\n              this.dataActive.push({ month: i, data: res.data.data })\r\n\r\n              this.dataActive.sort(function (a, b) {\r\n                if (a.month < b.month) {\r\n                  return -1\r\n                }\r\n                if (a.month > b.month) {\r\n                  return 1\r\n                }\r\n                return 0\r\n              })\r\n              count++\r\n            }\r\n            if (count == this.dataActive.length) {\r\n              setTimeout(() => this.genChart(), 200)\r\n            }\r\n          })\r\n          .catch(error => {\r\n            console.log('apiGetMonthlyActive error', error)\r\n            if (count == this.dataActive.length) {\r\n              setTimeout(() => this.genChart(), 200)\r\n            }\r\n          })\r\n      }\r\n    },\r\n    genChart() {\r\n      this.categoriesData = []\r\n      this.seriesData = []\r\n      let Month = [\r\n        { month: 1, name: 'Jan' },\r\n        { month: 2, name: 'Feb' },\r\n        { month: 3, name: 'Mar' },\r\n        { month: 4, name: 'Apr' },\r\n        { month: 5, name: 'May' },\r\n        { month: 6, name: 'Jun' },\r\n        { month: 7, name: 'Jul' },\r\n        { month: 8, name: 'Aug' },\r\n        { month: 9, name: 'Sep' },\r\n        { month: 10, name: 'Oct' },\r\n        { month: 11, name: 'Nov' },\r\n        { month: 12, name: 'Dec' },\r\n      ]\r\n\r\n      if (this.dataActive.length > 0) {\r\n        _.forEach(this.dataActive, item => {\r\n          _.forEach(Month, month => {\r\n            if (item.month == month.month) {\r\n              this.categoriesData.push(month.name)\r\n              this.seriesData.push(\r\n                item.data[item.data.length - 1].number_of_user,\r\n              )\r\n            }\r\n          })\r\n        })\r\n\r\n        if (this.categoriesData.length > 0 && this.seriesData.length > 0) {\r\n          this.options = {\r\n            chart: {\r\n              id: 'vuechart-monthly-active-users',\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              toolbar: {\r\n                export: {\r\n                  csv: {\r\n                    filename: 'monthly_active_users',\r\n                    columnDelimiter: ',',\r\n                    headerCategory: 'category',\r\n                    headerValue: 'value',\r\n                    dateFormatter(timestamp) {\r\n                      return new Date(timestamp).toDateString()\r\n                    },\r\n                  },\r\n                  svg: {\r\n                    filename: 'monthly_active_users',\r\n                  },\r\n                  png: {\r\n                    filename: 'monthly_active_users',\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            colors: ['rgb(52, 73, 94)'],\r\n            grid: {\r\n              xaxis: {\r\n                lines: {\r\n                  show: true,\r\n                },\r\n              },\r\n            },\r\n            xaxis: {\r\n              categories: this.categoriesData,\r\n              title: {\r\n                text: 'Number of Active Users',\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                style: {\r\n                  color: undefined,\r\n                  fontSize: '12px',\r\n                  fontFamily:\r\n                    this.currentLocale == 'th'\r\n                      ? 'AnuphanRegular'\r\n                      : 'RobotoRegular',\r\n                  fontWeight: 600,\r\n                  cssClass: 'apexcharts-xaxis-title',\r\n                },\r\n              },\r\n            },\r\n          }\r\n          this.series = [\r\n            {\r\n              name: 'Users',\r\n              data: this.seriesData,\r\n            },\r\n          ]\r\n\r\n          this.$emit('changeLoadingBox', 1)\r\n        }\r\n      } else {\r\n        this.$emit('changeLoadingBox', 5)\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.Chart-ActiveUsers {\r\n  .ant-select-lg {\r\n    font-size: 16px;\r\n    width: 100px;\r\n  }\r\n\r\n  .ant-form-item {\r\n    margin-bottom: 0px;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.card-body {\r\n  z-index: 1;\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!./MonthlyActiveUsers.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!./MonthlyActiveUsers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MonthlyActiveUsers.vue?vue&type=template&id=58d1773b&scoped=true&\"\nimport script from \"./MonthlyActiveUsers.vue?vue&type=script&lang=js&\"\nexport * from \"./MonthlyActiveUsers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MonthlyActiveUsers.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./MonthlyActiveUsers.vue?vue&type=style&index=1&id=58d1773b&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  \"58d1773b\",\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:\"col-xl-4 col-lg-4 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b panel panel-default\",on:{\"click\":_vm.tagAnalytic}},[_c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"card-title font-weight-bolder text-dark\"},[_c('a-icon',{staticClass:\"color-icon-user-add pr-2\",attrs:{\"type\":\"user-add\"}}),_vm._v(\"New Users \")],1)]),_c('div',{staticClass:\"card-body pt-0\"},[(!_vm.dataNewUsers || _vm.dataNewUsers.length == 0)?_c('Nodata'):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"line\",\"options\":_vm.options,\"series\":_vm.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-4 col-lg-4 col-md-6 pb-4\">\r\n    <div\r\n      class=\"card card-custom card-stretch gutter-b panel panel-default\"\r\n      @click=\"tagAnalytic\"\r\n    >\r\n      <div class=\"card-header border-0\">\r\n        <h3 class=\"card-title font-weight-bolder text-dark\">\r\n          <a-icon type=\"user-add\" class=\"color-icon-user-add pr-2\" />New Users\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-body pt-0\">\r\n        <Nodata v-if=\"!dataNewUsers || dataNewUsers.length == 0\" />\r\n        <apexchart\r\n          v-else\r\n          width=\"100%\"\r\n          height=\"400px\"\r\n          type=\"line\"\r\n          :options=\"options\"\r\n          :series=\"series\"\r\n        ></apexchart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport moment from 'moment'\r\nimport Nodata from '@/components/Layout/NoData.vue'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'ChartNewUsers',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Nodata,\r\n  },\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      dataNewUsers: [],\r\n      seriesData: [],\r\n      options: {},\r\n      series: [],\r\n      currentLocale: Locale.getLocaleShort(),\r\n    }\r\n  },\r\n  watch: {\r\n    data() {\r\n      this.getChart()\r\n    },\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getChart()\r\n    },\r\n    tagAnalytic() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_new_user',\r\n        'click_new_user_download',\r\n        'on click',\r\n      )\r\n    },\r\n    getChart() {\r\n      this.dataNewUsers = []\r\n      let params = {\r\n        startdate: this.data.startdate,\r\n        enddate: this.data.enddate,\r\n      }\r\n      BzbsDashboard.apiGetNewUser(params)\r\n        .then(res => {\r\n          this.dataNewUsers = res.data.data\r\n          if (this.dataNewUsers && this.dataNewUsers.length > 0) {\r\n            setTimeout(() => this.genChart(), 100)\r\n          }\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetNewUser error', error)\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n    },\r\n    genChart() {\r\n      this.seriesData = []\r\n      let dataUsers = []\r\n\r\n      if (this.dataNewUsers && this.dataNewUsers.length > 0) {\r\n        let locale = Locale.getLocaleCode()\r\n        if (locale != 'th') locale = 'en'\r\n        moment.locale(locale)\r\n\r\n        this.dataNewUsers.sort((a, b) =>\r\n          moment.unix(a.date).isBefore(moment.unix(b.date)) ? -1 : 1,\r\n        )\r\n        _.forEach(this.dataNewUsers, item => {\r\n          let date = moment.unix(item.date).format('MMM DD')\r\n          dataUsers.push({ x: date, y: item.value })\r\n        })\r\n\r\n        this.seriesData.push({ name: 'Users', data: dataUsers })\r\n\r\n        if (this.seriesData.length > 0) {\r\n          this.options = {\r\n            chart: {\r\n              id: 'vuechart-new-users',\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              toolbar: {\r\n                export: {\r\n                  csv: {\r\n                    filename: 'new_users',\r\n                    columnDelimiter: ',',\r\n                    headerCategory: 'category',\r\n                    headerValue: 'value',\r\n                    dateFormatter(timestamp) {\r\n                      return new Date(timestamp).toDateString()\r\n                    },\r\n                  },\r\n                  svg: {\r\n                    filename: 'new_users',\r\n                  },\r\n                  png: {\r\n                    filename: 'new_users',\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            colors: ['rgb(52, 73, 94)'],\r\n            grid: {\r\n              xaxis: {\r\n                lines: {\r\n                  show: true,\r\n                },\r\n              },\r\n            },\r\n            xaxis: {\r\n              type: 'category',\r\n              tickPlacement: 'on',\r\n              title: {\r\n                text: 'Number of new user',\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                style: {\r\n                  color: undefined,\r\n                  fontSize: '12px',\r\n                  fontFamily:\r\n                    this.currentLocale == 'th'\r\n                      ? 'AnuphanRegular'\r\n                      : 'RobotoRegular',\r\n                  fontWeight: 600,\r\n                  cssClass: 'apexcharts-xaxis-title',\r\n                },\r\n              },\r\n            },\r\n          }\r\n          this.series = this.seriesData\r\n\r\n          this.$emit('changeLoading', 1)\r\n        }\r\n      } else {\r\n        this.$emit('changeLoading', 1)\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-body {\r\n  z-index: 1;\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!./NewUsers.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!./NewUsers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewUsers.vue?vue&type=template&id=c4b8664c&scoped=true&\"\nimport script from \"./NewUsers.vue?vue&type=script&lang=js&\"\nexport * from \"./NewUsers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewUsers.vue?vue&type=style&index=0&id=c4b8664c&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  \"c4b8664c\",\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:\"col-xl-4 col-lg-4 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b panel panel-default\",on:{\"click\":_vm.tagAnalytic}},[_c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"card-title font-weight-bolder text-dark\"},[_c('a-icon',{staticClass:\"color-icon-sketch pr-2\",attrs:{\"type\":\"sketch\"}}),_vm._v(\" \"+_vm._s(this.Title)+\" \")],1)]),_c('div',{staticClass:\"card-body pt-0\"},[(!_vm.dataEarnStamp || _vm.dataEarnStamp.length == 0)?_c('Nodata'):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"line\",\"options\":_vm.options,\"series\":_vm.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-4 col-lg-4 col-md-6 pb-4\">\r\n    <div\r\n      class=\"card card-custom card-stretch gutter-b panel panel-default\"\r\n      @click=\"tagAnalytic\"\r\n    >\r\n      <div class=\"card-header border-0\">\r\n        <h3 class=\"card-title font-weight-bolder text-dark\">\r\n          <a-icon type=\"sketch\" class=\"color-icon-sketch pr-2\" />\r\n          {{ this.Title }}\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-body pt-0\">\r\n        <Nodata v-if=\"!dataEarnStamp || dataEarnStamp.length == 0\" />\r\n        <apexchart\r\n          v-else\r\n          width=\"100%\"\r\n          height=\"400px\"\r\n          type=\"line\"\r\n          :options=\"options\"\r\n          :series=\"series\"\r\n        ></apexchart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport moment from 'moment'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\nimport Nodata from '@/components/Layout/NoData.vue'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'ChartEarnStamp',\r\n  mixins: [Mixin],\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  components: {\r\n    Nodata,\r\n  },\r\n  data() {\r\n    return {\r\n      dataEarnStamp: [],\r\n      seriesData: [],\r\n      options: {},\r\n      series: [],\r\n      Title: 'Earn Point',\r\n      StoreType: 'Number of Earn Point User',\r\n      currentLocale: Locale.getLocaleShort(),\r\n    }\r\n  },\r\n  watch: {\r\n    data() {\r\n      this.getChart()\r\n    },\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getCRMPlusProfile()\r\n      this.getChart()\r\n    },\r\n    tagAnalytic() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_earn',\r\n        'click_earn_download',\r\n        'on click',\r\n      )\r\n    },\r\n    getCRMPlusProfile() {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getCRMPlusProfile()\r\n          .then(res => {\r\n            console.log('getCRMPlusProfile : ', res.data)\r\n            this.StoreType = res.data.StoreType\r\n            if (res.data.StoreType == 'stamp') {\r\n              this.Title = 'Earn Stamp'\r\n            } else {\r\n              this.Title = 'Earn Point'\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log('getCRMPlusProfile error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getChart() {\r\n      this.dataEarnStamp = []\r\n      let params = {\r\n        startdate: this.data.startdate,\r\n        enddate: this.data.enddate,\r\n      }\r\n      BzbsDashboard.apiGetChartEarnStamp(params)\r\n        .then(res => {\r\n          this.dataEarnStamp = res.data.data\r\n          console.log('dataEarnStamp :', this.dataEarnStamp)\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetChartEarnStamp error', error)\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n    },\r\n    genChart() {\r\n      this.seriesData = []\r\n      let dataUsers = []\r\n      let title = ''\r\n\r\n      if (this.StoreType == 'stamp') {\r\n        title = 'Number of Earn Stamp User'\r\n      } else {\r\n        title = 'Number of Earn Point User'\r\n      }\r\n      this.dataEarnStamp.sort((a, b) =>\r\n        moment(a.date).isBefore(moment(b.date)) ? -1 : 1,\r\n      )\r\n      _.forEach(this.dataEarnStamp, item => {\r\n        let date = moment(item.date).format('MMM DD')\r\n        dataUsers.push({ x: date, y: item.value })\r\n      })\r\n\r\n      this.seriesData.push({ name: 'Users', data: dataUsers })\r\n      var file_name\r\n      if (this.StoreType == 'stamp') {\r\n        file_name = 'earn_stamp'\r\n      } else {\r\n        file_name = 'earn_point'\r\n      }\r\n      this.options = {\r\n        chart: {\r\n          id: 'vuechart-earnstamp',\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          toolbar: {\r\n            export: {\r\n              csv: {\r\n                filename: file_name,\r\n                columnDelimiter: ',',\r\n                headerCategory: 'category',\r\n                headerValue: 'value',\r\n                dateFormatter(timestamp) {\r\n                  return new Date(timestamp).toDateString()\r\n                },\r\n              },\r\n              svg: {\r\n                filename: file_name,\r\n              },\r\n              png: {\r\n                filename: file_name,\r\n              },\r\n            },\r\n          },\r\n        },\r\n        colors: ['rgb(52, 73, 94)'],\r\n        grid: {\r\n          xaxis: {\r\n            lines: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        xaxis: {\r\n          type: 'category',\r\n          tickPlacement: 'on',\r\n          title: {\r\n            text: title,\r\n            offsetX: 0,\r\n            offsetY: 0,\r\n            style: {\r\n              color: undefined,\r\n              fontSize: '12px',\r\n              fontFamily:\r\n                this.currentLocale == 'th' ? 'AnuphanRegular' : 'RobotoRegular',\r\n              fontWeight: 600,\r\n              cssClass: 'apexcharts-xaxis-title',\r\n            },\r\n          },\r\n        },\r\n      }\r\n      this.series = this.seriesData\r\n\r\n      this.$emit('changeLoading', 1)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-body {\r\n  z-index: 1;\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!./EarnStamp.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!./EarnStamp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EarnStamp.vue?vue&type=template&id=2358f468&scoped=true&\"\nimport script from \"./EarnStamp.vue?vue&type=script&lang=js&\"\nexport * from \"./EarnStamp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EarnStamp.vue?vue&type=style&index=0&id=2358f468&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  \"2358f468\",\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:\"col-xl-4 col-lg-4 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b panel panel-default\",on:{\"click\":_vm.tagAnalytic}},[_c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"card-title font-weight-bolder text-dark\"},[_c('a-icon',{staticClass:\"color-icon-fire pr-2\",attrs:{\"type\":\"fire\",\"theme\":\"filled\"}}),_vm._v(\" Burn Point \")],1)]),_c('div',{staticClass:\"card-body pt-0\"},[(!_vm.dataBurn || _vm.dataBurn.length == 0)?_c('Nodata'):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"line\",\"options\":_vm.options,\"series\":_vm.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-4 col-lg-4 col-md-6 pb-4\">\r\n    <div\r\n      class=\"card card-custom card-stretch gutter-b panel panel-default\"\r\n      @click=\"tagAnalytic\"\r\n    >\r\n      <div class=\"card-header border-0\">\r\n        <h3 class=\"card-title font-weight-bolder text-dark\">\r\n          <a-icon type=\"fire\" theme=\"filled\" class=\"color-icon-fire pr-2\" />\r\n          Burn Point\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-body pt-0\">\r\n        <Nodata v-if=\"!dataBurn || dataBurn.length == 0\" />\r\n        <apexchart\r\n          v-else\r\n          width=\"100%\"\r\n          height=\"400px\"\r\n          type=\"line\"\r\n          :options=\"options\"\r\n          :series=\"series\"\r\n        ></apexchart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport moment from 'moment'\r\nimport Nodata from '@/components/Layout/NoData.vue'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'ChartBurn',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Nodata,\r\n  },\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      dataBurn: [],\r\n      seriesData: [],\r\n      options: {},\r\n      series: [],\r\n      currentLocale: Locale.getLocaleShort(),\r\n    }\r\n  },\r\n  watch: {\r\n    data() {\r\n      this.getChart()\r\n    },\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getChart()\r\n    },\r\n    tagAnalytic() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_burn',\r\n        'click_burn_download',\r\n        'on click',\r\n      )\r\n    },\r\n    getChart() {\r\n      this.dataBurn = []\r\n      let params = {\r\n        startdate: this.data.startdate,\r\n        enddate: this.data.enddate,\r\n      }\r\n      BzbsDashboard.apiGetBurnUser(params)\r\n        .then(res => {\r\n          this.dataBurn = res.data.data\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetBurnUser error', error)\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n    },\r\n    genChart() {\r\n      this.seriesData = []\r\n      let dataUsers = []\r\n      this.dataBurn.sort((a, b) =>\r\n        moment(a.date).isBefore(moment(b.date)) ? -1 : 1,\r\n      )\r\n      _.forEach(this.dataBurn, item => {\r\n        let date = moment(item.date).format('MMM DD')\r\n        dataUsers.push({ x: date, y: item.amount })\r\n      })\r\n      this.seriesData.push({ name: 'Users', data: dataUsers })\r\n\r\n      this.options = {\r\n        chart: {\r\n          id: 'vuechart-new-users',\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          toolbar: {\r\n            export: {\r\n              csv: {\r\n                filename: 'burn_point',\r\n                columnDelimiter: ',',\r\n                headerCategory: 'category',\r\n                headerValue: 'value',\r\n                dateFormatter(timestamp) {\r\n                  return new Date(timestamp).toDateString()\r\n                },\r\n              },\r\n              svg: {\r\n                filename: 'burn_point',\r\n              },\r\n              png: {\r\n                filename: 'burn_point',\r\n              },\r\n            },\r\n          },\r\n        },\r\n        colors: ['rgb(52, 73, 94)'],\r\n        grid: {\r\n          xaxis: {\r\n            lines: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        xaxis: {\r\n          type: 'category',\r\n          tickPlacement: 'on',\r\n          title: {\r\n            text: 'Number of Burn Point User',\r\n            offsetX: 0,\r\n            offsetY: 0,\r\n            style: {\r\n              color: undefined,\r\n              fontSize: '12px',\r\n              fontFamily:\r\n                this.currentLocale == 'th' ? 'AnuphanRegular' : 'RobotoRegular',\r\n              fontWeight: 600,\r\n              cssClass: 'apexcharts-xaxis-title',\r\n            },\r\n          },\r\n        },\r\n      }\r\n      this.series = this.seriesData\r\n\r\n      this.$emit('changeLoading', 1)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-body {\r\n  z-index: 1;\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!./Burn.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!./Burn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Burn.vue?vue&type=template&id=1e9b8f35&scoped=true&\"\nimport script from \"./Burn.vue?vue&type=script&lang=js&\"\nexport * from \"./Burn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Burn.vue?vue&type=style&index=0&id=1e9b8f35&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  \"1e9b8f35\",\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:\"col-xl-4 col-lg-4 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b panel panel-default\"},[_c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"card-title font-weight-bolder text-dark\"},[_c('span',{staticClass:\"card-icon-sex pr-2\"},[_c('a-icon',{staticClass:\"color-icon-sex\",attrs:{\"type\":\"woman\"}}),_c('a-icon',{staticClass:\"color-icon-sex sex-man\",attrs:{\"type\":\"man\"}})],1),_vm._v(\"Member Profile: Gender \")])]),_c('div',{staticClass:\"card-body pt-0\"},[(!_vm.dataMaleFemale || _vm.dataMaleFemale.length == 0)?_c('Nodata'):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"donut\",\"options\":_vm.options,\"series\":_vm.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-4 col-lg-4 col-md-6 pb-4\">\r\n    <div class=\"card card-custom card-stretch gutter-b panel panel-default\">\r\n      <div class=\"card-header border-0\">\r\n        <h3 class=\"card-title font-weight-bolder text-dark\">\r\n          <span class=\"card-icon-sex pr-2\">\r\n            <a-icon type=\"woman\" class=\"color-icon-sex\" />\r\n            <a-icon type=\"man\" class=\"color-icon-sex sex-man\" /></span\r\n          >Member Profile: Gender\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-body pt-0\">\r\n        <Nodata v-if=\"!dataMaleFemale || dataMaleFemale.length == 0\" />\r\n        <apexchart\r\n          v-else\r\n          width=\"100%\"\r\n          height=\"400px\"\r\n          type=\"donut\"\r\n          :options=\"options\"\r\n          :series=\"series\"\r\n        ></apexchart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport Nodata from '@/components/Layout/NoData.vue'\r\n\r\nexport default {\r\n  name: 'ChartMaleFemale',\r\n  mixins: [Mixin],\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  components: {\r\n    Nodata,\r\n  },\r\n  data() {\r\n    return {\r\n      dataMaleFemale: [],\r\n      labelsData: [],\r\n      seriesData: [],\r\n      options: {},\r\n      series: [],\r\n    }\r\n  },\r\n  watch: {\r\n    data() {\r\n      this.getChart()\r\n    },\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getChart()\r\n    },\r\n    getChart() {\r\n      this.dataMaleFemale = []\r\n      let params = {\r\n        startdate: this.data.startdate,\r\n        enddate: this.data.enddate,\r\n      }\r\n      BzbsDashboard.apiGetActiveGender(params)\r\n        .then(res => {\r\n          this.dataMaleFemale = res.data.data\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetActiveGender error', error)\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n    },\r\n    genChart() {\r\n      this.seriesData = []\r\n      this.labelsData = []\r\n\r\n      _.forEach(this.dataMaleFemale, item => {\r\n        this.labelsData.push(item.key ? item.key : 'N/A')\r\n        this.seriesData.push(parseInt(item.value))\r\n      })\r\n\r\n      this.options = {\r\n        labels: this.labelsData,\r\n        colors: ['#F44336', '#E91E63', '#9C27B0'],\r\n      }\r\n      this.series = this.seriesData\r\n\r\n      this.$emit('changeLoading', 1)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-body {\r\n  z-index: 1;\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!./MaleFemale.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!./MaleFemale.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MaleFemale.vue?vue&type=template&id=943373ce&scoped=true&\"\nimport script from \"./MaleFemale.vue?vue&type=script&lang=js&\"\nexport * from \"./MaleFemale.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MaleFemale.vue?vue&type=style&index=0&id=943373ce&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  \"943373ce\",\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:\"col-xl-4 col-lg-4 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b panel panel-default\"},[_c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"card-title font-weight-bolder text-dark\"},[_c('a-icon',{staticClass:\"color-icon-user pr-2\",attrs:{\"type\":\"user\"}}),_vm._v(\"Member Profile: Age \")],1)]),_c('div',{staticClass:\"card-body pt-0\"},[(!_vm.dataAge || _vm.dataAge.length == 0)?_c('Nodata'):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"donut\",\"options\":_vm.options,\"series\":_vm.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-4 col-lg-4 col-md-6 pb-4\">\r\n    <div class=\"card card-custom card-stretch gutter-b panel panel-default\">\r\n      <div class=\"card-header border-0\">\r\n        <h3 class=\"card-title font-weight-bolder text-dark\">\r\n          <a-icon type=\"user\" class=\"color-icon-user pr-2\" />Member Profile: Age\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-body pt-0\">\r\n        <Nodata v-if=\"!dataAge || dataAge.length == 0\" />\r\n        <apexchart\r\n          v-else\r\n          width=\"100%\"\r\n          height=\"400px\"\r\n          type=\"donut\"\r\n          :options=\"options\"\r\n          :series=\"series\"\r\n        ></apexchart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport Nodata from '@/components/Layout/NoData.vue'\r\n\r\nexport default {\r\n  name: 'ChartAge',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Nodata,\r\n  },\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      dataAge: [],\r\n      labelsData: [],\r\n      seriesData: [],\r\n      options: {},\r\n      series: [],\r\n    }\r\n  },\r\n  watch: {\r\n    data() {\r\n      this.getChart()\r\n    },\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getChart()\r\n    },\r\n    getChart() {\r\n      this.dataAge = []\r\n      let params = {\r\n        startdate: this.data.startdate,\r\n        enddate: this.data.enddate,\r\n      }\r\n      BzbsDashboard.apiGetActiveAge(params)\r\n        .then(res => {\r\n          this.dataAge = res.data.data\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetActiveAge error', error)\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n    },\r\n    genChart() {\r\n      this.seriesData = []\r\n      this.labelsData = []\r\n\r\n      _.forEach(this.dataAge, item => {\r\n        this.labelsData.push(item.key ? item.key : 'N/A')\r\n        this.seriesData.push(parseInt(item.value))\r\n      })\r\n\r\n      this.options = {\r\n        labels: this.labelsData,\r\n        colors: ['#F44336', '#E91E63', '#9C27B0', '#673AB7', '#3F51B5'],\r\n      }\r\n      this.series = this.seriesData\r\n\r\n      this.$emit('changeLoading', 1)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-body {\r\n  z-index: 1;\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!./Age.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!./Age.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Age.vue?vue&type=template&id=0b01a44e&scoped=true&\"\nimport script from \"./Age.vue?vue&type=script&lang=js&\"\nexport * from \"./Age.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Age.vue?vue&type=style&index=0&id=0b01a44e&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  \"0b01a44e\",\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:\"col-xl-4 col-lg-4 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b panel panel-default\"},[_c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"card-title font-weight-bolder text-dark\"},[_c('a-icon',{staticClass:\"color-icon-team pr-2\",attrs:{\"type\":\"team\"}}),_vm._v(\" Frequency of Usage by User (Earn Point and Redeem Reward) \")],1)]),_c('div',{staticClass:\"card-body pt-0\"},[(!_vm.dataFrequency || _vm.dataFrequency.length == 0)?_c('Nodata'):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"donut\",\"options\":_vm.options,\"series\":_vm.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-4 col-lg-4 col-md-6 pb-4\">\r\n    <div class=\"card card-custom card-stretch gutter-b panel panel-default\">\r\n      <div class=\"card-header border-0\">\r\n        <h3 class=\"card-title font-weight-bolder text-dark\">\r\n          <a-icon type=\"team\" class=\"color-icon-team pr-2\" />\r\n          Frequency of Usage by User (Earn Point and Redeem Reward)\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-body pt-0\">\r\n        <Nodata v-if=\"!dataFrequency || dataFrequency.length == 0\" />\r\n        <apexchart\r\n          v-else\r\n          width=\"100%\"\r\n          height=\"400px\"\r\n          type=\"donut\"\r\n          :options=\"options\"\r\n          :series=\"series\"\r\n        ></apexchart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport Nodata from '@/components/Layout/NoData.vue'\r\n\r\nexport default {\r\n  name: 'ChartFrequency',\r\n  mixins: [Mixin],\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  components: {\r\n    Nodata,\r\n  },\r\n  data() {\r\n    return {\r\n      dataFrequency: [],\r\n      labelsData: [],\r\n      seriesData: [],\r\n      options: {},\r\n      series: [],\r\n    }\r\n  },\r\n  watch: {\r\n    data() {\r\n      this.getChart()\r\n    },\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getChart()\r\n    },\r\n    getChart() {\r\n      this.dataFrequency = []\r\n      let params = {\r\n        startdate: this.data.startdate,\r\n        enddate: this.data.enddate,\r\n      }\r\n      BzbsDashboard.apiGetActiveFrequency(params)\r\n        .then(res => {\r\n          this.dataFrequency = res.data.data\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetActiveFrequency error', error)\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n    },\r\n    genChart() {\r\n      this.seriesData = []\r\n      this.labelsData = []\r\n\r\n      _.forEach(this.dataFrequency, item => {\r\n        this.labelsData.push(item.key)\r\n        this.seriesData.push(parseInt(item.value))\r\n      })\r\n\r\n      this.options = {\r\n        labels: this.labelsData,\r\n        colors: ['#F44336', '#E91E63', '#9C27B0', '#673AB7', '#3F51B5'],\r\n      }\r\n      this.series = this.seriesData\r\n\r\n      this.$emit('changeLoading', 1)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-body {\r\n  z-index: 1;\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!./FrequencyMonth.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!./FrequencyMonth.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FrequencyMonth.vue?vue&type=template&id=9349156e&scoped=true&\"\nimport script from \"./FrequencyMonth.vue?vue&type=script&lang=js&\"\nexport * from \"./FrequencyMonth.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FrequencyMonth.vue?vue&type=style&index=0&id=9349156e&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  \"9349156e\",\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:\"col-xl-6 col-lg-6 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b panel panel-default\",on:{\"click\":_vm.tagAnalytic}},[_c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"card-title font-weight-bolder text-dark\"},[_c('a-icon',{staticClass:\"color-icon-trophy pr-2\",attrs:{\"type\":\"trophy\",\"theme\":\"filled\"}}),_vm._v(\" Campaign / Reward redemption (Top 5) \")],1)]),_c('div',{staticClass:\"card-body pt-0\"},[(!_vm.dataCampaigns || _vm.dataCampaigns.length == 0)?_c('Nodata'):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"bar\",\"options\":_vm.options,\"series\":_vm.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-6 col-lg-6 col-md-6 pb-4\">\r\n    <div\r\n      class=\"card card-custom card-stretch gutter-b panel panel-default\"\r\n      @click=\"tagAnalytic\"\r\n    >\r\n      <div class=\"card-header border-0\">\r\n        <h3 class=\"card-title font-weight-bolder text-dark\">\r\n          <a-icon type=\"trophy\" theme=\"filled\" class=\"color-icon-trophy pr-2\" />\r\n          Campaign / Reward redemption (Top 5)\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-body pt-0\">\r\n        <Nodata v-if=\"!dataCampaigns || dataCampaigns.length == 0\" />\r\n        <apexchart\r\n          v-else\r\n          width=\"100%\"\r\n          height=\"400px\"\r\n          type=\"bar\"\r\n          :options=\"options\"\r\n          :series=\"series\"\r\n        ></apexchart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport Nodata from '@/components/Layout/NoData.vue'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'ChartCampaigns',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Nodata,\r\n  },\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      dataCampaigns: [],\r\n      seriesData: [],\r\n      options: {},\r\n      series: [],\r\n      currentLocale: Locale.getLocaleShort(),\r\n    }\r\n  },\r\n  watch: {\r\n    data() {\r\n      this.getChart()\r\n    },\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getChart()\r\n      console.log('currentLocale : ', this.currentLocale)\r\n    },\r\n    tagAnalytic() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_campaign',\r\n        'click_campaign_download',\r\n        'on click',\r\n      )\r\n    },\r\n    getChart() {\r\n      this.dataCampaigns = []\r\n      let params = {\r\n        startdate: this.data.startdate,\r\n        enddate: this.data.enddate,\r\n      }\r\n      BzbsDashboard.apiGetCampaign(params)\r\n        .then(res => {\r\n          this.dataCampaigns = res.data.data\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetCampaign error', error)\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n    },\r\n    genChart() {\r\n      this.seriesData = []\r\n\r\n      _.forEach(this.dataCampaigns, item => {\r\n        this.seriesData.push({\r\n          name: item.name,\r\n          data: [{ x: '', y: item.value }],\r\n        })\r\n      })\r\n\r\n      this.options = {\r\n        chart: {\r\n          id: 'vuechart-campaigns',\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          toolbar: {\r\n            export: {\r\n              csv: {\r\n                filename: 'campaign_reward_redemption_top5',\r\n                columnDelimiter: ',',\r\n                headerCategory: 'category',\r\n                headerValue: 'value',\r\n                dateFormatter(timestamp) {\r\n                  return new Date(timestamp).toDateString()\r\n                },\r\n              },\r\n              svg: {\r\n                filename: 'campaign_reward_redemption_top5',\r\n              },\r\n              png: {\r\n                filename: 'campaign_reward_redemption_top5',\r\n              },\r\n            },\r\n          },\r\n        },\r\n        colors: ['#F44336', '#E91E63', '#9C27B0', '#673AB7', '#3F51B5'],\r\n        grid: {\r\n          xaxis: {\r\n            lines: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        xaxis: {\r\n          title: {\r\n            text: 'Number of User',\r\n            offsetX: 0,\r\n            offsetY: 0,\r\n            style: {\r\n              color: undefined,\r\n              fontSize: '12px',\r\n              fontFamily:\r\n                this.currentLocale == 'th' ? 'AnuphanRegular' : 'RobotoRegular',\r\n              fontWeight: 600,\r\n              cssClass: 'apexcharts-xaxis-title',\r\n            },\r\n          },\r\n        },\r\n        plotOptions: {\r\n          bar: {\r\n            horizontal: true,\r\n            s̶t̶a̶r̶t̶i̶n̶g̶S̶h̶a̶p̶e̶: 'flat',\r\n            e̶n̶d̶i̶n̶g̶S̶h̶a̶p̶e̶: 'flat',\r\n            borderRadius: 15,\r\n            columnWidth: '70%',\r\n            barHeight: '70%',\r\n            distributed: false,\r\n            rangeBarOverlap: true,\r\n            rangeBarGroupRows: false,\r\n            colors: {\r\n              ranges: [\r\n                {\r\n                  from: 0,\r\n                  to: 10,\r\n                  color: undefined,\r\n                },\r\n              ],\r\n              backgroundBarColors: [],\r\n              backgroundBarOpacity: 1,\r\n              backgroundBarRadius: 0,\r\n            },\r\n            dataLabels: {\r\n              position: 'top',\r\n              maxItems: 100,\r\n              hideOverflowingLabels: false,\r\n            },\r\n          },\r\n        },\r\n      }\r\n      this.series = this.seriesData\r\n\r\n      this.$emit('changeLoading', 1)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-body {\r\n  z-index: 1;\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!./Campaigns.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!./Campaigns.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Campaigns.vue?vue&type=template&id=2b0d248a&scoped=true&\"\nimport script from \"./Campaigns.vue?vue&type=script&lang=js&\"\nexport * from \"./Campaigns.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Campaigns.vue?vue&type=style&index=0&id=2b0d248a&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  \"2b0d248a\",\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:\"col-xl-6 col-lg-6 col-md-6 pb-4\"},[_c('div',{staticClass:\"card card-custom card-stretch gutter-b panel panel-default\"},[_c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"card-title font-weight-bolder text-dark\"},[_c('a-icon',{staticClass:\"color-icon-shop pr-2\",attrs:{\"type\":\"shop\",\"theme\":\"filled\"}}),_vm._v(\" Branch / Terminal Activity (Give Point and Give Reward) \")],1)]),_c('div',{staticClass:\"card-body pt-0\"},[(!_vm.dataBranchActivity || _vm.dataBranchActivity.length == 0)?_c('Nodata'):_c('apexchart',{attrs:{\"width\":\"100%\",\"height\":\"400px\",\"type\":\"bar\",\"options\":_vm.options,\"series\":_vm.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"col-xl-6 col-lg-6 col-md-6 pb-4\">\r\n    <div class=\"card card-custom card-stretch gutter-b panel panel-default\">\r\n      <div class=\"card-header border-0\">\r\n        <h3 class=\"card-title font-weight-bolder text-dark\">\r\n          <a-icon type=\"shop\" theme=\"filled\" class=\"color-icon-shop pr-2\" />\r\n          Branch / Terminal Activity (Give Point and Give Reward)\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-body pt-0\">\r\n        <Nodata v-if=\"!dataBranchActivity || dataBranchActivity.length == 0\" />\r\n        <apexchart\r\n          v-else\r\n          width=\"100%\"\r\n          height=\"400px\"\r\n          type=\"bar\"\r\n          :options=\"options\"\r\n          :series=\"series\"\r\n        ></apexchart>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsDashboard from '@/core/Campaign/service/BzbsDashboard'\r\nimport Nodata from '@/components/Layout/NoData.vue'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'ChartBranchActivity',\r\n  mixins: [Mixin],\r\n  props: {\r\n    data: Object,\r\n    form: Object,\r\n  },\r\n  components: {\r\n    Nodata,\r\n  },\r\n  data() {\r\n    return {\r\n      dataBranchActivity: [],\r\n      seriesData: [],\r\n      options: {},\r\n      series: [],\r\n      currentLocale: Locale.getLocaleShort(),\r\n    }\r\n  },\r\n  watch: {\r\n    data: function () {\r\n      this.getChart()\r\n    },\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getChart()\r\n    },\r\n    getChart() {\r\n      this.dataBranchActivity = []\r\n      let params = {\r\n        startdate: this.data.startdate,\r\n        enddate: this.data.enddate,\r\n      }\r\n      BzbsDashboard.apiGetBranch(params)\r\n        .then(res => {\r\n          this.dataBranchActivity = res.data.Detail\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n        .catch(error => {\r\n          console.log('apiGetBranch error', error)\r\n          setTimeout(() => this.genChart(), 100)\r\n        })\r\n    },\r\n    genChart() {\r\n      this.seriesData = []\r\n\r\n      _.forEach(this.dataBranchActivity, item => {\r\n        this.seriesData.push({\r\n          name: item.BranchName,\r\n          data: [{ x: '', y: item.NumberOfUser }],\r\n        })\r\n      })\r\n\r\n      this.options = {\r\n        chart: {\r\n          id: 'vuechart-branchactivity',\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          toolbar: {\r\n            export: {\r\n              csv: {\r\n                filename: 'branch_terminal_activity',\r\n                columnDelimiter: ',',\r\n                headerCategory: 'category',\r\n                headerValue: 'value',\r\n                dateFormatter(timestamp) {\r\n                  return new Date(timestamp).toDateString()\r\n                },\r\n              },\r\n              svg: {\r\n                filename: 'branch_terminal_activity',\r\n              },\r\n              png: {\r\n                filename: 'branch_terminal_activity',\r\n              },\r\n            },\r\n          },\r\n        },\r\n        colors: ['#F44336', '#E91E63', '#9C27B0', '#673AB7', '#3F51B5'],\r\n        grid: {\r\n          xaxis: {\r\n            lines: {\r\n              show: true,\r\n            },\r\n          },\r\n        },\r\n        xaxis: {\r\n          title: {\r\n            text: 'Number of User',\r\n            offsetX: 0,\r\n            offsetY: 0,\r\n            style: {\r\n              color: undefined,\r\n              fontSize: '12px',\r\n              fontFamily:\r\n                this.currentLocale == 'th' ? 'AnuphanRegular' : 'RobotoRegular',\r\n              fontWeight: 600,\r\n              cssClass: 'apexcharts-xaxis-title',\r\n            },\r\n          },\r\n        },\r\n        plotOptions: {\r\n          bar: {\r\n            horizontal: true,\r\n            s̶t̶a̶r̶t̶i̶n̶g̶S̶h̶a̶p̶e̶: 'flat',\r\n            e̶n̶d̶i̶n̶g̶S̶h̶a̶p̶e̶: 'flat',\r\n            borderRadius: 15,\r\n            columnWidth: '70%',\r\n            barHeight: '70%',\r\n            distributed: false,\r\n            rangeBarOverlap: true,\r\n            rangeBarGroupRows: false,\r\n            colors: {\r\n              ranges: [\r\n                {\r\n                  from: 0,\r\n                  to: 10,\r\n                  color: undefined,\r\n                },\r\n              ],\r\n              backgroundBarColors: [],\r\n              backgroundBarOpacity: 1,\r\n              backgroundBarRadius: 0,\r\n            },\r\n            dataLabels: {\r\n              position: 'top',\r\n              maxItems: 100,\r\n              hideOverflowingLabels: false,\r\n            },\r\n          },\r\n        },\r\n      }\r\n      this.series = this.seriesData\r\n\r\n      this.$emit('changeLoading', 1)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-body {\r\n  z-index: 1;\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!./BranchActivity.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!./BranchActivity.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BranchActivity.vue?vue&type=template&id=3383533b&scoped=true&\"\nimport script from \"./BranchActivity.vue?vue&type=script&lang=js&\"\nexport * from \"./BranchActivity.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BranchActivity.vue?vue&type=style&index=0&id=3383533b&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  \"3383533b\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"container-fluid\">\r\n    <Header />\r\n    <div\r\n      class=\"mx-auto mt-1 content-outer-container\"\r\n      :class=\"{ 'content-dashboard': $store.state.isDashboard }\"\r\n    >\r\n      <div class=\"mx-auto content-inner-container\">\r\n        <div class=\"wrapper-ifrem\">\r\n          <div class=\"row\">\r\n            <!-- Dashboard 1-->\r\n            <div class=\"col-xl-12 col-lg-12 col-md-12 pb-4 wrapper-dashboard\">\r\n              <div\r\n                class=\"\r\n                  card card-custom card-stretch\r\n                  gutter-b\r\n                  panel panel-default\r\n                \"\r\n              >\r\n                <div class=\"card-header border-0\">\r\n                  <div\r\n                    class=\"\r\n                      container-fluid\r\n                      d-flex\r\n                      align-items-center\r\n                      justify-content-between\r\n                      flex-wrap flex-sm-nowrap\r\n                    \"\r\n                  >\r\n                    <!-- Insights / Transactions -->\r\n                    <div class=\"d-flex align-items-center flex-wrap mr-2\">\r\n                      <span class=\"svg-icon svg-icon-warning svg-icon-2x\"\r\n                        ><svg\r\n                          xmlns=\"http://www.w3.org/2000/svg\"\r\n                          xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                          width=\"24px\"\r\n                          height=\"24px\"\r\n                          viewBox=\"0 0 24 24\"\r\n                          version=\"1.1\"\r\n                        >\r\n                          <g\r\n                            stroke=\"none\"\r\n                            stroke-width=\"1\"\r\n                            fill=\"none\"\r\n                            fill-rule=\"evenodd\"\r\n                          >\r\n                            <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\r\n                            <rect\r\n                              fill=\"#000000\"\r\n                              opacity=\"0.3\"\r\n                              x=\"4\"\r\n                              y=\"4\"\r\n                              width=\"4\"\r\n                              height=\"4\"\r\n                              rx=\"1\"\r\n                            ></rect>\r\n                            <path\r\n                              d=\"M5,10 L7,10 C7.55228475,10 8,10.4477153 8,11 L8,13 C8,13.5522847 7.55228475,14 7,14 L5,14 C4.44771525,14 4,13.5522847 4,13 L4,11 C4,10.4477153 4.44771525,10 5,10 Z M11,4 L13,4 C13.5522847,4 14,4.44771525 14,5 L14,7 C14,7.55228475 13.5522847,8 13,8 L11,8 C10.4477153,8 10,7.55228475 10,7 L10,5 C10,4.44771525 10.4477153,4 11,4 Z M11,10 L13,10 C13.5522847,10 14,10.4477153 14,11 L14,13 C14,13.5522847 13.5522847,14 13,14 L11,14 C10.4477153,14 10,13.5522847 10,13 L10,11 C10,10.4477153 10.4477153,10 11,10 Z M17,4 L19,4 C19.5522847,4 20,4.44771525 20,5 L20,7 C20,7.55228475 19.5522847,8 19,8 L17,8 C16.4477153,8 16,7.55228475 16,7 L16,5 C16,4.44771525 16.4477153,4 17,4 Z M17,10 L19,10 C19.5522847,10 20,10.4477153 20,11 L20,13 C20,13.5522847 19.5522847,14 19,14 L17,14 C16.4477153,14 16,13.5522847 16,13 L16,11 C16,10.4477153 16.4477153,10 17,10 Z M5,16 L7,16 C7.55228475,16 8,16.4477153 8,17 L8,19 C8,19.5522847 7.55228475,20 7,20 L5,20 C4.44771525,20 4,19.5522847 4,19 L4,17 C4,16.4477153 4.44771525,16 5,16 Z M11,16 L13,16 C13.5522847,16 14,16.4477153 14,17 L14,19 C14,19.5522847 13.5522847,20 13,20 L11,20 C10.4477153,20 10,19.5522847 10,19 L10,17 C10,16.4477153 10.4477153,16 11,16 Z M17,16 L19,16 C19.5522847,16 20,16.4477153 20,17 L20,19 C20,19.5522847 19.5522847,20 19,20 L17,20 C16.4477153,20 16,19.5522847 16,19 L16,17 C16,16.4477153 16.4477153,16 17,16 Z\"\r\n                              fill=\"#000000\"\r\n                            ></path>\r\n                          </g></svg\r\n                      ></span>\r\n                      <h5\r\n                        class=\"\r\n                          text-dark\r\n                          font-weight-bold\r\n                          mt-2\r\n                          mb-2\r\n                          mr-5\r\n                          mb-1\r\n                          mt-1\r\n                        \"\r\n                      >\r\n                        Dashboard\r\n                      </h5>\r\n                    </div>\r\n                    <div v-show=\"alertPackage\" class=\"alert-package\">\r\n                      <a-icon\r\n                        class=\"pt-0 mr-3\"\r\n                        type=\"clock-circle\"\r\n                      />ใช้งานได้อีก 3 วัน\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <TotalUserBox @changeLoadingBox=\"ChangeLoadingBox($event)\" />\r\n            <DailyActiveUserBox @changeLoadingBox=\"ChangeLoadingBox($event)\" />\r\n            <RedemptionBox @changeLoadingBox=\"ChangeLoadingBox($event)\" />\r\n            <EarnStampBox @changeLoadingBox=\"ChangeLoadingBox($event)\" />\r\n            <MonthlyActiveUsersChart\r\n              @changeLoadingBox=\"ChangeLoadingBox($event)\"\r\n            />\r\n\r\n            <!-- Dashboard 2-->\r\n            <div class=\"col-xl-12 col-lg-12 col-md-12 pb-4 wrapper-dashboard\">\r\n              <div\r\n                class=\"\r\n                  card card-custom card-stretch\r\n                  gutter-b\r\n                  panel panel-default\r\n                \"\r\n              >\r\n                <div class=\"card-header border-0\">\r\n                  <div\r\n                    class=\"\r\n                      container-fluid\r\n                      d-flex\r\n                      align-items-center\r\n                      justify-content-between\r\n                      flex-wrap flex-sm-nowrap\r\n                    \"\r\n                  >\r\n                    <!-- Insights / Transactions -->\r\n                    <div class=\"d-flex align-items-center flex-wrap mr-2\">\r\n                      <span class=\"svg-icon svg-icon-warning svg-icon-2x\"\r\n                        ><svg\r\n                          xmlns=\"http://www.w3.org/2000/svg\"\r\n                          xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                          width=\"24px\"\r\n                          height=\"24px\"\r\n                          viewBox=\"0 0 24 24\"\r\n                          version=\"1.1\"\r\n                        >\r\n                          <g\r\n                            stroke=\"none\"\r\n                            stroke-width=\"1\"\r\n                            fill=\"none\"\r\n                            fill-rule=\"evenodd\"\r\n                          >\r\n                            <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\r\n                            <rect\r\n                              fill=\"#000000\"\r\n                              opacity=\"0.3\"\r\n                              x=\"4\"\r\n                              y=\"4\"\r\n                              width=\"4\"\r\n                              height=\"4\"\r\n                              rx=\"1\"\r\n                            ></rect>\r\n                            <path\r\n                              d=\"M5,10 L7,10 C7.55228475,10 8,10.4477153 8,11 L8,13 C8,13.5522847 7.55228475,14 7,14 L5,14 C4.44771525,14 4,13.5522847 4,13 L4,11 C4,10.4477153 4.44771525,10 5,10 Z M11,4 L13,4 C13.5522847,4 14,4.44771525 14,5 L14,7 C14,7.55228475 13.5522847,8 13,8 L11,8 C10.4477153,8 10,7.55228475 10,7 L10,5 C10,4.44771525 10.4477153,4 11,4 Z M11,10 L13,10 C13.5522847,10 14,10.4477153 14,11 L14,13 C14,13.5522847 13.5522847,14 13,14 L11,14 C10.4477153,14 10,13.5522847 10,13 L10,11 C10,10.4477153 10.4477153,10 11,10 Z M17,4 L19,4 C19.5522847,4 20,4.44771525 20,5 L20,7 C20,7.55228475 19.5522847,8 19,8 L17,8 C16.4477153,8 16,7.55228475 16,7 L16,5 C16,4.44771525 16.4477153,4 17,4 Z M17,10 L19,10 C19.5522847,10 20,10.4477153 20,11 L20,13 C20,13.5522847 19.5522847,14 19,14 L17,14 C16.4477153,14 16,13.5522847 16,13 L16,11 C16,10.4477153 16.4477153,10 17,10 Z M5,16 L7,16 C7.55228475,16 8,16.4477153 8,17 L8,19 C8,19.5522847 7.55228475,20 7,20 L5,20 C4.44771525,20 4,19.5522847 4,19 L4,17 C4,16.4477153 4.44771525,16 5,16 Z M11,16 L13,16 C13.5522847,16 14,16.4477153 14,17 L14,19 C14,19.5522847 13.5522847,20 13,20 L11,20 C10.4477153,20 10,19.5522847 10,19 L10,17 C10,16.4477153 10.4477153,16 11,16 Z M17,16 L19,16 C19.5522847,16 20,16.4477153 20,17 L20,19 C20,19.5522847 19.5522847,20 19,20 L17,20 C16.4477153,20 16,19.5522847 16,19 L16,17 C16,16.4477153 16.4477153,16 17,16 Z\"\r\n                              fill=\"#000000\"\r\n                            ></path>\r\n                          </g></svg\r\n                      ></span>\r\n                      <h5\r\n                        class=\"\r\n                          text-dark\r\n                          font-weight-bold\r\n                          mt-2\r\n                          mb-2\r\n                          mr-5\r\n                          mb-1\r\n                          mt-1\r\n                        \"\r\n                      >\r\n                        Dashboard\r\n                      </h5>\r\n                      <div\r\n                        class=\"\r\n                          subheader-separator subheader-separator-ver\r\n                          mt-2\r\n                          mb-2\r\n                          mr-4\r\n                          bg-gray-200\r\n                        \"\r\n                      ></div>\r\n                      <span class=\"text-muted font-weight-bold mr-4\"></span>\r\n\r\n                      <!-- See more -->\r\n                      <button\r\n                        v-if=\"!isSeemore\"\r\n                        class=\"primarybtn mr-3\"\r\n                        @click=\"handleSeemore\"\r\n                      >\r\n                        {{ lbl['user-level-preview-see-more'] }}\r\n                      </button>\r\n\r\n                      <!-- Insights -->\r\n                      <a\r\n                        v-if=\"isSeemore\"\r\n                        class=\"btn btn-danger mr-3 mb-1 mt-1\"\r\n                        id=\"bntInsight\"\r\n                        data-toggle=\"modal\"\r\n                        data-target=\"#insightModal\"\r\n                        @click=\"handleInsights\"\r\n                      >\r\n                        <span class=\"svg-icon\">\r\n                          <svg\r\n                            xmlns=\"http://www.w3.org/2000/svg\"\r\n                            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                            width=\"24px\"\r\n                            height=\"24px\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            version=\"1.1\"\r\n                          >\r\n                            <g\r\n                              stroke=\"none\"\r\n                              stroke-width=\"1\"\r\n                              fill=\"none\"\r\n                              fill-rule=\"evenodd\"\r\n                            >\r\n                              <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\r\n                              <path\r\n                                d=\"M12.7442084,3.27882877 L19.2473374,6.9949025 C19.7146999,7.26196679 20.003129,7.75898194 20.003129,8.29726722 L20.003129,15.7027328 C20.003129,16.2410181 19.7146999,16.7380332 19.2473374,17.0050975 L12.7442084,20.7211712 C12.2830594,20.9846849 11.7169406,20.9846849 11.2557916,20.7211712 L4.75266256,17.0050975 C4.28530007,16.7380332 3.99687097,16.2410181 3.99687097,15.7027328 L3.99687097,8.29726722 C3.99687097,7.75898194 4.28530007,7.26196679 4.75266256,6.9949025 L11.2557916,3.27882877 C11.7169406,3.01531506 12.2830594,3.01531506 12.7442084,3.27882877 Z M12,14.5 C13.3807119,14.5 14.5,13.3807119 14.5,12 C14.5,10.6192881 13.3807119,9.5 12,9.5 C10.6192881,9.5 9.5,10.6192881 9.5,12 C9.5,13.3807119 10.6192881,14.5 12,14.5 Z\"\r\n                                fill=\"#000000\"\r\n                              ></path>\r\n                            </g>\r\n                          </svg>\r\n                        </span>\r\n                        Insights\r\n                      </a>\r\n\r\n                      <!-- Transactions -->\r\n                      <a\r\n                        v-if=\"isSeemore\"\r\n                        href=\"#\"\r\n                        class=\"btn btn-primary mr-3 mb-1 mt-1\"\r\n                        id=\"bntTransaction\"\r\n                        data-toggle=\"modal\"\r\n                        data-target=\"#transactionModal\"\r\n                        @click=\"handleTransactions\"\r\n                      >\r\n                        <span class=\"svg-icon\">\r\n                          <svg\r\n                            xmlns=\"http://www.w3.org/2000/svg\"\r\n                            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                            width=\"24px\"\r\n                            height=\"24px\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            version=\"1.1\"\r\n                          >\r\n                            <g\r\n                              stroke=\"none\"\r\n                              stroke-width=\"1\"\r\n                              fill=\"none\"\r\n                              fill-rule=\"evenodd\"\r\n                            >\r\n                              <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                              <path\r\n                                d=\"M4.85714286,1 L11.7364114,1 C12.0910962,1 12.4343066,1.12568431 12.7051108,1.35473959 L17.4686994,5.3839416 C17.8056532,5.66894833 18,6.08787823 18,6.52920201 L18,19.0833333 C18,20.8738751 17.9795521,21 16.1428571,21 L4.85714286,21 C3.02044787,21 3,20.8738751 3,19.0833333 L3,2.91666667 C3,1.12612489 3.02044787,1 4.85714286,1 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z\"\r\n                                fill=\"#000000\"\r\n                                fill-rule=\"nonzero\"\r\n                                opacity=\"0.3\"\r\n                              ></path>\r\n                              <path\r\n                                d=\"M6.85714286,3 L14.7364114,3 C15.0910962,3 15.4343066,3.12568431 15.7051108,3.35473959 L20.4686994,7.3839416 C20.8056532,7.66894833 21,8.08787823 21,8.52920201 L21,21.0833333 C21,22.8738751 20.9795521,23 19.1428571,23 L6.85714286,23 C5.02044787,23 5,22.8738751 5,21.0833333 L5,4.91666667 C5,3.12612489 5.02044787,3 6.85714286,3 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z\"\r\n                                fill=\"#000000\"\r\n                                fill-rule=\"nonzero\"\r\n                              ></path>\r\n                            </g>\r\n                          </svg> </span\r\n                        >Transactions</a\r\n                      >\r\n                    </div>\r\n                    <!-- Time -->\r\n                    <div\r\n                      v-if=\"isSeemore\"\r\n                      class=\"d-flex align-items-center mb-1 mt-1\"\r\n                    >\r\n                      <a-form-item class=\"field-item d-flex\">\r\n                        <a-select\r\n                          v-decorator=\"['date_id']\"\r\n                          size=\"large\"\r\n                          :default-value=\"\r\n                            selectDate.length > 0 ? selectDate[3].name : []\r\n                          \"\r\n                          @change=\"\r\n                            e => {\r\n                              changeSelectDate(e)\r\n                            }\r\n                          \"\r\n                        >\r\n                          <a-spin slot=\"notFoundContent\" size=\"small\" />\r\n                          <a-select-option\r\n                            v-for=\"(item, index) in selectDate\"\r\n                            :key=\"index\"\r\n                            :value=\"item.id\"\r\n                          >\r\n                            <span class=\"font-weight-bold\">{{\r\n                              item.name\r\n                            }}</span>\r\n                          </a-select-option>\r\n                        </a-select>\r\n                        <span\r\n                          v-if=\"!isSelectDate\"\r\n                          class=\"font-weight-bold font-color-date\"\r\n                        >\r\n                          {{ this.textStartDate }} - {{ this.textEndDate }}\r\n                        </span>\r\n\r\n                        <span\r\n                          v-if=\"isSelectDate\"\r\n                          class=\"font-weight-bold font-color-date icon-clear\"\r\n                        >\r\n                          <a-range-picker\r\n                            :format=\"'YYYY/MM/DD'\"\r\n                            @change=\"\r\n                              e => {\r\n                                onChangePicker(e)\r\n                              }\r\n                            \"\r\n                          />\r\n                        </span>\r\n                      </a-form-item>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <NewUsersChart\r\n              v-if=\"isSeemore\"\r\n              :data=\"dataChart\"\r\n              @changeLoading=\"ChangeLoading($event)\"\r\n            />\r\n            <EarnStampChart\r\n              v-if=\"isSeemore\"\r\n              :data=\"dataChart\"\r\n              @changeLoading=\"ChangeLoading($event)\"\r\n            />\r\n            <BurnChart\r\n              v-if=\"isSeemore\"\r\n              :data=\"dataChart\"\r\n              @changeLoading=\"ChangeLoading($event)\"\r\n            />\r\n            <MaleFemaleChart\r\n              v-if=\"isSeemore\"\r\n              :data=\"dataChart\"\r\n              @changeLoading=\"ChangeLoading($event)\"\r\n            />\r\n            <AgeChart\r\n              v-if=\"isSeemore\"\r\n              :data=\"dataChart\"\r\n              @changeLoading=\"ChangeLoading($event)\"\r\n            />\r\n            <FrequencyMonthChart\r\n              v-if=\"isSeemore\"\r\n              :data=\"dataChart\"\r\n              @changeLoading=\"ChangeLoading($event)\"\r\n            />\r\n            <CampaignsChart\r\n              v-if=\"isSeemore\"\r\n              :data=\"dataChart\"\r\n              @changeLoading=\"ChangeLoading($event)\"\r\n            />\r\n            <BranchActivityChart\r\n              v-if=\"isSeemore\"\r\n              :data=\"dataChart\"\r\n              @changeLoading=\"ChangeLoading($event)\"\r\n            />\r\n          </div>\r\n\r\n          <Insights\r\n            :show=\"showModalInsights\"\r\n            :data=\"dataInsights\"\r\n            @changeInsights=\"ChangeInsights($event)\"\r\n          />\r\n          <TransactionsEDC\r\n            :show=\"showModalTransactions\"\r\n            :data=\"dataTransactions\"\r\n            @changeTransactions=\"ChangeTransactions($event)\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- Show Modal 1 -->\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    <alertUpgradePackage\r\n      :visible=\"showAlertUpgradepackage\"\r\n      :title=\"lbl['alert-upgrade-package-text']\"\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 Vue from 'vue'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport moment from 'moment'\r\nimport TotalUserBox from '@/module/components/dashboard/box/TotalUser'\r\nimport DailyActiveUserBox from '@/module/components/dashboard/box/DailyActiveUser'\r\nimport RedemptionBox from '@/module/components/dashboard/box/Redemption'\r\nimport EarnStampBox from '@/module/components/dashboard/box/EarnStamp'\r\nimport MonthlyActiveUsersChart from '@/module/components/dashboard/chart/bar/MonthlyActiveUsers'\r\nimport NewUsersChart from '@/module/components/dashboard/chart/line/NewUsers'\r\nimport EarnStampChart from '@/module/components/dashboard/chart/line/EarnStamp'\r\nimport BurnChart from '@/module/components/dashboard/chart/line/Burn'\r\nimport MaleFemaleChart from '@/module/components/dashboard/chart/donut/MaleFemale'\r\nimport AgeChart from '@/module/components/dashboard/chart/donut/Age'\r\nimport FrequencyMonthChart from '@/module/components/dashboard/chart/donut/FrequencyMonth'\r\nimport CampaignsChart from '@/module/components/dashboard/chart/bar/Campaigns'\r\nimport BranchActivityChart from '@/module/components/dashboard/chart/bar/BranchActivity'\r\nimport Insights from '@/module/components/dashboard/popup/Insights'\r\nimport TransactionsEDC from '@/module/components/dashboard/popup/TransactionsEDC'\r\nimport Header from '@/components/Layout/Header'\r\nimport CookieAccept from '@/components/Layout/CookieAccept'\r\nimport Notification from '@/components/Modal/Component/confirmmodal2'\r\nimport ExpirePackage from '@/components/Modal/Component/confirmmodal2'\r\nimport WelcomeBack from '@/components/Modal/Component/WelcomeBack'\r\nimport PackageChanged from '@/components/Modal/Component/PackageChanged'\r\nimport alertUpgradePackage from '@/components/Modal/Component/alertUpgradePackage'\r\nimport AnnouncementCarousel from '@/components/Modal/Component/AnnouncementCarousel'\r\nimport BzbsPdpa from '@/core/Settings/BzbsSettingsPdpa'\r\nimport BzbsPackage from '@/core/Package/service/BzbsPackage'\r\nimport BzbsAnnouncement from '@/core/Announcement/service/BzbsAnnouncement'\r\nimport BzbsCart from '@/core/Cart/service/BzbsCart'\r\nimport PackageHelper from '@/helper/PackageHelper.js'\r\n\r\nexport default {\r\n  name: 'importUserSearch',\r\n  components: {\r\n    TotalUserBox,\r\n    DailyActiveUserBox,\r\n    RedemptionBox,\r\n    EarnStampBox,\r\n    MonthlyActiveUsersChart,\r\n    NewUsersChart,\r\n    EarnStampChart,\r\n    BurnChart,\r\n    MaleFemaleChart,\r\n    AgeChart,\r\n    FrequencyMonthChart,\r\n    CampaignsChart,\r\n    BranchActivityChart,\r\n    Insights,\r\n    TransactionsEDC,\r\n    Header,\r\n    CookieAccept,\r\n    Notification,\r\n    ExpirePackage,\r\n    WelcomeBack,\r\n    AnnouncementCarousel,\r\n    alertUpgradePackage,\r\n    PackageChanged,\r\n  },\r\n  mixins: [Mixin],\r\n  data: function () {\r\n    return {\r\n      isDashboard: true,\r\n      searchText: '',\r\n      searchInput: null,\r\n      searchedColumn: '',\r\n      dataChartMonthlyActiveUsers: null,\r\n      dataChartNewUsers: null,\r\n      dataChartEarnStamp: null,\r\n      dataChartBurn: null,\r\n      dataChartMaleFemale: null,\r\n      dataChartAge: null,\r\n      dataCharFrequencyMonth: null,\r\n      dataCharCampaigns: null,\r\n      dataCharBranchActivity: null,\r\n      startDate: null,\r\n      endDate: null,\r\n      selectDate: [],\r\n      textStartDate: '',\r\n      textEndDate: '',\r\n      isSelectDate: false,\r\n      countLoading: 0,\r\n      countLoadingBox: 0,\r\n      isSeemore: false,\r\n      alertPackage: false,\r\n\r\n      //Insight\r\n      showModalInsights: false,\r\n      dataInsights: {},\r\n\r\n      showModalTransactions: false,\r\n      dataTransactions: {},\r\n      window: window,\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      welcomeBack: {\r\n        title: '',\r\n        details: '',\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      crmPackage: {},\r\n      profileConfig: {\r\n        ShownAnnouncement: false,\r\n      },\r\n      nonStandardPackageList: [],\r\n      subscriptionId: null,\r\n      skip: 0,\r\n      top: 10,\r\n      showAlertUpgradepackage: false,\r\n      actionUpgrade: {\r\n        internalPage: true,\r\n        pageName: 'Dashboard',\r\n      },\r\n    }\r\n  },\r\n  created() {\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    var businessName = ''\r\n    if (Account.getCacheProfileAddress().strBusinessName) {\r\n      businessName = Account.getCacheProfileAddress().strBusinessName\r\n    } else if (Account.getCacheUser().BusinessName) {\r\n      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 (!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: 'Dashboard',\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: 'Dashboard',\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 (!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: 'Dashboard',\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: 'Dashboard',\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 (!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: 'Dashboard',\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: 'Dashboard',\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  methods: {\r\n    moment,\r\n    test() {\r\n      console.log('alert :: ', alert)\r\n    },\r\n    init() {\r\n      this.handleDashboard(true)\r\n      this.handleLoading(true)\r\n      this.handleFooter(true)\r\n      this.getDateList()\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.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    goShopping(packageId) {\r\n      this.handleLoading(true)\r\n      var arrData = [{ id: packageId, qty: 1 }]\r\n      return new Promise(resolve => {\r\n        BzbsCart.apiAddtoCart(packageId, arrData)\r\n          .then(res => {\r\n            console.log('apiAddtoCart :: ', res.data)\r\n            this.goShoppingCart()\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log(error)\r\n            this.$emit('error', error.response.data.error.message)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    goShoppingCart() {\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 ? true : false,\r\n      }\r\n      BzbsCart.goShopingCart(params)\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    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    //#region Main\r\n    getTotalPdpaUploadLog(type) {\r\n      return new Promise(resolve => {\r\n        BzbsPdpa.getImportConsentLog(type, 10, 0)\r\n          .then(res => {\r\n            resolve(res.data.total)\r\n          })\r\n          .catch(error => {\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getDateList() {\r\n      const today = new Date()\r\n      this.selectDate = [\r\n        {\r\n          id: 0,\r\n          name: 'Today',\r\n          start: moment(today).format('ll'),\r\n          end: moment(today).format('ll'),\r\n        },\r\n        {\r\n          id: 1,\r\n          name: 'Yesterday',\r\n          start: moment(today).add(-1, 'd').format('ll'),\r\n          end: moment(today).add(-1, 'd').format('ll'),\r\n        },\r\n        {\r\n          id: 2,\r\n          name: 'Last 7 Days',\r\n          start: moment(today).add(-6, 'd').format('ll'),\r\n          end: moment(today).format('ll'),\r\n        },\r\n        {\r\n          id: 3,\r\n          name: 'Last 30 Days',\r\n          start: moment(today).add(-29, 'd').format('ll'),\r\n          end: moment(today).format('ll'),\r\n        },\r\n        {\r\n          id: 4,\r\n          name: 'This Month',\r\n          start: moment(today).startOf('month').format('ll'),\r\n          end: moment(today).endOf('month').format('ll'),\r\n        },\r\n        {\r\n          id: 5,\r\n          name: 'Last Month',\r\n          start: moment(today).add(-1, 'M').startOf('month').format('ll'),\r\n          end: moment(today).add(-1, 'M').endOf('month').format('ll'),\r\n        },\r\n        {\r\n          id: 6,\r\n          name: 'Custom Range',\r\n        },\r\n      ]\r\n      this.textStartDate = moment(today).add(-29, 'd').format('ll')\r\n      this.textEndDate = moment(today).format('ll')\r\n      let dataDate = {\r\n        startdate: moment(today).add(-29, 'd').format('YYYY-MM-DD'),\r\n        enddate: moment(today).format('YYYY-MM-DD'),\r\n      }\r\n      this.dataChart = dataDate\r\n      this.dataDateInsight = dataDate\r\n    },\r\n    onChangePicker(date) {\r\n      this.countLoading = 0\r\n      var dataDate = {\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n      }\r\n      this.dataChart = dataDate\r\n      this.dataDateInsight = dataDate\r\n      console.log('dataChart : ', this.dataChart)\r\n      this.$forceUpdate()\r\n    },\r\n    changeSelectDate(e) {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_details',\r\n        'click_fillter',\r\n        'on click',\r\n      )\r\n      switch (e) {\r\n        case 0:\r\n          Account.bzbsAnalyticTracking(\r\n            'home_page',\r\n            'dashboard_details',\r\n            'click_fillter_today',\r\n            'on click',\r\n          )\r\n          break\r\n        case 1:\r\n          Account.bzbsAnalyticTracking(\r\n            'home_page',\r\n            'dashboard_details',\r\n            'click_fillter_yesterday',\r\n            'on click',\r\n          )\r\n          break\r\n        case 2:\r\n          Account.bzbsAnalyticTracking(\r\n            'home_page',\r\n            'dashboard_details',\r\n            'click_fillter_last_seven_day',\r\n            'on click',\r\n          )\r\n          break\r\n        case 3:\r\n          Account.bzbsAnalyticTracking(\r\n            'home_page',\r\n            'dashboard_details',\r\n            'click_fillter_last_thirty_day',\r\n            'on click',\r\n          )\r\n          break\r\n        case 4:\r\n          Account.bzbsAnalyticTracking(\r\n            'home_page',\r\n            'dashboard_details',\r\n            'click_fillter_this_month',\r\n            'on click',\r\n          )\r\n          break\r\n        case 5:\r\n          Account.bzbsAnalyticTracking(\r\n            'home_page',\r\n            'dashboard_details',\r\n            'click_fillter_last_month',\r\n            'on click',\r\n          )\r\n          break\r\n        case 6:\r\n          Account.bzbsAnalyticTracking(\r\n            'home_page',\r\n            'dashboard_details',\r\n            'click_fillter_custom',\r\n            'on click',\r\n          )\r\n          break\r\n      }\r\n      this.countLoading = 0\r\n      if (e == 6) {\r\n        this.isSelectDate = true\r\n      } else {\r\n        this.isSelectDate = false\r\n        this.textStartDate = this.selectDate[e].start\r\n        this.textEndDate = this.selectDate[e].end\r\n        let dataDate = {\r\n          startdate: moment(new Date(this.textStartDate)).format('YYYY-MM-DD'),\r\n          enddate: moment(new Date(this.textEndDate)).format('YYYY-MM-DD'),\r\n        }\r\n        this.dataChart = dataDate\r\n        this.dataDateInsight = dataDate\r\n      }\r\n    },\r\n    handleSeemore() {\r\n      this.isSeemore = true\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_details',\r\n        'click_see_more',\r\n        'on click',\r\n      )\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_details',\r\n        'view_dashboard_details',\r\n        'on view',\r\n      )\r\n    },\r\n    //#endregion Main\r\n\r\n    //#region Insight\r\n    handleInsights() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_details',\r\n        'click_insights',\r\n        'on click',\r\n      )\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_details',\r\n        'view_insights',\r\n        'on view',\r\n      )\r\n      if (this.crmPackage && this.crmPackage.IsFreePackage) {\r\n        this.showAlertUpgradepackage = true\r\n        this.actionUpgrade = {\r\n          internalPage: true,\r\n          pageName: 'Package',\r\n        }\r\n      } else {\r\n        this.showModalInsights = true\r\n        this.dataInsights = {\r\n          startdate: this.dataDateInsight.startdate,\r\n          enddate: this.dataDateInsight.enddate,\r\n        }\r\n      }\r\n    },\r\n    ChangeInsights(res) {\r\n      this.showModalInsights = res\r\n    },\r\n    //#endregion Insight\r\n\r\n    //#region Transactions\r\n    handleTransactions() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_details',\r\n        'click_transactions',\r\n        'on click',\r\n      )\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'dashboard_details',\r\n        'view_transactions',\r\n        'on view',\r\n      )\r\n      this.showModalTransactions = true\r\n      this.dataTransactions = {\r\n        startdate: this.dataDateInsight.startdate,\r\n        enddate: this.dataDateInsight.enddate,\r\n      }\r\n    },\r\n    ChangeTransactions(res) {\r\n      this.showModalTransactions = res\r\n    },\r\n    ChangeLoadingBox(res) {\r\n      this.countLoadingBox += res\r\n\r\n      if (this.countLoadingBox >= 5) {\r\n        this.handleLoading(false)\r\n      } else {\r\n        this.handleLoading(true)\r\n      }\r\n    },\r\n    ChangeLoading(res) {\r\n      this.countLoading += res\r\n      this.handleLoading(false)\r\n    },\r\n    //#endregion Transactions\r\n\r\n    //#region Package\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    //#endregion Package\r\n\r\n    //#region incomplete account setting\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    openNotificationAccountSetting() {\r\n      setTimeout(() => {\r\n        this.notificationAccountSetting.title =\r\n          this.lbl['privacy-notification-line-setup-title']\r\n        this.notificationAccountSetting.details =\r\n          this.lbl['privacy-notification-line-setup-detail']\r\n        this.notificationAccountSetting.modalType = 'warning'\r\n        this.notificationAccountSetting.isOpenModal = true\r\n        this.notificationAccountSetting.backto =\r\n          this.lbl['confirm-box-cancel-button']\r\n        this.notificationAccountSetting.confirm =\r\n          this.lbl['privacy-notification-upload-btn-setup']\r\n        this.notificationAccountSetting.onConfirm = () => {\r\n          this.notificationAccountSetting.isOpenModal = false\r\n          this.$router.push({ name: 'ConnectSetting' })\r\n        }\r\n        this.notificationAccountSetting.onCancel = () => {\r\n          if (\r\n            this.compareCurrentDate(localStorage.getItem('stampDateWelcome'))\r\n          ) {\r\n            this.passNotify(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.passNotify(true)\r\n              }\r\n            }, 500)\r\n          }\r\n          this.notificationAccountSetting.isOpenModal = false\r\n        }\r\n      }, 500)\r\n    },\r\n    //endregion incomplete account setting\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    //#region Announcement\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            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    //#endregion Announcement\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/dashboard.scss';\r\n.alert-package {\r\n  border: 2px solid #ff5252;\r\n  padding: 4px 40px;\r\n  color: #ff5252;\r\n  border-radius: 4px;\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!./Dashboard.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!./Dashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=2805a541&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&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  null,\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!./NoData.vue?vue&type=style&index=0&id=e025101a&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!./MonthlyActiveUsers.vue?vue&type=style&index=1&id=58d1773b&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!./Dashboard.vue?vue&type=style&index=0&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!./NewUsers.vue?vue&type=style&index=0&id=c4b8664c&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!./FrequencyMonth.vue?vue&type=style&index=0&id=9349156e&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!./EarnStamp.vue?vue&type=style&index=0&id=2358f468&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!./MonthlyActiveUsers.vue?vue&type=style&index=0&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!./Campaigns.vue?vue&type=style&index=0&id=2b0d248a&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!./Age.vue?vue&type=style&index=0&id=0b01a44e&lang=scss&scoped=true&\""],"sourceRoot":""}