{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_array-methods.js","webpack:///./node_modules/core-js/modules/_is-array.js","webpack:///./src/assets/images/icon_gift_box.svg","webpack:///./src/components/Modal/PointsExpired.vue?4c3a","webpack:///./src/module/Home/Index.vue?763d","webpack:///./src/assets/images/timer.svg","webpack:///./src/components/Modal/StoreTerminateModal.vue?f6c1","webpack:///src/components/Modal/StoreTerminateModal.vue","webpack:///./src/components/Modal/StoreTerminateModal.vue?d385","webpack:///./src/components/Modal/StoreTerminateModal.vue","webpack:///./src/components/Layout/CookieAccept.vue?116c","webpack:///./src/assets/images/cookie.svg","webpack:///./node_modules/core-js/modules/es6.array.find.js","webpack:///./src/components/Modal/PackageExpireModal.vue?7c25","webpack:///src/components/Modal/PackageExpireModal.vue","webpack:///./src/components/Modal/PackageExpireModal.vue?926f","webpack:///./src/components/Modal/PackageExpireModal.vue","webpack:///./src/assets/images/Btn_Back.svg","webpack:///./src/components/Modal/ConsentMarketingModal.vue?b1f5","webpack:///./src/components/Modal/SettingMarketing.vue?3292","webpack:///./src/components/Modal/SettingMarketing.vue?5f71","webpack:///src/components/Modal/SettingMarketing.vue","webpack:///./src/components/Modal/SettingMarketing.vue?9e10","webpack:///./src/components/Modal/SettingMarketing.vue","webpack:///./src/components/Modal/PackageExpireModal.vue?a7c1","webpack:///./node_modules/core-js/modules/_array-species-create.js","webpack:///./src/module/Home/Index.vue?eb0c","webpack:///src/module/Home/Index.vue","webpack:///./src/components/Modal/ConsentMarketingModal.vue?92cd","webpack:///src/components/Modal/ConsentMarketingModal.vue","webpack:///./src/components/Modal/ConsentMarketingModal.vue?7500","webpack:///./src/components/Modal/ConsentMarketingModal.vue","webpack:///./src/components/Modal/PointsExpired.vue?6229","webpack:///src/components/Modal/PointsExpired.vue","webpack:///./src/components/Modal/PointsExpired.vue?ca59","webpack:///./src/components/Modal/PointsExpired.vue","webpack:///./src/components/Layout/CookieAccept.vue?d6e7","webpack:///src/components/Layout/CookieAccept.vue","webpack:///./src/components/Layout/CookieAccept.vue?1718","webpack:///./src/components/Layout/CookieAccept.vue","webpack:///./src/module/Home/Index.vue?3ee0","webpack:///./src/module/Home/Index.vue","webpack:///./src/components/Modal/StoreTerminateModal.vue?aad8","webpack:///./src/assets/images/restore.svg","webpack:///./node_modules/core-js/modules/_array-species-constructor.js","webpack:///./src/assets/images/icon-warning.svg"],"names":["ctx","IObject","toObject","toLength","asc","module","exports","TYPE","$create","IS_MAP","IS_FILTER","IS_SOME","IS_EVERY","IS_FIND_INDEX","NO_HOLES","create","$this","callbackfn","that","val","res","O","self","f","length","index","result","undefined","push","cof","Array","isArray","arg","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","showmodal","expression","class","currentLocale","_v","_s","lbl","terminate_modal","title","descText","isSeeMore","terminate_text","on","$event","seemore","clickExist","button","staticRenderFns","component","$export","$find","KEY","forced","P","F","find","arguments","package_expire_message","ref","goback","titleMarketing","titleMessage","consent","noti","email","notification","$set","sms","loginTypeList","includes","line","_e","windowWidth","windowHeight","modalcondition","style","backgroundColor","storeinfo","buttoncolor","border","color","buttontextcolor","submitbtn","default","confirm","speciesConstructor","original","intervalTimer","backgroundImage","image_header","onScroll","resetProfile","ChangeLayoutHome","ChangeGetPoints","ChangeGetStamp","ChangePointsExpired","isStore","isShowPoint","textDetail","textDetailStamp","dataList","scopedSlots","_u","key","fn","item","isTypePackage","Extra","handleDetail","ID","slot","Name","displayQTY","dateShortFormatUTC","ExpireDate","main","expired_on_text","backgroundPointColor","textPointColor","handleUsePoints","PointPerUnit","Type","free","PointType","use","points","join","lucky_draw","button_seemore","FullImageUrl","loading","busy","directives","name","rawName","isShowEarnCode","backgroundStamp","_l","no","active_stamp","is_active","isGrayscale","imgStamp","onClickStamp","id","totalStamp","itemRender","onChangePage","textColor","handleGetPoints","dashboard","click_points","handleGetStamp","stamp","click_stamp","ShowValueDesignOnConsumer","cardData","goto","value_design","home","my_card_btn","textWelcome","isDisplayUserLevel","userLevel","currentLevel","profileLevel","currentLevelIcon","you_have","Point","you_points","handlePointsExpired","PointsExpired","points_expired","DateExpired","Detail","BarcodeClose","showModalBarcode","closeModalBarcode","my_stamp","imageLogo","welcome","businessName","show_code_merchant_staff","ActiveKey","changeActiveKey","btn","qrcode","Barcode","code","width","barcode","isLong","displayValue","height","isTime","expired_second","expired","timeLeft","showError","openError","dataError","ChangeError","showPointsExpired","dataPointsExpired","ChangeExpired","allowConsentMarketing","closeConsentMarketing","loginType","consentSettingMarketing","ChangeErrorSettingMarketing","isPackageExpire","isStoreTerminate","closeModal","consent_marketing_message","description","buttonColor","buttonTextColor","Title","dataExpired","point","will_be_expired","date","cookieClickedDecline","cookieClickedPostpone","cookieRemovedCookie","cookieStatus","cookieClickedAccept","proxy","cookies","website_uses_cookies","website_uses_cookies_detail","listCookies","handleSeeMore","btn_seemore","idex","accept_all","isObject","SPECIES","C","constructor","prototype"],"mappings":"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,8BACA,gCACA,QACA,gBACA,cACA,qBACA,qBACA,QACA,eACA,gBACA,eACA,UACA,UACA,aACA,iBACA,cACA,uBAEA,iBACA,YACA,mBACA,oBACA,0BACA,iCACA,gBACA,eACA,6BACA,YACA,sBACA,gCACA,UACA,sBACA,mBACA,aAGA,OACA,oBACA,iBACA,eAEA,iBAIA,8BACA,gDACA,2BACA,4BAIA,qBACA,4DACA,wDAEA,mBACA,4BACA,YACA,YACA,iBACA,WAEA,uBACA,mCACA,YACA,yDACA,qDAGA,SACA,2BACA,uBACA,0CACA,aACA,uCACA,4CACA,wDACA,8BACA,4BACA,YACA,mCACA,wCACA,WAEA,iBAEA,oCACA,kCACA,+BAGA,oBAGA,wBACA,iBACA,uBACA,SACA,IACA,sDACA,SACA,KAEA,MACA,2CACA,6CACA,mCACA,6BACA,KACA,oBAEA,yBAGA,oBAGA,qBACA,kCACA,oDACA,MACA,KAEA,wDACA,MACA,KAEA,4DACA,MACA,YAKA,kCAEA,OADA,uBACA,yBACA,kBACA,kBACA,oBACA,uBACA,aAEA,mBACA,oBACA,eACA,aACA,6BACA,sCAEA,YAIA,yCACA,uBACA,+BACA,kBACA,oBACA,GACA,QACA,cACA,uBACA,qBACA,0CAEA,qBACA,6CAMA,mBACA,wBAIA,wCACA,sDAEA,uBACA,+CACA,iBACA,wBAEA,iBACA,sBACA,8BAGA,4BACA,0BAEA,8CACA,iCACA,uBACA,oBACA,kCAEA,yBAEA,iBACA,4BAEA,sBAEA,kBACA,mCAEA,mBAGA,kBACA,oBACA,iBACA,oBAGA,0BACA,iCAEA,sCACA,GACA,0DAEA,gCACA,0BACA,kBACA,oBACA,4BACA,aAEA,mBAEA,oBACA,YAIA,8CACA,GACA,0DAEA,gCACA,kCACA,kBACA,oBACA,oCACA,aAEA,mBAEA,oBACA,YAIA,yBAEA,gDACA,8CACA,sDACA,sDACA,kDACA,gDACA,wDACA,oDACA,0CACA,gDACA,+BAEA,iCAEA,8CACA,sDACA,sDACA,sDACA,gDACA,gDACA,oDACA,wDACA,0CACA,+BAEA,uCACA,4CACA,cAIA,mCACA,wBACA,eACA,qBAEA,iCACA,wCACA,yCAEA,oBACA,0CAbA,eACA,wBAkBA,mCACA,gCACA,qBAEA,wBACA,4BAEA,oBAEA,QAGA,uCAEA,OADA,uBACA,yBACA,0BACA,kBACA,oBACA,EACA,QACA,qDACA,oDACA,oBACA,yCACA,uCACA,yCACA,4BACA,6CACA,WAEA,WAGA,KAGA,MAEA,2BAEA,mBACA,oBACA,eACA,aACA,6BACA,sCAEA,YAIA,iCAEA,OADA,uBACA,yBACA,oBACA,kBACA,oBACA,EACA,QACA,oDACA,MACA,8BAEA,qCACA,gDACA,6CACA,WAEA,KAGA,SAGA,mBAEA,GADA,oBACA,GACA,YACA,wBACA,eACA,wCACA,kCACA,GACA,aACA,6BACA,OACA,kCACA,QACA,EACA,IACA,6BACA,SAKA,YAIA,gCAIA,OAHA,qBACA,uBAEA,yBACA,kBACA,kBACA,oBACA,EACA,QACA,iBACA,8BACA,WAEA,KAGA,SAGA,mBAGA,GAFA,oBAEA,GACA,YACA,wBACA,eACA,wCACA,kCACA,GACA,aACA,6BACA,OACA,kCACA,QACA,EACA,IACA,6BACA,SAKA,YAIA,iCACA,2BACA,uBACA,yBAIA,wCACA,+BACA,kBAEA,sBACA,oCACA,oDACA,kDACA,0BACA,8CAEA,+DACA,8DAEA,oDACA,iDACA,gEACA,uBACA,uBAEA,8BAEA,4DAGA,0CAEA,0BACA,8DACA,MACA,+BAIA,wDACA,qDACA,4DACA,4CAIA,0BACA,uCACA,oBAEA,sBACA,6CAEA,mCACA,uBACA,6BACA,sBACA,4CACA,GAGA,oBACA,aAEA,0BAEA,4BACA,mBACA,wDAEA,8DAKA,4BACA,OACA,yBACA,4DACA,mBAGA,2BACA,OACA,yBACA,4DACA,yBAGA,gCAEA,sBACA,kDAIA,sBACA,gDACA,WAEA,gCACA,sBACA,gDACA,YACA,iBAEA,uBAIA,yBAEA,uCACA,gCACA,6BACA,kBACA,oBACA,GAEA,sBACA,MAEA,SAGA,mBAIA,GAHA,oBACA,qBAEA,GACA,YACA,wBACA,eACA,wCACA,kCACA,GACA,aACA,6BACA,OACA,kCACA,QACA,EACA,IACA,6BACA,SAKA,YAIA,6BACA,yBACA,wBACA,wCACA,+BACA,iBAEA,iBAGA,UACA,gCACA,MACA,iBACA,2DACA,mCACA,mBACA,0BAEA,yBAGA,0BACA,qCACA,gBAEA,GAEA,2CACA,SACA,SACA,0CACA,qCACA,+BACA,iBAEA,iBAGA,sDACA,8CACA,gCACA,oCAGA,SAEA,EADA,uCACA,qCACA,MACA,6CAGA,+CAGA,uBACA,qBACA,iCACA,SACA,gBAKA,0CACA,4BACA,YACA,wBACA,oBACA,YAEA,SACA,0CACA,qCACA,+BACA,iBAEA,iBAGA,sDACA,8CACA,gCACA,oCAGA,SAEA,EADA,uCACA,qCACA,MACA,6CAGA,+CAGA,uBACA,qBACA,iCACA,SACA,eAIA,oCAGA,OAFA,8BACA,yCACA,yBACA,wBACA,mDACA,iBACA,KACA,KACA,KACA,MAEA,kBAEA,QAEA,mBAEA,GADA,oBACA,GACA,YACA,wBACA,eACA,wCACA,kCACA,GACA,aACA,6BACA,OACA,kCACA,QACA,EACA,IACA,6BACA,SAKA,YAIA,sCACA,4BACA,YACA,uBACA,mBACA,YAEA,qCACA,wDACA,IACA,sBACA,sDACA,mBAIA,4BAEA,wDAEA,yBAEA,4BACA,YACA,gCACA,4BACA,YAEA,2CAEA,iBACA,4BACA,YACA,eACA,sBACA,YAEA,6BAEA,oBACA,iBACA,eAEA,kBACA,iBACA,UACA,eACA,wBACA,oBACA,mBAEA,iCACA,0BACA,qCACA,QACA,YACA,aAEA,IACA,iBAGA,uBACA,MAEA,4BACA,4BACA,oBACA,OACA,oBACA,yBAGA,0CACA,qDAEA,OADA,+BACA,2BACA,6BACA,kBACA,yBACA,+CAiBA,4BAhBA,8BACA,mCACA,sCACA,oBACA,uCAGA,4BAMA,4BAKA,iDACA,SAEA,mBACA,qCACA,aACA,6BACA,wCAIA,yBACA,sCAEA,eACA,aACA,6BACA,uCAGA,YAIA,8BACA,oCACA,IACA,mCACA,oCAEA,OACA,6CACA,WACA,OAEA,iCAGA,yCACA,gCACA,oBACA,uCACA,uCAEA,kBACA,qCACA,qCAEA,mBACA,sCACA,sCAEA,sCACA,QAGA,+CACA,uBAEA,2BACA,sBACA,uBACA,kCACA,SACA,OACA,UAEA,qBACA,oCACA,gDACA,yCACA,yBAGA,kCACA,SACA,OACA,SAEA,yCACA,wBAGA,wCAGA,0BACA,OACA,YACA,UACA,WAOA,uCAGA,OAFA,uBAEA,2BACA,QACA,0CAEA,QACA,wCAEA,QACA,yCAEA,OACA,oBACA,eACA,QACA,MACA,OACA,cACA,oBAEA,qDACA,8BACA,iBACA,SAEA,mBACA,0BACA,oBACA,eACA,aACA,6BACA,uCAGA,eACA,aACA,6BACA,sCAEA,YAIA,wCACA,2BAGA,+BACA,gCACA,kBACA,kBACA,EACA,QACA,0BACA,mBACA,WAEA,KAGA,SAGA,mBAEA,MACA,YACA,wBACA,eACA,wCACA,kCACA,GACA,aACA,6BACA,OACA,kCACA,QACA,EACA,IACA,6BACA,SAKA,YAIA,uCACA,gCACA,uDACA,kBACA,EACA,QACA,kBACA,0CACA,MACA,sBAEA,0BACA,yBACA,WAEA,KAGA,SAGA,mBAEA,MACA,YACA,wBACA,eACA,wCACA,kCACA,GACA,aACA,6BACA,OACA,kCACA,QACA,EACA,IACA,6BACA,SAKA,YAIA,sCAIA,GAHA,qBACA,0DAEA,UACA,qBACA,8BACA,iBACA,qBACA,qBACA,mCACA,qBACA,wBACA,KACA,aACA,uDACA,eACA,4BAGA,wBACA,KACA,aACA,YACA,eACA,4BAOA,GAFA,gDAEA,qBACA,IADA,eACA,GACA,cACA,qBACA,sBAEA,wCACA,SACA,UACA,kCACA,eACA,YACA,iBAEA,4BAbA,uCAoBA,CACA,qBACA,iCACA,qBACA,wBACA,KACA,aACA,uDACA,eACA,4BAGA,wBACA,KACA,aACA,YACA,eACA,4BAKA,wBACA,IADA,eACA,GACA,cACA,qBACA,sBAEA,wCACA,SACA,UACA,kCACA,eACA,YACA,iBAEA,4BAbA,qCAwBA,qDACA,iBAEA,8BACA,gCAEA,qBACA,iCACA,wBAIA,sBAEA,WAEA,8BACA,gCAEA,qBACA,6BACA,oBAIA,kBAGA,GAEA,yBACA,oBACA,mDAEA,qCACA,iCACA,wDACA,IACA,sBACA,sDACA,yBAIA,sCAGA,OAFA,uBAEA,yBACA,iDACA,kBACA,oBACA,EACA,QAEA,iBACA,8BACA,WAEA,KAGA,SAGA,mBAGA,GAFA,oBAEA,GACA,YACA,wBACA,eACA,wCACA,kCACA,GACA,aACA,6BACA,OACA,kCACA,QACA,EACA,IACA,6BACA,SAKA,YAIA,8BACA,OACA,4CAIA,wBACA,iBACA,mBAEA,0BACA,yBACA,2BAEA,6BACA,0BAEA,mCACA,iEACA,yBACA,sDAEA,iCACA,sBACA,gBAEA,mCACA,wBACA,4BAEA,oBAEA,sBAIA,sCACA,uBACA,wCACA,GACA,uBACA,OACA,+BAGA,OADA,8CACA,yBACA,sBACA,6JACA,wBACA,uBACA,6BACA,iCAyCA,OAxCA,gCACA,WACA,iBACA,iBAYA,gCACA,WACA,UACA,sBACA,YACA,oBAIA,oBAKA,WACA,UACA,sBACA,YACA,oBAIA,sBAGA,SACA,4DAEA,oBAEA,kCAEA,qCAGA,kDAEA,mDAzDA,IA0DA,mBAEA,GADA,oBACA,GACA,YACA,wBACA,eACA,wCACA,kCACA,GACA,aACA,6BACA,OACA,kCACA,QACA,EACA,IACA,6BACA,SAKA,WAIA,yCACA,wBAIA,wKACA,yBACA,GACA,cAIA,OAHA,2CACA,UAEA,IAEA,IAGA,oCAEA,qHAdA,GAiBA,oFACA,cACA,YAEA,sBACA,eACA,yBAGA,oBAEA,cACA,eACA,yBAGA,wBACA,MACA,4DACA,6BACA,wCAEA,cACA,YAEA,sBACA,eACA,yBAGA,iCACA,2BACA,qDAEA,4CACA,kCACA,6CACA,yCACA,4CAEA,sCACA,yCACA,wBAGA,0BACA,IACA,MACA,oBACA,mBAMA,SAEA,SACA,WAGA,uBACA,IACA,MACA,IACA,EADA,gBAEA,gCACA,kBAEA,IACA,yBACA,SACA,OAIA,mCACA,SAEA,IAGA,SAEA,SACA,WAGA,iCACA,+BACA,0CACA,mCACA,oCACA,0BACA,uCACA,qBAEA,SAOA,OALA,EADA,EACA,IAEA,YAGA,GAEA,sBACA,QACA,UAEA,4BACA,+BACA,gBAEA,KahzE8V,MCQ1V,I,UAAY,eACd,GACAlN,EACA8B,GACA,EACA,KACA,KACA,OAIa,gB,2CCnBf,W,qBCAA1D,EAAOC,QAAU,IAA0B,mB,qBCA3C,IAAIsP,EAAW,EAAQ,QACnB7N,EAAU,EAAQ,QAClB8N,EAAU,EAAQ,OAAR,CAAkB,WAEhCxP,EAAOC,QAAU,SAAUgG,GACzB,IAAIwJ,EASF,OARE/N,EAAQuE,KACVwJ,EAAIxJ,EAASyJ,YAEG,mBAALD,GAAoBA,IAAMhO,QAASC,EAAQ+N,EAAEE,aAAaF,OAAInO,GACrEiO,EAASE,KACXA,EAAIA,EAAED,GACI,OAANC,IAAYA,OAAInO,UAETA,IAANmO,EAAkBhO,MAAQgO,I,qBCdrCzP,EAAOC,QAAU,IAA0B","file":"js/home.js","sourcesContent":["// 0 -> Array#forEach\n// 1 -> Array#map\n// 2 -> Array#filter\n// 3 -> Array#some\n// 4 -> Array#every\n// 5 -> Array#find\n// 6 -> Array#findIndex\nvar ctx = require('./_ctx');\nvar IObject = require('./_iobject');\nvar toObject = require('./_to-object');\nvar toLength = require('./_to-length');\nvar asc = require('./_array-species-create');\nmodule.exports = function (TYPE, $create) {\n  var IS_MAP = TYPE == 1;\n  var IS_FILTER = TYPE == 2;\n  var IS_SOME = TYPE == 3;\n  var IS_EVERY = TYPE == 4;\n  var IS_FIND_INDEX = TYPE == 6;\n  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;\n  var create = $create || asc;\n  return function ($this, callbackfn, that) {\n    var O = toObject($this);\n    var self = IObject(O);\n    var f = ctx(callbackfn, that, 3);\n    var length = toLength(self.length);\n    var index = 0;\n    var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;\n    var val, res;\n    for (;length > index; index++) if (NO_HOLES || index in self) {\n      val = self[index];\n      res = f(val, index, O);\n      if (TYPE) {\n        if (IS_MAP) result[index] = res;   // map\n        else if (res) switch (TYPE) {\n          case 3: return true;             // some\n          case 5: return val;              // find\n          case 6: return index;            // findIndex\n          case 2: result.push(val);        // filter\n        } else if (IS_EVERY) return false; // every\n      }\n    }\n    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;\n  };\n};\n","// 7.2.2 IsArray(argument)\nvar cof = require('./_cof');\nmodule.exports = Array.isArray || function isArray(arg) {\n  return cof(arg) == 'Array';\n};\n","module.exports = __webpack_public_path__ + \"img/icon_gift_box.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!./PointsExpired.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/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!./Index.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/timer.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"store-terminate-wrapper\"},[_c('b-modal',{attrs:{\"id\":\"store_terminate_modal\",\"hide-header\":\"\",\"hide-footer\":\"\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"},model:{value:(_vm.showmodal),callback:function ($$v) {_vm.showmodal=$$v},expression:\"showmodal\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"body\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/images/icon-warning.svg\"),\"alt\":\"warning icon\"}}),_c('span',{staticClass:\"title\"},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.terminate_modal.title)+\"\\n        \")]),_c('span',{staticClass:\"description\"},[_vm._v(\"\\n          \"+_vm._s(_vm.descText)+\"\\n\\n          \"),(!_vm.isSeeMore)?_c('a',{staticClass:\"see_more\",on:{\"click\":function($event){_vm.isSeeMore = !_vm.isSeeMore}}},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.terminate_modal.seemore)+\"\\n          \")]):_c('span',[_vm._v(_vm._s(_vm.lbl.terminate_modal.terminate_text))])])]),_c('b-button',{staticClass:\"button exist-btn\",attrs:{\"id\":\"close-package-expire-button\",\"block\":\"\",\"crm_at\":\"exist-button\"},on:{\"click\":function($event){return _vm.clickExist()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.terminate_modal.button)+\"\\n      \")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"store-terminate-wrapper\">\r\n    <b-modal\r\n      id=\"store_terminate_modal\"\r\n      v-model=\"showmodal\"\r\n      hide-header\r\n      hide-footer\r\n      centered\r\n      no-close-on-backdrop\r\n      no-close-on-esc\r\n    >\r\n      <div :class=\"currentLocale\">\r\n        <div class=\"body\">\r\n          <img\r\n            src=\"@/assets/images/icon-warning.svg\"\r\n            alt=\"warning icon\"\r\n            class=\"icon\"\r\n          />\r\n          <span class=\"title\">\r\n            {{ lbl.terminate_modal.title }}\r\n          </span>\r\n          <span class=\"description\">\r\n            {{ descText }}\r\n\r\n            <a\r\n              v-if=\"!isSeeMore\"\r\n              class=\"see_more\"\r\n              @click=\"isSeeMore = !isSeeMore\"\r\n            >\r\n              {{ lbl.terminate_modal.seemore }}\r\n            </a>\r\n            <span v-else>{{ lbl.terminate_modal.terminate_text }}</span>\r\n          </span>\r\n        </div>\r\n        <b-button\r\n          id=\"close-package-expire-button\"\r\n          block\r\n          class=\"button exist-btn\"\r\n          crm_at=\"exist-button\"\r\n          @click=\"clickExist()\"\r\n        >\r\n          {{ lbl.terminate_modal.button }}\r\n        </b-button>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport liff from '@line/liff'\r\nimport Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  name: 'StoreTerminateModal',\r\n  mixins: [CommonMixin],\r\n  props: {\r\n    show: Boolean,\r\n    loginType: {\r\n      type: String,\r\n      default: 'email',\r\n    },\r\n    businessName: {\r\n      type: String,\r\n      default: 'store',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showmodal: false,\r\n      currentLocale: Locale.getLocale(),\r\n      descText: '',\r\n      isSeeMore: false,\r\n    }\r\n  },\r\n  watch: {\r\n    show(newVal, oldVal) {\r\n      console.log('Prop show: ', newVal, ' | was: ', oldVal)\r\n      if (newVal == true) {\r\n        this.initShow(newVal)\r\n      }\r\n    },\r\n    businessName(value) {\r\n      console.log('watch businessName: ', value)\r\n      this.descText = this.lbl.terminate_modal.desc.replace(\r\n        '{0}',\r\n        this.businessName,\r\n      )\r\n    },\r\n  },\r\n  created() {\r\n    this.checklocalStorage().then(() => {\r\n      Account.removeCacheCustom(\r\n        'setRegister_' + Account.getCacheCustom('app_id'),\r\n      )\r\n    })\r\n  },\r\n  methods: {\r\n    initShow(newVal) {\r\n      this.showmodal = newVal\r\n    },\r\n    clickExist() {\r\n      this.$bvModal.hide('store_terminate_modal')\r\n      if (this.loginType.includes('line')) {\r\n        var fullPath = Account.getCacheCustomByAppId('fullPath')\r\n        this.lifflogout()\r\n        if (fullPath != null && fullPath != '') {\r\n          window.location.href = fullPath\r\n        } else {\r\n          window.location.href = '/landing/email'\r\n        }\r\n      } else {\r\n        window.location.href = '/landing/email'\r\n      }\r\n    },\r\n    deleteAllCookies() {\r\n      var cookies = document.cookie.split(';')\r\n      for (var i = 0; i < cookies.length; i++) {\r\n        var cookie = cookies[i]\r\n        var eqPos = cookie.indexOf('=')\r\n        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie\r\n        document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT'\r\n      }\r\n    },\r\n    lifflogout: function () {\r\n      if (liff.isLoggedIn()) {\r\n        liff.logout()\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#store_terminate_modal > .modal-dialog {\r\n  padding: 0;\r\n\r\n  .modal-content {\r\n    background-color: #fff;\r\n    border: solid 1px #f5f5f5;\r\n    border-radius: 10px;\r\n    padding: 24px 16px 32px;\r\n    margin: auto 16px;\r\n    overflow: inherit;\r\n\r\n    .modal-body {\r\n      color: #616161;\r\n      font-size: 14px;\r\n      padding: 0;\r\n      line-height: 1.57;\r\n      letter-spacing: 0.15px;\r\n      text-align: center;\r\n\r\n      .body {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n\r\n        .icon {\r\n          width: 120px;\r\n          height: 120px;\r\n          margin-bottom: 24px;\r\n        }\r\n\r\n        .title {\r\n          font-size: 16px;\r\n          color: $color-modal-title;\r\n        }\r\n        .description {\r\n          color: $color-modal-desc;\r\n          margin: 8px 0 24px;\r\n        }\r\n      }\r\n    }\r\n    .button {\r\n      width: 100%;\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      text-align: center;\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding: 12px 16px;\r\n      border-radius: 100px;\r\n    }\r\n    .exist-btn {\r\n      color: #033a70;\r\n      border-radius: 100px;\r\n      border: solid 1px #033a70;\r\n      background-color: #ffffff;\r\n    }\r\n    .cancle-member-btn {\r\n      color: #ffffff;\r\n      border: solid 1px #ff5252;\r\n      background-color: #ff5252;\r\n      margin-top: 16px;\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!./StoreTerminateModal.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!./StoreTerminateModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StoreTerminateModal.vue?vue&type=template&id=2cf124ea&\"\nimport script from \"./StoreTerminateModal.vue?vue&type=script&lang=js&\"\nexport * from \"./StoreTerminateModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StoreTerminateModal.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/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!./CookieAccept.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/cookie.svg\";","'use strict';\n// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined)\nvar $export = require('./_export');\nvar $find = require('./_array-methods')(5);\nvar KEY = 'find';\nvar forced = true;\n// Shouldn't skip holes\nif (KEY in []) Array(1)[KEY](function () { forced = false; });\n$export($export.P + $export.F * forced, 'Array', {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\nrequire('./_add-to-unscopables')(KEY);\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"package-expire-wrapper\"},[_c('b-modal',{attrs:{\"id\":\"package_expire_modal\",\"hide-header\":\"\",\"hide-footer\":\"\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"},model:{value:(_vm.showmodal),callback:function ($$v) {_vm.showmodal=$$v},expression:\"showmodal\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"body\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/images/icon-warning.svg\"),\"alt\":\"warning icon\"}}),_c('span',{staticClass:\"title\"},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.package_expire_message.title)+\"\\n        \")]),_c('span',{staticClass:\"description\"},[_vm._v(\"\\n          \"+_vm._s(_vm.descText)+\"\\n        \")])]),_c('b-button',{staticClass:\"button exist-btn\",attrs:{\"id\":\"close-package-expire-button\",\"block\":\"\",\"crm_at\":\"exist-button\"},on:{\"click\":function($event){return _vm.clickExist()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.package_expire_message.button)+\"\\n      \")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"package-expire-wrapper\">\r\n    <b-modal\r\n      id=\"package_expire_modal\"\r\n      v-model=\"showmodal\"\r\n      hide-header\r\n      hide-footer\r\n      centered\r\n      no-close-on-backdrop\r\n      no-close-on-esc\r\n    >\r\n      <div :class=\"currentLocale\">\r\n        <div class=\"body\">\r\n          <img\r\n            src=\"@/assets/images/icon-warning.svg\"\r\n            alt=\"warning icon\"\r\n            class=\"icon\"\r\n          />\r\n          <span class=\"title\">\r\n            {{ lbl.package_expire_message.title }}\r\n          </span>\r\n          <span class=\"description\">\r\n            {{ descText }}\r\n          </span>\r\n        </div>\r\n        <b-button\r\n          id=\"close-package-expire-button\"\r\n          block\r\n          class=\"button exist-btn\"\r\n          crm_at=\"exist-button\"\r\n          @click=\"clickExist()\"\r\n        >\r\n          {{ lbl.package_expire_message.button }}\r\n        </b-button>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport liff from '@line/liff'\r\nimport Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  name: 'PackageExpireModal',\r\n  mixins: [CommonMixin],\r\n  props: {\r\n    show: Boolean,\r\n    loginType: {\r\n      type: String,\r\n      default: 'email',\r\n    },\r\n    businessName: {\r\n      type: String,\r\n      default: 'store',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showmodal: false,\r\n      currentLocale: Locale.getLocale(),\r\n      descText: '',\r\n      loginTypeList: [],\r\n    }\r\n  },\r\n  watch: {\r\n    show(newVal, oldVal) {\r\n      console.log('Prop show: ', newVal, ' | was: ', oldVal)\r\n      if (newVal == true) {\r\n        this.initShow(newVal)\r\n      }\r\n    },\r\n    businessName(value) {\r\n      console.log('watch businessName: ', value)\r\n      this.descText = this.lbl.package_expire_message.description.replace(\r\n        '{0}',\r\n        this.businessName,\r\n      )\r\n    },\r\n  },\r\n  created() {\r\n    this.checklocalStorage().then(() => {\r\n      Account.removeCacheCustom(\r\n        'setRegister_' + Account.getCacheCustom('app_id'),\r\n      )\r\n      this.handleLogintype(this.loginType)\r\n    })\r\n  },\r\n  methods: {\r\n    initShow(newVal) {\r\n      this.showmodal = newVal\r\n    },\r\n    handleLogintype(loginType) {\r\n      this.loginTypeList = loginType.split(',')\r\n    },\r\n    clickExist() {\r\n      this.$bvModal.hide('package_expire_modal')\r\n      if (this.loginTypeList.includes('line')) {\r\n        var fullPath = Account.getCacheCustomByAppId('fullPath')\r\n        this.lifflogout()\r\n        if (fullPath != null && fullPath != '') {\r\n          window.location.href = fullPath\r\n        } else {\r\n          window.location.href = '/login'\r\n        }\r\n      } else {\r\n        window.location.href = '/landing/email'\r\n      }\r\n    },\r\n    deleteAllCookies() {\r\n      var cookies = document.cookie.split(';')\r\n      for (var i = 0; i < cookies.length; i++) {\r\n        var cookie = cookies[i]\r\n        var eqPos = cookie.indexOf('=')\r\n        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie\r\n        document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT'\r\n      }\r\n    },\r\n    lifflogout: function () {\r\n      if (liff.isLoggedIn()) {\r\n        liff.logout()\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#package_expire_modal > .modal-dialog {\r\n  padding: 0;\r\n\r\n  .modal-content {\r\n    background-color: #fff;\r\n    border: solid 1px #f5f5f5;\r\n    border-radius: 10px;\r\n    padding: 24px 16px 32px;\r\n    margin: auto 16px;\r\n    overflow: inherit;\r\n\r\n    .modal-body {\r\n      color: #616161;\r\n      font-size: 14px;\r\n      padding: 0;\r\n      line-height: 1.57;\r\n      letter-spacing: 0.15px;\r\n      text-align: center;\r\n\r\n      .body {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n\r\n        .icon {\r\n          width: 120px;\r\n          height: 120px;\r\n          margin-bottom: 24px;\r\n        }\r\n\r\n        .title {\r\n          font-size: 16px;\r\n          color: $color-modal-title;\r\n        }\r\n        .description {\r\n          color: $color-modal-desc;\r\n          margin: 8px 0 24px;\r\n        }\r\n      }\r\n    }\r\n    .button {\r\n      width: 100%;\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      text-align: center;\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding: 12px 16px;\r\n      border-radius: 100px;\r\n    }\r\n    .exist-btn {\r\n      color: #033a70;\r\n      border-radius: 100px;\r\n      border: solid 1px #033a70;\r\n      background-color: #ffffff;\r\n    }\r\n    .cancle-member-btn {\r\n      color: #ffffff;\r\n      border: solid 1px #ff5252;\r\n      background-color: #ff5252;\r\n      margin-top: 16px;\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!./PackageExpireModal.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!./PackageExpireModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PackageExpireModal.vue?vue&type=template&id=ca2c822a&\"\nimport script from \"./PackageExpireModal.vue?vue&type=script&lang=js&\"\nexport * from \"./PackageExpireModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PackageExpireModal.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/Btn_Back.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!./ConsentMarketingModal.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/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!./SettingMarketing.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modalFooter\"},[_c('b-modal',{ref:\"my-modal\",attrs:{\"id\":\"wrapper__notification_setting\",\"crm_at\":\"modal_notification\",\"hide-header\":\"\",\"hide-footer\":\"\",\"hide-header-close\":\"\",\"no-close-on-backdrop\":\"\"},model:{value:(_vm.showmodal),callback:function ($$v) {_vm.showmodal=$$v},expression:\"showmodal\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"content-body\"},[_c('div',{staticClass:\"header-container\"},[_c('b-button',{staticClass:\"back-button\",attrs:{\"id\":\"back-button\",\"crm_at\":\"btn_back_editprofile\"},on:{\"click\":function($event){return _vm.goback()}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/Btn_Back.svg\"),\"alt\":\"\"}})]),_c('p',{staticClass:\"header-title\",attrs:{\"crm_at\":\"text-title-setting-marketing\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.titleMarketing)+\"\\n          \")])],1),_c('div',{staticClass:\"topic\"},[_c('p',{staticClass:\"topic-message\"},[_vm._v(\"\\n            \"+_vm._s(_vm.titleMessage)+\"\\n          \")])]),_c('div',{staticClass:\"switch-container col-12\"},[_c('div',{staticClass:\"row content-switch\"},[_c('div',{staticClass:\"col-6 switch-name\"},[_vm._v(_vm._s(_vm.lbl.consent.noti.email))]),_c('div',{staticClass:\"col-6 action-switch\"},[_c('a-switch',{model:{value:(_vm.notification.email),callback:function ($$v) {_vm.$set(_vm.notification, \"email\", $$v)},expression:\"notification.email\"}})],1)]),_c('div',{staticClass:\"row content-switch\"},[_c('div',{staticClass:\"col-6 switch-name\"},[_vm._v(_vm._s(_vm.lbl.consent.noti.sms))]),_c('div',{staticClass:\"col-6 action-switch\"},[_c('a-switch',{model:{value:(_vm.notification.sms),callback:function ($$v) {_vm.$set(_vm.notification, \"sms\", $$v)},expression:\"notification.sms\"}})],1)]),(_vm.loginTypeList.includes('Line'))?_c('div',{staticClass:\"row content-switch\"},[_c('div',{staticClass:\"col-6 switch-name\"},[_vm._v(_vm._s(_vm.lbl.consent.noti.line))]),_c('div',{staticClass:\"col-6 action-switch\"},[_c('a-switch',{model:{value:(_vm.notification.line),callback:function ($$v) {_vm.$set(_vm.notification, \"line\", $$v)},expression:\"notification.line\"}})],1)]):_vm._e()])]),(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('div',[(_vm.modalcondition.isshowbtn)?_c('div',{staticClass:\"wrapper-agree\"},[_c('div',{staticClass:\"btn-setting-marketing\",style:({\n              backgroundColor: _vm.modalcondition.storeinfo.buttoncolor,\n              border: _vm.modalcondition.storeinfo.buttoncolor,\n              color: _vm.modalcondition.storeinfo.buttontextcolor,\n            }),attrs:{\"id\":\"submitbtn_setting_marketing\",\"crm_at\":\"submitbtn_setting_marketing\"},on:{\"click\":_vm.submitbtn}},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.default.confirm)+\"\\n          \")])]):_vm._e()]):_c('div',[(_vm.modalcondition.isshowbtn)?_c('div',{staticClass:\"wrapper-agree\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"btn-setting-marketing\",style:({\n                backgroundColor: _vm.modalcondition.storeinfo.buttoncolor,\n                border: _vm.modalcondition.storeinfo.buttoncolor,\n                color: _vm.modalcondition.storeinfo.buttontextcolor,\n              }),attrs:{\"id\":\"submitbtn_setting_marketing\",\"crm_at\":\"submitbtn_setting_marketing\"},on:{\"click\":_vm.submitbtn}},[_vm._v(\"\\n              \"+_vm._s(_vm.lbl.default.confirm)+\"\\n            \")])])]):_vm._e()])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"modalFooter\">\r\n    <b-modal\r\n      id=\"wrapper__notification_setting\"\r\n      ref=\"my-modal\"\r\n      v-model=\"showmodal\"\r\n      crm_at=\"modal_notification\"\r\n      hide-header\r\n      hide-footer\r\n      hide-header-close\r\n      no-close-on-backdrop\r\n    >\r\n      <div :class=\"currentLocale\">\r\n        <!-- Header -->\r\n        <div class=\"content-body\">\r\n          <div class=\"header-container\">\r\n            <b-button\r\n              id=\"back-button\"\r\n              class=\"back-button\"\r\n              crm_at=\"btn_back_editprofile\"\r\n              @click=\"goback()\"\r\n            >\r\n              <img src=\"@/assets/images/Btn_Back.svg\" alt=\"\" />\r\n            </b-button>\r\n            <p class=\"header-title\" crm_at=\"text-title-setting-marketing\">\r\n              {{ titleMarketing }}\r\n            </p>\r\n          </div>\r\n          <!-- Marketing -->\r\n          <div class=\"topic\">\r\n            <p class=\"topic-message\">\r\n              {{ titleMessage }}\r\n            </p>\r\n          </div>\r\n          <div class=\"switch-container col-12\">\r\n            <div class=\"row content-switch\">\r\n              <div class=\"col-6 switch-name\">{{ lbl.consent.noti.email }}</div>\r\n              <div class=\"col-6 action-switch\">\r\n                <a-switch v-model=\"notification.email\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"row content-switch\">\r\n              <div class=\"col-6 switch-name\">{{ lbl.consent.noti.sms }}</div>\r\n              <div class=\"col-6 action-switch\">\r\n                <a-switch v-model=\"notification.sms\" />\r\n              </div>\r\n            </div>\r\n            <div\r\n              v-if=\"loginTypeList.includes('Line')\"\r\n              class=\"row content-switch\"\r\n            >\r\n              <div class=\"col-6 switch-name\">{{ lbl.consent.noti.line }}</div>\r\n              <div class=\"col-6 action-switch\">\r\n                <a-switch v-model=\"notification.line\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Support PC Tablet -->\r\n        <div v-if=\"windowWidth >= 600 && windowHeight >= 600\">\r\n          <div v-if=\"modalcondition.isshowbtn\" class=\"wrapper-agree\">\r\n            <div\r\n              id=\"submitbtn_setting_marketing\"\r\n              class=\"btn-setting-marketing\"\r\n              :style=\"{\r\n                backgroundColor: modalcondition.storeinfo.buttoncolor,\r\n                border: modalcondition.storeinfo.buttoncolor,\r\n                color: modalcondition.storeinfo.buttontextcolor,\r\n              }\"\r\n              crm_at=\"submitbtn_setting_marketing\"\r\n              @click=\"submitbtn\"\r\n            >\r\n              {{ lbl.default.confirm }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div v-else>\r\n          <div v-if=\"modalcondition.isshowbtn\" class=\"wrapper-agree\">\r\n            <div class=\"col\">\r\n              <div\r\n                id=\"submitbtn_setting_marketing\"\r\n                class=\"btn-setting-marketing\"\r\n                :style=\"{\r\n                  backgroundColor: modalcondition.storeinfo.buttoncolor,\r\n                  border: modalcondition.storeinfo.buttoncolor,\r\n                  color: modalcondition.storeinfo.buttontextcolor,\r\n                }\"\r\n                crm_at=\"submitbtn_setting_marketing\"\r\n                @click=\"submitbtn\"\r\n              >\r\n                {{ lbl.default.confirm }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </b-modal>\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 Locale from '@/helper/Locale.js'\r\nexport default {\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  props: {\r\n    title: String,\r\n    busModal: Object,\r\n    modalcondition: Object,\r\n    loginType: String,\r\n    callback: {\r\n      type: Function,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showmodal: this.modalcondition.ismodalShow,\r\n      currentLocale: Locale.getLocale(),\r\n      modalShow: true,\r\n      IsPDPA: false,\r\n      isagree: false,\r\n      titleMarketing: '',\r\n      titleMessage: '',\r\n      notification: {\r\n        email: this.modalcondition.notification.email\r\n          ? this.modalcondition.notification.email\r\n          : false,\r\n        sms: this.modalcondition.notification.sms\r\n          ? this.modalcondition.notification.sms\r\n          : false,\r\n        line: this.modalcondition.notification.line\r\n          ? this.modalcondition.notification.line\r\n          : false,\r\n      },\r\n      loginTypeList: [],\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$root.$on('bv::modal::hide', (bvEvent, modalId) => {\r\n      if (modalId == 'wrapper__notification_setting') {\r\n        this.$refs['my-modal'].hide()\r\n\r\n        this.$emit('ChangeErrorSettingMarketing', false)\r\n      }\r\n    })\r\n    this.arrList(this.loginType)\r\n    this.titleMarketing = this.lbl.consent.notification_setting\r\n    this.titleMessage = this.lbl.consent.notification_setting_title\r\n  },\r\n  methods: {\r\n    arrList(string) {\r\n      var list = string.split(',')\r\n      this.loginTypeList = list\r\n      return list\r\n    },\r\n    callbackEndread() {\r\n      this.isagree = true\r\n    },\r\n    showModal() {\r\n      this.$refs['my-modal'].show()\r\n    },\r\n    submitbtn() {\r\n      this.modalcondition.ismodalShow = true\r\n      this.$refs['my-modal'].hide()\r\n      let data = {\r\n        confirm: 'agree',\r\n        notification: this.notification,\r\n      }\r\n      this.callback(data)\r\n    },\r\n    toggleModal() {\r\n      this.$refs['my-modal'].toggle('#toggle-btn')\r\n    },\r\n    goback() {\r\n      this.$bvModal.hide('wrapper__notification_setting')\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n#wrapper__notification_setting___BV_modal_outer_ {\r\n  .ant-switch {\r\n    height: 16px;\r\n    &:after {\r\n      width: 24px;\r\n      height: 24px;\r\n      background-color: #033a70;\r\n      top: -5px;\r\n    }\r\n  }\r\n  .ant-switch-checked {\r\n    background-color: #82b1ff;\r\n    &:after {\r\n      margin-left: 0px;\r\n    }\r\n  }\r\n  .header-container {\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 21px;\r\n    padding: 8px 0;\r\n\r\n    .back-button {\r\n      background: transparent;\r\n      border: none;\r\n      padding: 0;\r\n    }\r\n\r\n    .header-title {\r\n      text-align: left;\r\n      margin: 0px 15px;\r\n      font-weight: 500;\r\n      word-break: break-word;\r\n    }\r\n  }\r\n\r\n  .modal-body {\r\n    padding: 0;\r\n  }\r\n\r\n  .switch-container {\r\n    padding: 0 20px;\r\n  }\r\n  .content-switch {\r\n    align-items: center;\r\n    padding: 15px 0;\r\n    border-bottom: 1px solid #f5f5f5;\r\n    .action-switch {\r\n      text-align: end;\r\n    }\r\n    .switch-name {\r\n      font-size: 20px;\r\n      font-weight: 600;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      line-height: 1.5;\r\n      letter-spacing: 0.5px;\r\n      text-align: left;\r\n      color: $color-body;\r\n    }\r\n  }\r\n  .topic {\r\n    background-color: #fafafa;\r\n    padding: 0 20px;\r\n\r\n    .topic-message {\r\n      font-size: 14px;\r\n      letter-spacing: 0.15px;\r\n      color: #616161;\r\n      padding: 8px 0;\r\n    }\r\n  }\r\n  .icheck-primary {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n  }\r\n  .icheck-primary > input:first-child:checked + label::before {\r\n    background-color: #666666 !important;\r\n    border-color: #666666 !important;\r\n  }\r\n  .modal-content {\r\n    border-radius: 0;\r\n  }\r\n  .modal-title {\r\n    text-align: left;\r\n    padding: 10px;\r\n    margin: 0px 15px;\r\n    .text-title-policy {\r\n      text-indent: 0px;\r\n      padding: 4px 4px;\r\n      position: relative;\r\n      left: -35px;\r\n      font-size: 21px;\r\n      @include breakpoint-max(320) {\r\n        font-size: 14px;\r\n      }\r\n      font-weight: 500;\r\n      word-break: break-word;\r\n      white-space: pre-line;\r\n    }\r\n  }\r\n  #wrapper-marketing {\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    height: 62vh;\r\n    @include breakpoint-max(375) {\r\n      height: 54.5vh;\r\n    }\r\n    .content {\r\n      word-break: break-word;\r\n      white-space: pre-line;\r\n    }\r\n  }\r\n  #output {\r\n    padding: 1rem 0;\r\n  }\r\n  .modal-dialog {\r\n    position: fixed;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    padding: 0;\r\n    margin: 0;\r\n    max-width: unset !important;\r\n    .modal-content {\r\n      position: fixed;\r\n      top: 0;\r\n      bottom: 0;\r\n    }\r\n    .modal-title {\r\n      font-size: 15px;\r\n    }\r\n  }\r\n  .logo {\r\n    width: 56px;\r\n    height: 56px;\r\n    margin: -10px -55px 0px;\r\n    border-radius: 1000px;\r\n  }\r\n\r\n  .serv ul {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding-left: 0;\r\n  }\r\n\r\n  .serv ul li {\r\n    list-style: none;\r\n    flex: 0 0 33.333333%;\r\n  }\r\n}\r\n\r\n#wrapper__notification_setting___BV_modal_outer_ {\r\n  .modal-dialog {\r\n    position: fixed;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  @mixin btn() {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: auto;\r\n    border-radius: 100px;\r\n    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.35);\r\n    background-color: #033a70;\r\n    color: white;\r\n    font-size: 18px;\r\n    height: 50px;\r\n  }\r\n  .btn__Register {\r\n    @include btn();\r\n    width: 335px;\r\n    position: relative;\r\n    top: 10px;\r\n    @include breakpoint-max(320) {\r\n      width: 270px !important;\r\n    }\r\n  }\r\n  .btn-terms {\r\n    opacity: 0.3;\r\n    pointer-events: none;\r\n    @include btn();\r\n    width: 335px;\r\n    position: relative;\r\n    top: 10px;\r\n    @include breakpoint-max(320) {\r\n      width: 270px !important;\r\n    }\r\n  }\r\n\r\n  .btn-setting-marketing {\r\n    @include btn();\r\n    @include breakpoint-max(320) {\r\n      width: 100px !important;\r\n    }\r\n  }\r\n  .disagree {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 18px;\r\n    color: #666;\r\n    font-weight: 500;\r\n  }\r\n  .wrapper-agree {\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 20px;\r\n    z-index: 1;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n  #wrapper__notification_setting___BV_modal_outer_ {\r\n    .modal-dialog {\r\n      top: 50%;\r\n      left: 50%;\r\n      bottom: unset;\r\n      transform: translate(-50%, -50%);\r\n      width: 90%;\r\n      max-width: unset !important;\r\n      .modal-content {\r\n        height: 90vh;\r\n      }\r\n    }\r\n    .modal-content {\r\n      border-radius: 8px;\r\n    }\r\n    .modal-header {\r\n      width: 100%;\r\n      margin-left: unset;\r\n      height: auto;\r\n    }\r\n    .modal-title {\r\n      margin: unset;\r\n      padding: unset;\r\n      .text-title-policy {\r\n        left: 0;\r\n        font-size: 24px;\r\n        padding: 5px 15px;\r\n      }\r\n    }\r\n    #wrapper-privacy {\r\n      height: calc(90vh - 220px);\r\n      padding: 0 40px;\r\n    }\r\n    #wrapper-terms {\r\n      height: calc(90vh - 220px);\r\n      padding: 0 40px;\r\n    }\r\n    .wrapper-agree {\r\n      padding: 0 28px;\r\n    }\r\n    .btn-disagree {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      font-size: 18px;\r\n      color: #666;\r\n      font-weight: 600;\r\n    }\r\n    .btn-setting-marketing {\r\n      height: 52px;\r\n      margin: 0 12px;\r\n      cursor: pointer;\r\n      box-shadow: unset;\r\n    }\r\n    .btn-terms {\r\n      height: 52px;\r\n      width: 80%;\r\n      top: 0;\r\n      cursor: pointer;\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!./SettingMarketing.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!./SettingMarketing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SettingMarketing.vue?vue&type=template&id=47489e1d&\"\nimport script from \"./SettingMarketing.vue?vue&type=script&lang=js&\"\nexport * from \"./SettingMarketing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SettingMarketing.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/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!./PackageExpireModal.vue?vue&type=style&index=0&lang=scss&\"","// 9.4.2.3 ArraySpeciesCreate(originalArray, length)\nvar speciesConstructor = require('./_array-species-constructor');\n\nmodule.exports = function (original, length) {\n  return new (speciesConstructor(original))(length);\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper-dashboard\",class:_vm.currentLocale},[(_vm.isTablat)?_c('div',{staticClass:\"h-100\"},[_c('div',{staticClass:\"image__hearder\",style:({ backgroundImage: 'url(' + _vm.storeinfo.image_header + ')' }),attrs:{\"crm_at\":\"image_hearder\"},on:{\"scroll\":_vm.onScroll}},[_c('div',{staticClass:\"box_content\"},[_c('div',{staticClass:\"wrapper__home__page\"},[_c('div',{staticClass:\"wrapper_hearder\"},[_c('LayoutHome',{attrs:{\"reset\":_vm.resetProfile},on:{\"changeLayoutHome\":function($event){return _vm.ChangeLayoutHome($event)},\"changeGetPoints\":function($event){return _vm.ChangeGetPoints($event)},\"changeGetStamp\":function($event){return _vm.ChangeGetStamp($event)},\"changePointsExpired\":function($event){return _vm.ChangePointsExpired($event)}}})],1),_c('div',{staticClass:\"wrapper_content\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 mt-4 mb-4\"},[_c('span',{staticClass:\"text-welcome\",attrs:{\"crm_at\":\"text_detail\"}},[(_vm.isStore == 'point' && _vm.isShowPoint)?_c('p',{staticClass:\"page-point-detail\",attrs:{\"crm_at\":\"text_point_detail\"}},[_vm._v(\"\\n                    \"+_vm._s(this.textDetail)+\"\\n                  \")]):_vm._e(),(_vm.isStore == 'stamp' && _vm.isShowPoint)?_c('p',{staticClass:\"page-point-detail\",attrs:{\"crm_at\":\"text_stamp_detail\"}},[_vm._v(\"\\n                    \"+_vm._s(this.textDetailStamp)+\"\\n                  \")]):_vm._e()])])]),_c('div',[_c('a-list',{attrs:{\"data-source\":_vm.dataList,\"crm_at\":\"list\"},scopedSlots:_vm._u([{key:\"renderItem\",fn:function(item){return _c('a-list-item',{staticClass:\"wrapper-list\",class:[\n                    { 'wrapper-list-package': _vm.isTypePackage(item.Extra) } ],attrs:{\"crm_at\":\"wrapper_list\"}},[(_vm.isTypePackage(item.Extra))?_c('div',{staticClass:\"wrapper-box\"}):_vm._e(),(_vm.isTypePackage(item.Extra))?_c('div',{staticClass:\"frame1\"}):_vm._e(),(_vm.isTypePackage(item.Extra))?_c('div',{staticClass:\"frame2\"}):_vm._e(),_c('a-list-item-meta',{attrs:{\"crm_at\":\"list_campaign\"},on:{\"click\":function($event){return _vm.handleDetail(item.ID)}}},[_c('div',{staticClass:\"detail-item\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('a',{staticClass:\"list-name\"},[_c('a-tooltip',{attrs:{\"placement\":\"topLeft\",\"title\":item.Name,\"arrow-point-at-center\":\"\"}},[_c('div',{staticClass:\"name-section\"},[(\n                                _vm.isTypePackage(item.Extra) &&\n                                _vm.displayQTY(item.Extra)\n                              )?_c('div',{staticClass:\"qty\"},[_c('span',{staticClass:\"prefix\"},[_vm._v(\"x\")]),_c('span',{staticClass:\"number\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.displayQTY(item.Extra))+\"\\n                              \")])]):_vm._e(),_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(item.Name))])])])],1),_c('div',{staticClass:\"use-points\"},[(\n                            _vm.isTypePackage(item.Extra) &&\n                            _vm.dateShortFormatUTC(item.ExpireDate)\n                          )?_c('div',{staticClass:\"expire\"},[_vm._v(\"\\n                          \"+_vm._s(_vm.lbl.main.expired_on_text +\n                            ': ' +\n                            _vm.dateShortFormatUTC(item.ExpireDate, true))+\"\\n                        \")]):_vm._e(),(_vm.isStore == 'point')?_c('a-button',{staticClass:\"btn-crm-l btn-use-points\",style:({\n                            'background-color': _vm.backgroundPointColor\n                              ? _vm.backgroundPointColor\n                              : '#1890ff',\n                            'border-color': _vm.backgroundPointColor\n                              ? _vm.backgroundPointColor\n                              : '#1890ff',\n                            color: _vm.textPointColor\n                              ? _vm.textPointColor\n                              : '#FFFFFF',\n                          }),attrs:{\"type\":\"primary\",\"shape\":\"round\",\"crm_at\":'btn_use_points_' + item.ID,\"value\":item.ID},on:{\"click\":_vm.handleUsePoints}},[(\n                              item.PointPerUnit <= 0 &&\n                              item.Type != 8 &&\n                              item.Type != 16\n                            )?_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.lbl.main.free)+\"\\n                          \")]):(item.PointType == 'use')?_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.lbl.main.use)+\" \"+_vm._s(item.PointPerUnit)+\"\\n                            \"+_vm._s(_vm.lbl.main.points)+\"\\n                          \")]):(item.Type == 8)?_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.lbl.default.join)+\"\\n                          \")]):(item.Type == 16)?_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.lbl.lucky_draw.button_seemore)+\"\\n                          \")]):_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.lbl.main.use)+\" \"+_vm._s(item.PointPerUnit)+\"\\n                            \"+_vm._s(_vm.lbl.main.points)+\"\\n                          \")])]):_vm._e()],1)]),_c('a-avatar',{attrs:{\"slot\":\"avatar\",\"shape\":\"square\",\"size\":100,\"src\":item.FullImageUrl},on:{\"click\":function($event){return _vm.handleDetail(item.ID)}},slot:\"avatar\"})],1)],1)}}],null,false,1914705450)},[(_vm.loading && !_vm.busy)?_c('div',{staticClass:\"demo-loading-container text-center\"},[_c('a-spin')],1):_vm._e()])],1)])])])])]):_c('div',{directives:[{name:\"scroll-loadmorebody\",rawName:\"v-scroll-loadmorebody\",value:(_vm.loadmore),expression:\"loadmore\"}]},[_c('LayoutHome',{on:{\"changeLayoutHome\":function($event){return _vm.ChangeLayoutHome($event)}}}),_c('div',{staticClass:\"row\"},[(_vm.isStore == 'stamp' && _vm.isShowEarnCode)?_c('div',{staticClass:\"col-12 text-center m-rectangle\"},[_c('div',{staticClass:\"row box-stamp\",style:({\n            'background-color': _vm.backgroundStamp ? _vm.backgroundStamp : '#FFF',\n            'border-color': _vm.backgroundStamp ? _vm.backgroundStamp : '#eee',\n          })},[_vm._l((_vm.StampProfile),function(item){return _c('div',{key:item.no,staticClass:\"stamp-circle\",attrs:{\"crm_at\":\"stamp_circle\"}},[_c('div',{staticClass:\"stamp-index\",class:[\n                {\n                  active_stamp: item.is_active,\n                  isGrayscale: item.isGrayscale,\n                } ],style:([{ 'background-image': 'url(' + item.imgStamp + ')' }]),attrs:{\"crm_at\":\"stamp_index\"},on:{\"click\":function($event){return _vm.onClickStamp(item.id)}}},[_vm._v(\"\\n              \"+_vm._s(item.no)+\"\\n            \")])])}),(_vm.isPagination)?_c('div',{staticClass:\"box-pagination w-100\"},[_c('div',{staticClass:\"show-page\"},[_c('a-pagination',{attrs:{\"total\":_vm.totalStamp,\"default-current\":1,\"item-render\":_vm.itemRender,\"crm_at\":\"change_page_stamp\"},on:{\"change\":_vm.onChangePage}})],1)]):_vm._e()],2)]):_vm._e(),_c('div',{staticClass:\"col-12 text-center m-rectangle\"},[(_vm.isStore == 'point' && _vm.isShowEarnCode)?_c('a-button',{staticClass:\"btn-crm-xl\",style:({\n            'background-color': _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n            'border-color': _vm.backgroundColor ? _vm.backgroundColor : '#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' })},[_vm._v(_vm._s(_vm.lbl.dashboard.click_points))])]):_vm._e(),(_vm.isStore == 'stamp' && _vm.isShowEarnCode)?_c('a-button',{staticClass:\"btn-crm-xl\",style:({\n            'background-color': _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n            'border-color': _vm.backgroundColor ? _vm.backgroundColor : '#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' })},[_vm._v(_vm._s(_vm.lbl.stamp.click_stamp))])]):_vm._e(),(_vm.ShowValueDesignOnConsumer && _vm.cardData.length)?_c('a-button',{staticClass:\"btn-my-card\",style:({\n            'background-color': '#ffffff',\n            'border-color': _vm.backgroundColor ? _vm.backgroundColor : '#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:({ color: _vm.backgroundColor ? _vm.backgroundColor : '#FFFFFF' })},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.value_design.home.my_card_btn)+\"\\n          \")])],1):_vm._e()],1),_c('div',{staticClass:\"col-12 pt-3\"},[_c('div',{staticClass:\"text-center\"},[_c('span',{staticClass:\"text-welcome\",attrs:{\"crm_at\":\"text_welcome\"}},[_vm._v(\"\\n            \"+_vm._s(this.textWelcome)+\"\\n          \")])]),_c('div',{staticClass:\"text-center mt-2\"},[(_vm.isStore == 'point' && _vm.isShowPoint)?_c('label',{staticClass:\"page-point\",attrs:{\"crm_at\":\"text_point\"}},[(\n                _vm.isDisplayUserLevel && _vm.userLevel && _vm.currentLevel != undefined\n              )?_c('span',[(\n                  _vm.userLevel &&\n                  _vm.profileLevel.currentLevelIcon != null &&\n                  _vm.profileLevel.currentLevelIcon != ''\n                )?_c('img',{staticClass:\"profile__image\",attrs:{\"src\":_vm.profileLevel.currentLevelIcon,\"alt\":\"userlevel\"}}):_vm._e()]):_vm._e(),_vm._v(\"\\n\\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(),(_vm.isStore == 'point' && _vm.isShowPoint)?_c('p',{staticClass:\"page-point-detail mt-2\",attrs:{\"crm_at\":\"text_point_detail\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.PointsExpired)+\" \"+_vm._s(_vm.lbl.dashboard.points_expired)+\"\\n            \"+_vm._s(_vm.DateExpired)+\"\\n          \")]):_vm._e(),(_vm.isStore == 'stamp' && _vm.isShowPoint)?_c('p',{staticClass:\"page-point-detail\",attrs:{\"crm_at\":\"text_stamp_detail\"}},[_vm._v(\"\\n            \"+_vm._s(this.textDetailStamp)+\"\\n          \")]):_vm._e()]),_c('div',{staticClass:\"px-3 pt-4\"},[_c('a-list',{attrs:{\"data-source\":_vm.dataList,\"crm_at\":\"list\"},scopedSlots:_vm._u([{key:\"renderItem\",fn:function(item){return _c('a-list-item',{staticClass:\"wrapper-list\",class:[{ 'wrapper-list-package': _vm.isTypePackage(item.Extra) }],attrs:{\"crm_at\":\"wrapper_list\"}},[(_vm.isTypePackage(item.Extra))?_c('div',{staticClass:\"wrapper-box\"}):_vm._e(),(_vm.isTypePackage(item.Extra))?_c('div',{staticClass:\"frame1\"}):_vm._e(),(_vm.isTypePackage(item.Extra))?_c('div',{staticClass:\"frame2\"}):_vm._e(),_c('a-list-item-meta',{attrs:{\"crm_at\":'list_campaign_' + item.ID},on:{\"click\":function($event){return _vm.handleDetail(item.ID)}}},[_c('div',{staticClass:\"detail-item\",attrs:{\"slot\":\"title\",\"crm_at\":'list_detail_' + item.ID},slot:\"title\"},[_c('a',{staticClass:\"list-name\",attrs:{\"crm_at\":'list_name_' + item.ID}},[_c('a-tooltip',{attrs:{\"placement\":\"topLeft\",\"title\":item.Name,\"arrow-point-at-center\":\"\"}},[_c('div',{staticClass:\"name-section\"},[(\n                            _vm.isTypePackage(item.Extra) &&\n                            _vm.displayQTY(item.Extra)\n                          )?_c('div',{staticClass:\"qty\"},[_c('span',{staticClass:\"prefix\"},[_vm._v(\"x\")]),_c('span',{staticClass:\"number\"},[_vm._v(\"\\n                            \"+_vm._s(_vm.displayQTY(item.Extra))+\"\\n                          \")])]):_vm._e(),_c('strong',{staticClass:\"name\"},[_vm._v(_vm._s(item.Name))])]),(_vm.isStore == 'stamp')?_c('div',{staticClass:\"detail\"},[_vm._v(\"\\n                        \"+_vm._s(item.Detail)+\"\\n                      \")]):_vm._e()])],1),_c('div',{staticClass:\"use-points\",attrs:{\"crm_at\":'list_use_points_' + item.ID}},[(\n                        _vm.isTypePackage(item.Extra) &&\n                        _vm.dateShortFormatUTC(item.ExpireDate)\n                      )?_c('div',{staticClass:\"expire\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.lbl.main.expired_on_text +\n                        ': ' +\n                        _vm.dateShortFormatUTC(item.ExpireDate, true))+\"\\n                    \")]):_vm._e(),(_vm.isStore == 'point')?_c('a-button',{staticClass:\"btn-crm-l btn-use-points\",style:({\n                        'background-color': _vm.backgroundPointColor\n                          ? _vm.backgroundPointColor\n                          : '#1890ff',\n                        'border-color': _vm.backgroundPointColor\n                          ? _vm.backgroundPointColor\n                          : '#1890ff',\n                        color: _vm.textPointColor ? _vm.textPointColor : '#FFFFFF',\n                      }),attrs:{\"type\":\"primary\",\"shape\":\"round\",\"crm_at\":'btn_use_points_' + item.ID,\"value\":item.ID},on:{\"click\":_vm.handleUsePoints}},[(\n                          item.PointPerUnit <= 0 &&\n                          item.Type != 8 &&\n                          item.Type != 16\n                        )?_c('span',[_vm._v(\"\\n                        \"+_vm._s(_vm.lbl.main.free)+\"\\n                      \")]):(item.PointType == 'use')?_c('span',[_vm._v(\"\\n                        \"+_vm._s(_vm.lbl.main.use)+\" \"+_vm._s(item.PointPerUnit)+\"\\n                        \"+_vm._s(_vm.lbl.main.points)+\"\\n                      \")]):(item.Type == 8)?_c('span',[_vm._v(\"\\n                        \"+_vm._s(_vm.lbl.default.join)+\"\\n                      \")]):(item.Type == 16)?_c('span',[_vm._v(\"\\n                        \"+_vm._s(_vm.lbl.lucky_draw.button_seemore)+\"\\n                      \")]):_c('span',[_vm._v(\"\\n                        \"+_vm._s(_vm.lbl.main.use)+\" \"+_vm._s(item.PointPerUnit)+\"\\n                        \"+_vm._s(_vm.lbl.main.points)+\"\\n                      \")])]):_vm._e()],1)]),_c('a-avatar',{attrs:{\"slot\":\"avatar\",\"crm_at\":'list_avatar_' + item.ID,\"shape\":\"square\",\"size\":100,\"src\":item.FullImageUrl},on:{\"click\":function($event){return _vm.handleDetail(item.ID)}},slot:\"avatar\"})],1)],1)}}])},[(_vm.loading && !_vm.busy)?_c('div',{staticClass:\"demo-loading-container text-center\"},[_c('a-spin')],1):_vm._e()])],1)])])],1),_c('a-modal',{staticClass:\"modal-Barcode\",attrs:{\"footer\":null,\"crm_at\":\"modal_barcode\",\"centered\":\"\",\"after-close\":_vm.BarcodeClose},model:{value:(_vm.showModalBarcode),callback:function ($$v) {_vm.showModalBarcode=$$v},expression:\"showModalBarcode\"}},[_c('div',{staticClass:\"row\",class:_vm.currentLocale},[_c('div',{staticClass:\"col-12 modal-img\"},[_c('button',{staticClass:\"close-btn\",attrs:{\"type\":\"button\",\"crm_at\":\"clos_barcode\",\"data-dismiss\":\"modal\"},on:{\"click\":_vm.closeModalBarcode}},[_c('img',{staticClass:\"close-icon\",attrs:{\"src\":require(\"@/assets/images/close-icon.svg\"),\"alt\":\"\"}})]),(\n            _vm.windowWidth >= 600 &&\n            _vm.windowHeight >= 600 &&\n            _vm.isStore == 'stamp' &&\n            _vm.isShowEarnCode\n          )?_c('div',[_c('div',{staticClass:\"text-center div-stamp\"},[_c('label',{staticClass:\"my-stamp\",attrs:{\"crm_at\":\"my-stamp\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.lbl.main.my_stamp)+\"\\n            \")])])]):_c('a',{attrs:{\"href\":\"#\"}},[_c('img',{staticClass:\"modal-img-logo\",attrs:{\"crm_at\":\"modal_img_logo\",\"src\":_vm.imageLogo,\"alt\":\"\"}})])])]),_c('div',{staticClass:\"row\",class:_vm.currentLocale},[(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('div',{staticClass:\"col-12 text-center mt-3\"},[(_vm.isStore == 'point')?_c('div',{staticClass:\"text-title\",attrs:{\"crm_at\":\"title\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.default.welcome)),_c('br'),_vm._v(\"\\n          \"+_vm._s(_vm.storeinfo.businessName)+\"\\n        \")]):_vm._e(),(_vm.isStore == 'stamp' && _vm.isShowEarnCode)?_c('hr'):_vm._e(),(_vm.isStore == 'stamp' && _vm.isShowEarnCode)?_c('div',{staticClass:\"col-12 text-center\"},[_c('div',{staticClass:\"row box-stamp\",style:({\n              'background-color': _vm.backgroundStamp ? _vm.backgroundStamp : '#FFF',\n              'border-color': _vm.backgroundStamp ? _vm.backgroundStamp : '#eee',\n            })},[_vm._l((_vm.StampProfile),function(item){return _c('div',{key:item.no,staticClass:\"stamp-circle\",attrs:{\"crm_at\":\"stamp_circle\"}},[_c('div',{staticClass:\"stamp-index\",class:[\n                  {\n                    active_stamp: item.is_active,\n                    isGrayscale: item.isGrayscale,\n                  } ],style:([\n                  { 'background-image': 'url(' + item.imgStamp + ')' } ]),attrs:{\"crm_at\":\"stamp_index\"},on:{\"click\":function($event){return _vm.onClickStamp(item.id)}}},[_vm._v(\"\\n                \"+_vm._s(item.no)+\"\\n              \")])])}),(_vm.isPagination)?_c('div',{staticClass:\"box-pagination w-100\"},[_c('div',{staticClass:\"show-page\"},[_c('a-pagination',{attrs:{\"total\":_vm.totalStamp,\"default-current\":1,\"item-render\":_vm.itemRender,\"crm_at\":\"change_page_stamp\"},on:{\"change\":_vm.onChangePage}})],1)]):_vm._e()],2)]):_vm._e(),_c('hr')]):_vm._e(),_c('div',{staticClass:\"col-12 text-center pt-3\"},[_c('p',{staticClass:\"page-point-detail\",attrs:{\"crm_at\":\"page_point_detail\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.main.show_code_merchant_staff)+\"\\n        \")]),(\n            _vm.windowWidth >= 600 &&\n            _vm.windowHeight >= 600 &&\n            _vm.isStore == 'stamp' &&\n            _vm.isShowPoint\n          )?_c('p',{staticClass:\"stamp-detail\",attrs:{\"crm_at\":\"text_stamp_detail\"}},[_vm._v(\"\\n          \"+_vm._s(this.textDetailStamp)+\"\\n        \")]):_vm._e()]),_c('div',{staticClass:\"col-12 text-center pt-4\"},[_c('a-tabs',{attrs:{\"default-active-key\":_vm.ActiveKey ? _vm.ActiveKey : '1',\"active-key\":_vm.ActiveKey ? _vm.ActiveKey : '1',\"crm_at\":\"tabs\"},on:{\"change\":_vm.changeActiveKey}},[_c('a-tab-pane',{key:\"1\",attrs:{\"crm_at\":\"tab_qrcode\"}},[_c('span',{attrs:{\"slot\":\"tab\",\"crm_at\":\"btn_qrcode\"},slot:\"tab\"},[_vm._v(\"\\n              \"+_vm._s(_vm.lbl.btn.qrcode)+\"\\n            \")]),_c('div',{staticClass:\"mt-qrcode\"},[_c('vue-qrcode',{attrs:{\"value\":this.Barcode.code,\"crm_at\":\"qrcode\",\"options\":{ width: 210 }}}),_c('div',{staticClass:\"taxt-qrcode\",attrs:{\"crm_at\":\"taxt_qrcode\"}},[_vm._v(\"\\n                \"+_vm._s(this.Barcode.code)+\"\\n              \")])],1)]),_c('a-tab-pane',{key:\"2\",attrs:{\"crm_at\":\"tab_barcode\"}},[_c('span',{attrs:{\"slot\":\"tab\",\"crm_at\":\"btn_barcode\"},slot:\"tab\"},[_vm._v(\"\\n              \"+_vm._s(_vm.lbl.btn.barcode)+\"\\n            \")]),_c('div',{staticClass:\"mt-barcode\"},[_c('vue-barcode',{class:{ 'barcode-container': _vm.isLong },attrs:{\"value\":this.Barcode.code,\"crm_at\":\"barcode\",\"options\":{ displayValue: true, width: 2.8, height: 120 }}})],1)]),_c('a-tab-pane',{key:\"3\",attrs:{\"crm_at\":\"tab_code\"}},[_c('span',{attrs:{\"slot\":\"tab\",\"crm_at\":\"btn_code\"},slot:\"tab\"},[_vm._v(\"\\n              \"+_vm._s(_vm.lbl.btn.code)+\"\\n            \")]),_c('div',{staticClass:\"code d-flex justify-content-center\",attrs:{\"crm_at\":\"taxt_code\"}},[_vm._v(\"\\n              \"+_vm._s(this.Barcode.code)+\"\\n            \")])])],1)],1),_c('div',{staticClass:\"col-12 text-center pt-4\"},[(!_vm.isTime)?_c('p',{staticClass:\"page-point-detail\",attrs:{\"crm_at\":\"time_left\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/restore.svg\"),\"alt\":\"\"}}),_vm._v(\"\\n          \"+_vm._s(_vm.lbl.main.expired)+\"\\n          \"),_c('span',{staticClass:\"color-time\"},[_vm._v(\"\\n            \"+_vm._s(this.timeLeft)+\"\\n          \")])]):_c('p',{staticClass:\"page-point-detail\",attrs:{\"crm_at\":\"expired_second\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.main.expired_second)+\"\\n        \")])]),_c('div',{staticClass:\"col-12 text-center pt-4\"},[_c('img',{staticClass:\"img-logo-footer\",attrs:{\"crm_at\":\"img_logo_footer\",\"src\":require(\"@/assets/images/bzbs-logo-new.png\"),\"alt\":\"\"}})])])]),_c('AlertError',{attrs:{\"show\":_vm.showError && _vm.openError,\"data\":_vm.dataError},on:{\"changeError\":function($event){return _vm.ChangeError($event)}}}),_c('PointsExpired',{attrs:{\"show\":_vm.showPointsExpired,\"data\":_vm.dataPointsExpired},on:{\"changeExpired\":function($event){return _vm.ChangeExpired($event)}}}),(_vm.isShowConsentMarketing)?_c('ConsentMarketingModal',{attrs:{\"button-color\":_vm.backgroundColor,\"button-text-color\":_vm.textColor},on:{\"allowConsentMarketing\":_vm.allowConsentMarketing,\"closeConsentMarketing\":_vm.closeConsentMarketing}}):_vm._e(),(_vm.isSettingMarketing)?_c('SettingMarketing',{attrs:{\"login-type\":_vm.loginType,\"modalcondition\":_vm.modalcondition,\"callback\":_vm.consentSettingMarketing},on:{\"ChangeErrorMarketing\":function($event){return _vm.ChangeErrorSettingMarketing($event)}}}):_vm._e(),_c('PackageExpireModal',{attrs:{\"show\":_vm.isPackageExpire,\"business-name\":_vm.storeinfo.businessName}}),_c('StoreTerminateModal',{attrs:{\"show\":_vm.isStoreTerminate,\"business-name\":_vm.storeinfo.businessName}}),_c('CookieAccept')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wrapper-dashboard\" :class=\"currentLocale\">\r\n    <!-- Support PC Tablet -->\r\n    <div v-if=\"isTablat\" class=\"h-100\">\r\n      <div\r\n        class=\"image__hearder\"\r\n        crm_at=\"image_hearder\"\r\n        :style=\"{ backgroundImage: 'url(' + storeinfo.image_header + ')' }\"\r\n        @scroll=\"onScroll\"\r\n      >\r\n        <div class=\"box_content\">\r\n          <div class=\"wrapper__home__page\">\r\n            <div class=\"wrapper_hearder\">\r\n              <LayoutHome\r\n                :reset=\"resetProfile\"\r\n                @changeLayoutHome=\"ChangeLayoutHome($event)\"\r\n                @changeGetPoints=\"ChangeGetPoints($event)\"\r\n                @changeGetStamp=\"ChangeGetStamp($event)\"\r\n                @changePointsExpired=\"ChangePointsExpired($event)\"\r\n              />\r\n            </div>\r\n            <div class=\"wrapper_content\">\r\n              <div class=\"row\">\r\n                <div class=\"col-12 mt-4 mb-4\">\r\n                  <span class=\"text-welcome\" crm_at=\"text_detail\">\r\n                    <p\r\n                      v-if=\"isStore == 'point' && isShowPoint\"\r\n                      class=\"page-point-detail\"\r\n                      crm_at=\"text_point_detail\"\r\n                    >\r\n                      {{ this.textDetail }}\r\n                    </p>\r\n                    <p\r\n                      v-if=\"isStore == 'stamp' && isShowPoint\"\r\n                      class=\"page-point-detail\"\r\n                      crm_at=\"text_stamp_detail\"\r\n                    >\r\n                      {{ this.textDetailStamp }}\r\n                    </p>\r\n                  </span>\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <a-list :data-source=\"dataList\" crm_at=\"list\">\r\n                  <a-list-item\r\n                    slot=\"renderItem\"\r\n                    slot-scope=\"item\"\r\n                    class=\"wrapper-list\"\r\n                    :class=\"[\r\n                      { 'wrapper-list-package': isTypePackage(item.Extra) },\r\n                    ]\"\r\n                    crm_at=\"wrapper_list\"\r\n                  >\r\n                    <div\r\n                      v-if=\"isTypePackage(item.Extra)\"\r\n                      class=\"wrapper-box\"\r\n                    ></div>\r\n                    <div v-if=\"isTypePackage(item.Extra)\" class=\"frame1\"></div>\r\n                    <div v-if=\"isTypePackage(item.Extra)\" class=\"frame2\"></div>\r\n                    <a-list-item-meta\r\n                      crm_at=\"list_campaign\"\r\n                      @click=\"handleDetail(item.ID)\"\r\n                    >\r\n                      <div slot=\"title\" class=\"detail-item\">\r\n                        <a class=\"list-name\">\r\n                          <a-tooltip\r\n                            placement=\"topLeft\"\r\n                            :title=\"item.Name\"\r\n                            arrow-point-at-center\r\n                          >\r\n                            <div class=\"name-section\">\r\n                              <div\r\n                                v-if=\"\r\n                                  isTypePackage(item.Extra) &&\r\n                                  displayQTY(item.Extra)\r\n                                \"\r\n                                class=\"qty\"\r\n                              >\r\n                                <span class=\"prefix\">x</span>\r\n                                <span class=\"number\">\r\n                                  {{ displayQTY(item.Extra) }}\r\n                                </span>\r\n                              </div>\r\n                              <strong class=\"name\">{{ item.Name }}</strong>\r\n                            </div>\r\n                          </a-tooltip>\r\n                        </a>\r\n                        <div class=\"use-points\">\r\n                          <div\r\n                            v-if=\"\r\n                              isTypePackage(item.Extra) &&\r\n                              dateShortFormatUTC(item.ExpireDate)\r\n                            \"\r\n                            class=\"expire\"\r\n                          >\r\n                            {{\r\n                              lbl.main.expired_on_text +\r\n                              ': ' +\r\n                              dateShortFormatUTC(item.ExpireDate, true)\r\n                            }}\r\n                          </div>\r\n                          <a-button\r\n                            v-if=\"isStore == 'point'\"\r\n                            type=\"primary\"\r\n                            shape=\"round\"\r\n                            :crm_at=\"'btn_use_points_' + item.ID\"\r\n                            class=\"btn-crm-l btn-use-points\"\r\n                            :style=\"{\r\n                              'background-color': backgroundPointColor\r\n                                ? backgroundPointColor\r\n                                : '#1890ff',\r\n                              'border-color': backgroundPointColor\r\n                                ? backgroundPointColor\r\n                                : '#1890ff',\r\n                              color: textPointColor\r\n                                ? textPointColor\r\n                                : '#FFFFFF',\r\n                            }\"\r\n                            :value=\"item.ID\"\r\n                            @click=\"handleUsePoints\"\r\n                          >\r\n                            <span\r\n                              v-if=\"\r\n                                item.PointPerUnit <= 0 &&\r\n                                item.Type != 8 &&\r\n                                item.Type != 16\r\n                              \"\r\n                            >\r\n                              {{ lbl.main.free }}\r\n                            </span>\r\n                            <span v-else-if=\"item.PointType == 'use'\">\r\n                              {{ lbl.main.use }} {{ item.PointPerUnit }}\r\n                              {{ lbl.main.points }}\r\n                            </span>\r\n                            <span v-else-if=\"item.Type == 8\">\r\n                              {{ lbl.default.join }}\r\n                            </span>\r\n                            <span v-else-if=\"item.Type == 16\">\r\n                              {{ lbl.lucky_draw.button_seemore }}\r\n                            </span>\r\n                            <span v-else>\r\n                              {{ lbl.main.use }} {{ item.PointPerUnit }}\r\n                              {{ lbl.main.points }}\r\n                            </span>\r\n                          </a-button>\r\n                        </div>\r\n                      </div>\r\n                      <a-avatar\r\n                        slot=\"avatar\"\r\n                        shape=\"square\"\r\n                        :size=\"100\"\r\n                        :src=\"item.FullImageUrl\"\r\n                        @click=\"handleDetail(item.ID)\"\r\n                      />\r\n                    </a-list-item-meta>\r\n                  </a-list-item>\r\n                  <div\r\n                    v-if=\"loading && !busy\"\r\n                    class=\"demo-loading-container text-center\"\r\n                  >\r\n                    <a-spin />\r\n                  </div>\r\n                </a-list>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- Support Mobile -->\r\n    <div v-else v-scroll-loadmorebody=\"loadmore\">\r\n      <LayoutHome @changeLayoutHome=\"ChangeLayoutHome($event)\" />\r\n      <div class=\"row\">\r\n        <div\r\n          v-if=\"isStore == 'stamp' && isShowEarnCode\"\r\n          class=\"col-12 text-center m-rectangle\"\r\n        >\r\n          <div\r\n            class=\"row box-stamp\"\r\n            :style=\"{\r\n              'background-color': backgroundStamp ? backgroundStamp : '#FFF',\r\n              'border-color': backgroundStamp ? backgroundStamp : '#eee',\r\n            }\"\r\n          >\r\n            <div\r\n              v-for=\"item in StampProfile\"\r\n              :key=\"item.no\"\r\n              class=\"stamp-circle\"\r\n              crm_at=\"stamp_circle\"\r\n            >\r\n              <div\r\n                class=\"stamp-index\"\r\n                crm_at=\"stamp_index\"\r\n                :class=\"[\r\n                  {\r\n                    active_stamp: item.is_active,\r\n                    isGrayscale: item.isGrayscale,\r\n                  },\r\n                ]\"\r\n                :style=\"[{ 'background-image': 'url(' + item.imgStamp + ')' }]\"\r\n                @click=\"onClickStamp(item.id)\"\r\n              >\r\n                {{ item.no }}\r\n              </div>\r\n            </div>\r\n            <div v-if=\"isPagination\" class=\"box-pagination w-100\">\r\n              <div class=\"show-page\">\r\n                <a-pagination\r\n                  :total=\"totalStamp\"\r\n                  :default-current=\"1\"\r\n                  :item-render=\"itemRender\"\r\n                  crm_at=\"change_page_stamp\"\r\n                  @change=\"onChangePage\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-12 text-center m-rectangle\">\r\n          <a-button\r\n            v-if=\"isStore == 'point' && isShowEarnCode\"\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 ? backgroundColor : '#1890ff',\r\n              'border-color': backgroundColor ? backgroundColor : '#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              >{{ lbl.dashboard.click_points }}</span\r\n            >\r\n          </a-button>\r\n          <a-button\r\n            v-if=\"isStore == 'stamp' && isShowEarnCode\"\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 ? backgroundColor : '#1890ff',\r\n              'border-color': backgroundColor ? backgroundColor : '#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              >{{ lbl.stamp.click_stamp }}</span\r\n            >\r\n          </a-button>\r\n          <a-button\r\n            v-if=\"ShowValueDesignOnConsumer && cardData.length\"\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 ? backgroundColor : '#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=\"{ color: backgroundColor ? backgroundColor : '#FFFFFF' }\"\r\n            >\r\n              {{ lbl.value_design.home.my_card_btn }}\r\n            </span>\r\n          </a-button>\r\n        </div>\r\n        <div class=\"col-12 pt-3\">\r\n          <div class=\"text-center\">\r\n            <span class=\"text-welcome\" crm_at=\"text_welcome\">\r\n              {{ this.textWelcome }}\r\n            </span>\r\n          </div>\r\n          <div class=\"text-center mt-2\">\r\n            <label\r\n              v-if=\"isStore == 'point' && isShowPoint\"\r\n              class=\"page-point\"\r\n              crm_at=\"text_point\"\r\n            >\r\n              <span\r\n                v-if=\"\r\n                  isDisplayUserLevel && userLevel && currentLevel != undefined\r\n                \"\r\n              >\r\n                <img\r\n                  v-if=\"\r\n                    userLevel &&\r\n                    profileLevel.currentLevelIcon != null &&\r\n                    profileLevel.currentLevelIcon != ''\r\n                  \"\r\n                  class=\"profile__image\"\r\n                  :src=\"profileLevel.currentLevelIcon\"\r\n                  alt=\"userlevel\"\r\n                />\r\n              </span>\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            <p\r\n              v-if=\"isStore == 'point' && isShowPoint\"\r\n              class=\"page-point-detail mt-2\"\r\n              crm_at=\"text_point_detail\"\r\n            >\r\n              {{ PointsExpired }} {{ lbl.dashboard.points_expired }}\r\n              {{ DateExpired }}\r\n            </p>\r\n            <p\r\n              v-if=\"isStore == 'stamp' && isShowPoint\"\r\n              class=\"page-point-detail\"\r\n              crm_at=\"text_stamp_detail\"\r\n            >\r\n              {{ this.textDetailStamp }}\r\n            </p>\r\n          </div>\r\n          <div class=\"px-3 pt-4\">\r\n            <a-list :data-source=\"dataList\" crm_at=\"list\">\r\n              <a-list-item\r\n                slot=\"renderItem\"\r\n                slot-scope=\"item\"\r\n                class=\"wrapper-list\"\r\n                :class=\"[{ 'wrapper-list-package': isTypePackage(item.Extra) }]\"\r\n                crm_at=\"wrapper_list\"\r\n              >\r\n                <div v-if=\"isTypePackage(item.Extra)\" class=\"wrapper-box\"></div>\r\n                <div v-if=\"isTypePackage(item.Extra)\" class=\"frame1\"></div>\r\n                <div v-if=\"isTypePackage(item.Extra)\" class=\"frame2\"></div>\r\n                <a-list-item-meta\r\n                  :crm_at=\"'list_campaign_' + item.ID\"\r\n                  @click=\"handleDetail(item.ID)\"\r\n                >\r\n                  <div\r\n                    slot=\"title\"\r\n                    :crm_at=\"'list_detail_' + item.ID\"\r\n                    class=\"detail-item\"\r\n                  >\r\n                    <a class=\"list-name\" :crm_at=\"'list_name_' + item.ID\">\r\n                      <a-tooltip\r\n                        placement=\"topLeft\"\r\n                        :title=\"item.Name\"\r\n                        arrow-point-at-center\r\n                      >\r\n                        <div class=\"name-section\">\r\n                          <div\r\n                            v-if=\"\r\n                              isTypePackage(item.Extra) &&\r\n                              displayQTY(item.Extra)\r\n                            \"\r\n                            class=\"qty\"\r\n                          >\r\n                            <span class=\"prefix\">x</span>\r\n                            <span class=\"number\">\r\n                              {{ displayQTY(item.Extra) }}\r\n                            </span>\r\n                          </div>\r\n                          <strong class=\"name\">{{ item.Name }}</strong>\r\n                        </div>\r\n                        <div v-if=\"isStore == 'stamp'\" class=\"detail\">\r\n                          {{ item.Detail }}\r\n                        </div>\r\n                      </a-tooltip>\r\n                    </a>\r\n                    <div\r\n                      class=\"use-points\"\r\n                      :crm_at=\"'list_use_points_' + item.ID\"\r\n                    >\r\n                      <div\r\n                        v-if=\"\r\n                          isTypePackage(item.Extra) &&\r\n                          dateShortFormatUTC(item.ExpireDate)\r\n                        \"\r\n                        class=\"expire\"\r\n                      >\r\n                        {{\r\n                          lbl.main.expired_on_text +\r\n                          ': ' +\r\n                          dateShortFormatUTC(item.ExpireDate, true)\r\n                        }}\r\n                      </div>\r\n                      <a-button\r\n                        v-if=\"isStore == 'point'\"\r\n                        type=\"primary\"\r\n                        shape=\"round\"\r\n                        :crm_at=\"'btn_use_points_' + item.ID\"\r\n                        class=\"btn-crm-l btn-use-points\"\r\n                        :style=\"{\r\n                          'background-color': backgroundPointColor\r\n                            ? backgroundPointColor\r\n                            : '#1890ff',\r\n                          'border-color': backgroundPointColor\r\n                            ? backgroundPointColor\r\n                            : '#1890ff',\r\n                          color: textPointColor ? textPointColor : '#FFFFFF',\r\n                        }\"\r\n                        :value=\"item.ID\"\r\n                        @click=\"handleUsePoints\"\r\n                      >\r\n                        <span\r\n                          v-if=\"\r\n                            item.PointPerUnit <= 0 &&\r\n                            item.Type != 8 &&\r\n                            item.Type != 16\r\n                          \"\r\n                        >\r\n                          {{ lbl.main.free }}\r\n                        </span>\r\n                        <span v-else-if=\"item.PointType == 'use'\">\r\n                          {{ lbl.main.use }} {{ item.PointPerUnit }}\r\n                          {{ lbl.main.points }}\r\n                        </span>\r\n                        <span v-else-if=\"item.Type == 8\">\r\n                          {{ lbl.default.join }}\r\n                        </span>\r\n                        <span v-else-if=\"item.Type == 16\">\r\n                          {{ lbl.lucky_draw.button_seemore }}\r\n                        </span>\r\n                        <span v-else>\r\n                          {{ lbl.main.use }} {{ item.PointPerUnit }}\r\n                          {{ lbl.main.points }}\r\n                        </span>\r\n                      </a-button>\r\n                    </div>\r\n                  </div>\r\n                  <a-avatar\r\n                    slot=\"avatar\"\r\n                    :crm_at=\"'list_avatar_' + item.ID\"\r\n                    shape=\"square\"\r\n                    :size=\"100\"\r\n                    :src=\"item.FullImageUrl\"\r\n                    @click=\"handleDetail(item.ID)\"\r\n                  />\r\n                </a-list-item-meta>\r\n              </a-list-item>\r\n              <div\r\n                v-if=\"loading && !busy\"\r\n                class=\"demo-loading-container text-center\"\r\n              >\r\n                <a-spin />\r\n              </div>\r\n            </a-list>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <a-modal\r\n      v-model=\"showModalBarcode\"\r\n      :footer=\"null\"\r\n      class=\"modal-Barcode\"\r\n      crm_at=\"modal_barcode\"\r\n      centered\r\n      :after-close=\"BarcodeClose\"\r\n    >\r\n      <div class=\"row\" :class=\"currentLocale\">\r\n        <div class=\"col-12 modal-img\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"close-btn\"\r\n            crm_at=\"clos_barcode\"\r\n            data-dismiss=\"modal\"\r\n            @click=\"closeModalBarcode\"\r\n          >\r\n            <img\r\n              src=\"@/assets/images/close-icon.svg\"\r\n              class=\"close-icon\"\r\n              alt=\"\"\r\n            />\r\n          </button>\r\n          <div\r\n            v-if=\"\r\n              windowWidth >= 600 &&\r\n              windowHeight >= 600 &&\r\n              isStore == 'stamp' &&\r\n              isShowEarnCode\r\n            \"\r\n          >\r\n            <div class=\"text-center div-stamp\">\r\n              <label class=\"my-stamp\" crm_at=\"my-stamp\">\r\n                {{ lbl.main.my_stamp }}\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <a v-else href=\"#\">\r\n            <img\r\n              class=\"modal-img-logo\"\r\n              crm_at=\"modal_img_logo\"\r\n              :src=\"imageLogo\"\r\n              alt=\"\"\r\n            />\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" :class=\"currentLocale\">\r\n        <div\r\n          v-if=\"windowWidth >= 600 && windowHeight >= 600\"\r\n          class=\"col-12 text-center mt-3\"\r\n        >\r\n          <div v-if=\"isStore == 'point'\" class=\"text-title\" crm_at=\"title\">\r\n            {{ lbl.default.welcome }}<br />\r\n            {{ storeinfo.businessName }}\r\n          </div>\r\n\r\n          <hr v-if=\"isStore == 'stamp' && isShowEarnCode\" />\r\n          <div\r\n            v-if=\"isStore == 'stamp' && isShowEarnCode\"\r\n            class=\"col-12 text-center\"\r\n          >\r\n            <div\r\n              class=\"row box-stamp\"\r\n              :style=\"{\r\n                'background-color': backgroundStamp ? backgroundStamp : '#FFF',\r\n                'border-color': backgroundStamp ? backgroundStamp : '#eee',\r\n              }\"\r\n            >\r\n              <div\r\n                v-for=\"item in StampProfile\"\r\n                :key=\"item.no\"\r\n                class=\"stamp-circle\"\r\n                crm_at=\"stamp_circle\"\r\n              >\r\n                <div\r\n                  class=\"stamp-index\"\r\n                  crm_at=\"stamp_index\"\r\n                  :class=\"[\r\n                    {\r\n                      active_stamp: item.is_active,\r\n                      isGrayscale: item.isGrayscale,\r\n                    },\r\n                  ]\"\r\n                  :style=\"[\r\n                    { 'background-image': 'url(' + item.imgStamp + ')' },\r\n                  ]\"\r\n                  @click=\"onClickStamp(item.id)\"\r\n                >\r\n                  {{ item.no }}\r\n                </div>\r\n              </div>\r\n              <div v-if=\"isPagination\" class=\"box-pagination w-100\">\r\n                <div class=\"show-page\">\r\n                  <a-pagination\r\n                    :total=\"totalStamp\"\r\n                    :default-current=\"1\"\r\n                    :item-render=\"itemRender\"\r\n                    crm_at=\"change_page_stamp\"\r\n                    @change=\"onChangePage\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <hr />\r\n        </div>\r\n        <div class=\"col-12 text-center pt-3\">\r\n          <p class=\"page-point-detail\" crm_at=\"page_point_detail\">\r\n            {{ lbl.main.show_code_merchant_staff }}\r\n          </p>\r\n          <p\r\n            v-if=\"\r\n              windowWidth >= 600 &&\r\n              windowHeight >= 600 &&\r\n              isStore == 'stamp' &&\r\n              isShowPoint\r\n            \"\r\n            class=\"stamp-detail\"\r\n            crm_at=\"text_stamp_detail\"\r\n          >\r\n            {{ this.textDetailStamp }}\r\n          </p>\r\n        </div>\r\n        <div class=\"col-12 text-center pt-4\">\r\n          <a-tabs\r\n            :default-active-key=\"ActiveKey ? ActiveKey : '1'\"\r\n            :active-key=\"ActiveKey ? ActiveKey : '1'\"\r\n            crm_at=\"tabs\"\r\n            @change=\"changeActiveKey\"\r\n          >\r\n            <a-tab-pane key=\"1\" crm_at=\"tab_qrcode\">\r\n              <span slot=\"tab\" crm_at=\"btn_qrcode\">\r\n                {{ lbl.btn.qrcode }}\r\n              </span>\r\n              <div class=\"mt-qrcode\">\r\n                <vue-qrcode\r\n                  :value=\"this.Barcode.code\"\r\n                  crm_at=\"qrcode\"\r\n                  :options=\"{ width: 210 }\"\r\n                ></vue-qrcode>\r\n                <div class=\"taxt-qrcode\" crm_at=\"taxt_qrcode\">\r\n                  {{ this.Barcode.code }}\r\n                </div>\r\n              </div>\r\n            </a-tab-pane>\r\n            <a-tab-pane key=\"2\" crm_at=\"tab_barcode\">\r\n              <span slot=\"tab\" crm_at=\"btn_barcode\">\r\n                {{ lbl.btn.barcode }}\r\n              </span>\r\n              <div class=\"mt-barcode\">\r\n                <vue-barcode\r\n                  :value=\"this.Barcode.code\"\r\n                  crm_at=\"barcode\"\r\n                  :options=\"{ displayValue: true, width: 2.8, height: 120 }\"\r\n                  :class=\"{ 'barcode-container': isLong }\"\r\n                ></vue-barcode>\r\n              </div>\r\n            </a-tab-pane>\r\n            <a-tab-pane key=\"3\" crm_at=\"tab_code\">\r\n              <span slot=\"tab\" crm_at=\"btn_code\">\r\n                {{ lbl.btn.code }}\r\n              </span>\r\n              <div\r\n                class=\"code d-flex justify-content-center\"\r\n                crm_at=\"taxt_code\"\r\n              >\r\n                {{ this.Barcode.code }}\r\n              </div>\r\n            </a-tab-pane>\r\n          </a-tabs>\r\n        </div>\r\n        <div class=\"col-12 text-center pt-4\">\r\n          <p v-if=\"!isTime\" class=\"page-point-detail\" crm_at=\"time_left\">\r\n            <img src=\"@/assets/images/restore.svg\" alt=\"\" />\r\n            {{ lbl.main.expired }}\r\n            <span class=\"color-time\">\r\n              {{ this.timeLeft }}\r\n            </span>\r\n          </p>\r\n          <p v-else class=\"page-point-detail\" crm_at=\"expired_second\">\r\n            {{ lbl.main.expired_second }}\r\n          </p>\r\n        </div>\r\n        <div class=\"col-12 text-center pt-4\">\r\n          <img\r\n            class=\"img-logo-footer\"\r\n            crm_at=\"img_logo_footer\"\r\n            src=\"@/assets/images/bzbs-logo-new.png\"\r\n            alt=\"\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </a-modal>\r\n\r\n    <AlertError\r\n      :show=\"showError && openError\"\r\n      :data=\"dataError\"\r\n      @changeError=\"ChangeError($event)\"\r\n    />\r\n\r\n    <PointsExpired\r\n      :show=\"showPointsExpired\"\r\n      :data=\"dataPointsExpired\"\r\n      @changeExpired=\"ChangeExpired($event)\"\r\n    />\r\n    <ConsentMarketingModal\r\n      v-if=\"isShowConsentMarketing\"\r\n      :button-color=\"backgroundColor\"\r\n      :button-text-color=\"textColor\"\r\n      @allowConsentMarketing=\"allowConsentMarketing\"\r\n      @closeConsentMarketing=\"closeConsentMarketing\"\r\n    />\r\n    <SettingMarketing\r\n      v-if=\"isSettingMarketing\"\r\n      :login-type=\"loginType\"\r\n      :modalcondition=\"modalcondition\"\r\n      :callback=\"consentSettingMarketing\"\r\n      @ChangeErrorMarketing=\"ChangeErrorSettingMarketing($event)\"\r\n    />\r\n    <PackageExpireModal\r\n      :show=\"isPackageExpire\"\r\n      :business-name=\"storeinfo.businessName\"\r\n    />\r\n    <StoreTerminateModal\r\n      :show=\"isStoreTerminate\"\r\n      :business-name=\"storeinfo.businessName\"\r\n    />\r\n    <CookieAccept />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Vue from 'vue'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport LayoutHome from '@/module/components/Home/LayoutHome'\r\nimport ConsentMarketingModal from '@/components/Modal/ConsentMarketingModal'\r\nimport SettingMarketing from '@/components/Modal/SettingMarketing.vue'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport VueQrcode from '@chenfengyuan/vue-qrcode'\r\nimport VueBarcode from '@chenfengyuan/vue-barcode'\r\nimport BzbsStamp from '@/core/Home/BzbsStamp'\r\nimport AlertError from '@/components/Modal/AlertError'\r\nimport PointsExpired from '@/components/Modal/PointsExpired'\r\nimport Locale from '@/helper/Locale.js'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile.js'\r\nimport BzbsAuth from '@/core/Account/service/BzbsAuth.js'\r\nimport BzbsPackage from '@/core/Account/service/BzbsPackage.js'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Cache from '@/helper/Cache.js'\r\nimport Config from '@/helper/Config.js'\r\nimport moment from 'moment'\r\nimport CookieAccept from '@/components/Layout/CookieAccept'\r\nimport PackageExpireModal from '@/components/Modal/PackageExpireModal'\r\nimport StoreTerminateModal from '@/components/Modal/StoreTerminateModal'\r\nimport UAParser from 'ua-parser-js/dist/ua-parser.min.js'\r\nimport BzbsVD from '@/core/ValueDesign/BzbsValueDesign.js'\r\n\r\nvar intervalTimer\r\nexport default {\r\n  name: 'Dashboard',\r\n  components: {\r\n    LayoutHome,\r\n    VueQrcode,\r\n    VueBarcode,\r\n    AlertError,\r\n    PointsExpired,\r\n    CookieAccept,\r\n    PackageExpireModal,\r\n    ConsentMarketingModal,\r\n    SettingMarketing,\r\n    StoreTerminateModal,\r\n  },\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data() {\r\n    return {\r\n      parser: new UAParser(),\r\n      backgroundColor: '',\r\n      textColor: '',\r\n      dataList: [],\r\n      loading: false,\r\n      busy: false,\r\n      showModalBarcode: false,\r\n      imageLogo: '',\r\n      textPoint: '',\r\n      textDetail: '',\r\n      textDetailStamp: '',\r\n      Barcode: [],\r\n      timeLeft: '00:00',\r\n      dataLayoutHome: [],\r\n      textWelcome: '',\r\n      isStore: null,\r\n      loginType: null,\r\n      isSettingMarketing: false,\r\n      modalcondition: {\r\n        ismodalShow: true,\r\n        isshowbtn: true,\r\n        storeinfo: {\r\n          buttoncolor: null,\r\n          buttontextcolor: null,\r\n        },\r\n        notification: {\r\n          email: false,\r\n          sms: false,\r\n          line: false,\r\n        },\r\n      },\r\n      originalConsent: {},\r\n      dataStamp: [],\r\n      backgroundStamp: '',\r\n      StampProfile: [],\r\n      openError: false,\r\n      showError: false,\r\n      dataError: {},\r\n      totalStamp: 0,\r\n      currentStamp: 1,\r\n      DataStampProfile: [],\r\n      isPagination: false,\r\n      isTime: false,\r\n      loadMore: true,\r\n      images: [],\r\n      current_skip: 0,\r\n      totalData: 0,\r\n      backgroundPointColor: '',\r\n      textPointColor: '',\r\n      objProfileInfo: {},\r\n      isShowEarnCode: true,\r\n      isShowPoint: true,\r\n      storeinfo: {\r\n        image_header: '',\r\n        image_logo: '',\r\n        businessName: '',\r\n      },\r\n      windowWidth: window.innerWidth,\r\n      windowHeight: window.innerHeight,\r\n      count: 5,\r\n      resetProfile: false,\r\n      ActiveKey: '1',\r\n      showPointsExpired: false,\r\n      dataPointsExpired: {},\r\n      Point: 0,\r\n      profile_url: '',\r\n      PointsExpired: 0,\r\n      DateExpired: '',\r\n      locale: '',\r\n      nomore: false,\r\n      userLevel: '',\r\n      haveUserLevel: false,\r\n      currentLevel: {\r\n        UserLevelIconUrl: null,\r\n      },\r\n      userLevelList: [],\r\n      isTablat: false,\r\n      isPackageExpire: false,\r\n      isStoreTerminate: false,\r\n      isShowConsentMarketing: false,\r\n      currentLocale: Locale.getLocale(),\r\n      profileLevel: {},\r\n      levelmode: null,\r\n      ShowValueDesignOnConsumer: false,\r\n      cardData: [],\r\n      ConsentNotification: 7,\r\n      ConsentNotificationPeriod: 'day',\r\n      isLong: false,\r\n      isDisplayUserLevel: true,\r\n      countGetCampaign: 0,\r\n      version: {},\r\n    }\r\n  },\r\n  watch: {\r\n    Barcode(newVal) {\r\n      if (newVal.code.length > 10) {\r\n        this.isLong = true\r\n      } else {\r\n        this.isLong = false\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$root.$on('bv::modal::hide', (bvEvent, modalId) => {\r\n      if (modalId == 'package_expire_modal') {\r\n        this.handleCheckRegister()\r\n      }\r\n    })\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener('resize', this.myEventShowFooter)\r\n    window.removeEventListener('scroll', this.handleScroll)\r\n  },\r\n  created() {\r\n    Account.bzbsAnalyticTracking(\r\n      'home_page',\r\n      'home_page',\r\n      'view_home_page',\r\n      'on view',\r\n    )\r\n    this.handleLoading(true)\r\n    this.handleCheckLogin(this.$route)\r\n    this.init()\r\n    window.addEventListener('resize', this.myEventShowFooter)\r\n    window.addEventListener('scroll', this.handleScroll)\r\n    console.log(this.parser.getResult())\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.handleLoading(true)\r\n      this.checklocalStorage().then(() => {\r\n        Promise.all([\r\n          this.getCustomerStore().then(res => {\r\n            this.ConsentNotification = res.ConsentNotification\r\n            this.ConsentNotificationPeriod = res.ConsentNotificationPeriod\r\n            if (this.ShowValueDesignOnConsumer) {\r\n              Account.bzbsAnalyticTracking(\r\n                'home_page',\r\n                'home_page_with_value_design_page',\r\n                'view_home_page_with_value_design_page',\r\n                'on view',\r\n              )\r\n              this.getCardList()\r\n            }\r\n            if (res.StoreDetail.levelmode == 'spending') {\r\n              this.getUserLevel().then(() => {\r\n                this.getProfileLevelSpending()\r\n              })\r\n            } else {\r\n              this.getUserLevel()\r\n            }\r\n          }),\r\n          this.myEventShowFooter(),\r\n        ]).then(() => {\r\n          this.checkPeckageExpire()\r\n          var fgf = false\r\n          try {\r\n            fgf = JSON.parse(sessionStorage.getItem('handleshowFGF'))\r\n          } catch {\r\n            fgf = false\r\n          }\r\n          if (!fgf) {\r\n            if (sessionStorage.getItem('lastCloseFGF')) {\r\n              var unixTimestamp = sessionStorage.getItem('lastCloseFGF')\r\n              var stamptDate = moment.unix(unixTimestamp).format('YYYY-MM-DD')\r\n              var toDayDate = moment().format('YYYY-MM-DD')\r\n              if (toDayDate == stamptDate) {\r\n                this.handleshowFGF(false)\r\n              } else {\r\n                this.handleshowFGF(true)\r\n              }\r\n            } else {\r\n              this.handleshowFGF(true)\r\n            }\r\n          }\r\n          this.handleLanguage(true)\r\n          this.locale = Cache.get('BzbsLocale')\r\n          this.textPoint = this.lbl.dashboard.you_have_points.replace(\r\n            '{0}',\r\n            '0',\r\n          )\r\n          this.textDetail = this.lbl.dashboard.points_description.replace(\r\n            '{0}',\r\n            '0',\r\n          )\r\n          this.textDetailStamp = this.lbl.dashboard.stmap_description.replace(\r\n            '{0}',\r\n            '0',\r\n          )\r\n        })\r\n      })\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    checkPeckageExpire() {\r\n      this.handleLoading(true)\r\n      BzbsPackage.apiCheckPackageExpire()\r\n        .then(res => {\r\n          this.handleLoading(false)\r\n          if (res) {\r\n            if (res.data) {\r\n              if (res.data.data) {\r\n                if (res.data.data.IsExpired) {\r\n                  this.isPackageExpire = true\r\n                  this.$bvModal.show('package_expire_modal')\r\n                } else {\r\n                  this.isPackageExpire = false\r\n                  this.$bvModal.hide('package_expire_modal')\r\n                }\r\n              }\r\n            }\r\n          }\r\n        })\r\n        .catch(err => {\r\n          this.handleLoading(false)\r\n          console.log(err)\r\n        })\r\n    },\r\n    myEventShowFooter() {\r\n      setTimeout(() => this.checkFooter(), 300)\r\n    },\r\n    checkFooter() {\r\n      if (this.windowWidth >= 600 && this.windowHeight >= 600) {\r\n        this.isTablat = true\r\n        this.handleFooter(false)\r\n      } else {\r\n        this.isTablat = false\r\n        this.handleFooter(true)\r\n        this.getInfoPointsExpired()\r\n      }\r\n    },\r\n    changeActiveKey(e) {\r\n      this.ActiveKey = String(e)\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          if (res.DefaultECode != undefined) {\r\n            this.ActiveKey = String(res.DefaultECode)\r\n          } else {\r\n            this.ActiveKey = '1'\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.isShowEarnCode = true\r\n          this.isShowPoint = true\r\n          this.ActiveKey = '1'\r\n        })\r\n    },\r\n    handleLoading(value) {\r\n      this.$store.commit('Loading', value)\r\n    },\r\n    getProfileLevel() {\r\n      var params = {\r\n        token: Account.getCacheToken() ? Account.getCacheToken() : null,\r\n      }\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getProfileLevel(params)\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            this.genDataLevel(res.data.data)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log(error)\r\n            this.handleLoading(false)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getProfileLevelSpending() {\r\n      var params = {\r\n        token: Account.getCacheToken() ? Account.getCacheToken() : null,\r\n      }\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getProfileLevelSpending(params)\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            this.genDataLevelSpending(res.data.data)\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log(error)\r\n            this.handleLoading(false)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    genDataLevel(data) {\r\n      console.log('genDataLevel : ', data)\r\n      this.profileLevel.currentPoints = data.currentPoints\r\n      this.profileLevel.currentLevel = data.currentLevel\r\n      this.profileLevel.currentLevelName = data.currentLevelName\r\n      this.profileLevel.currentLevelIcon = data.currentLevelIcon\r\n      this.profileLevel.maxLevelPoints = data.maxLevelPoints\r\n      this.profileLevel.nextLevelName = data.nextLevelName\r\n      this.profileLevel.currentEarnPoints = data.currentEarnPoints\r\n      this.profileLevel.nextLevelPoints = data.nextLevelPoints\r\n      this.profileLevel.percentage = data.percentage\r\n      this.profileLevel.nextLevelIcon = data.nextLevelIcon\r\n      this.userLevel = data.currentLevel\r\n    },\r\n    genDataLevelSpending(data) {\r\n      console.log('genDataLevelSpending : ', data)\r\n      this.profileLevel.currentLevel = data.currentLevel\r\n      this.profileLevel.currentLevelName = data.currentLevelName\r\n      this.profileLevel.currentLevelIcon = data.currentLevelIcon\r\n      this.profileLevel.maxLevelSpending = data.maxLevelSpending\r\n      this.profileLevel.nextLevelName = data.nextLevelName\r\n      this.profileLevel.nextLevelIcon = data.nextLevelIcon\r\n      this.profileLevel.currentSpending = data.currentSpending\r\n      this.profileLevel.nextLevelSpending = data.nextLevelSpending\r\n      this.profileLevel.percentage = data.percentage\r\n      this.userLevel = data.currentLevel\r\n    },\r\n    getUserLevelList() {\r\n      BzbsDashboard.getUserLevelList().then(res => {\r\n        if (!res.data.length) {\r\n          this.userLevel = false\r\n          this.haveUserLevel = false\r\n        } else {\r\n          if (res.data[0].HideLevelOnConsumerView) {\r\n            this.isDisplayUserLevel = false\r\n            this.userLevel = false\r\n            this.haveUserLevel = false\r\n          } else {\r\n            this.haveUserLevel = res.data[0].Active\r\n            this.currentLevel = res.data.find(item => {\r\n              return item.UserLevel === this.userLevel\r\n            })\r\n            if (this.currentLevel == undefined) {\r\n              this.currentLevel = res.data[res.data.length - 1]\r\n            }\r\n          }\r\n        }\r\n      })\r\n    },\r\n    getUserLevel() {\r\n      return new Promise(resolve => {\r\n        this.getUserLevelList()\r\n        console.log('this.levelmode :: ', this.levelmode)\r\n        if (this.levelmode == 'spending') {\r\n          this.getProfileLevelSpending()\r\n        } else {\r\n          this.getProfileLevel()\r\n        }\r\n        resolve()\r\n      })\r\n    },\r\n    getCustomerStore() {\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            if (res) {\r\n              if (res.data) {\r\n                this.version.last_terms = res.data.TermAndCondition.Version\r\n                this.version.last_privacy = res.data.PrivacyPolicy.Version\r\n                if (res.data.StoreDetail) {\r\n                  this.levelmode = res.data.StoreDetail.levelmode\r\n                  this.isStore = res.data.StoreDetail.StoreType\r\n                  this.loginType = res.data.StoreDetail.LoginType\r\n                  this.ShowValueDesignOnConsumer =\r\n                    res.data.StoreDetail.ShowValueDesignOnConsumer\r\n                  resolve(res.data)\r\n                } else {\r\n                  resolve(res.data)\r\n                }\r\n              } else {\r\n                resolve(res)\r\n              }\r\n            } else {\r\n              resolve(true)\r\n            }\r\n            this.getMarketingConsent()\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    getProfile() {\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getProfile()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            if (res) {\r\n              if (res.data) {\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                this.version.currect_terms = res.data.TermAndCondition\r\n                this.version.currect_privacy = res.data.DataPrivacy\r\n                resolve(res.data)\r\n              } else {\r\n                resolve(res)\r\n              }\r\n            } else {\r\n              resolve(true)\r\n            }\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            if (error) {\r\n              if (error.response) {\r\n                if (error.response.status != 502) {\r\n                  this.showError = true\r\n                  var detectdevice = this.parser.getResult().device.model\r\n                    ? this.parser.getResult().device.model\r\n                    : ''\r\n                  this.dataError = {\r\n                    title: this.lbl.error.errortitle,\r\n                    detail:\r\n                      this.lbl.error.error_contact_support +\r\n                      '<br/>' +\r\n                      detectdevice +\r\n                      ' ' +\r\n                      this.parser.getResult().os.name,\r\n                    log: '2',\r\n                  }\r\n                }\r\n              }\r\n            }\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getPoints() {\r\n      this.resetProfile = false\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getPoint()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            if (res) {\r\n              if (res.data) {\r\n                this.Barcode = res.data\r\n                this.setTime(this.Barcode.expirein)\r\n                resolve(res.data)\r\n              } else {\r\n                resolve(res)\r\n              }\r\n            } else {\r\n              resolve(true)\r\n            }\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log('getPoint error', error)\r\n            if (error) {\r\n              if (error.response) {\r\n                if (error.response.status != 502) {\r\n                  this.showError = true\r\n                  var detectdevice = this.parser.getResult().device.model\r\n                    ? this.parser.getResult().device.model\r\n                    : ''\r\n                  this.dataError = {\r\n                    title: this.lbl.error.errortitle,\r\n                    detail:\r\n                      this.lbl.error.error_contact_support +\r\n                      '<br/>' +\r\n                      detectdevice +\r\n                      ' ' +\r\n                      this.parser.getResult().os.name,\r\n                    log: '3', //No Wallet Token\r\n                  }\r\n                }\r\n              }\r\n            }\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    handleGetCampaignList() {\r\n      if (this.countGetCampaign == 0) {\r\n        this.handleLoading(true)\r\n        this.getCampaignList()\r\n      }\r\n    },\r\n\r\n    ChangeLayoutHome(res) {\r\n      this.getConfigEcommerceBrand()\r\n      this.getProfile()\r\n\r\n      this.dataLayoutHome = res\r\n      this.textWelcome = res.data.textWelcome\r\n      this.backgroundColor = res.data.StoreDetail.ButtonColor\r\n      this.textColor = res.data.StoreDetail.ButtonTextColor\r\n      this.backgroundPointColor =\r\n        res.data.StoreDetail.PointButtonBackgroundColor\r\n\r\n      this.modalcondition.storeinfo.buttoncolor = this.backgroundColor\r\n      this.modalcondition.storeinfo.buttontextcolor = this.textColor\r\n      if (\r\n        (res.data.StoreDetail.PointButtonTextColor == '#FFFFFF' ||\r\n          res.data.StoreDetail.PointButtonTextColor == '#FFF' ||\r\n          res.data.StoreDetail.PointButtonTextColor == 'rgb(255, 255, 255)') &&\r\n        this.windowWidth >= 600 &&\r\n        this.windowHeight >= 600\r\n      ) {\r\n        this.textPointColor = '#6ace74'\r\n      } else {\r\n        this.textPointColor = res.data.StoreDetail.PointButtonTextColor\r\n      }\r\n\r\n      this.isStore = res.data.StoreDetail.StoreType\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      this.storeinfo.image_header = res.data.StoreDetail.CoverUrl\r\n      this.storeinfo.image_logo = res.data.StoreDetail.LogoUrl\r\n      this.storeinfo.businessName = res.data.StoreDetail.BusinessName\r\n      this.levelmode = res.data.StoreDetail.levelmode\r\n\r\n      //TODO Check terminate\r\n      // this.isStoreTerminate = true\r\n      this.checkPeckageExpire()\r\n      this.updateProfile().then(res => {\r\n        this.handleLoading(false)\r\n        console.log('updateProfile : ', res)\r\n        var user = Account.getCache(\r\n          'BzbsUser_' + Account.getCacheCustom('app_id'),\r\n        )\r\n        Account.setCacheToken(res.data.Token)\r\n        user.locale = res.data.Locale\r\n        user.UserLevel = res.data.UserLevel\r\n        Account.setCacheCustom(\r\n          'BzbsUser_' + Account.getCacheCustom('app_id'),\r\n          user,\r\n        )\r\n\r\n        if (this.isStore == 'stamp') {\r\n          this.getStamp()\r\n        }\r\n        this.handleGetCampaignList()\r\n\r\n        if (this.$route.name == 'codescan') {\r\n          if (this.isStore == 'stamp') {\r\n            setTimeout(() => this.handleGetStamp(), 200)\r\n          } else {\r\n            setTimeout(() => this.handleGetPoints(), 200)\r\n          }\r\n        }\r\n      })\r\n    },\r\n    ChangeGetPoints(event) {\r\n      if (event == true) {\r\n        this.showModalBarcode = true\r\n        this.imageLogo = this.dataLayoutHome.data.StoreDetail.LogoUrl\r\n        this.getPoints()\r\n      }\r\n    },\r\n    ChangeGetStamp(event) {\r\n      if (event == true) {\r\n        this.showModalBarcode = true\r\n        this.imageLogo = this.dataLayoutHome.data.StoreDetail.LogoUrl\r\n        this.getPaycodeStamp()\r\n      }\r\n    },\r\n    getInfoPointsExpired() {\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.profile_url = 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.profile_url = null\r\n        }\r\n      }\r\n\r\n      this.getPointsExpired()\r\n    },\r\n    getPointsExpired() {\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getUserExpriedPoint()\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            if (res) {\r\n              console.log('getUserExpriedPoint', res)\r\n              this.genPointsExpired(res)\r\n              resolve(res)\r\n            } else {\r\n              resolve(true)\r\n            }\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            if (error) {\r\n              if (error.response) {\r\n                if (error.response.status != 502) {\r\n                  this.showError = true\r\n                  var detectdevice = this.parser.getResult().device.model\r\n                    ? this.parser.getResult().device.model\r\n                    : ''\r\n                  this.dataError = {\r\n                    title: this.lbl.error.errortitle,\r\n                    detail:\r\n                      this.lbl.error.error_contact_support +\r\n                      '<br/>' +\r\n                      detectdevice +\r\n                      ' ' +\r\n                      this.parser.getResult().os.name,\r\n                    log: '4',\r\n                  }\r\n                }\r\n              }\r\n            }\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    ChangePointsExpired(event) {\r\n      if (event == true) {\r\n        let Expired = []\r\n        this.getPointsExpired().then(res => {\r\n          _.forEach(res.data.data, item => {\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.unix(item.ExpireDate).utc().format('DD MMMM ')\r\n            var year = moment.unix(item.ExpireDate).utc().format('YYYY')\r\n            year = this.getYearLocale(year).toString()\r\n            Expired.push({ point: item.Point, date: strDate + year })\r\n          })\r\n\r\n          let point_detail = ''\r\n          if (this.dataLayoutHome.data.EarnDetail != null) {\r\n            point_detail = this.lbl.dashboard.point_detail.replace(\r\n              '{0}',\r\n              this.dataLayoutHome.data.EarnDetail.PointRatio,\r\n            )\r\n          } else {\r\n            point_detail = this.lbl.dashboard.point_detail.replace('{0}', '')\r\n          }\r\n\r\n          this.showPointsExpired = true\r\n          this.dataPointsExpired = {\r\n            title: this.lbl.dashboard.point_info,\r\n            detail: point_detail,\r\n            expired: Expired,\r\n          }\r\n        })\r\n      }\r\n    },\r\n    handlePointsExpired() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'home_page_points_info',\r\n        'click_points_info',\r\n        'on click',\r\n      )\r\n      let Expired = []\r\n      this.getPointsExpired().then(res => {\r\n        _.forEach(res.data.data, item => {\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.unix(item.ExpireDate).utc().format('DD MMMM ')\r\n          var year = moment.unix(item.ExpireDate).utc().format('YYYY')\r\n          year = this.getYearLocale(year).toString()\r\n          Expired.push({ point: item.Point, date: strDate + year })\r\n        })\r\n\r\n        let point_detail = ''\r\n        if (this.dataLayoutHome.data.EarnDetail != null) {\r\n          point_detail = this.lbl.dashboard.point_detail.replace(\r\n            '{0}',\r\n            this.dataLayoutHome.data.EarnDetail.PointRatio,\r\n          )\r\n        } else {\r\n          point_detail = this.lbl.dashboard.point_detail.replace('{0}', '')\r\n        }\r\n\r\n        this.showPointsExpired = true\r\n        this.dataPointsExpired = {\r\n          title: this.lbl.dashboard.point_info,\r\n          detail: point_detail,\r\n          expired: Expired,\r\n        }\r\n      })\r\n    },\r\n    updateProfile() {\r\n      this.objProfileInfo.strLocale =\r\n        Cache.get('BzbsLocale') == 'th' ? 1054 : 1033\r\n      return new Promise(resolve => {\r\n        BzbsProfile.updateProfileNew(\r\n          Account.getCacheToken() ? Account.getCacheToken() : null,\r\n          this.objProfileInfo,\r\n          null,\r\n          null,\r\n          null,\r\n          null,\r\n        )\r\n          .then(res => {\r\n            console.log(res)\r\n            resolve(res)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            if (error) {\r\n              if (error.response) {\r\n                if (error.response.status != 502) {\r\n                  this.showError = true\r\n                  var detectdevice = this.parser.getResult().device.model\r\n                    ? this.parser.getResult().device.model\r\n                    : ''\r\n                  this.dataError = {\r\n                    title: this.lbl.error.errortitle,\r\n                    detail:\r\n                      this.lbl.error.error_contact_support +\r\n                      '<br/>' +\r\n                      detectdevice +\r\n                      ' ' +\r\n                      this.parser.getResult().os.name,\r\n                    log: '5',\r\n                  }\r\n                }\r\n              }\r\n            }\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    handleGetPoints() {\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'home_page_get_points',\r\n        'click_get_points',\r\n        'on click',\r\n      )\r\n      var path = window.location.origin + '/home'\r\n      this.checkPdpaVersion(this.version, path).then(res => {\r\n        if (res) {\r\n          this.showModalBarcode = true\r\n          this.imageLogo = this.dataLayoutHome.data.StoreDetail.LogoUrl\r\n          this.getPoints()\r\n        }\r\n      })\r\n    },\r\n    handleUsePoints(e) {\r\n      console.log('handleUsePoints : ', e.target.value)\r\n      window.location.href = '/campaigndetail/' + e.target.value\r\n    },\r\n    handleDetail(e) {\r\n      console.log('handleDetail : ', e)\r\n      Account.bzbsAnalyticTracking(\r\n        'home_page',\r\n        'home_page_goto_campaigndetail',\r\n        'click_goto_campaigndetail',\r\n        'on click',\r\n      )\r\n      window.location.href = '/campaigndetail/' + e\r\n    },\r\n    goto(name) {\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      this.$router.push({ name: name })\r\n    },\r\n    setTime(seconds) {\r\n      clearInterval(intervalTimer)\r\n      this.timer(seconds)\r\n    },\r\n    timer(seconds) {\r\n      const now = Date.now()\r\n      const end = now + seconds * 1000\r\n      this.isTime = false\r\n      this.displayTimeLeft(seconds)\r\n      this.selectedTime = seconds\r\n      this.countdown(end)\r\n    },\r\n    countdown(end) {\r\n      intervalTimer = setInterval(() => {\r\n        const secondsLeft = Math.round((end - Date.now()) / 1000)\r\n        if (secondsLeft === 0) {\r\n          this.endTime = 0\r\n          this.isTime = true\r\n        }\r\n        if (secondsLeft < 0) {\r\n          clearInterval(intervalTimer)\r\n          return\r\n        }\r\n        this.displayTimeLeft(secondsLeft)\r\n      }, 1000)\r\n    },\r\n    displayTimeLeft(secondsLeft) {\r\n      const math_minutes = Math.floor((secondsLeft % 3600) / 60)\r\n      const minutes = ('0' + math_minutes).slice(-2)\r\n      const math_seconds = secondsLeft % 60\r\n      const seconds = ('0' + math_seconds).slice(-2)\r\n      this.timeLeft = minutes + ' : ' + seconds\r\n    },\r\n\r\n    getMarketingConsent() {\r\n      let token = Account.getCacheToken() ? Account.getCacheToken() : null\r\n      this.isShowConsentMarketing = false\r\n      return new Promise((resolve, reject) => {\r\n        BzbsAuth.actionGetMarketing(token)\r\n          .then(res => {\r\n            this.originalConsent = res.data\r\n            if (!Vue.bzbsConfig.businessRule.webFor.PH) {\r\n              if (this.loginType.includes('Line')) {\r\n                if (this.originalConsent.LineMarketing == 0) {\r\n                  if (Account.getTimeStampMarKetingConsent()) {\r\n                    this.checkDateCounting(\r\n                      Account.getTimeStampMarKetingConsent(),\r\n                    )\r\n                  } else {\r\n                    this.isShowConsentMarketing = true\r\n                  }\r\n                } else {\r\n                  this.isShowConsentMarketing = false\r\n                }\r\n              } else {\r\n                this.isShowConsentMarketing = false\r\n              }\r\n            } else {\r\n              this.isShowConsentMarketing = false\r\n            }\r\n            this.setModalCondition(res.data).then(() => {})\r\n            resolve(true)\r\n          })\r\n          .catch(error => {\r\n            if (!_.isEmpty(error.response.data.error)) {\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: error.response.data.error.message,\r\n              }\r\n            }\r\n            if (\r\n              _.isEmpty(error.response) ||\r\n              _.isEmpty(error.response.data.error)\r\n            ) {\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: this.lbl.error.connectionproblem,\r\n              }\r\n            }\r\n            reject(error)\r\n          })\r\n      })\r\n    },\r\n    checkDateCounting(timeStamp) {\r\n      const countingDate = moment(moment.unix(timeStamp), 'DD/MM/YYYY')\r\n        .add(\r\n          parseInt(this.ConsentNotification),\r\n          this.ConsentNotificationPeriod + 's',\r\n        )\r\n        .unix()\r\n      var countDate = new Date(moment.unix(countingDate).format('MM/DD/YYYY'))\r\n      var now = new Date()\r\n      if (now >= countDate) {\r\n        console.log('NOT before counting date :: ', countDate)\r\n        this.isShowConsentMarketing = true\r\n      }\r\n    },\r\n    setModalCondition(data) {\r\n      return new Promise(resolve => {\r\n        data.EmailMarketing == 0\r\n          ? (this.modalcondition.notification.email = false)\r\n          : (this.modalcondition.notification.email = true)\r\n\r\n        data.SMSMarketing == 0\r\n          ? (this.modalcondition.notification.sms = false)\r\n          : (this.modalcondition.notification.sms = true)\r\n\r\n        data.LineMarketing == 0\r\n          ? (this.modalcondition.notification.line = false)\r\n          : (this.modalcondition.notification.line = true)\r\n\r\n        this.modalcondition.notification.line = true\r\n        resolve()\r\n      })\r\n    },\r\n    consentSettingMarketing(valueFromChild) {\r\n      this.handleLoading(true)\r\n      console.log('valueFromChild :: ', valueFromChild)\r\n      this.isSettingMarketing = false\r\n      if (valueFromChild.confirm == 'decline') {\r\n        this.handleLoading(false)\r\n        this.modalcondition.notification = {\r\n          email: false,\r\n          sms: false,\r\n          line: false,\r\n        }\r\n      } else if (valueFromChild.confirm == 'agree') {\r\n        if (this.checkDataNoti(valueFromChild.notification)) {\r\n          this.modalcondition.notification = valueFromChild.notification\r\n          this.callapiMarketing().then(() => {\r\n            this.handleLoading(false)\r\n          })\r\n        } else {\r\n          this.modalcondition.notification = {\r\n            email: false,\r\n            sms: false,\r\n            line: false,\r\n          }\r\n          this.callapiMarketing().then(() => {\r\n            this.handleLoading(false)\r\n          })\r\n        }\r\n        Account.setTimeStampMarKetingConsent()\r\n      }\r\n    },\r\n    checkDataNoti(notification) {\r\n      if (\r\n        notification.email != false ||\r\n        notification.sms != false ||\r\n        notification.line != false\r\n      ) {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    callapiMarketing() {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise((resolve, reject) => {\r\n        let email = 0\r\n        this.modalcondition.notification.email ? (email = 1) : (email = 0)\r\n\r\n        let sms = 0\r\n        this.modalcondition.notification.sms ? (sms = 1) : (sms = 0)\r\n\r\n        let line = 0\r\n        this.modalcondition.notification.line ? (line = 1) : (line = 0)\r\n\r\n        let param = {\r\n          termandcondition: '',\r\n          dataprivacy: '',\r\n          email: email,\r\n          sms: sms,\r\n          line: line,\r\n          consentAge: '',\r\n          marketingOption: '',\r\n        }\r\n        let token = Account.getCacheToken() ? Account.getCacheToken() : null\r\n        BzbsAuth.actionPostConsent(param, token)\r\n          .then(() => {\r\n            resolve(true)\r\n          })\r\n          .catch(error => {\r\n            if (_.isEmpty(error.response)) {\r\n              this.handleLoading(false)\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: this.lbl.error.connectionproblem,\r\n              }\r\n            }\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            reject(error)\r\n          })\r\n      })\r\n    },\r\n    ChangeErrorSettingMarketing(event) {\r\n      this.isSettingMarketing = event\r\n    },\r\n    //stamp\r\n    getStamp() {\r\n      return new Promise(resolve => {\r\n        BzbsStamp.getStamp()\r\n          .then(res => {\r\n            if (res) {\r\n              if (res.data) {\r\n                this.getStampProfile(res.data)\r\n                this.dataStamp = res.data\r\n                resolve(res.data)\r\n              } else {\r\n                resolve(res)\r\n              }\r\n            } else {\r\n              resolve(true)\r\n            }\r\n          })\r\n          .catch(error => {\r\n            console.log('getStamp error', error)\r\n            if (error) {\r\n              if (error.response) {\r\n                if (error.response.status != 502) {\r\n                  this.showError = true\r\n                  var detectdevice = this.parser.getResult().device.model\r\n                    ? this.parser.getResult().device.model\r\n                    : ''\r\n                  this.dataError = {\r\n                    title: this.lbl.error.errortitle,\r\n                    detail:\r\n                      this.lbl.error.error_contact_support +\r\n                      '<br/>' +\r\n                      detectdevice +\r\n                      ' ' +\r\n                      this.parser.getResult().os.name,\r\n                    log: '6',\r\n                  }\r\n                }\r\n              }\r\n            }\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getStampProfile(res) {\r\n      return new Promise(resolve => {\r\n        BzbsStamp.getStampProfile(res.stamp.stampId, res.stamp.cardId)\r\n          .then(res => {\r\n            if (res) {\r\n              if (res.data) {\r\n                this.textDetailStamp =\r\n                  this.lbl.dashboard.stmap_description.replace(\r\n                    '{0}',\r\n                    res.data.pricePerStamp,\r\n                  )\r\n                this.DataStampProfile = res.data\r\n                this.genDataStamp(res.data, 0)\r\n                resolve(res.data)\r\n              } else {\r\n                resolve(res)\r\n              }\r\n            } else {\r\n              resolve(true)\r\n            }\r\n          })\r\n          .catch(error => {\r\n            console.log('getStampProfile error', error)\r\n            if (error) {\r\n              if (error.response) {\r\n                if (error.response.status != 502) {\r\n                  this.showError = true\r\n                  var detectdevice = this.parser.getResult().device.model\r\n                    ? this.parser.getResult().device.model\r\n                    : ''\r\n                  this.dataError = {\r\n                    title: this.lbl.error.errortitle,\r\n                    detail:\r\n                      this.lbl.error.error_contact_support +\r\n                      '<br/>' +\r\n                      detectdevice +\r\n                      ' ' +\r\n                      this.parser.getResult().os.name,\r\n                    log: '7',\r\n                  }\r\n                }\r\n              }\r\n            }\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    genDataStamp(res, skip) {\r\n      this.backgroundStamp =\r\n        this.dataLayoutHome.data.StoreDetail.StampBackgroundColor\r\n\r\n      if (res != null) {\r\n        this.StampProfile = []\r\n        this.totalStamp = res.maxQuantity\r\n        if (res.maxQuantity > 0) {\r\n          if (res.maxQuantity > 10) {\r\n            this.isPagination = true\r\n            for (let i = 1 + skip; i <= res.maxQuantity; i++) {\r\n              if (res.currentQuantity >= i) {\r\n                this.StampProfile.push({\r\n                  no: i,\r\n                  is_active: true,\r\n                  imgStamp: this.dataLayoutHome.data.StoreDetail.StampUrl,\r\n                  isGrayscale: false,\r\n                  current: res.currentQuantity,\r\n                })\r\n              } else {\r\n                this.StampProfile.push({\r\n                  no: i,\r\n                  is_active: false,\r\n                  imgStamp: '',\r\n                  isGrayscale: false,\r\n                  current: res.currentQuantity,\r\n                })\r\n              }\r\n            }\r\n\r\n            this.StampProfile = this.StampProfile.slice(0, 10)\r\n\r\n            if (res.campaigns.length > 0) {\r\n              for (let i = 0; i <= res.campaigns.length; i++) {\r\n                let qty = ''\r\n                if (res.campaigns[i] !== undefined) {\r\n                  qty = res.campaigns[i].qty\r\n                }\r\n                _.forEach(this.StampProfile, item => {\r\n                  if (qty != null) {\r\n                    if (item.no == qty) {\r\n                      item.imgStamp = res.campaigns[i].img_url\r\n                      item.is_active = true\r\n                      if (item.current < qty) {\r\n                        item.isGrayscale = true\r\n                      } else {\r\n                        item.id = res.campaigns[i].id\r\n                      }\r\n                    }\r\n                  }\r\n                })\r\n              }\r\n            }\r\n          } else {\r\n            this.isPagination = false\r\n            for (let i = 1; i <= res.maxQuantity; i++) {\r\n              if (res.currentQuantity >= i) {\r\n                this.StampProfile.push({\r\n                  no: i,\r\n                  is_active: true,\r\n                  imgStamp: this.dataLayoutHome.data.StoreDetail.StampUrl,\r\n                  isGrayscale: false,\r\n                  current: res.currentQuantity,\r\n                })\r\n              } else {\r\n                this.StampProfile.push({\r\n                  no: i,\r\n                  is_active: false,\r\n                  imgStamp: '',\r\n                  isGrayscale: false,\r\n                  current: res.currentQuantity,\r\n                })\r\n              }\r\n            }\r\n\r\n            if (res.campaigns.length > 0) {\r\n              for (let i = 0; i <= res.campaigns.length; i++) {\r\n                let qty = ''\r\n                if (res.campaigns[i] !== undefined) {\r\n                  qty = res.campaigns[i].qty\r\n                }\r\n                _.forEach(this.StampProfile, item => {\r\n                  if (qty != null) {\r\n                    if (item.no == qty) {\r\n                      item.imgStamp = res.campaigns[i].img_url\r\n                      item.is_active = true\r\n                      if (item.current < qty) {\r\n                        item.isGrayscale = true\r\n                      } else {\r\n                        item.id = res.campaigns[i].id\r\n                      }\r\n                    }\r\n                  }\r\n                })\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    },\r\n    itemRender(current, type, originalElement) {\r\n      if (type === 'prev') {\r\n        if (\r\n          this.backgroundStamp != '#fff' ||\r\n          this.backgroundStamp != '#ffffff'\r\n        ) {\r\n          return (\r\n            <a crm_at=\"previous\" style=\"color:#fff\">\r\n              {this.lbl.btn.previous}\r\n            </a>\r\n          )\r\n        } else {\r\n          return this.lbl.btn.previous\r\n        }\r\n      } else if (type === 'next') {\r\n        if (\r\n          this.backgroundStamp != '#fff' ||\r\n          this.backgroundStamp != '#ffffff'\r\n        ) {\r\n          return (\r\n            <a crm_at=\"next\" style=\"color:#fff\">\r\n              {this.lbl.btn.next}\r\n            </a>\r\n          )\r\n        } else {\r\n          return this.lbl.btn.next\r\n        }\r\n      }\r\n      return originalElement\r\n    },\r\n    onChangePage(page) {\r\n      this.currentStamp = page\r\n      this.genDataStamp(this.DataStampProfile, (page - 1) * 10)\r\n    },\r\n    handleGetStamp() {\r\n      var path = window.location.origin + '/home'\r\n      this.checkPdpaVersion(this.version, path).then(res => {\r\n        if (res) {\r\n          this.showModalBarcode = true\r\n          this.imageLogo = this.dataLayoutHome.data.StoreDetail.LogoUrl\r\n          this.getPaycodeStamp()\r\n        }\r\n      })\r\n    },\r\n    getPaycodeStamp() {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsStamp.getPaycodeStamp(this.dataStamp.stamp.cardId)\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            if (res) {\r\n              if (res.data) {\r\n                console.log('getPaycodeStamp', res)\r\n                this.Barcode = res.data\r\n                this.setTime(this.Barcode.expirein)\r\n                resolve(res.data)\r\n              } else {\r\n                resolve(res)\r\n              }\r\n            } else {\r\n              resolve(true)\r\n            }\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log('getPaycodeStamp error', error)\r\n            if (error) {\r\n              if (error.response) {\r\n                if (error.response.status != 502) {\r\n                  this.showError = true\r\n                  var detectdevice = this.parser.getResult().device.model\r\n                    ? this.parser.getResult().device.model\r\n                    : ''\r\n                  this.dataError = {\r\n                    title: this.lbl.error.errortitle,\r\n                    detail:\r\n                      this.lbl.error.error_contact_support +\r\n                      '<br/>' +\r\n                      detectdevice +\r\n                      ' ' +\r\n                      this.parser.getResult().os.name,\r\n                    log: '8',\r\n                  }\r\n                }\r\n              }\r\n            }\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    onClickStamp(id) {\r\n      if (id != undefined) {\r\n        window.location.href = '/campaigndetail/' + id\r\n      }\r\n    },\r\n\r\n    ChangeError(event) {\r\n      this.showError = event\r\n      this.dataError = {}\r\n    },\r\n    ChangeExpired(event) {\r\n      this.showPointsExpired = event\r\n      this.dataPointsExpired = {}\r\n    },\r\n    closeModalBarcode() {\r\n      this.showModalBarcode = false\r\n    },\r\n    BarcodeClose() {\r\n      setTimeout(() => this.getConfigEcommerceBrand(), 500)\r\n      this.showModalBarcode = false\r\n      setTimeout(() => this.reloadFunc(), 1500)\r\n    },\r\n    reloadFunc() {\r\n      if (this.isStore == 'stamp') {\r\n        this.getStamp()\r\n      } else {\r\n        this.getProfile().then(() => {\r\n          if (this.levelmode == 'spending') {\r\n            this.getProfileLevelSpending()\r\n          } else {\r\n            this.getProfileLevel()\r\n          }\r\n          this.resetProfile = true\r\n        })\r\n      }\r\n    },\r\n    getCampaignList() {\r\n      if (this.isStore != null) {\r\n        let type = this.isStore ? this.isStore : 'point'\r\n        let params = {\r\n          campaign: 'campaign_' + type,\r\n          top: 20,\r\n          skip: this.countGetCampaign * 20,\r\n        }\r\n        this.countGetCampaign = this.countGetCampaign + 1\r\n        return new Promise(resolve => {\r\n          BzbsDashboard.getCampaign(params)\r\n            .then(async res => {\r\n              this.handleLoading(false)\r\n              if (res) {\r\n                if (res.data) {\r\n                  if (res.data.length > 0) {\r\n                    _.forEach(res.data, item => {\r\n                      var Extra = null\r\n                      if (this.haveUserLevel) {\r\n                        if (!item.UserVisibility) {\r\n                          if (item.Type == 36) {\r\n                            if (item.Extra) {\r\n                              Extra = JSON.parse(item.Extra)\r\n                              if (Extra.packages) {\r\n                                this.dataList.push(item)\r\n                              }\r\n                            }\r\n                          } else {\r\n                            this.dataList.push(item)\r\n                          }\r\n                        } else {\r\n                          if (item.UserVisibility == this.userLevel) {\r\n                            if (item.Type == 36) {\r\n                              if (item.Extra) {\r\n                                Extra = JSON.parse(item.Extra)\r\n                                if (Extra.packages) {\r\n                                  this.dataList.push(item)\r\n                                }\r\n                              }\r\n                            } else {\r\n                              this.dataList.push(item)\r\n                            }\r\n                          }\r\n                        }\r\n                      } else {\r\n                        if (item.Type == 36) {\r\n                          if (item.Extra) {\r\n                            Extra = JSON.parse(item.Extra)\r\n                            if (Extra.packages) {\r\n                              this.dataList.push(item)\r\n                            }\r\n                          }\r\n                        } else {\r\n                          this.dataList.push(item)\r\n                        }\r\n                      }\r\n                    })\r\n                    await this.genCampaignList(this.dataList)\r\n                  } else {\r\n                    this.nomore = true\r\n                  }\r\n                  resolve(res.data)\r\n                } else {\r\n                  resolve(res)\r\n                }\r\n              } else {\r\n                resolve(true)\r\n              }\r\n            })\r\n            .catch(error => {\r\n              this.handleLoading(false)\r\n              if (error) {\r\n                if (error.response) {\r\n                  if (error.response.status != 502) {\r\n                    this.showError = true\r\n                    var detectdevice = this.parser.getResult().device.model\r\n                      ? this.parser.getResult().device.model\r\n                      : ''\r\n                    this.dataError = {\r\n                      title: this.lbl.error.errortitle,\r\n                      detail:\r\n                        this.lbl.error.error_contact_support +\r\n                        '<br/>' +\r\n                        detectdevice +\r\n                        ' ' +\r\n                        this.parser.getResult().os.name,\r\n                      log: '9',\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n              resolve(error)\r\n            })\r\n        })\r\n      } else {\r\n        this.getCustomerStore().then(() => {\r\n          this.getCampaignList()\r\n        })\r\n      }\r\n    },\r\n    async genCampaignList(data) {\r\n      this.dataList = _.reduce(\r\n        data,\r\n        (unique, o) => {\r\n          if (!unique.some(obj => obj.ID === o.ID)) {\r\n            unique.push(o)\r\n          }\r\n          return unique\r\n        },\r\n        [],\r\n      )\r\n\r\n      this.totalData = this.dataList.length\r\n\r\n      this.nomore = false\r\n    },\r\n\r\n    onScroll({ target: { scrollTop, clientHeight, scrollHeight } }) {\r\n      let bottomOfWindow = Math.round(\r\n        ((clientHeight + scrollTop) / scrollHeight) * 100,\r\n      )\r\n      if (bottomOfWindow >= 90 && !this.nomore) {\r\n        this.nomore = true\r\n        this.getCampaignList()\r\n      }\r\n    },\r\n    loadmore() {\r\n      console.log('loadmore')\r\n      if (!this.nomore) {\r\n        this.nomore = true\r\n        this.getCampaignList()\r\n      }\r\n    },\r\n    handleScroll() {\r\n      var scrollTop =\r\n        document.documentElement.scrollTop || document.body.scrollTop\r\n      var scrollHeight = document.body.scrollHeight\r\n      var clientHeight = document.documentElement.clientHeight\r\n\r\n      let bottomOfWindow = Math.round(\r\n        ((clientHeight + scrollTop) / scrollHeight) * 100,\r\n      )\r\n      if (bottomOfWindow >= 90 && !this.nomore) {\r\n        this.nomore = true\r\n        this.getCampaignList()\r\n      }\r\n    },\r\n    allowConsentMarketing() {\r\n      this.isSettingMarketing = true\r\n      this.$bvModal.show('wrapper__notification_setting')\r\n    },\r\n    closeConsentMarketing() {\r\n      this.modalcondition.notification = {\r\n        email: this.originalConsent.EmailMarketing == 1 ? true : false,\r\n        sms: this.originalConsent.SMSMarketing == 1 ? true : false,\r\n        line: this.originalConsent.LineMarketing == 1 ? true : false,\r\n      }\r\n      Account.setTimeStampMarKetingConsent()\r\n      this.callapiMarketing().then(() => {\r\n        this.handleLoading(false)\r\n      })\r\n    },\r\n    isTypePackage(extra) {\r\n      try {\r\n        if (extra) {\r\n          var js = JSON.parse(extra)\r\n          if (js.packages) {\r\n            return true\r\n          } else {\r\n            return false\r\n          }\r\n        } else {\r\n          return false\r\n        }\r\n      } catch {\r\n        return false\r\n      }\r\n    },\r\n    displayQTY(extra) {\r\n      try {\r\n        if (extra) {\r\n          var js = JSON.parse(extra)\r\n          var packages\r\n          if (typeof js.packages !== 'string') {\r\n            packages = js.packages\r\n          } else {\r\n            try {\r\n              packages = JSON.parse(js.packages)\r\n            } catch {\r\n              packages = null\r\n            }\r\n          }\r\n\r\n          if (packages.length && packages[0].id && packages[0].qty) {\r\n            return packages[0].qty\r\n          } else {\r\n            return '0'\r\n          }\r\n        } else {\r\n          return ''\r\n        }\r\n      } catch {\r\n        return ''\r\n      }\r\n    },\r\n    dateShortFormatUTC: function (timestamp, isdonotshowtime) {\r\n      moment.locale(Locale.getLocale())\r\n      var strDate = moment.unix(timestamp).utc().format('DD MMM ')\r\n      var year = moment.unix(timestamp).utc().format('YYYY')\r\n      var strtime = moment.unix(timestamp).utc().format('HH:mm')\r\n      year = this.getYearByLocale(year)\r\n      if (moment.locale(Locale.getLocale()) == 'th') {\r\n        year = this.substring(year)\r\n      }\r\n      var time = ''\r\n      if (isdonotshowtime) {\r\n        time = strDate + year\r\n      } else {\r\n        time = strDate + year + ' - ' + strtime\r\n      }\r\n\r\n      return time\r\n    },\r\n    substring(value) {\r\n      var str = value\r\n      return str\r\n    },\r\n    getYearByLocale: function (year) {\r\n      if (Locale.getLocale() == 'th') {\r\n        return parseInt(year) + 543\r\n      } else {\r\n        return year\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.wrapper-dashboard {\r\n  font-family: 'ibm-plex-thai', sans-serif;\r\n  .profile__image {\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    margin-top: -5px;\r\n    margin-right: 5px;\r\n  }\r\n\r\n  .ant-pagination-next {\r\n    float: right;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .ant-pagination-prev {\r\n    float: left;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .ant-pagination-item {\r\n    display: none;\r\n  }\r\n\r\n  li.ant-pagination-disabled.ant-pagination-prev {\r\n    float: left;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  li.ant-pagination-disabled.ant-pagination-next {\r\n    float: right;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .btn-use-stamp {\r\n    min-width: 120px;\r\n  }\r\n\r\n  .stamp-index {\r\n    width: 54px;\r\n    height: 54px;\r\n    object-fit: contain;\r\n    border-radius: 100px;\r\n    border: solid 3px #e5e5e5;\r\n    background-color: #f0f0f0;\r\n    padding-top: 12px;\r\n    font-size: 16px;\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    color: #858585;\r\n  }\r\n\r\n  .active_stamp {\r\n    background-size: contain;\r\n    color: transparent !important;\r\n    border: initial !important;\r\n  }\r\n\r\n  .isGrayscale {\r\n    -webkit-filter: grayscale(100%);\r\n    filter: grayscale(100%);\r\n  }\r\n\r\n  .stamp-circle {\r\n    width: 20%;\r\n    margin: 0px 0px 10px;\r\n  }\r\n\r\n  .box-stamp {\r\n    margin: 0px 15px;\r\n    padding: 22px 15px;\r\n    border-radius: 15px;\r\n    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);\r\n    border: solid 1px #eee;\r\n    background-color: #fff;\r\n    text-align: -webkit-center;\r\n  }\r\n\r\n  .use-points {\r\n    bottom: 0px;\r\n    margin-bottom: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-align: left;\r\n    gap: 4px;\r\n  }\r\n\r\n  .expire {\r\n    font-size: 12px;\r\n    color: #999999;\r\n  }\r\n\r\n  .list-name {\r\n    word-break: break-word;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    letter-spacing: normal;\r\n    text-align: left;\r\n    color: #666;\r\n    text-overflow: ellipsis;\r\n    max-height: 4.5em;\r\n    line-height: 1.5em;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n\r\n    .detail {\r\n      -webkit-line-clamp: 2;\r\n      overflow: inherit;\r\n      text-overflow: ellipsis;\r\n      color: #999;\r\n      font-size: 12px;\r\n      font-weight: 400;\r\n    }\r\n    .name-section {\r\n      display: flex;\r\n      gap: 4px;\r\n      align-items: flex-start;\r\n\r\n      .qty {\r\n        white-space: nowrap;\r\n        background: #191919;\r\n        border-radius: 30px;\r\n        padding: 2px 8px;\r\n        color: #ffffff;\r\n        max-width: 100px;\r\n        min-width: fit-content;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        .prefix {\r\n          font-size: 10px;\r\n        }\r\n        .number {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .detail-item {\r\n    height: 110px;\r\n    gap: 4px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n  }\r\n  .wrapper-list {\r\n    height: 140px;\r\n    padding: 15px;\r\n    border-radius: 15px;\r\n    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);\r\n    border: solid 1px #eee;\r\n    background-color: #fff;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    cursor: pointer;\r\n    width: 100%;\r\n    background-color: #ffffff;\r\n  }\r\n  .wrapper-list-package {\r\n    margin-bottom: 21px;\r\n    position: relative;\r\n    box-shadow: unset !important;\r\n\r\n    .wrapper-box {\r\n      width: 100%;\r\n      height: 140px;\r\n      position: absolute;\r\n      z-index: -2;\r\n      border-radius: 15px;\r\n      border: solid 1px #eee;\r\n      background-color: #fff;\r\n      top: 0;\r\n      left: 0;\r\n    }\r\n    .frame1 {\r\n      width: 97%;\r\n      height: 30px;\r\n      border: solid 1px #eee;\r\n      border-radius: 15px;\r\n      bottom: -6px;\r\n      position: absolute;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: -4;\r\n      background-color: #ffffff;\r\n    }\r\n    .frame2 {\r\n      width: 90%;\r\n      height: 30px;\r\n      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);\r\n      border: solid 1px #eee;\r\n      border-radius: 15px;\r\n      bottom: -12px;\r\n      position: absolute;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: -5;\r\n      background-color: #ffffff;\r\n    }\r\n  }\r\n\r\n  .page-point {\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    word-break: break-word;\r\n  }\r\n\r\n  .lbl-point {\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n    color: #424242;\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  .page-point-detail {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    font-stretch: normal;\r\n    line-height: normal;\r\n    color: #999;\r\n    word-break: break-word;\r\n  }\r\n\r\n  .m-rectangle {\r\n    margin-top: -25px;\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .label-rectangle {\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    color: #fff;\r\n  }\r\n\r\n  //แนวตั้ง mobile\r\n  @media only screen and (max-device-width: 320px) and (orientation: portrait) {\r\n    .pt-3,\r\n    .py-3 {\r\n      padding-top: 0.4rem !important;\r\n    }\r\n\r\n    .pt-4,\r\n    .py-4 {\r\n      padding-top: 0.8rem !important;\r\n    }\r\n\r\n    .list-name {\r\n      width: auto;\r\n    }\r\n\r\n    .box-stamp {\r\n      padding: 15px 5px;\r\n    }\r\n  }\r\n}\r\n\r\n.wrapper-dashboard {\r\n  @media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n    .wrapper__home__page {\r\n      border-top-left-radius: 40px;\r\n      border-top-right-radius: 40px;\r\n      margin-top: -50px;\r\n      background-color: white;\r\n      .title {\r\n        padding: 10px;\r\n        .text-title {\r\n          font-size: 18px;\r\n          font-weight: 500;\r\n          margin-left: 10px;\r\n          color: #666;\r\n          line-height: 1.17;\r\n        }\r\n      }\r\n      padding: 0px 5px;\r\n\r\n      .wrapper_hearder {\r\n        padding: 20px 20px 0 20px;\r\n      }\r\n\r\n      .wrapper_content {\r\n        padding: 0 20px 0 20px;\r\n      }\r\n\r\n      .label__checkbox {\r\n        text-indent: 15px;\r\n        position: absolute;\r\n        top: -5px;\r\n      }\r\n      .radio-label {\r\n        margin: 0 0 0 4px;\r\n        font-size: 16px;\r\n        letter-spacing: normal;\r\n        text-align: left;\r\n        color: $color-text-dark;\r\n        white-space: nowrap;\r\n        @include breakpoint-max(320) {\r\n          font-size: 11px;\r\n        }\r\n      }\r\n      .p-row {\r\n        padding: 0px 0px 20px 0px !important;\r\n        font-size: 16px;\r\n      }\r\n      .input__resetpassword {\r\n        text-indent: 10px;\r\n        width: 100%;\r\n        height: 50px;\r\n        border-radius: 10px;\r\n        border: solid 1px $color-input;\r\n        background-color: #fff;\r\n      }\r\n      .select__resetpassword {\r\n        text-align: center;\r\n        padding: 15px 0px 14px 0px;\r\n        border-radius: 10px;\r\n        border: solid 1px $color-input;\r\n        width: 100%;\r\n        background-color: #fff;\r\n        @include breakpoint-max(320) {\r\n          padding: 7px 0px 5px 0px !important;\r\n        }\r\n      }\r\n\r\n      .checkbox__condition {\r\n        width: 20px;\r\n        height: 20px;\r\n      }\r\n    }\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n    .wrapper__home__page {\r\n      width: 90%;\r\n      top: 20%;\r\n      margin-top: 20px;\r\n      margin-bottom: 50px;\r\n      border-radius: 10px;\r\n      .wrapper_content {\r\n        padding: 0 0px 0 20px;\r\n        margin-right: -15px;\r\n      }\r\n    }\r\n\r\n    .image__hearder {\r\n      height: 100%;\r\n      overflow: auto;\r\n      background-repeat: round;\r\n      background-size: cover;\r\n    }\r\n\r\n    .box_content {\r\n      min-height: 100%;\r\n      align-items: center;\r\n      -webkit-box-align: center;\r\n      justify-content: center;\r\n      vertical-align: middle;\r\n      display: flex;\r\n      width: 100%;\r\n    }\r\n\r\n    .logo__loginpage {\r\n      width: 110px !important;\r\n      background-size: contain;\r\n      border-radius: 60px;\r\n      height: 110px;\r\n      margin-top: -67px;\r\n    }\r\n\r\n    .text-title {\r\n      padding: 0 65px;\r\n    }\r\n\r\n    .footer {\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .ant-list-items {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .wrapper-list {\r\n      -ms-flex: 0 0 50%;\r\n      -webkit-box-flex: 0;\r\n      flex: 0 0 45%;\r\n      max-width: 45%;\r\n      margin: 0px 30px 20px 0px;\r\n      border-radius: 15px !important;\r\n      z-index: 1;\r\n    }\r\n    .wrapper-box {\r\n      width: 100%;\r\n      height: 140px;\r\n      position: absolute;\r\n      z-index: 2;\r\n      border-radius: 15px;\r\n      border: solid 1px #eee;\r\n      background-color: #fff;\r\n      top: 0;\r\n      left: 0;\r\n    }\r\n    .frame1 {\r\n      width: 97%;\r\n      height: 30px;\r\n      border: solid 1px #eee;\r\n      border-radius: 15px;\r\n      bottom: -6px;\r\n      position: absolute;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: 1;\r\n      background-color: #ffffff;\r\n    }\r\n    .frame2 {\r\n      width: 90%;\r\n      height: 30px;\r\n      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);\r\n      border: solid 1px #eee;\r\n      border-radius: 15px;\r\n      bottom: -12px;\r\n      position: absolute;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: 0;\r\n      background-color: #ffffff;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 600px) and (min-device-height: 600px) and (orientation: landscape) {\r\n    .wrapper__home__page {\r\n      margin-top: 80px !important;\r\n      margin-bottom: 100px !important;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 900px) {\r\n    .wrapper__home__page {\r\n      width: 75%;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 1200px) {\r\n    .wrapper__home__page {\r\n      width: 60%;\r\n    }\r\n  }\r\n\r\n  //แนวนอน\r\n  @media only screen and (orientation: landscape) {\r\n    .bzb__logo {\r\n      position: relative;\r\n    }\r\n  }\r\n\r\n  //แนวนอน\r\n  @media only screen and (min-device-width: 640px) and (max-device-width: 823px) and (orientation: landscape) {\r\n    .box_content {\r\n      min-height: 740px;\r\n    }\r\n  }\r\n}\r\n\r\n.modal-Barcode {\r\n  .barcode-container {\r\n    width: -webkit-fill-available;\r\n  }\r\n  .close {\r\n    float: right;\r\n    display: block;\r\n    font-size: 17px;\r\n    font-style: normal;\r\n    line-height: 10px;\r\n    text-align: center;\r\n    text-transform: none;\r\n    text-rendering: auto;\r\n    color: #000000;\r\n    margin-left: -30px;\r\n    padding-right: 13px;\r\n    padding-top: 10px;\r\n    font-family: cursive;\r\n\r\n    .close-icon {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  button.ant-modal-close {\r\n    display: none;\r\n  }\r\n\r\n  .taxt-qrcode {\r\n    margin-top: -37px;\r\n    z-index: 999;\r\n    color: #000000;\r\n    font-size: initial;\r\n    font-family: inherit;\r\n    font-weight: 450;\r\n    position: relative;\r\n    text-shadow: 0 0 0px #04040400, 0 0px 2px #0000009e;\r\n  }\r\n\r\n  .mt-qrcode {\r\n    margin-top: -1.3rem;\r\n    padding-top: 2px;\r\n  }\r\n\r\n  .mt-barcode {\r\n    margin-top: 3.25rem;\r\n  }\r\n\r\n  .code {\r\n    height: 190px;\r\n    font-size: 40px;\r\n    color: #3e3e3e;\r\n    align-items: center;\r\n    justify-content: center;\r\n    word-break: break-word;\r\n  }\r\n\r\n  .ant-tabs {\r\n    height: 250px;\r\n  }\r\n\r\n  .ant-tabs-bar {\r\n    margin: 0 0 16px;\r\n    border-bottom: initial;\r\n    outline: none;\r\n  }\r\n\r\n  .ant-tabs-nav-wrap {\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .ant-tabs-ink-bar {\r\n    background-color: transparent;\r\n  }\r\n\r\n  .ant-tabs-nav-container-scrolling {\r\n    padding: 0;\r\n  }\r\n\r\n  .ant-tabs-tab-arrow-show {\r\n    display: none;\r\n  }\r\n\r\n  .ant-tabs-nav .ant-tabs-tab {\r\n    height: 27px;\r\n    width: 90px;\r\n    padding: 2px 13px 2px 13px;\r\n    margin: 0 10px;\r\n    border-radius: 100px;\r\n    border: solid 1px #033a70;\r\n    background-color: #fff;\r\n    color: #033a70;\r\n    font-weight: 500;\r\n    transition: color 0s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n  }\r\n\r\n  .ant-tabs-nav .ant-tabs-tab-active {\r\n    color: #fff;\r\n    border: solid 1px #033a70;\r\n    background-color: #033a70;\r\n  }\r\n\r\n  .img-qrcode {\r\n    width: 190px;\r\n    height: 190px;\r\n  }\r\n\r\n  .img-barcode {\r\n    width: 190px;\r\n    height: 190px;\r\n  }\r\n\r\n  @media only screen and (max-device-width: 320px) and (orientation: portrait) {\r\n    .ant-tabs-nav .ant-tabs-tab {\r\n      width: auto;\r\n      margin: 0 5px;\r\n    }\r\n\r\n    .ant-modal {\r\n      top: 70px;\r\n    }\r\n  }\r\n\r\n  @media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n    .text-title {\r\n      font-size: 18px;\r\n      font-weight: 500;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      line-height: 1.17;\r\n      letter-spacing: normal;\r\n      text-align: center;\r\n      color: #424242;\r\n      padding: 0 15%;\r\n    }\r\n\r\n    .ant-pagination-next {\r\n      float: right;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .ant-pagination-prev {\r\n      float: left;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .ant-pagination-item {\r\n      display: none;\r\n    }\r\n\r\n    li.ant-pagination-disabled.ant-pagination-prev {\r\n      float: left;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    li.ant-pagination-disabled.ant-pagination-next {\r\n      float: right;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .btn-use-stamp {\r\n      min-width: 120px;\r\n    }\r\n\r\n    .stamp-index {\r\n      width: 54px;\r\n      height: 54px;\r\n      object-fit: contain;\r\n      border-radius: 100px;\r\n      border: solid 3px #e5e5e5;\r\n      background-color: #f0f0f0;\r\n      padding-top: 12px;\r\n      font-size: 16px;\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      color: #858585;\r\n    }\r\n\r\n    .active_stamp {\r\n      background-size: contain;\r\n      color: transparent !important;\r\n      border: initial !important;\r\n    }\r\n\r\n    .isGrayscale {\r\n      -webkit-filter: grayscale(100%);\r\n      filter: grayscale(100%);\r\n    }\r\n\r\n    .stamp-circle {\r\n      width: 20%;\r\n      margin: 0px 0px 10px;\r\n    }\r\n\r\n    .box-stamp {\r\n      margin: 0px 15px;\r\n      padding: 22px 15px;\r\n      border-radius: 15px;\r\n      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);\r\n      border: solid 1px #eee;\r\n      background-color: #fff;\r\n      text-align: -webkit-center;\r\n    }\r\n\r\n    .div-stamp {\r\n      margin-bottom: -10px;\r\n    }\r\n\r\n    .my-stamp {\r\n      font-size: 32px;\r\n      font-weight: 500;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      line-height: 1;\r\n      letter-spacing: normal;\r\n      color: #424242;\r\n      margin-top: 5px;\r\n    }\r\n\r\n    .stamp-detail {\r\n      font-size: 12px;\r\n      text-align: center;\r\n      color: #999;\r\n    }\r\n\r\n    .close {\r\n      float: right;\r\n      display: block;\r\n      font-size: 17px;\r\n      font-style: normal;\r\n      line-height: 20px;\r\n      text-align: center;\r\n      text-transform: none;\r\n      text-rendering: auto;\r\n      color: #000000;\r\n      margin-left: -30px;\r\n      padding-right: 20px;\r\n      padding-top: 10px;\r\n      font-family: cursive;\r\n    }\r\n  }\r\n}\r\n\r\n.btn-crm-xl {\r\n  width: 183px;\r\n  height: 50px;\r\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);\r\n}\r\n.btn-my-card {\r\n  height: 50px;\r\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.btn-crm-l {\r\n  height: 28px;\r\n  border-radius: 100px;\r\n  background-color: #6ace74;\r\n  border-color: #6ace74;\r\n}\r\n\r\n.btn-crm-l:active,\r\n.btn-crm-l:hover,\r\n.btn-crm-l:focus {\r\n  background-color: #43ca50;\r\n  border-color: #6ace74;\r\n}\r\n\r\n.ant-modal-body {\r\n  padding: 10px;\r\n}\r\n\r\n.ant-modal-close-x {\r\n  display: block;\r\n  width: 30px;\r\n  height: 30px;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  text-transform: none;\r\n  text-rendering: auto;\r\n  color: #666666;\r\n}\r\n\r\n.modal-img {\r\n  text-align: center;\r\n}\r\n\r\n.modal-img-logo {\r\n  width: 110px !important;\r\n  background-size: contain;\r\n  border-radius: 60px;\r\n  height: 110px;\r\n  margin-top: -67px;\r\n}\r\n\r\n.color-time {\r\n  color: #ff5252;\r\n  font-weight: 800;\r\n}\r\n\r\n.img-logo-footer {\r\n  width: 100px !important;\r\n}\r\n\r\n.btn-use-points {\r\n  min-width: 120px;\r\n}\r\n\r\n.ant-list {\r\n  width: 100%;\r\n}\r\n\r\n@media only screen and (min-device-width: 600px) and (min-device-height: 600px) {\r\n  .btn-use-points {\r\n    box-shadow: initial;\r\n  }\r\n}\r\n.close-btn {\r\n  background-color: transparent;\r\n  border: none;\r\n  position: absolute;\r\n  right: 20px;\r\n  top: 10px;\r\n  .close-icon {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n}\r\n</style>\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"consent-marketing-modal-container\"}},[_c('b-modal',{attrs:{\"id\":\"consent-marketing-modal\",\"hide-header\":\"\",\"hide-footer\":\"\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\"},model:{value:(_vm.showmodal),callback:function ($$v) {_vm.showmodal=$$v},expression:\"showmodal\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"close-container\"},[_c('img',{staticClass:\"close\",attrs:{\"src\":require(\"@/assets/images/close_gray.svg\"),\"alt\":\"\"},on:{\"click\":function($event){return _vm.closeModal()}}})]),_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/images/icon_gift_box.svg\"),\"alt\":\"success icon\"}}),_c('span',{staticClass:\"title\"},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.consent_marketing_message.title)+\"\\n        \")]),_c('span',{staticClass:\"description\"},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.consent_marketing_message.description)+\"\\n        \")])]),_c('div',{staticClass:\"button-container\"},[_c('b-button',{staticClass:\"close-button\",style:({\n            backgroundColor: _vm.buttonColor,\n            border: _vm.buttonColor,\n            color: _vm.buttonTextColor,\n          }),attrs:{\"id\":\"close-button\",\"block\":\"\",\"crm_at\":\"close_button\"},on:{\"click\":function($event){return _vm.allowConsentMarketing()}}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.consent_marketing_message.button)+\"\\n        \")])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"consent-marketing-modal-container\">\r\n    <b-modal\r\n      id=\"consent-marketing-modal\"\r\n      v-model=\"showmodal\"\r\n      hide-header\r\n      hide-footer\r\n      centered\r\n      no-close-on-backdrop\r\n      no-close-on-esc\r\n    >\r\n      <div :class=\"currentLocale\">\r\n        <div class=\"body\">\r\n          <div class=\"close-container\">\r\n            <img\r\n              src=\"@/assets/images/close_gray.svg\"\r\n              class=\"close\"\r\n              alt=\"\"\r\n              @click=\"closeModal()\"\r\n            />\r\n          </div>\r\n          <img\r\n            src=\"@/assets/images/icon_gift_box.svg\"\r\n            alt=\"success icon\"\r\n            class=\"icon\"\r\n          />\r\n          <span class=\"title\">\r\n            {{ lbl.consent_marketing_message.title }}\r\n          </span>\r\n          <span class=\"description\">\r\n            {{ lbl.consent_marketing_message.description }}\r\n          </span>\r\n        </div>\r\n        <div class=\"button-container\">\r\n          <b-button\r\n            id=\"close-button\"\r\n            block\r\n            class=\"close-button\"\r\n            :style=\"{\r\n              backgroundColor: buttonColor,\r\n              border: buttonColor,\r\n              color: buttonTextColor,\r\n            }\"\r\n            crm_at=\"close_button\"\r\n            @click=\"allowConsentMarketing()\"\r\n          >\r\n            {{ lbl.consent_marketing_message.button }}\r\n          </b-button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  name: 'ConsentMarketingModal',\r\n  mixins: [CommonMixin],\r\n  props: {\r\n    buttonColor: String,\r\n    buttonTextColor: String,\r\n  },\r\n  data() {\r\n    return {\r\n      showmodal: true,\r\n      currentLocale: Locale.getLocale(),\r\n    }\r\n  },\r\n  methods: {\r\n    allowConsentMarketing() {\r\n      this.$bvModal.hide('consent-marketing-modal')\r\n      this.$emit('allowConsentMarketing')\r\n    },\r\n    closeModal() {\r\n      this.$bvModal.hide('consent-marketing-modal')\r\n      this.$emit('closeConsentMarketing')\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n\r\n#consent-marketing-modal > .modal-dialog {\r\n  padding: 0;\r\n  border-radius: 10px;\r\n\r\n  .modal-content {\r\n    background-color: #fff;\r\n    border: solid 1px #f5f5f5;\r\n    border-radius: 16px;\r\n    padding: 24px 16px 32px;\r\n    margin: auto 12px;\r\n\r\n    .modal-body {\r\n      color: #616161;\r\n      font-size: 14px;\r\n      padding: 0;\r\n      line-height: 1.57;\r\n      letter-spacing: 0.15px;\r\n      text-align: center;\r\n\r\n      .close-container {\r\n        width: 100%;\r\n        .close {\r\n          text-align: right;\r\n        }\r\n      }\r\n      .body {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 24px;\r\n        flex-direction: column;\r\n\r\n        .icon {\r\n          width: 120px;\r\n          height: 120px;\r\n          margin-bottom: 24px;\r\n        }\r\n\r\n        .title {\r\n          font-weight: 500;\r\n          font-size: 24px;\r\n          color: $color-modal-title;\r\n          margin-bottom: 8px;\r\n        }\r\n        .description {\r\n          font-size: 16px;\r\n          font-weight: 300;\r\n          color: $color-modal-desc;\r\n        }\r\n      }\r\n    }\r\n\r\n    .button-container {\r\n      width: 100%;\r\n\r\n      .close-button {\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        text-align: center;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 16px;\r\n        border-radius: 100px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConsentMarketingModal.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!./ConsentMarketingModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConsentMarketingModal.vue?vue&type=template&id=594a63a4&\"\nimport script from \"./ConsentMarketingModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ConsentMarketingModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConsentMarketingModal.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:\"popup-expired\"},[(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('b-modal',{ref:\"my-modal-expired\",staticClass:\"modal-expired\",attrs:{\"id\":\"modal-expired\",\"centered\":\"\",\"crm_at\":\"modal_expired\",\"hide-footer\":\"\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"pb-2 pt-3 modal-expired-text-main\",attrs:{\"crm_at\":\"detail_expired\"}},[_vm._v(\"\\n      \"+_vm._s(_vm.Title)+\"\\n    \")]),_c('div',{staticClass:\"pb-4 modal-expired-text-sub\",attrs:{\"crm_at\":\"detail_expired\"}},[_vm._v(\"\\n      \"+_vm._s(_vm.Detail)+\"\\n    \")]),_c('div',{staticClass:\"timer mb-2\"},[_c('img',{staticClass:\"icon-timer\",attrs:{\"src\":require(\"@/assets/images/timer.svg\"),\"alt\":\"\"}}),_c('span',{staticClass:\"lbl-expired\"},[_vm._v(\" \"+_vm._s(_vm.lbl.dashboard.expired))])]),_c('div',{staticClass:\"list-expired\"},[_c('a-list',{attrs:{\"data-source\":_vm.dataExpired},scopedSlots:_vm._u([{key:\"renderItem\",fn:function(item){return _c('a-list-item',{staticClass:\"wrapper-expired-list\",attrs:{\"crm_at\":\"wrapper_expired_list\"}},[_c('a-list-item-meta',[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('div',{staticClass:\"title-point\"},[_vm._v(\"\\n                \"+_vm._s(item.point)+\" \"+_vm._s(_vm.lbl.main.points)+\"\\n              \")]),_c('div',{staticClass:\"date-point\"},[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.dashboard.will_be_expired)+\" \"+_vm._s(item.date)+\"\\n              \")])])])],1)}}],null,false,3604263818)})],1)])]):_c('b-modal',{ref:\"my-modal-expired\",staticClass:\"modal-expired\",attrs:{\"id\":\"modal-expired\",\"centered\":\"\",\"crm_at\":\"modal_expired\",\"hide-footer\":\"\"}},[_c('div',{class:_vm.currentLocale},[_c('div',{staticClass:\"pb-2 pt-3 modal-expired-text-main\",attrs:{\"crm_at\":\"detail_expired\"}},[_vm._v(\"\\n      \"+_vm._s(_vm.Title)+\"\\n    \")]),_c('div',{staticClass:\"pb-4 modal-expired-text-sub\",attrs:{\"crm_at\":\"detail_expired\"}},[_vm._v(\"\\n      \"+_vm._s(_vm.Detail)+\"\\n    \")]),_c('div',{staticClass:\"timer mb-2\"},[_c('img',{staticClass:\"icon-timer\",attrs:{\"src\":require(\"@/assets/images/timer.svg\"),\"alt\":\"\"}}),_c('span',{staticClass:\"lbl-expired\"},[_vm._v(\" \"+_vm._s(_vm.lbl.dashboard.expired))])]),_c('div',{staticClass:\"list-expired\"},[_c('a-list',{attrs:{\"data-source\":_vm.dataExpired},scopedSlots:_vm._u([{key:\"renderItem\",fn:function(item){return _c('a-list-item',{staticClass:\"wrapper-expired-list\",attrs:{\"crm_at\":\"wrapper_expired_list\"}},[_c('a-list-item-meta',[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('div',{staticClass:\"title-point\"},[_vm._v(\"\\n                \"+_vm._s(item.point)+\" \"+_vm._s(_vm.lbl.main.points)+\"\\n              \")]),_c('div',{staticClass:\"date-point\"},[_vm._v(\"\\n                \"+_vm._s(_vm.lbl.dashboard.will_be_expired)+\" \"+_vm._s(item.date)+\"\\n              \")])])])],1)}}])})],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"popup-expired\">\r\n    <!-- Support PC Tablet -->\r\n    <b-modal\r\n      v-if=\"windowWidth >= 600 && windowHeight >= 600\"\r\n      id=\"modal-expired\"\r\n      ref=\"my-modal-expired\"\r\n      centered\r\n      class=\"modal-expired\"    \r\n      crm_at=\"modal_expired\"\r\n      hide-footer\r\n    >\r\n    <div :class=\"currentLocale\">\r\n      <div class=\"pb-2 pt-3 modal-expired-text-main\" crm_at=\"detail_expired\">\r\n        {{ Title }}\r\n      </div>\r\n      <div class=\"pb-4 modal-expired-text-sub\" crm_at=\"detail_expired\">\r\n        {{ Detail }}\r\n      </div>\r\n      <div class=\"timer mb-2\">\r\n        <img class=\"icon-timer\" src=\"@/assets/images/timer.svg\" alt=\"\"/>\r\n        <span class=\"lbl-expired\"> {{ lbl.dashboard.expired }}</span>\r\n      </div>\r\n      <div class=\"list-expired\">\r\n        <a-list :data-source=\"dataExpired\">\r\n          <a-list-item\r\n            slot=\"renderItem\"\r\n            slot-scope=\"item\"\r\n            class=\"wrapper-expired-list\"\r\n            crm_at=\"wrapper_expired_list\"\r\n          >\r\n            <a-list-item-meta>\r\n              <div slot=\"title\">\r\n                <div class=\"title-point\">\r\n                  {{ item.point }} {{ lbl.main.points }}\r\n                </div>\r\n                <div class=\"date-point\">\r\n                  {{ lbl.dashboard.will_be_expired }} {{ item.date }}\r\n                </div>\r\n              </div>\r\n            </a-list-item-meta>\r\n          </a-list-item>\r\n        </a-list>\r\n      </div>\r\n    </div>\r\n    </b-modal>\r\n\r\n    <!-- Support Mobile -->\r\n    <b-modal\r\n      v-else\r\n      id=\"modal-expired\"\r\n      ref=\"my-modal-expired\"\r\n      centered\r\n      class=\"modal-expired\"\r\n      crm_at=\"modal_expired\"\r\n      hide-footer\r\n    >\r\n    <div :class=\"currentLocale\">\r\n      <div class=\"pb-2 pt-3 modal-expired-text-main\" crm_at=\"detail_expired\">\r\n        {{ Title }}\r\n      </div>\r\n      <div class=\"pb-4 modal-expired-text-sub\" crm_at=\"detail_expired\">\r\n        {{ Detail }}\r\n      </div>\r\n      <div class=\"timer mb-2\">\r\n        <img class=\"icon-timer\" src=\"@/assets/images/timer.svg\" alt=\"\"/>\r\n        <span class=\"lbl-expired\"> {{ lbl.dashboard.expired }}</span>\r\n      </div>\r\n      <div class=\"list-expired\">\r\n        <a-list :data-source=\"dataExpired\">\r\n          <a-list-item\r\n            slot=\"renderItem\"\r\n            slot-scope=\"item\"\r\n            class=\"wrapper-expired-list\"\r\n            crm_at=\"wrapper_expired_list\"\r\n          >\r\n            <a-list-item-meta>\r\n              <div slot=\"title\">\r\n                <div class=\"title-point\">\r\n                  {{ item.point }} {{ lbl.main.points }}\r\n                </div>\r\n                <div class=\"date-point\">\r\n                  {{ lbl.dashboard.will_be_expired }} {{ item.date }}\r\n                </div>\r\n              </div>\r\n            </a-list-item-meta>\r\n          </a-list-item>\r\n        </a-list>\r\n      </div>\r\n    </div>\r\n    </b-modal>\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 Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  components: {},\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  props: {\r\n    show: Boolean,\r\n    data: Object,\r\n  },\r\n  data() {\r\n    return {\r\n      Title: '',\r\n      Detail: '',\r\n      backgroundColor: '',\r\n      currentLocale: Locale.getLocale(),\r\n      textColor: '',\r\n      Condition: '',\r\n      dataExpired: []\r\n    }\r\n  },\r\n  watch: {\r\n    show: function (newVal, oldVal) {\r\n      console.log('Prop changed: ', newVal, ' | was: ', oldVal)\r\n      if (newVal == true) {\r\n        this.genInfo()\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$root.$on('bv::modal::hide', (bvEvent, modalId) => {\r\n      if (modalId == 'modal-expired') {\r\n        this.$refs['my-modal-expired'].hide()\r\n        this.$emit('changeExpired', false)\r\n      }\r\n    })\r\n  },\r\n  methods: {\r\n    genInfo() {\r\n      this.$refs['my-modal-expired'].show()\r\n      this.Title = this.data.title\r\n      this.Detail = this.data.detail\r\n      this.backgroundColor = '#033a70'\r\n      this.textColor = '#033a70'\r\n      this.dataExpired = this.data.expired\r\n    },\r\n    gotoMyReward() {\r\n      console.log('gotoMyReward')\r\n      window.location.href = '/myrewards'\r\n    },\r\n    close() {\r\n      this.$refs['my-modal-expired'].hide()\r\n      this.$emit('changeExpired', false)\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-expired {\r\n  .modal-header {\r\n    background-color: #ffffff;\r\n    border-bottom: unset;\r\n  }\r\n  .modal-body {\r\n    padding: 0 3rem 3rem;\r\n  }\r\n  .modal-content {\r\n    border-radius: 8px;\r\n  }\r\n  @mixin btn() {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: auto;\r\n    border-radius: 100px;\r\n    font-size: 18px;\r\n    height: 50px;\r\n  }\r\n  .btn-alert-expired {\r\n    @include btn();\r\n    width: 80%;\r\n  }\r\n  .modal-expired-text-main {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.5px;\r\n    text-align: left;\r\n    color: #212121;\r\n  }\r\n  .modal-expired-text-sub {\r\n    font-size: 14px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.57;\r\n    letter-spacing: 0.15px;\r\n    text-align: left;\r\n    color: #616161;\r\n  }\r\n  .icon-expired {\r\n    width: 100%;\r\n  }\r\n\r\n  .icon-timer {\r\n    margin-top: -5px;\r\n  }\r\n\r\n  .lbl-expired {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.43;\r\n    letter-spacing: 0.1px;\r\n    text-align: left;\r\n    color: #424242;\r\n  }\r\n\r\n  .more_point {\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    color: #033a70;\r\n  }\r\n\r\n  .title-point {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.5px;\r\n    text-align: left;\r\n    color: #ff5252;\r\n  }\r\n\r\n  .date-point {\r\n    font-size: 14px;\r\n    font-weight: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.5px;\r\n    text-align: left;\r\n    color: #ff5252;\r\n    text-transform: initial;\r\n  }\r\n\r\n  .ant-list-split .ant-list-item {\r\n    border-bottom: initial;\r\n    border-radius: 4px;\r\n    background-color: rgba(255, 82, 82, 0.2);\r\n    padding: 10px 15px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .modal-header .close {\r\n    padding: 1rem 1rem;\r\n    margin: -1rem -1rem -1rem auto;\r\n    font-size: 34px;\r\n    font-weight: 100;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PointsExpired.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!./PointsExpired.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PointsExpired.vue?vue&type=template&id=2e7e4a81&\"\nimport script from \"./PointsExpired.vue?vue&type=script&lang=js&\"\nexport * from \"./PointsExpired.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PointsExpired.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:\"accept-cookie\"},[_c('vue-cookie-accept-decline',{ref:\"myCookieConsumer\",class:_vm.currentLocale,attrs:{\"id\":\"accept-cookie\",\"element-id\":\"myCookieConsumer\",\"position\":\"bottom-left\",\"debug\":false,\"disable-decline\":true,\"transition-name\":\"slideFromBottom\",\"show-postpone-button\":true,\"type\":\"floating\"},on:{\"clicked-decline\":_vm.cookieClickedDecline,\"clicked-postpone\":_vm.cookieClickedPostpone,\"removed-cookie\":_vm.cookieRemovedCookie,\"status\":_vm.cookieStatus,\"clicked-accept\":_vm.cookieClickedAccept},scopedSlots:_vm._u([{key:\"postponeContent\",fn:function(){return [_c('div',{staticClass:\"close\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/close_gray.svg\"),\"alt\":\"\"}})])]},proxy:true},{key:\"message\",fn:function(){return [_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 title-cookie\"},[_c('img',{staticClass:\"img-cookie\",attrs:{\"src\":require(\"@/assets/images/cookie.svg\"),\"alt\":\"\"}}),_vm._v(\"\\n          \"+_vm._s(_vm.lbl.cookies.website_uses_cookies)+\"\\n        \")]),_c('div',{staticClass:\"col-12 body-overflow\"},[_c('div',{staticClass:\"body-cookie\"},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.cookies.website_uses_cookies_detail)+\"\\n            \"),(_vm.isSeeMore == false && _vm.listCookies.length > 0)?_c('a',{attrs:{\"href\":\"\"},on:{\"click\":_vm.handleSeeMore}},[_vm._v(_vm._s(_vm.lbl.cookies.btn_seemore))]):_vm._e(),(_vm.isSeeMore == true && _vm.listCookies.length > 0)?_c('div',_vm._l((_vm.listCookies),function(item,idex){return _c('div',{key:idex},[_c('div',{staticClass:\"info-title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"info-description\"},[_vm._v(_vm._s(item.description))])])}),0):_vm._e()])])])]},proxy:true},{key:\"acceptContent\",fn:function(){return [_vm._v(_vm._s(_vm.lbl.cookies.accept_all))]},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"accept-cookie\">\r\n    <vue-cookie-accept-decline\r\n      id=\"accept-cookie\"\r\n      ref=\"myCookieConsumer\"\r\n      element-id=\"myCookieConsumer\"\r\n      position=\"bottom-left\"\r\n      :class=\"currentLocale\"\r\n      :debug=\"false\"\r\n      :disable-decline=\"true\"\r\n      transition-name=\"slideFromBottom\"\r\n      :show-postpone-button=\"true\"\r\n      type=\"floating\"\r\n      @clicked-decline=\"cookieClickedDecline\"\r\n      @clicked-postpone=\"cookieClickedPostpone\"\r\n      @removed-cookie=\"cookieRemovedCookie\"\r\n      @status=\"cookieStatus\"\r\n      @clicked-accept=\"cookieClickedAccept\"\r\n    >\r\n      <!-- Optional -->\r\n      <template #postponeContent>\r\n        <div class=\"close\">\r\n          <img src=\"@/assets/images/close_gray.svg\" alt=\"\" />\r\n        </div>\r\n      </template>\r\n\r\n      <!-- Optional -->\r\n      <template #message>\r\n        <div class=\"row\">\r\n          <div class=\"col-12 title-cookie\">\r\n            <img class=\"img-cookie\" src=\"@/assets/images/cookie.svg\" alt=\"\" />\r\n            {{ lbl.cookies.website_uses_cookies }}\r\n          </div>\r\n          <div class=\"col-12 body-overflow\">\r\n            <div class=\"body-cookie\">\r\n              {{ lbl.cookies.website_uses_cookies_detail }}\r\n              <a\r\n                v-if=\"isSeeMore == false && listCookies.length > 0\"\r\n                href=\"\"\r\n                @click=\"handleSeeMore\"\r\n                >{{ lbl.cookies.btn_seemore }}</a\r\n              >\r\n              <div v-if=\"isSeeMore == true && listCookies.length > 0\">\r\n                <div v-for=\"(item, idex) in listCookies\" :key=\"idex\">\r\n                  <div class=\"info-title\">{{ item.title }}</div>\r\n                  <div class=\"info-description\">{{ item.description }}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n      <template #acceptContent>{{ lbl.cookies.accept_all }}</template>\r\n      <!-- Optional -->\r\n    </vue-cookie-accept-decline>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Config from '@/helper/Config.js'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport Locale from '@/helper/Locale.js'\r\n\r\nexport default {\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data() {\r\n    return {\r\n      isSeeMore: false,\r\n      listCookies: [],\r\n      currentLocale: Locale.getLocale(),\r\n    }\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getCookieInfo()\r\n    },\r\n    getCookieInfo() {\r\n      Config.getCookies().then(res => {\r\n        if (res.data.cookies.length > 0) {\r\n          this.listCookies = res.data.cookies\r\n        } else {\r\n          this.listCookies = []\r\n        }\r\n      })\r\n    },\r\n    handleSeeMore(e) {\r\n      e.preventDefault()\r\n      this.isSeeMore = true\r\n    },\r\n    cookieClickedDecline() {},\r\n    cookieClickedPostpone() {},\r\n    cookieRemovedCookie() {},\r\n    cookieStatus() {},\r\n    cookieClickedAccept() {},\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/style/_mixin.scss';\r\n#accept-cookie {\r\n  .close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    opacity: 1 !important;\r\n    color: #000;\r\n  }\r\n\r\n  .cookie {\r\n    border: solid 1px #e7e7e7;\r\n    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);\r\n  }\r\n\r\n  .cookie__floating__buttons__button:first-child {\r\n    border: initial;\r\n    background-color: #033a70;\r\n    border-radius: 20px;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.25;\r\n    letter-spacing: 1px;\r\n    text-align: center;\r\n    color: #fff;\r\n    margin: 10px 15px !important;\r\n  }\r\n\r\n  .cookie__floating--bottom-left {\r\n    bottom: 20px;\r\n    left: 0;\r\n    right: 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .img-cookie {\r\n    margin-top: -3px;\r\n  }\r\n\r\n  .title-cookie {\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    text-align: left;\r\n    color: #424242;\r\n    position: absolute;\r\n    top: 11px;\r\n    width: 80%;\r\n  }\r\n\r\n  .info-title {\r\n    font-weight: 600;\r\n    color: #686868;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .info-description {\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .body-overflow {\r\n    overflow: auto;\r\n    max-height: 70vh;\r\n  }\r\n\r\n  .body-cookie {\r\n    font-size: 14px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.57;\r\n    letter-spacing: 0.15px;\r\n    text-align: left;\r\n    color: #757575;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .cookie__floating__content {\r\n    font-size: 0.95rem;\r\n    margin-bottom: 0;\r\n    padding: 15px 20px 10px;\r\n    max-height: 80vh !important;\r\n    overflow: initial !important;\r\n  }\r\n\r\n  .cookie__floating {\r\n    min-width: 90% !important;\r\n    width: 90% !important;\r\n  }\r\n\r\n  @include breakpoint-max($tablet-xs) {\r\n    .cookie__floating {\r\n      min-width: 90% !important;\r\n      width: 90% !important;\r\n    }\r\n\r\n    .cookie__floating__content {\r\n      font-size: 0.95rem;\r\n      margin-bottom: 0;\r\n      padding: 15px 20px 10px;\r\n      max-height: initial;\r\n      overflow: auto;\r\n    }\r\n  }\r\n}\r\n\r\n.cookie__floating {\r\n  min-width: 90% !important;\r\n  width: 90% !important;\r\n}\r\n\r\n.cookie__floating__content {\r\n  font-size: 0.95rem;\r\n  margin-bottom: 0;\r\n  padding: 15px 20px 10px;\r\n  max-height: initial;\r\n  overflow: auto;\r\n}\r\n\r\n.cookie__floating--bottom-left {\r\n  bottom: 20px;\r\n  left: 0 !important;\r\n  right: 0 !important;\r\n  margin: 0 auto !important;\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!./CookieAccept.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!./CookieAccept.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CookieAccept.vue?vue&type=template&id=2be64dd4&\"\nimport script from \"./CookieAccept.vue?vue&type=script&lang=js&\"\nexport * from \"./CookieAccept.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CookieAccept.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","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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=fe723eb0&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.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/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!./StoreTerminateModal.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/restore.svg\";","var isObject = require('./_is-object');\nvar isArray = require('./_is-array');\nvar SPECIES = require('./_wks')('species');\n\nmodule.exports = function (original) {\n  var C;\n  if (isArray(original)) {\n    C = original.constructor;\n    // cross-realm fallback\n    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;\n    if (isObject(C)) {\n      C = C[SPECIES];\n      if (C === null) C = undefined;\n    }\n  } return C === undefined ? Array : C;\n};\n","module.exports = __webpack_public_path__ + \"img/icon-warning.svg\";"],"sourceRoot":""}