{"version":3,"sources":["webpack:///./src/assets/images/VerifyError.svg","webpack:///./src/assets/images/qr_code.svg","webpack:///./src/components/Modal/VerifyEmail.vue?f2e7","webpack:///./src/assets/images/Verify.svg","webpack:///./src/module/components/Home/LayoutHome.vue?c91f","webpack:///./src/components/Modal/VerifyEmail.vue?70aa","webpack:///src/components/Modal/VerifyEmail.vue","webpack:///./src/components/Modal/VerifyEmail.vue?6fc3","webpack:///./src/components/Modal/VerifyEmail.vue","webpack:///./src/module/components/Home/VDCard.vue?27f8","webpack:///src/module/components/Home/VDCard.vue","webpack:///./src/module/components/Home/VDCard.vue?4a96","webpack:///./src/module/components/Home/VDCard.vue","webpack:///src/module/components/Home/LayoutHome.vue","webpack:///./src/module/components/Home/LayoutHome.vue?c850","webpack:///./src/module/components/Home/LayoutHome.vue","webpack:///./src/assets/images/info.svg","webpack:///./src/module/components/Home/VDCard.vue?8c69","webpack:///./src/core/ValueDesign/BzbsValueDesign.js","webpack:///./src/module/components/Home/LayoutHome.vue?88de"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","windowWidth","windowHeight","staticClass","attrs","imageLogo","slot","_v","_s","textWelcomeTwo","labelName","isStore","lbl","dashboard","you_have","Point","you_points","on","handlePointsExpired","_e","isPointsExpired","PointsExpired","points_expired","DateExpired","HideProfileTab","staticStyle","imageProfile","$event","gotoProfile","isShowEarnCode","$route","name","style","backgroundColor","color","textColor","handleGetPoints","click_points","handleGetStamp","stamp","click_stamp","goto","value_design","home","my_card_btn","HideHomeTab","key","class","active","main","storeinfo","ShowCheckInMission7Days","missionData","ShowCampaignSurveyBanner","ShowCampaignEnterCodeBanner","ShowCampaignFriendGetFriendBanner","fgfData","mission","HideHistoryTab","my_rewards","cardData","stampbackgroundColor","height","ShowValueDesignOnConsumer","imageHeader","showError","dataError","ChangeError","showVerifyEmail","dataVerifyEmail","ChangeVerifyEmail","staticRenderFns","VerifyEmailClose","model","value","callback","$$v","showModal","expression","currentLocale","verify","title","success2","detail","changeTryAgian","try_agian","component","card","_l","item","CardId","cardImage","CoverUrl","gotoCard","displayID","Type","digital_card","physical_card","displayBalance","Balance","currency","length","gotoCreateCard","empty_card_title","empty_card_desc","config","Vue","bzbsConfig","token","Account","getCacheToken","ewallet_token","getCacheWalletToken","app_id","Cache","get","getCacheCustom","undefined","appId","agency_id","sponsorId","locale","getCards","strUrl","bzbModuleUrl","BzbsApi","connectBzbsGet","createDigitalCard","connectBzbsPost","createPhysicalCard","params","deleteCard","id","cardId","connectBzbsDelete","cardHistory","bzbsCashcardUrl","cardTopup","genQr"],"mappings":"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AkB,G,YCiDtB,GACA,cACA,uBACA,OACA,MACA,WACA,+BAGA,mBACA,4BACA,mBACA,eACA,wBACA,YAGA,SACA,0BACA,4BACA,YACA,eACA,iBACA,YAEA,0CAEA,sBACA,SACA,8DACA,IAEA,qBACA,4BACA,YACA,eACA,gBACA,YAEA,mBACA,kBACA,iBAGA,2BACA,IACA,wCACA,SACA,WAGA,sBACA,IACA,mCACA,SACA,aC/G8W,ICQ1W,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,iEC4Sf,GACA,iBACA,4DACA,uBACA,OACA,eAEA,gBACA,OACA,eACA,kBACA,eACA,aACA,+BACA,mBACA,aACA,aACA,aACA,mBACA,mBACA,kBACA,aACA,aACA,cACA,eACA,kBACA,kBACA,WACA,kBACA,QACA,gBACA,eACA,8BACA,gCACA,mBACA,aACA,aACA,eACA,oBACA,6BACA,cAGA,OACA,oBACA,OACA,oBAIA,0BACA,qBACA,gEAEA,8BACA,uBACA,0CACA,mCAEA,+BACA,8BACA,4BACA,2BAEA,6BACA,wBACA,SACA,yBAOA,6BACA,wBACA,UAEA,iBACA,oBACA,4DAEA,wBAEA,SACA,2BACA,qEACA,8DACA,MACA,KAEA,yCACA,6BACA,mBAGA,kBACA,4BAGA,sBACA,kDAIA,sBACA,gDACA,WAEA,iCACA,sBACA,gDACA,YACA,iBAEA,yBAIA,2CACA,6DAEA,8BACA,+CACA,yBAGA,yCACA,uBACA,OACA,8BACA,gCACA,0BACA,mCAGA,gCACA,4BACA,kBAEA,oBACA,mBACA,yBACA,6BACA,WACA,WAEA,sBAEA,aAEA,mBACA,oBAGA,4DAEA,mBACA,yBACA,6BACA,WACA,WAEA,sBACA,iCACA,mBACA,yBACA,0BACA,WACA,WAEA,uBAEA,mBACA,yBACA,qCACA,8BACA,mBACA,WACA,WAEA,sBAIA,YAIA,uCAGA,OAFA,uBAEA,yBACA,0BACA,kBAEA,6CACA,mDACA,mDACA,4BACA,6CACA,aACA,aAEA,mBACA,oBACA,oBACA,eACA,aACA,6BACA,sCAGA,YAIA,mCACA,kBACA,uBACA,kBACA,+BACA,cAEA,6CACA,sBACA,6CAEA,eAGA,gBAGA,mBACA,iBAIA,sCAEA,OADA,uBACA,yBACA,yBACA,kBACA,oBACA,EACA,gBACA,kBAEA,iBACA,OAGA,iBACA,UAGA,mBACA,iBACA,oBACA,YAIA,oBACA,6CACA,0CACA,kEACA,oDACA,kDACA,uCACA,0CAEA,uCACA,2CACA,wCACA,4CACA,2CACA,+CACA,iDACA,0DAEA,0CACA,0DAEA,sBAGA,eACA,eACA,iBAEA,oBACA,iBACA,MACA,gCACA,IACA,wBACA,2DACA,qBACA,iBACA,MACA,kCACA,IACA,wBACA,6DACA,cACA,iBACA,MACA,gCACA,IACA,wBACA,4DAEA,iBACA,MACA,8BACA,IACA,wBACA,yDAGA,0BACA,8DACA,MACA,+BAIA,oCACA,+BACA,kCAEA,8CACA,iCACA,uBACA,oBACA,kCAEA,yBAEA,iBACA,4BAEA,oBAGA,kBACA,oBACA,qBAGA,oCACA,QACA,aACA,YACA,aACA,kBACA,UACA,UAOA,iCAGA,OAFA,uBAEA,yBACA,oBACA,kBAEA,oDACA,MACA,8BAEA,qCACA,sDACA,oCACA,uBAGA,aAEA,mBACA,oBACA,eACA,aACA,6BACA,sCAGA,YAIA,uBACA,4BACA,YACA,eACA,sBACA,YAEA,iCAEA,iBACA,6BAEA,uCACA,gCACA,6BACA,kBAEA,sBACA,aAEA,mBACA,oBACA,qBAEA,YAIA,6BACA,yBACA,wBACA,wCACA,+BACA,iBAEA,iBAGA,UACA,gCACA,MACA,iBACA,2DACA,mCACA,mBACA,0BAEA,yBAGA,0BACA,qCACA,gBAEA,GAEA,kCAEA,OADA,uBACA,yBACA,kBACA,kBACA,oBACA,uBACA,aAEA,mBACA,oBACA,eACA,aACA,6BACA,sCAEA,YAIA,+BACA,sCAEA,2BACA,kCAEA,0BACA,iCAEA,0BACA,iCAEA,wBACA,iBACA,mBAIA,8BACA,4BACA,gBACA,6BC7yBkX,ICQ9W,G,UAAY,eACd,EACA9G,EACA6E,GACA,EACA,KACA,KACA,OAIa,S,8BCnBf/E,EAAOC,QAAU,IAA0B,gB,kCCA3C,W,kCCAA,oDAae,QACbgH,OAAQ,WACN,OAAOC,aAAIC,YAEbC,MAAO,WACL,OAAOC,OAAQC,gBAAkBD,OAAQC,gBAAkB,MAE7DC,cAAe,WACb,OAAOF,OAAQG,sBAAwBH,OAAQG,sBAAwB,MAEzEC,OAAQ,WACN,OAAiE,MAA7DC,OAAMC,IAAI,YAAcN,OAAQO,eAAe,iBAG/CC,GADAH,OAAMC,IAAI,YAAcN,OAAQO,eAAe,WAAWE,MAGnDJ,OAAMC,IAAI,YAAcN,OAAQO,eAAe,WAAWE,MAK5DT,OAAQO,eAAe,WAGlCG,UAAW,WACT,OAAOL,OAAMC,IAAI,YAAcN,OAAQO,eAAe,WAAWI,WAEnEC,OAAQ,WACN,OAAOP,OAAMC,IAAI,YAAcN,OAAQO,eAAe,WAAWK,QAEnEC,SAAU,WACR,IAAIC,EAAS/H,KAAK6G,SAASmB,aAAe,yBAC1C,OAAOC,OAAQC,eAAeH,EAAQ/H,KAAKgH,QAAS,OAEtDmB,kBAAmB,WACjB,IAAIJ,EAAS/H,KAAK6G,SAASmB,aAAe,gCAC1C,OAAOC,OAAQG,gBAAgBL,EAAQ/H,KAAKgH,QAAS,KAEvDqB,mBAAoB,SAAUC,GAC5B,IAAIP,EAAS/H,KAAK6G,SAASmB,aAAe,iCAC1C,OAAOC,OAAQG,gBAAgBL,EAAQ/H,KAAKgH,QAASsB,IAEvDC,WAAY,SAAUC,GACpB,IAAIF,EAAS,CACXG,OAAQD,GAENT,EAAS/H,KAAK6G,SAASmB,aAAe,wBAC1C,OAAOC,OAAQS,kBAAkBX,EAAQ/H,KAAKgH,QAASsB,IAEzDK,YAAa,SAAUL,GACrB,IAAIP,EAAS/H,KAAK6G,SAAS+B,gBAAkB,gBAC7C,OAAOX,OAAQC,eAAeH,EAAQ/H,KAAKmH,gBAAiBmB,IAE9DO,UAAW,SAAUP,GACnB,IAAIP,EAAS/H,KAAK6G,SAAS+B,gBAAkB,cAC7C,OAAOX,OAAQG,gBAAgBL,EAAQ/H,KAAKmH,gBAAiBmB,IAE/DQ,MAAO,SAAUR,GACf,IAAIP,EAAS/H,KAAK6G,SAAS+B,gBAAkB,MAC7C,OAAOX,OAAQG,gBAAgBL,EAAQ/H,KAAKmH,gBAAiBmB,M,kCCxEjE","file":"js/RewardsDetail~earnpoint~home~missionhub~myrewards.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/VerifyError.svg\";","module.exports = __webpack_public_path__ + \"img/qr_code.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./VerifyEmail.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/Verify.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('div',{staticClass:\"h-100\"},[_c('div',{staticClass:\"wrapper-ifrem\"},[_c('div',{staticClass:\"row py-1\"},[_c('div',{staticClass:\"col-7\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',[_c('a-avatar',{attrs:{\"slot\":\"avatar\",\"crm_at\":\"avatar_image\",\"size\":110,\"src\":_vm.imageLogo},slot:\"avatar\"})],1),_c('div',{staticClass:\"ml-3\"},[_c('label',{staticClass:\"label-welcome\",attrs:{\"crm_at\":\"label-welcome\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.textWelcomeTwo)+\"\\n              \")]),_c('br'),_c('label',{staticClass:\"title-name\",attrs:{\"crm_at\":\"title-name\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.labelName))])])])]),_c('div',{staticClass:\"col-5\"},[_c('div',{staticClass:\"d-grid float-right\"},[_c('div',{staticClass:\"d-flex float-right justify-end cursor-pointer\"},[_c('div',{staticClass:\"mr-2 text-right\"},[(_vm.isStore == 'point')?_c('label',{staticClass:\"text-profile cursor-pointer\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.lbl.dashboard.you_have)+\"\\n                  \"),_c('span',{staticClass:\"lbl-point\"},[_vm._v(_vm._s(_vm.Point))]),_vm._v(\"\\n                  \"+_vm._s(_vm.lbl.dashboard.you_points)+\"\\n                  \"),_c('img',{staticClass:\"img-info\",attrs:{\"src\":require(\"@/assets/images/info.svg\"),\"alt\":\"\"},on:{\"click\":_vm.handlePointsExpired}})]):_vm._e(),_c('br'),(_vm.isStore == 'point' && !_vm.isPointsExpired)?_c('p',{staticClass:\"text-point cursor-pointer\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.PointsExpired)+\" \"+_vm._s(_vm.lbl.dashboard.points_expired)+\"\\n                  \"+_vm._s(_vm.DateExpired)+\"\\n                \")]):_vm._e()]),(!_vm.HideProfileTab)?_c('div',{staticStyle:{\"position\":\"relative\"}},[(_vm.isUncompleteInfo)?_c('div',{staticClass:\"uncomplete\"}):_vm._e(),(_vm.imageProfile != null)?_c('a-avatar',{attrs:{\"slot\":\"avatar\",\"crm_at\":\"avatar_profile\",\"size\":60,\"src\":_vm.imageProfile},on:{\"click\":function($event){return _vm.gotoProfile()}},slot:\"avatar\"}):_c('a-avatar',{attrs:{\"slot\":\"avatar\",\"crm_at\":\"avatar_profile\",\"size\":60,\"icon\":\"user\"},on:{\"click\":function($event){return _vm.gotoProfile()}},slot:\"avatar\"})],1):_vm._e()]),_c('div',{staticClass:\"button-wrapper\"},[(\n                  _vm.isStore == 'point' &&\n                  _vm.isShowEarnCode &&\n                  (this.$route.name == 'home' ||\n                    this.$route.name == 'codescan')\n                )?_c('a-button',{staticClass:\"btn-crm-xl\",style:({\n                  'background-color': _vm.backgroundColor\n                    ? _vm.backgroundColor\n                    : '#1890ff',\n                  'border-color': _vm.backgroundColor\n                    ? _vm.backgroundColor\n                    : '#1890ff',\n                  color: _vm.textColor ? _vm.textColor : '#FFFFFF',\n                }),attrs:{\"type\":\"primary\",\"shape\":\"round\",\"crm_at\":\"btn_get_points\"},on:{\"click\":_vm.handleGetPoints}},[_c('span',{staticClass:\"label-rectangle\",style:({ color: _vm.textColor ? _vm.textColor : '#FFFFFF' })},[_c('img',{staticClass:\"code-logo\",attrs:{\"crm_at\":\"qr_code\",\"alt\":\"\",\"src\":require(\"@/assets/images/qr_code.svg\")}}),_vm._v(\"\\n                  \"+_vm._s(_vm.lbl.dashboard.click_points))])]):_vm._e(),(\n                  _vm.isStore == 'stamp' &&\n                  _vm.isShowEarnCode &&\n                  (this.$route.name == 'home' ||\n                    this.$route.name == 'codescan')\n                )?_c('a-button',{staticClass:\"btn-crm-xl\",style:({\n                  'background-color': _vm.backgroundColor\n                    ? _vm.backgroundColor\n                    : '#1890ff',\n                  'border-color': _vm.backgroundColor\n                    ? _vm.backgroundColor\n                    : '#1890ff',\n                  color: _vm.textColor ? _vm.textColor : '#FFFFFF',\n                }),attrs:{\"type\":\"primary\",\"shape\":\"round\",\"crm_at\":\"btn_get_stamp\"},on:{\"click\":_vm.handleGetStamp}},[_c('span',{staticClass:\"label-rectangle\",style:({ color: _vm.textColor ? _vm.textColor : '#FFFFFF' })},[_c('img',{staticClass:\"code-logo\",attrs:{\"crm_at\":\"qr_code\",\"alt\":\"\",\"src\":require(\"@/assets/images/qr_code.svg\")}}),_vm._v(\"\\n                  \"+_vm._s(_vm.lbl.stamp.click_stamp))])]):_vm._e(),(_vm.ShowValueDesignOnConsumer)?_c('a-button',{staticClass:\"btn-my-card\",style:({\n                  'background-color': '#ffffff',\n                  'border-color': _vm.backgroundColor\n                    ? _vm.backgroundColor\n                    : '#1890ff',\n                  color: _vm.textColor ? _vm.textColor : '#FFFFFF',\n                }),attrs:{\"type\":\"primary\",\"shape\":\"round\",\"crm_at\":\"btn_my_card\"},on:{\"click\":function($event){return _vm.goto('myCard')}}},[_c('a-icon',{style:({\n                    color: _vm.backgroundColor ? _vm.backgroundColor : '#FFFFFF',\n                  }),attrs:{\"type\":\"credit-card\"}}),_c('span',{staticClass:\"label-rectangle\",style:({\n                    color: _vm.backgroundColor ? _vm.backgroundColor : '#FFFFFF',\n                  })},[_vm._v(\"\\n                  \"+_vm._s(_vm.lbl.value_design.home.my_card_btn)+\"\\n                \")])],1):_vm._e()],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('a-menu',{attrs:{\"mode\":\"horizontal\"}},[(!_vm.HideHomeTab)?_c('a-menu-item',{key:\"home\",class:{ active: _vm.$route.name == 'home' }},[_c('a',{class:{ active: _vm.$route.name == 'home' },attrs:{\"href\":\"/home\"}},[_c('a-icon',{staticClass:\"a-icons\",class:{ active: _vm.$route.name == 'home' },attrs:{\"type\":\"home\",\"theme\":\"filled\"}}),_vm._v(_vm._s(_vm.lbl.main.home)+\"\\n              \")],1)]):_vm._e(),(\n                (_vm.storeinfo.ShowCheckInMission7Days && _vm.missionData) ||\n                _vm.storeinfo.ShowCampaignSurveyBanner ||\n                _vm.storeinfo.ShowCampaignEnterCodeBanner ||\n                (_vm.storeinfo.ShowCampaignFriendGetFriendBanner && _vm.fgfData)\n              )?_c('a-menu-item',{key:\"missionhub\",class:{ active: _vm.$route.name == 'missionhub' }},[_c('a',{class:{ active: _vm.$route.name == 'missionhub' },attrs:{\"href\":\"/missionhub\"}},[_c('a-icon',{staticClass:\"a-icons\",class:{ active: _vm.$route.name == 'missionhub' },attrs:{\"type\":\"plus-circle\"}}),_vm._v(_vm._s(_vm.lbl.mission.mission)+\"\\n              \")],1)]):_vm._e(),(!_vm.HideHistoryTab)?_c('a-menu-item',{key:\"myrewards\",class:{ active: _vm.$route.name == 'myrewards' }},[_c('a',{class:{ active: _vm.$route.name == 'myrewards' },attrs:{\"href\":\"/myrewards\"}},[_c('a-icon',{staticClass:\"a-icons\",class:{ active: _vm.$route.name == 'myrewards' },attrs:{\"type\":\"star\"}}),_vm._v(_vm._s(_vm.lbl.main.my_rewards)+\"\\n              \")],1)]):_vm._e()],1)],1)])]),(_vm.ShowValueDesignOnConsumer)?_c('div',{staticClass:\"card-desktop\"},[(_vm.ShowValueDesignOnConsumer)?_c('VDCard',{staticClass:\"card-container-desktop\",attrs:{\"card\":_vm.cardData}}):_vm._e()],1):_vm._e()]):_c('div',[_c('div',{staticClass:\"wrapper-ifrem\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 p-0 m-0\"},[(_vm.imageLogo != null && _vm.imageLogo != '')?_c('div',{staticClass:\"header-image\",style:({\n              'background-color': _vm.stampbackgroundColor\n                ? _vm.stampbackgroundColor\n                : '#fff',\n            })},[_c('img',{staticClass:\"header-logo\",attrs:{\"crm_at\":\"store_logo\",\"src\":_vm.imageLogo,\"alt\":\"\"}})]):_vm._e()]),_c('div',{staticClass:\"col-12 img-header\",style:({\n            height: _vm.ShowValueDesignOnConsumer ? '324px' : 'auto',\n          })},[_c('img',{staticClass:\"img-fluid store-image\",style:({\n              height: _vm.ShowValueDesignOnConsumer ? '324px' : 'auto',\n            }),attrs:{\"crm_at\":\"store_image\",\"alt\":\"store image\",\"src\":_vm.imageHeader}}),(_vm.ShowValueDesignOnConsumer)?_c('div',{staticClass:\"white-bg\"}):_vm._e(),(_vm.ShowValueDesignOnConsumer)?_c('VDCard',{staticClass:\"card-container\",attrs:{\"card\":_vm.cardData}}):_vm._e()],1)])])]),_c('AlertError',{attrs:{\"show\":_vm.showError,\"data\":_vm.dataError},on:{\"changeError\":function($event){return _vm.ChangeError($event)}}}),_c('VerifyEmail',{attrs:{\"show\":_vm.showVerifyEmail,\"data\":_vm.dataVerifyEmail},on:{\"changeVerifyEmail\":function($event){return _vm.ChangeVerifyEmail($event)}}})],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:\"modal-verifyemail\"},[_c('a-modal',{staticClass:\"modal-VerifyEmail\",attrs:{\"footer\":null,\"centered\":\"\",\"crm_at\":\"modal_verifyemail\",\"after-close\":_vm.VerifyEmailClose},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-center pt-3\"},[_c('p',{staticClass:\"title_email\",attrs:{\"crm_at\":\"title_modal\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.verify.title)+\"\\n          \")]),(_vm.success)?_c('div',{staticClass:\"mt-4 mb-4\",attrs:{\"crm_at\":\"verify\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/images/Verify.svg\"),\"alt\":\"\"}})]):_c('div',{staticClass:\"mt-4 mb-4\",attrs:{\"crm_at\":\"verifyerror\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/images/VerifyError.svg\"),\"alt\":\"\"}})]),(_vm.success)?_c('div',{staticClass:\"success_account\",attrs:{\"crm_at\":\"success_account\"}},[_c('div',{staticClass:\"col-12 modal-img-email my-3\"},[_c('svg',{attrs:{\"crm_at\":\"email_images\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"80\",\"height\":\"80\",\"viewBox\":\"0 0 80 80\",\"fill\":\"none\"}},[_c('circle',{attrs:{\"cx\":\"40\",\"cy\":\"40\",\"r\":\"35\",\"fill\":\"#F7F7F7\"}}),_c('path',{attrs:{\"d\":\"M56 56H24a4 4 0 0 1-4-4V27.826A4 4 0 0 1 24 24h32a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4zM24 31.736V52h32V31.736L40 42.4 24 31.736zM25.6 28 40 37.6 54.4 28H25.6z\",\"fill\":\"#9E9E9E\"}})])]),_c('div',{staticClass:\"col-12 text-center\"},[_c('label',{staticClass:\"email-title mb-3\",class:[_vm.currentLocale == 'th' ? 'th' : 'en'],attrs:{\"crm_at\":\"label_please_verify_email\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.verify.success2)+\"\\n              \")])])]):_c('div',{staticClass:\"error_account\",attrs:{\"crm_at\":\"error_account\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.detail)+\"\\n          \")]),(_vm.button)?_c('div',{staticClass:\"text-center pb-2\",attrs:{\"crm_at\":\"show_button\"}},[_c('a-button',{staticClass:\"btn-crm-xl\",style:({\n                'background-color': _vm.backgroundColor\n                  ? _vm.backgroundColor\n                  : '#1890ff',\n                'border-color': _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n              }),attrs:{\"type\":\"primary\",\"shape\":\"round\",\"crm_at\":\"btn_try_agian\"},on:{\"click\":_vm.changeTryAgian}},[_c('span',{staticClass:\"label-button\",style:({ color: _vm.textColor ? _vm.textColor : '#FFF' })},[_vm._v(_vm._s(_vm.lbl.verify.try_agian))])])],1):_vm._e()])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"modal-verifyemail\">\r\n    <a-modal\r\n      v-model=\"showModal\"\r\n      :footer=\"null\"\r\n      centered\r\n      class=\"modal-VerifyEmail\"\r\n      crm_at=\"modal_verifyemail\"\r\n      :after-close=\"VerifyEmailClose\"\r\n    >\r\n      <!-- <div class=\"row\">\r\n        <div class=\"col-12 modal-img\">\r\n          <a href=\"#\" crm_at=\"modal_img_logo\">\r\n            <img class=\"modal-img-logo\" :src=\"imageLogo\" alt=\"\"/>\r\n          </a>\r\n        </div>\r\n      </div> -->\r\n      <div :class=\"currentLocale\">\r\n        <div class=\"row\">\r\n          <div class=\"col-12 text-center pt-3\">\r\n            <p class=\"title_email\" crm_at=\"title_modal\">\r\n              {{ lbl.verify.title }}\r\n            </p>\r\n            <div v-if=\"success\" class=\"mt-4 mb-4\" crm_at=\"verify\">\r\n              <img src=\"../../assets/images/Verify.svg\" alt=\"\" />\r\n            </div>\r\n            <div v-else class=\"mt-4 mb-4\" crm_at=\"verifyerror\">\r\n              <img src=\"../../assets/images/VerifyError.svg\" alt=\"\" />\r\n            </div>\r\n            <div\r\n              v-if=\"success\"\r\n              crm_at=\"success_account\"\r\n              class=\"success_account\"\r\n            >\r\n              <div class=\"col-12 modal-img-email my-3\">\r\n                <svg\r\n                  crm_at=\"email_images\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  width=\"80\"\r\n                  height=\"80\"\r\n                  viewBox=\"0 0 80 80\"\r\n                  fill=\"none\"\r\n                >\r\n                  <circle cx=\"40\" cy=\"40\" r=\"35\" fill=\"#F7F7F7\" />\r\n                  <path\r\n                    d=\"M56 56H24a4 4 0 0 1-4-4V27.826A4 4 0 0 1 24 24h32a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4zM24 31.736V52h32V31.736L40 42.4 24 31.736zM25.6 28 40 37.6 54.4 28H25.6z\"\r\n                    fill=\"#9E9E9E\"\r\n                  />\r\n                </svg>\r\n              </div>\r\n              <div class=\"col-12 text-center\">\r\n                <label\r\n                  class=\"email-title mb-3\"\r\n                  :class=\"[currentLocale == 'th' ? 'th' : 'en']\"\r\n                  crm_at=\"label_please_verify_email\"\r\n                >\r\n                  {{ lbl.verify.success2 }}\r\n                </label>\r\n              </div>\r\n            </div>\r\n            <div v-else crm_at=\"error_account\" class=\"error_account\">\r\n              {{ detail }}\r\n            </div>\r\n            <div v-if=\"button\" crm_at=\"show_button\" class=\"text-center pb-2\">\r\n              <a-button\r\n                type=\"primary\"\r\n                shape=\"round\"\r\n                class=\"btn-crm-xl\"\r\n                crm_at=\"btn_try_agian\"\r\n                :style=\"{\r\n                  'background-color': backgroundColor\r\n                    ? backgroundColor\r\n                    : '#1890ff',\r\n                  'border-color': backgroundColor ? backgroundColor : '#1890ff',\r\n                }\"\r\n                @click=\"changeTryAgian\"\r\n              >\r\n                <span\r\n                  class=\"label-button\"\r\n                  :style=\"{ color: textColor ? textColor : '#FFF' }\"\r\n                  >{{ lbl.verify.try_agian }}</span\r\n                >\r\n              </a-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </a-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  mixins: [CommonMixin],\r\n  props: {\r\n    show: Boolean,\r\n    data: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      showModal: false,\r\n      currentLocale: Locale.getLocale(),\r\n      imageLogo: '',\r\n      title: '',\r\n      detail: '',\r\n      success: false,\r\n      button: false,\r\n      backgroundColor: '',\r\n      textColor: '',\r\n    }\r\n  },\r\n  watch: {\r\n    show(newVal) {\r\n      if (newVal === true) {\r\n        this.getCustomerStore().then(() => {\r\n          this.genInfo(newVal)\r\n        })\r\n      }\r\n    },\r\n    data(newVal) {\r\n      this.gendata(newVal)\r\n    },\r\n  },\r\n  methods: {\r\n    genInfo(isShow) {\r\n      this.showModal = isShow\r\n    },\r\n    gendata(data) {\r\n      console.log('gendata : ', data)\r\n      this.title = data.title\r\n      this.detail = data.detail\r\n      this.success = data.success\r\n      this.button = data.button\r\n    },\r\n    VerifyEmailClose() {\r\n      this.showModal = false\r\n      let data = {\r\n        show: false,\r\n        try_agian: false,\r\n      }\r\n      this.$emit('changeVerifyEmail', data)\r\n    },\r\n    getCustomerStore() {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            this.genInfoStore(res)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: error.response.data.error.message,\r\n            }\r\n            console.log('getCustomerStore error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    genInfoStore(res) {\r\n      this.imageLogo = res.data.StoreDetail.LogoUrl\r\n      this.backgroundColor = res.data.StoreDetail.ButtonColor\r\n      this.textColor = res.data.StoreDetail.ButtonTextColor\r\n    },\r\n    changeTryAgian() {\r\n      this.showModal = false\r\n      let event = {\r\n        show: false,\r\n        try_agian: true,\r\n      }\r\n      this.$emit('changeVerifyEmail', event)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n.modal-VerifyEmail {\r\n  .title_email {\r\n    font-size: 18px;\r\n    color: #9d9d9d;\r\n    @include breakpoint-max(320) {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  .ant-modal-close-x {\r\n    margin: 10px;\r\n  }\r\n\r\n  .email-title {\r\n    flex-grow: 0;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: normal;\r\n    letter-spacing: normal;\r\n    color: #333;\r\n  }\r\n\r\n  .email-detail {\r\n    flex-grow: 0;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: normal;\r\n    letter-spacing: -0.33px;\r\n    color: #595959;\r\n    padding: 0;\r\n    white-space: normal;\r\n  }\r\n\r\n  .success_account {\r\n    font-size: 18px;\r\n    color: #6ace74;\r\n    padding-bottom: 25px;\r\n    @include breakpoint-max(320) {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  .error_account {\r\n    font-size: 18px;\r\n    color: rgb(32, 32, 32);\r\n    padding-bottom: 25px;\r\n    @include breakpoint-max(320) {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  .label-button {\r\n    font-size: 18px;\r\n    font-weight: 500;\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!./VerifyEmail.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!./VerifyEmail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VerifyEmail.vue?vue&type=template&id=6652e415&\"\nimport script from \"./VerifyEmail.vue?vue&type=script&lang=js&\"\nexport * from \"./VerifyEmail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VerifyEmail.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-wrapper-container\"},[(_vm.card.length)?_c('div',{staticClass:\"card-wrapper\"},_vm._l((_vm.card),function(item){return _c('div',{key:item.CardId,staticClass:\"card-style\",style:(_vm.cardImage(item.CoverUrl)),on:{\"click\":function($event){return _vm.gotoCard(item.CardId)}}},[_c('div',{staticClass:\"number-detail\"},[_c('div',{staticClass:\"detail\"},[_c('span',[_vm._v(\"\\n            \"+_vm._s(_vm.displayID(item.CardId))+\"\\n          \")]),_c('a-icon',{attrs:{\"type\":\"info-circle\"}})],1),_c('div',{staticClass:\"type\"},[_c('span',[_vm._v(\"\\n            \"+_vm._s(item.Type == 'digital'\n                ? _vm.lbl.value_design.digital_card\n                  ? _vm.lbl.value_design.digital_card\n                  : 'Digital Card'\n                : _vm.lbl.value_design.physical_card\n                ? _vm.lbl.value_design.physical_card\n                : 'Physical Card')+\"\\n          \")])])]),_c('div',{staticClass:\"balance-detail\"},[_c('strong',[_vm._v(\"\\n          \"+_vm._s(_vm.displayBalance(item.Balance))+\"\\n        \")]),_c('span',[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.value_design.home.currency)+\"\\n        \")])])])}),0):_vm._e(),(!_vm.card.length)?_c('div',{staticClass:\"empty-card\",on:{\"click\":_vm.gotoCreateCard}},[_c('a-icon',{attrs:{\"type\":\"credit-card\",\"theme\":\"twoTone\",\"two-tone-color\":\"#F9A601\"}}),_c('strong',[_vm._v(\"\\n      \"+_vm._s(_vm.lbl.value_design.home.empty_card_title)+\"\\n    \")]),_c('span',[_vm._v(\"\\n      \"+_vm._s(_vm.lbl.value_design.home.empty_card_desc)+\"\\n    \")])],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"card-wrapper-container\">\r\n    <div v-if=\"card.length\" class=\"card-wrapper\">\r\n      <div\r\n        v-for=\"item in card\"\r\n        :key=\"item.CardId\"\r\n        class=\"card-style\"\r\n        :style=\"cardImage(item.CoverUrl)\"\r\n        @click=\"gotoCard(item.CardId)\"\r\n      >\r\n        <div class=\"number-detail\">\r\n          <div class=\"detail\">\r\n            <span>\r\n              {{ displayID(item.CardId) }}\r\n            </span>\r\n            <a-icon type=\"info-circle\" />\r\n          </div>\r\n          <div class=\"type\">\r\n            <span>\r\n              {{\r\n                item.Type == 'digital'\r\n                  ? lbl.value_design.digital_card\r\n                    ? lbl.value_design.digital_card\r\n                    : 'Digital Card'\r\n                  : lbl.value_design.physical_card\r\n                  ? lbl.value_design.physical_card\r\n                  : 'Physical Card'\r\n              }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <div class=\"balance-detail\">\r\n          <strong>\r\n            {{ displayBalance(item.Balance) }}\r\n          </strong>\r\n          <span>\r\n            {{ lbl.value_design.home.currency }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-if=\"!card.length\" class=\"empty-card\" @click=\"gotoCreateCard\">\r\n      <a-icon type=\"credit-card\" theme=\"twoTone\" two-tone-color=\"#F9A601\" />\r\n      <strong>\r\n        {{ lbl.value_design.home.empty_card_title }}\r\n      </strong>\r\n      <span>\r\n        {{ lbl.value_design.home.empty_card_desc }}\r\n      </span>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nexport default {\r\n  name: 'VDCard',\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  props: {\r\n    card: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  created() {\r\n    Account.bzbsAnalyticTracking(\r\n      'card_detail_page',\r\n      'value_design',\r\n      'view_card_detail_page',\r\n      'on view',\r\n    )\r\n  },\r\n  methods: {\r\n    gotoCreateCard() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'value_design',\r\n        'click_add_card',\r\n        'on click',\r\n      )\r\n      this.$router.push({ name: 'createVDCard' })\r\n    },\r\n    cardImage(img) {\r\n      return img\r\n        ? { backgroundImage: `url(${img})`, backgroundSize: 'cover' }\r\n        : {}\r\n    },\r\n    gotoCard(id) {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'value_design',\r\n        'click_card_' + id,\r\n        'on click',\r\n      )\r\n      this.$router.push({\r\n        name: 'cardDetail',\r\n        params: { Id: id },\r\n      })\r\n    },\r\n    displayBalance(balance) {\r\n      try {\r\n        return new Intl.NumberFormat().format(balance)\r\n      } catch {\r\n        return 0\r\n      }\r\n    },\r\n    displayID(id) {\r\n      try {\r\n        return id.slice(0, 6) + '-' + id.slice(6)\r\n      } catch {\r\n        return id\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.card-wrapper-container {\r\n  .card-wrapper::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  .card-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    overflow: scroll;\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 0px 30px;\r\n    background: transparent;\r\n    scrollbar-width: none; /* Firefox */\r\n    -ms-overflow-style: none; /* IE and Edge */\r\n\r\n    .card-style {\r\n      width: 100%;\r\n      height: 86%;\r\n      min-width: 360px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      background-size: cover;\r\n      gap: 10px;\r\n      background: transparent;\r\n      border-radius: 12px;\r\n      box-shadow: 0px 8px 16px 0px #00000026;\r\n\r\n      .number-detail {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n        align-items: flex-end;\r\n        padding: 0px 12px;\r\n        margin-top: 12px;\r\n        .type,\r\n        .detail {\r\n          display: flex;\r\n          padding: 2px 6px;\r\n          align-items: center;\r\n          gap: 4px;\r\n          border-radius: 20px;\r\n          background: rgba(0, 0, 0, 0.5);\r\n          color: #ffffff;\r\n          text-align: center;\r\n          font-size: 10px;\r\n          font-weight: 400;\r\n          letter-spacing: 0.4px;\r\n          width: fit-content;\r\n        }\r\n      }\r\n\r\n      .balance-detail {\r\n        padding: 12px;\r\n        color: #303030;\r\n        background: linear-gradient(\r\n          90deg,\r\n          #ffffff 12.24%,\r\n          rgba(255, 255, 255, 0) 100%\r\n        );\r\n\r\n        display: flex;\r\n        align-items: flex-end;\r\n        gap: 8px;\r\n        border-radius: 0px 0px 12px 12px;\r\n\r\n        img {\r\n          width: 32px;\r\n          height: 32px;\r\n        }\r\n        strong {\r\n          font-size: 30px;\r\n          font-weight: 700;\r\n          line-height: 1;\r\n          letter-spacing: 0.25px;\r\n        }\r\n        span {\r\n          font-size: 12px;\r\n          font-weight: 400;\r\n          line-height: 14px;\r\n          letter-spacing: 0.4000000059604645px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .empty-card {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 86%;\r\n    height: 86%;\r\n    min-width: 375px;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n    background: #f5f5f5;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 4px;\r\n    background-color: #f5f5f5;\r\n    border: 1px dashed #c9c9c9;\r\n    border-radius: 12px;\r\n    i {\r\n      font-size: 30px;\r\n      margin-bottom: 4px;\r\n    }\r\n    strong {\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      line-height: 24px;\r\n      text-align: center;\r\n      color: #4a4a4a;\r\n    }\r\n    span {\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      line-height: 21px;\r\n      text-align: center;\r\n      color: #636363;\r\n    }\r\n  }\r\n\r\n  @media screen and (min-width: 600px) {\r\n    .card-wrapper {\r\n      display: flex;\r\n      gap: 8px;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      width: 100%;\r\n      height: 100%;\r\n      .card-style {\r\n        max-width: 380px;\r\n        min-width: 380px;\r\n      }\r\n    }\r\n    .empty-card {\r\n      position: relative;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VDCard.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!./VDCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VDCard.vue?vue&type=template&id=9dcce62c&scoped=true&\"\nimport script from \"./VDCard.vue?vue&type=script&lang=js&\"\nexport * from \"./VDCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VDCard.vue?vue&type=style&index=0&id=9dcce62c&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  \"9dcce62c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <!-- Support PC Tablet -->\r\n    <div v-if=\"windowWidth >= 600 && windowHeight >= 600\" class=\"h-100\">\r\n      <div class=\"wrapper-ifrem\">\r\n        <div class=\"row py-1\">\r\n          <div class=\"col-7\">\r\n            <div class=\"d-flex\">\r\n              <div>\r\n                <a-avatar\r\n                  slot=\"avatar\"\r\n                  crm_at=\"avatar_image\"\r\n                  :size=\"110\"\r\n                  :src=\"imageLogo\"\r\n                />\r\n              </div>\r\n              <div class=\"ml-3\">\r\n                <label class=\"label-welcome\" crm_at=\"label-welcome\">\r\n                  {{ textWelcomeTwo }}\r\n                </label>\r\n                <br />\r\n                <label class=\"title-name\" crm_at=\"title-name\">\r\n                  {{ labelName }}</label\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-5\">\r\n            <div class=\"d-grid float-right\">\r\n              <div class=\"d-flex float-right justify-end cursor-pointer\">\r\n                <div class=\"mr-2 text-right\">\r\n                  <label\r\n                    v-if=\"isStore == 'point'\"\r\n                    class=\"text-profile cursor-pointer\"\r\n                  >\r\n                    {{ lbl.dashboard.you_have }}\r\n                    <span class=\"lbl-point\">{{ Point }}</span>\r\n                    {{ lbl.dashboard.you_points }}\r\n                    <img\r\n                      src=\"@/assets/images/info.svg\"\r\n                      class=\"img-info\"\r\n                      alt=\"\"\r\n                      @click=\"handlePointsExpired\"\r\n                    />\r\n                  </label>\r\n                  <br />\r\n                  <p\r\n                    v-if=\"isStore == 'point' && !isPointsExpired\"\r\n                    class=\"text-point cursor-pointer\"\r\n                  >\r\n                    {{ PointsExpired }} {{ lbl.dashboard.points_expired }}\r\n                    {{ DateExpired }}\r\n                  </p>\r\n                </div>\r\n                <div v-if=\"!HideProfileTab\" style=\"position: relative;\">\r\n                  <div v-if=\"isUncompleteInfo\" class=\"uncomplete\"></div>\r\n                  <a-avatar\r\n                    v-if=\"imageProfile != null\"\r\n                    slot=\"avatar\"\r\n                    crm_at=\"avatar_profile\"\r\n                    :size=\"60\"\r\n                    :src=\"imageProfile\"\r\n                    @click=\"gotoProfile()\"\r\n                  />\r\n                  <a-avatar\r\n                    v-else\r\n                    slot=\"avatar\"\r\n                    crm_at=\"avatar_profile\"\r\n                    :size=\"60\"\r\n                    icon=\"user\"\r\n                    @click=\"gotoProfile()\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"button-wrapper\">\r\n                <a-button\r\n                  v-if=\"\r\n                    isStore == 'point' &&\r\n                    isShowEarnCode &&\r\n                    (this.$route.name == 'home' ||\r\n                      this.$route.name == 'codescan')\r\n                  \"\r\n                  type=\"primary\"\r\n                  shape=\"round\"\r\n                  crm_at=\"btn_get_points\"\r\n                  class=\"btn-crm-xl\"\r\n                  :style=\"{\r\n                    'background-color': backgroundColor\r\n                      ? backgroundColor\r\n                      : '#1890ff',\r\n                    'border-color': backgroundColor\r\n                      ? backgroundColor\r\n                      : '#1890ff',\r\n                    color: textColor ? textColor : '#FFFFFF',\r\n                  }\"\r\n                  @click=\"handleGetPoints\"\r\n                >\r\n                  <span\r\n                    class=\"label-rectangle\"\r\n                    :style=\"{ color: textColor ? textColor : '#FFFFFF' }\"\r\n                  >\r\n                    <img\r\n                      class=\"code-logo\"\r\n                      crm_at=\"qr_code\"\r\n                      alt=\"\"\r\n                      src=\"@/assets/images/qr_code.svg\"\r\n                    />\r\n                    {{ lbl.dashboard.click_points }}</span\r\n                  >\r\n                </a-button>\r\n                <a-button\r\n                  v-if=\"\r\n                    isStore == 'stamp' &&\r\n                    isShowEarnCode &&\r\n                    (this.$route.name == 'home' ||\r\n                      this.$route.name == 'codescan')\r\n                  \"\r\n                  type=\"primary\"\r\n                  shape=\"round\"\r\n                  crm_at=\"btn_get_stamp\"\r\n                  class=\"btn-crm-xl\"\r\n                  :style=\"{\r\n                    'background-color': backgroundColor\r\n                      ? backgroundColor\r\n                      : '#1890ff',\r\n                    'border-color': backgroundColor\r\n                      ? backgroundColor\r\n                      : '#1890ff',\r\n                    color: textColor ? textColor : '#FFFFFF',\r\n                  }\"\r\n                  @click=\"handleGetStamp\"\r\n                >\r\n                  <span\r\n                    class=\"label-rectangle\"\r\n                    :style=\"{ color: textColor ? textColor : '#FFFFFF' }\"\r\n                  >\r\n                    <img\r\n                      class=\"code-logo\"\r\n                      crm_at=\"qr_code\"\r\n                      alt=\"\"\r\n                      src=\"@/assets/images/qr_code.svg\"\r\n                    />\r\n                    {{ lbl.stamp.click_stamp }}</span\r\n                  >\r\n                </a-button>\r\n                <a-button\r\n                  v-if=\"ShowValueDesignOnConsumer\"\r\n                  type=\"primary\"\r\n                  shape=\"round\"\r\n                  crm_at=\"btn_my_card\"\r\n                  class=\"btn-my-card\"\r\n                  :style=\"{\r\n                    'background-color': '#ffffff',\r\n                    'border-color': backgroundColor\r\n                      ? backgroundColor\r\n                      : '#1890ff',\r\n                    color: textColor ? textColor : '#FFFFFF',\r\n                  }\"\r\n                  @click=\"goto('myCard')\"\r\n                >\r\n                  <a-icon\r\n                    type=\"credit-card\"\r\n                    :style=\"{\r\n                      color: backgroundColor ? backgroundColor : '#FFFFFF',\r\n                    }\"\r\n                  />\r\n                  <span\r\n                    class=\"label-rectangle\"\r\n                    :style=\"{\r\n                      color: backgroundColor ? backgroundColor : '#FFFFFF',\r\n                    }\"\r\n                  >\r\n                    {{ lbl.value_design.home.my_card_btn }}\r\n                  </span>\r\n                </a-button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-12\">\r\n            <a-menu mode=\"horizontal\">\r\n              <a-menu-item\r\n                v-if=\"!HideHomeTab\"\r\n                key=\"home\"\r\n                :class=\"{ active: $route.name == 'home' }\"\r\n                ><a href=\"/home\" :class=\"{ active: $route.name == 'home' }\">\r\n                  <a-icon\r\n                    class=\"a-icons\"\r\n                    type=\"home\"\r\n                    theme=\"filled\"\r\n                    :class=\"{ active: $route.name == 'home' }\"\r\n                  />{{ lbl.main.home }}\r\n                </a></a-menu-item\r\n              >\r\n              <a-menu-item\r\n                v-if=\"\r\n                  (storeinfo.ShowCheckInMission7Days && missionData) ||\r\n                  storeinfo.ShowCampaignSurveyBanner ||\r\n                  storeinfo.ShowCampaignEnterCodeBanner ||\r\n                  (storeinfo.ShowCampaignFriendGetFriendBanner && fgfData)\r\n                \"\r\n                key=\"missionhub\"\r\n                :class=\"{ active: $route.name == 'missionhub' }\"\r\n                ><a\r\n                  href=\"/missionhub\"\r\n                  :class=\"{ active: $route.name == 'missionhub' }\"\r\n                >\r\n                  <a-icon\r\n                    class=\"a-icons\"\r\n                    type=\"plus-circle\"\r\n                    :class=\"{ active: $route.name == 'missionhub' }\"\r\n                  />{{ lbl.mission.mission }}\r\n                </a>\r\n              </a-menu-item>\r\n              <a-menu-item\r\n                v-if=\"!HideHistoryTab\"\r\n                key=\"myrewards\"\r\n                :class=\"{ active: $route.name == 'myrewards' }\"\r\n              >\r\n                <a\r\n                  href=\"/myrewards\"\r\n                  :class=\"{ active: $route.name == 'myrewards' }\"\r\n                >\r\n                  <a-icon\r\n                    class=\"a-icons\"\r\n                    type=\"star\"\r\n                    :class=\"{ active: $route.name == 'myrewards' }\"\r\n                  />{{ lbl.main.my_rewards }}\r\n                </a></a-menu-item\r\n              >\r\n            </a-menu>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"ShowValueDesignOnConsumer\" class=\"card-desktop\">\r\n        <VDCard\r\n          v-if=\"ShowValueDesignOnConsumer\"\r\n          :card=\"cardData\"\r\n          class=\"card-container-desktop\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <!-- Support Mobile -->\r\n    <div v-else>\r\n      <div class=\"wrapper-ifrem\">\r\n        <div class=\"row\">\r\n          <div class=\"col-12 p-0 m-0\">\r\n            <div\r\n              v-if=\"imageLogo != null && imageLogo != ''\"\r\n              class=\"header-image\"\r\n              :style=\"{\r\n                'background-color': stampbackgroundColor\r\n                  ? stampbackgroundColor\r\n                  : '#fff',\r\n              }\"\r\n            >\r\n              <img\r\n                class=\"header-logo\"\r\n                crm_at=\"store_logo\"\r\n                :src=\"imageLogo\"\r\n                alt=\"\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"col-12 img-header\"\r\n            :style=\"{\r\n              height: ShowValueDesignOnConsumer ? '324px' : 'auto',\r\n            }\"\r\n          >\r\n            <img\r\n              class=\"img-fluid store-image\"\r\n              :style=\"{\r\n                height: ShowValueDesignOnConsumer ? '324px' : 'auto',\r\n              }\"\r\n              crm_at=\"store_image\"\r\n              alt=\"store image\"\r\n              :src=\"imageHeader\"\r\n            />\r\n            <div v-if=\"ShowValueDesignOnConsumer\" class=\"white-bg\"></div>\r\n            <VDCard\r\n              v-if=\"ShowValueDesignOnConsumer\"\r\n              :card=\"cardData\"\r\n              class=\"card-container\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <AlertError\r\n      :show=\"showError\"\r\n      :data=\"dataError\"\r\n      @changeError=\"ChangeError($event)\"\r\n    />\r\n\r\n    <VerifyEmail\r\n      :show=\"showVerifyEmail\"\r\n      :data=\"dataVerifyEmail\"\r\n      @changeVerifyEmail=\"ChangeVerifyEmail($event)\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport BzbsVD from '@/core/ValueDesign/BzbsValueDesign.js'\r\nimport AlertError from '@/components/Modal/AlertError'\r\nimport BzbsLogin from '@/core/Account/service/BzbsLogin.js'\r\nimport VerifyEmail from '@/components/Modal/VerifyEmail'\r\nimport VDCard from '@/module/components/Home/VDCard'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Config from '@/helper/Config.js'\r\nimport moment from 'moment'\r\nimport Cache from '@/helper/Cache.js'\r\nimport Vue from 'vue'\r\n\r\nexport default {\r\n  name: 'Dashboard',\r\n  components: { AlertError, VerifyEmail, VDCard },\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  props: {\r\n    reset: Boolean,\r\n  },\r\n  data() {\r\n    return {\r\n      textWelcome: '',\r\n      textWelcomeTwo: '',\r\n      imageHeader: '',\r\n      imageLogo: '',\r\n      stampbackgroundColor: '#033a70',\r\n      backgroundColor: '',\r\n      textColor: '',\r\n      showError: false,\r\n      dataError: {},\r\n      showVerifyEmail: false,\r\n      dataVerifyEmail: {},\r\n      imageProfile: null,\r\n      labelName: '',\r\n      textPoint: '',\r\n      textDetail: '',\r\n      HideHomeTab: false,\r\n      HideHistoryTab: false,\r\n      HideProfileTab: false,\r\n      isStore: '',\r\n      isShowEarnCode: true,\r\n      Point: 0,\r\n      PointsExpired: 0,\r\n      DateExpired: '',\r\n      windowWidth: window.innerWidth,\r\n      windowHeight: window.innerHeight,\r\n      isPointsExpired: false,\r\n      storeinfo: {},\r\n      fgfData: null,\r\n      missionData: false,\r\n      isUncompleteInfo: false,\r\n      ShowValueDesignOnConsumer: false,\r\n      cardData: [],\r\n    }\r\n  },\r\n  watch: {\r\n    reset(newVal, oldVal) {\r\n      if (newVal !== oldVal) {\r\n        this.getProfile()\r\n      }\r\n    },\r\n  },\r\n  beforeCreate() {},\r\n  destroyed() {\r\n    window.removeEventListener('resize', this.myEventPointsExpired)\r\n  },\r\n  created() {\r\n    this.handleLoading(true)\r\n    this.checklocalStorage().then(() => {\r\n      if (this.$route.name == 'verifyemail') {\r\n        if (\r\n          this.$route.query.app_id != undefined &&\r\n          this.$route.query.token != undefined &&\r\n          this.$route.query.otp != undefined &&\r\n          this.$route.query.refcode != undefined\r\n        ) {\r\n          this.handleCheckLogin(this.$route)\r\n          this.handleCheckRegister()\r\n          this.init()\r\n          this.checkValidateEmail()\r\n        } else {\r\n          this.handleCheckLogin(this.$route)\r\n          this.handleCheckRegister()\r\n          this.init()\r\n        }\r\n      } else {\r\n        this.handleCheckLogin(this.$route)\r\n        this.handleCheckRegister()\r\n        this.init()\r\n      }\r\n      this.getActiveFGF()\r\n      this.getloginmission()\r\n      window.addEventListener('resize', this.myEventPointsExpired)\r\n    })\r\n    this.handleLoading(false)\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.textPoint = this.lbl.dashboard.you_have_points.replace('{0}', '0')\r\n      this.textDetail = this.lbl.dashboard.points_description.replace(\r\n        '{0}',\r\n        '0',\r\n      )\r\n      this.getCustomerStore().then(() => {\r\n        if (this.ShowValueDesignOnConsumer) {\r\n          this.getCardList()\r\n        }\r\n      })\r\n      this.getProfile()\r\n      this.myEventPointsExpired()\r\n\r\n      if (\r\n        Account.getCacheCustom(\r\n          'profileLine_' + Account.getCacheCustom('app_id'),\r\n        )\r\n      ) {\r\n        if (\r\n          Account.getCacheCustom(\r\n            'profileLine_' + Account.getCacheCustom('app_id'),\r\n          ).pictureUrl\r\n        ) {\r\n          this.imageProfile = JSON.stringify(\r\n            Account.getCacheCustom(\r\n              'profileLine_' + Account.getCacheCustom('app_id'),\r\n            ).pictureUrl,\r\n          ).replace(/\"/g, '')\r\n        } else {\r\n          this.imageProfile = null\r\n        }\r\n      }\r\n    },\r\n    myEventPointsExpired() {\r\n      setTimeout(() => this.checkPointsExpired(), 300)\r\n    },\r\n    checkPointsExpired() {\r\n      if (this.windowWidth >= 600 && this.windowHeight >= 600) {\r\n        this.getPointsExpired()\r\n      }\r\n    },\r\n    checkValidateEmail() {\r\n      this.handleLoading(true)\r\n      let obj = {\r\n        token: this.$route.query.token,\r\n        app_id: this.$route.query.app_id,\r\n        otp: this.$route.query.otp,\r\n        refcode: this.$route.query.refcode,\r\n      }\r\n\r\n      return new Promise(resolve => {\r\n        BzbsLogin.postValidateEmail(obj)\r\n          .then(res => {\r\n            console.log('postValidateEmail', res)\r\n            if (res.data.success == true) {\r\n              this.dataVerifyEmail = {\r\n                title: this.lbl.verify.title,\r\n                detail: this.lbl.verify.success2,\r\n                success: true,\r\n                button: false,\r\n              }\r\n              this.showVerifyEmail = true\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n\r\n            if (\r\n              error.response.data.error.message == 'User has already verified'\r\n            ) {\r\n              this.dataVerifyEmail = {\r\n                title: this.lbl.verify.title,\r\n                detail: this.lbl.verify.success2,\r\n                success: true,\r\n                button: false,\r\n              }\r\n              this.showVerifyEmail = true\r\n            } else if (error.response.data.error.code == 412) {\r\n              this.dataVerifyEmail = {\r\n                title: this.lbl.verify.title,\r\n                detail: this.lbl.verify.error,\r\n                success: false,\r\n                button: false,\r\n              }\r\n              this.showVerifyEmail = true\r\n            } else {\r\n              this.dataVerifyEmail = {\r\n                title: this.lbl.verify.title,\r\n                detail: error.response.data.error.message\r\n                  ? error.response.data.error.message\r\n                  : this.lbl.verify.error,\r\n                success: false,\r\n                button: true,\r\n              }\r\n              this.showVerifyEmail = true\r\n            }\r\n\r\n            console.log('postValidateEmail error', this.dataVerifyEmail)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getCustomerStore() {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            console.log('getCustomerStore', res)\r\n            this.HideHomeTab = res.data.StoreDetail.HideHomeTab\r\n            this.HideHistoryTab = res.data.StoreDetail.HideHistoryTab\r\n            this.HideProfileTab = res.data.StoreDetail.HideProfileTab\r\n            this.ShowValueDesignOnConsumer =\r\n              res.data.StoreDetail.ShowValueDesignOnConsumer\r\n            this.genInfo(res)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.Hidemissionhub = false\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: error.response.data.error.message,\r\n            }\r\n            console.log('getCustomerStore error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getActiveFGF() {\r\n      this.fgfData = null\r\n      BzbsDashboard.getFGFGenLink()\r\n        .then(res => {\r\n          if (res.data.CrmPlusFriendGetFriend) {\r\n            this.fgfData = true\r\n            if (\r\n              res.data.CrmPlusFriendGetFriend.ExpireDate * 1000 <\r\n                Date.parse(new Date()) ||\r\n              res.data.CrmPlusFriendGetFriend.StatusId == 2\r\n            ) {\r\n              this.fgfData = false\r\n            }\r\n          } else {\r\n            this.fgfData = false\r\n          }\r\n        })\r\n        .catch(err => {\r\n          this.fgfData = false\r\n          console.log(err)\r\n        })\r\n    },\r\n    getloginmission() {\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getloginmission()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            if (res) {\r\n              if (res.data.length > 0) {\r\n                this.missionData = true\r\n              } else {\r\n                this.missionData = false\r\n                resolve(res)\r\n              }\r\n            } else {\r\n              this.missionData = false\r\n              resolve(true)\r\n            }\r\n          })\r\n          .catch(error => {\r\n            this.missionData = false\r\n            this.handleLoading(false)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    genInfo(res) {\r\n      this.imageHeader = res.data.StoreDetail.CoverUrl\r\n      this.imageLogo = res.data.StoreDetail.LogoUrl\r\n      this.stampbackgroundColor = res.data.StoreDetail.StampBackgroundColor\r\n      this.backgroundColor = res.data.StoreDetail.ButtonColor\r\n      this.textColor = res.data.StoreDetail.ButtonTextColor\r\n      this.labelName = res.data.StoreDetail.Name\r\n      this.isStore = res.data.StoreDetail.StoreType\r\n\r\n      this.storeinfo.ShowCheckInMission7Days =\r\n        res.data.StoreDetail.ShowCheckInMission7Days\r\n      this.storeinfo.ShowCampaignSurveyBanner =\r\n        res.data.StoreDetail.ShowCampaignSurveyBanner\r\n      this.storeinfo.ShowCampaignEnterCodeBanner =\r\n        res.data.StoreDetail.ShowCampaignEnterCodeBanner\r\n      this.storeinfo.ShowCampaignFriendGetFriendBanner =\r\n        res.data.StoreDetail.ShowCampaignFriendGetFriendBanner\r\n\r\n      if (res.data.StoreDetail.IsEarnPointfromCode != undefined) {\r\n        this.HideEarnPoint = res.data.StoreDetail.IsEarnPointfromCode\r\n      } else {\r\n        this.HideEarnPoint = false\r\n      }\r\n\r\n      var date = new Date()\r\n      var hours = date.getHours()\r\n      var minutes = date.getMinutes()\r\n\r\n      if (hours >= 4 && hours <= 11 && minutes <= 59) {\r\n        this.textWelcome =\r\n          '☀️ ' +\r\n          this.lbl.dashboard.good_morning +\r\n          ' ' +\r\n          res.data.StoreDetail.Name\r\n        this.textWelcomeTwo = '☀️ ' + this.lbl.dashboard.good_morning\r\n      } else if (hours >= 12 && hours <= 15 && minutes <= 59) {\r\n        this.textWelcome =\r\n          '☀️ ' +\r\n          this.lbl.dashboard.good_afternoon +\r\n          ' ' +\r\n          res.data.StoreDetail.Name\r\n        this.textWelcomeTwo = '☀️ ' + this.lbl.dashboard.good_afternoon\r\n      } else if (hours >= 16 && hours <= 21) {\r\n        this.textWelcome =\r\n          '🌙 ' +\r\n          this.lbl.dashboard.good_evening +\r\n          ' ' +\r\n          res.data.StoreDetail.Name\r\n        this.textWelcomeTwo = '🌙 ' + this.lbl.dashboard.good_evening\r\n      } else {\r\n        this.textWelcome =\r\n          '☀️ ' +\r\n          this.lbl.dashboard.welcome_to +\r\n          ' ' +\r\n          res.data.StoreDetail.Name\r\n        this.textWelcomeTwo = '☀️ ' + this.lbl.dashboard.welcome_to\r\n      }\r\n\r\n      if (res.data.EarnDetail != null) {\r\n        this.textDetail = this.lbl.dashboard.points_description.replace(\r\n          '{0}',\r\n          res.data.EarnDetail.PointRatio,\r\n        )\r\n      }\r\n\r\n      res.data.textWelcome = this.textWelcome\r\n      this.getConfigEcommerceBrand()\r\n      this.$emit('changeLayoutHome', res)\r\n    },\r\n    getConfigEcommerceBrand() {\r\n      Config.getConfigEcommerceBrand()\r\n        .then(res => {\r\n          if (res.isShowEarnCode != undefined) {\r\n            this.isShowEarnCode = res.isShowEarnCode\r\n          } else {\r\n            this.isShowEarnCode = true\r\n          }\r\n          if (res.isShowPoint != undefined) {\r\n            this.isShowPoint = res.isShowPoint\r\n          } else {\r\n            this.isShowPoint = true\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.isShowEarnCode = true\r\n          this.isShowPoint = true\r\n        })\r\n    },\r\n    checkUncompleteUserInfo(user) {\r\n      if (\r\n        !user.FirstName ||\r\n        !user.LastName ||\r\n        !user.BirthDate ||\r\n        !user.Contact_Number ||\r\n        !user.Gender ||\r\n        !user.Email\r\n      ) {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    getProfile() {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getProfile()\r\n          .then(res => {\r\n            console.log('getProfile', res)\r\n            this.textPoint = this.lbl.dashboard.you_have_points.replace(\r\n              '{0}',\r\n              res.data.updated_points.points,\r\n            )\r\n            this.Point = res.data.updated_points.points\r\n            if (Vue.bzbsConfig.businessRule.config.Facebook) {\r\n              if (this.checkUncompleteUserInfo(res.data)) {\r\n                this.isUncompleteInfo = true\r\n              }\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: error.response.data.error.message,\r\n            }\r\n            console.log('getProfile error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    gotoProfile() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'value_design',\r\n        'click_go_to_my_card',\r\n        'on click',\r\n      )\r\n      window.location.href = '/profile'\r\n    },\r\n    goto(name) {\r\n      this.$router.push({ name: name })\r\n    },\r\n    getPointsExpired() {\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getUserExpriedPoint()\r\n          .then(res => {\r\n            console.log('getUserExpriedPoint', res)\r\n            this.genPointsExpired(res)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.isPointsExpired = true\r\n            console.log('getUserExpriedPoint error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    genPointsExpired(res) {\r\n      if (res.data.data.length > 0) {\r\n        this.isPointsExpired = false\r\n        this.PointsExpired = res.data.data[0].Point\r\n        if (Cache.get('BzbsLocale') == 'th') {\r\n          moment.locale('th')\r\n        } else {\r\n          moment.locale('en')\r\n        }\r\n\r\n        var strDate = moment\r\n          .unix(res.data.data[0].ExpireDate)\r\n          .utc()\r\n          .format('DD/MM/')\r\n        var year = moment.unix(res.data.data[0].ExpireDate).utc().format('YYYY')\r\n        year = this.getYearLocale(year).toString()\r\n        year = year.substring(2, 4)\r\n        this.DateExpired = strDate + year\r\n      } else {\r\n        this.isPointsExpired = true\r\n      }\r\n    },\r\n    getYearLocale: function (year) {\r\n      if (Cache.get('BzbsLocale') == 'th') {\r\n        return parseInt(year) + 543\r\n      }\r\n      return year\r\n    },\r\n    getCardList() {\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsVD.getCards()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            this.cardData = res.data.data\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: error.response.data.error.message,\r\n            }\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    handlePointsExpired() {\r\n      this.$emit('changePointsExpired', true)\r\n    },\r\n    handleGetPoints() {\r\n      this.$emit('changeGetPoints', true)\r\n    },\r\n    handleGetStamp() {\r\n      this.$emit('changeGetStamp', true)\r\n    },\r\n    handleLoading(value) {\r\n      this.$store.commit('Loading', value)\r\n    },\r\n    ChangeError(event) {\r\n      this.showError = event\r\n      this.dataError = {}\r\n    },\r\n\r\n    //\r\n    ChangeVerifyEmail(event) {\r\n      this.showVerifyEmail = event.show\r\n      if (event.try_agian == true) {\r\n        this.checkValidateEmail()\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n\r\n.uncomplete {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 20px;\r\n  background-color: #ff0000;\r\n  right: 8%;\r\n  z-index: 1;\r\n}\r\n\r\n.wrapper-ifrem {\r\n  .img-header {\r\n    height: 324px;\r\n    background-size: cover;\r\n    background-repeat: round;\r\n  }\r\n  .img-fluid {\r\n    position: relative;\r\n    height: 324px;\r\n    width: 100%;\r\n  }\r\n  .store-image {\r\n    background-repeat: round;\r\n    object-fit: cover;\r\n    background-size: cover;\r\n  }\r\n  .white-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #f8f8f8;\r\n  }\r\n  .button-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n    gap: 8px;\r\n    margin: 8px 0 0;\r\n  }\r\n  .card-container {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 100%;\r\n    height: 86%;\r\n    min-width: 375px;\r\n    transform: translate(-50%, -50%);\r\n    background: transparent;\r\n  }\r\n}\r\n\r\n.wrapper-ifrem {\r\n  @media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n    .cursor-pointer {\r\n      cursor: pointer;\r\n    }\r\n    .title-name {\r\n      font-size: 32px;\r\n      font-weight: 500;\r\n      text-align: left;\r\n      color: #424242;\r\n      word-break: break-all;\r\n    }\r\n\r\n    .sub-title {\r\n      font-size: 12px;\r\n      color: #999;\r\n    }\r\n\r\n    .label-welcome {\r\n      object-fit: contain;\r\n      font-size: 15.5px;\r\n      line-height: 1.25;\r\n      text-align: left;\r\n      font-weight: 500;\r\n      color: #757575;\r\n    }\r\n\r\n    .text-profile {\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      line-height: normal;\r\n      letter-spacing: normal;\r\n      text-align: center;\r\n      color: #757575;\r\n    }\r\n\r\n    .lbl-point {\r\n      font-size: 20px;\r\n      font-weight: bold;\r\n      color: #424242;\r\n    }\r\n\r\n    .text-point {\r\n      font-size: 12px;\r\n      font-weight: normal;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      line-height: normal;\r\n      letter-spacing: normal;\r\n      text-align: right;\r\n      color: #bdbdbd;\r\n    }\r\n\r\n    .img-info {\r\n      padding-left: 5px;\r\n      margin-top: -7px;\r\n      width: 32px;\r\n    }\r\n\r\n    .btn-crm-xl {\r\n      width: initial;\r\n    }\r\n\r\n    .d-grid {\r\n      display: grid;\r\n    }\r\n\r\n    .webkit-center {\r\n      text-align: -webkit-center;\r\n    }\r\n\r\n    .a-icons {\r\n      font-size: 30px;\r\n      color: #9b9b9b;\r\n      transition: 0.25s ease;\r\n    }\r\n\r\n    .a-icons.active {\r\n      color: #033a70;\r\n    }\r\n\r\n    .ant-menu-item {\r\n      padding-bottom: 5px;\r\n    }\r\n\r\n    .ant-menu-item > a {\r\n      display: block;\r\n      color: #666666;\r\n      font-size: 18px;\r\n      font-weight: 500;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      line-height: normal;\r\n      letter-spacing: normal;\r\n      text-align: center;\r\n    }\r\n\r\n    .ant-menu-item > a:hover {\r\n      color: #666666;\r\n    }\r\n\r\n    .ant-menu-item > a.active {\r\n      color: #033a70;\r\n    }\r\n\r\n    .ant-menu-item:hover {\r\n      color: #033a70;\r\n      border-bottom: 3px solid #033a70;\r\n    }\r\n\r\n    .ant-menu-item.active {\r\n      color: #033a70;\r\n      border-bottom: 3px solid #033a70;\r\n    }\r\n\r\n    .ant-menu-horizontal {\r\n      padding-left: 130px;\r\n    }\r\n\r\n    .justify-end {\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    .code-logo {\r\n      margin-top: -5px;\r\n    }\r\n  }\r\n}\r\n\r\n.card-desktop {\r\n  display: block;\r\n  padding: 20px;\r\n  justify-content: center;\r\n  place-items: center;\r\n  overflow-x: auto;\r\n\r\n  .card-container-desktop {\r\n    height: 230px;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.header-image {\r\n  width: 70px;\r\n  height: 70px;\r\n  margin-left: 15px !important;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  z-index: 1;\r\n  border-bottom-right-radius: 30px;\r\n}\r\n.header-logo {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n.header-welcome {\r\n  position: absolute;\r\n  height: 220px;\r\n}\r\n\r\n.text-welcome {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  font-stretch: normal;\r\n  line-height: normal;\r\n  color: #666;\r\n  word-break: break-word;\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!./LayoutHome.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!./LayoutHome.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LayoutHome.vue?vue&type=template&id=0540fcdc&\"\nimport script from \"./LayoutHome.vue?vue&type=script&lang=js&\"\nexport * from \"./LayoutHome.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LayoutHome.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","module.exports = __webpack_public_path__ + \"img/info.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./VDCard.vue?vue&type=style&index=0&id=9dcce62c&lang=scss&scoped=true&\"","import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\nimport Account from '@/helper/AccountHelper.js'\r\n\r\n/**\r\n * @method getCards\r\n * @method createDigitalCard\r\n * @method createPhysicalCard\r\n * @method deleteCard\r\n * @method cardHistory\r\n * @method cardTopup\r\n */\r\nexport default {\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  token: function () {\r\n    return Account.getCacheToken() ? Account.getCacheToken() : null\r\n  },\r\n  ewallet_token: function () {\r\n    return Account.getCacheWalletToken() ? Account.getCacheWalletToken() : null\r\n  },\r\n  app_id: function () {\r\n    if (Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')) != null) {\r\n      if (\r\n        Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).appId !=\r\n        undefined\r\n      ) {\r\n        return Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).appId\r\n      } else {\r\n        return Account.getCacheCustom('app_id')\r\n      }\r\n    } else {\r\n      return Account.getCacheCustom('app_id')\r\n    }\r\n  },\r\n  agency_id: function () {\r\n    return Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).sponsorId\r\n  },\r\n  locale: function () {\r\n    return Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).locale\r\n  },\r\n  getCards: function () {\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/cards'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), null)\r\n  },\r\n  createDigitalCard: function () {\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/digital_card'\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), {})\r\n  },\r\n  createPhysicalCard: function (params) {\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/physical_card'\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  deleteCard: function (id) {\r\n    var params = {\r\n      cardId: id,\r\n    }\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/card'\r\n    return BzbsApi.connectBzbsDelete(strUrl, this.token(), params)\r\n  },\r\n  cardHistory: function (params) {\r\n    var strUrl = this.config().bzbsCashcardUrl + '/card/history'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.ewallet_token(), params)\r\n  },\r\n  cardTopup: function (params) {\r\n    var strUrl = this.config().bzbsCashcardUrl + '/card/topup'\r\n    return BzbsApi.connectBzbsPost(strUrl, this.ewallet_token(), params)\r\n  },\r\n  genQr: function (params) {\r\n    var strUrl = this.config().bzbsCashcardUrl + '/qr'\r\n    return BzbsApi.connectBzbsPost(strUrl, this.ewallet_token(), params)\r\n  },\r\n}\r\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./LayoutHome.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}