{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_strict-method.js","webpack:///./src/assets/images/arrow-downward.svg","webpack:///./node_modules/core-js/modules/es6.array.sort.js","webpack:///./src/module/MyRewards/RewardsDetail.vue?71a2","webpack:///src/module/MyRewards/RewardsDetail.vue","webpack:///./src/module/MyRewards/RewardsDetail.vue?bf28","webpack:///./src/module/MyRewards/RewardsDetail.vue","webpack:///./src/assets/images/Btn_Back.svg","webpack:///./src/module/MyRewards/RewardsDetail.vue?d647","webpack:///./src/module/MyRewards/RewardsDetail.vue?1205"],"names":["fails","module","exports","method","arg","call","$export","aFunction","toObject","$sort","sort","test","P","F","undefined","comparefn","this","render","_vm","_h","$createElement","_c","_self","staticClass","windowWidth","windowHeight","style","backgroundImage","storeinfo","image_header","attrs","dataRedeemPurchaseList","scopedSlots","_u","key","fn","item","class","IsUsed","slot","Type","backgroundColor","color","textColor","_e","FullImageUrl","_v","_s","Name","lbl","package","redeem_on","dateShortFormatUTC","RedeemDate","displayExpiredDate","PackageVoucherExpireDate","isTruemoney","Website","PackageVoucherStartDate","currentDate","staticStyle","main","coming_soon_text","used_campaign_in_package_second","Delivered","on","$event","handleShowPopup","usenow_campaign_in_package","openInterfaceHistory","usenow_website","_m","package_details","totalsCampaign","guide_use","marginBottom","dataRedeemedPurchaseList","length","dataNotRedeemedPurchaseList","unavailable","showBarcode","itemforShowonmodal","ChangeBarcode","showError","dataError","ChangeError","staticRenderFns","component"],"mappings":"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EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACE,YAAY,aAAaO,MAAM,CAAC,KAAO,0BAA0B,OAAS,qBAAqB,CAACT,EAAG,MAAM,CAACS,MAAM,CAAC,IAAM,EAAQ,QAAgC,IAAM,U,wNCyYvR,GACA,qBACA,sEACA,uBACA,gBACA,OACA,WACA,eACA,aACA,0BACA,4BACA,+BACA,iBACA,eACA,gBACA,eACA,eACA,sBACA,aACA,iBACA,mBACA,aACA,WACA,eACA,WACA,gBACA,cACA,iBAEA,cACA,gBACA,aACA,eACA,cACA,aAGA,0BACA,qBACA,6DAEA,8BACA,sBACA,0CACA,+BACA,6BACA,wBACA,SACA,0DAGA,mBACA,iCAEA,SACA,WACA,2BACA,wBACA,8BACA,gCACA,8BACA,mCACA,kBACA,0CACA,wCACA,4CACA,0CACA,kCACA,gDACA,gDACA,+CACA,uBACA,yCACA,4BACA,8BACA,iCACA,mBACA,sBACA,aACA,4BAEA,0CACA,WAIA,0CACA,YAHA,oCASA,oCACA,oDACA,uCAEA,oCACA,0BACA,YACA,6CAKA,oCACA,oCACA,0BACA,YACA,2BAIA,iDACA,+DACA,+BAEA,4DACA,+BAEA,sDACA,kCACA,GAEA,yBAEA,SAGA,wBACA,uCAMA,4CACA,uBACA,uDACA,cACA,2BACA,8CAIA,gBACA,kBACA,+BAGA,IAEA,0BACA,iCAEA,uBAEA,OADA,wBACA,GAEA,0BACA,mBACA,2BACA,aAEA,wBACA,iBACA,mBAEA,uCAEA,sCACA,wDACA,IAEA,oBACA,oCACA,qCAEA,yBAEA,8BAGA,UACA,iBACA,sBACA,cACA,YACA,qBACA,uBACA,yBACA,cACA,UAEA,aACA,4CAEA,8BACA,eACA,aACA,6BACA,2BApBA,wBA4BA,qCAEA,OADA,uBACA,yBACA,+CACA,kBACA,oBACA,gBACA,6BACA,iBACA,sBACA,wBACA,YACA,qBACA,qBACA,mBACA,cACA,UAEA,aACA,qDAGA,iBAEA,8BACA,eACA,aACA,6BACA,yCAGA,cAGA,mBACA,oBACA,8BACA,eACA,aACA,6BACA,sCAGA,YAIA,yCACA,gCACA,iDACA,kBACA,6CACA,mEACA,aAEA,mBACA,oBACA,eACA,aACA,6BACA,sCAEA,YAIA,iCAEA,OADA,uBACA,yBACA,oBACA,kBACA,oBACA,EACA,QACA,gDACA,6CACA,WAEA,KAGA,SAGA,mBACA,oBACA,eACA,aACA,6BACA,sCAEA,YAIA,uCAGA,OAFA,uBAEA,yBACA,0BACA,kBACA,aAEA,mBACA,oBACA,eACA,aACA,6BACA,sCAEA,YAIA,8BACA,+BACA,oCACA,2BACA,yBACA,0BACA,uCACA,qBAEA,SAOA,OALA,EADA,EACA,IAEA,YAGA,GAEA,iCAEA,GADA,+BACA,GACA,0CACA,iCACA,oCACA,0BACA,uCACA,qBAEA,SAOA,OALA,EADA,EACA,IAEA,YAGA,EAEA,WAGA,iCAEA,GADA,+BACA,GACA,0CACA,iCACA,oCACA,0BACA,uCACA,qBAEA,SAOA,OALA,EADA,EACA,IAEA,YAGA,qCAEA,4CAGA,sBACA,QACA,YAEA,OADA,cACA,GAEA,4BACA,+BACA,gBAEA,GAGA,iCACA,MACA,qDACA,2CACA,2CAEA,uCACA,oCACA,gCAEA,EACA,UACA,UACA,EAFA,2BAKA,EACA,WACA,SACA,eACA,EACA,kCACA,EACA,UACA,UACA,EAFA,2BAKA,EACA,cACA,YACA,eACA,EACA,UACA,YAEA,wDACA,IACA,8BC17BsW,I,kCCSlWyD,EAAY,eACd,EACAtE,EACAqE,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,yDCpBftF,EAAOC,QAAU,IAA0B,oB,yDCA3C,W,kCCAA","file":"js/RewardsDetail.js","sourcesContent":["'use strict';\nvar fails = require('./_fails');\n\nmodule.exports = function (method, arg) {\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call\n    arg ? method.call(null, function () { /* empty */ }, 1) : method.call(null);\n  });\n};\n","module.exports = __webpack_public_path__ + \"img/arrow-downward.svg\";","'use strict';\nvar $export = require('./_export');\nvar aFunction = require('./_a-function');\nvar toObject = require('./_to-object');\nvar fails = require('./_fails');\nvar $sort = [].sort;\nvar test = [1, 2, 3];\n\n$export($export.P + $export.F * (fails(function () {\n  // IE8-\n  test.sort(undefined);\n}) || !fails(function () {\n  // V8 bug\n  test.sort(null);\n  // Old WebKit\n}) || !require('./_strict-method')($sort)), 'Array', {\n  // 22.1.3.25 Array.prototype.sort(comparefn)\n  sort: function sort(comparefn) {\n    return comparefn === undefined\n      ? $sort.call(toObject(this))\n      : $sort.call(toObject(this), aFunction(comparefn));\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"MyRewards\"},[(_vm.windowWidth >= 600 && _vm.windowHeight >= 600)?_c('div',{staticClass:\"h-100\"},[_c('div',{staticClass:\"image__hearder\",style:({ backgroundImage: 'url(' + _vm.storeinfo.image_header + ')' }),attrs:{\"crm_at\":\"image_hearder\"}},[_c('div',{staticClass:\"box_content\"},[_c('div',{staticClass:\"wrapper__home__page\"},[_c('div',{staticClass:\"wrapper_hearder\"},[_c('LayoutHome')],1),_c('div',{staticClass:\"wrapper_content mt-4\"},[_c('a-list',{attrs:{\"data-source\":_vm.dataRedeemPurchaseList,\"crm_at\":\"list\"},scopedSlots:_vm._u([{key:\"renderItem\",fn:function(item){return _c('a-list-item',{staticClass:\"wrapper-list\",attrs:{\"crm_at\":\"wrapper_list\"}},[_c('a-list-item-meta',{staticClass:\"wrapper-list-item\",attrs:{\"crm_at\":\"wrapper_list_item\"}},[_c('div',{staticClass:\"rewards\",class:item.IsUsed ? 'campaign-used' : '',attrs:{\"slot\":\"title\",\"crm_at\":\"rewards\"},slot:\"title\"},[(item.Type != 0)?_c('div',{staticClass:\"star-corner\",style:({\n                        'background-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        'border-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        'z-index': 10,\n                      })},[_c('a-icon',{staticClass:\"a-icons-star\",style:({ color: _vm.textColor ? _vm.textColor : '#FFFFFF' }),attrs:{\"type\":\"star\",\"theme\":\"filled\"}})],1):_vm._e(),_c('div',{staticClass:\"rewards_detail\"},[_c('div',{staticClass:\"detail_left\"},[_c('a-avatar',{attrs:{\"slot\":\"avatar\",\"shape\":\"square\",\"crm_at\":\"avatar_image\",\"size\":100,\"src\":item.FullImageUrl},slot:\"avatar\"})],1),_c('div',{staticClass:\"detail_right\"},[_c('div',{staticClass:\"detail-name pb-4\"},[_vm._v(\"\\n                          \"+_vm._s(item.Name)+\"\\n                        \")]),_c('div',{staticClass:\"detail-date\"},[(item.IsUsed)?_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.lbl.package.redeem_on +\n                              ': ' +\n                              _vm.dateShortFormatUTC(item.RedeemDate))+\"\\n                          \")]):_vm._e(),_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.displayExpiredDate(\n                                item.PackageVoucherExpireDate\n                              ))+\"\\n                          \")])])])]),(item.Type != 0 && !_vm.isTruemoney(item.Website))?_c('div',{staticClass:\"card-button-rewards pt-3\"},[(\n                          item.PackageVoucherStartDate &&\n                          !item.IsUsed &&\n                          item.PackageVoucherStartDate > _vm.currentDate &&\n                          item.PackageVoucherExpireDate <= _vm.currentDate\n                        )?_c('a-button',{staticStyle:{\"background\":\"#9e9e9e\",\"color\":\"#ffffff\"},attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow\",\"disabled\":\"\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.lbl.main.coming_soon_text)+\"\\n                      \")]):_vm._e(),(item.IsUsed)?_c('a-button',{staticStyle:{\"background\":\"#9e9e9e\",\"color\":\"#ffffff\"},attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow\",\"disabled\":\"\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.lbl.main.used_campaign_in_package_second)+\"\\n                      \")]):_vm._e(),(\n                          (item.PackageVoucherStartDate &&\n                            item.PackageVoucherStartDate <= _vm.currentDate &&\n                            !item.IsUsed &&\n                            item.Website == null &&\n                            !item.Delivered) ||\n                          (!item.PackageVoucherStartDate &&\n                            !item.IsUsed &&\n                            item.Website == null &&\n                            !item.Delivered)\n                        )?_c('a-button',{style:({\n                          'background-color': _vm.backgroundColor\n                            ? _vm.backgroundColor\n                            : '#1890ff',\n                          'border-color': _vm.backgroundColor\n                            ? _vm.backgroundColor\n                            : '#1890ff',\n                          color: _vm.textColor ? _vm.textColor : '#FFFFFF',\n                        }),attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow\"},on:{\"click\":function($event){return _vm.handleShowPopup(item)}}},[_vm._v(\"\\n                        \"+_vm._s(_vm.lbl.main.usenow_campaign_in_package)+\"\\n                      \")]):_vm._e(),(!item.IsUsed && item.Website && !item.Delivered)?_c('a-button',{style:({\n                          'background-color': _vm.backgroundColor\n                            ? _vm.backgroundColor\n                            : '#1890ff',\n                          'border-color': _vm.backgroundColor\n                            ? _vm.backgroundColor\n                            : '#1890ff',\n                          color: _vm.textColor ? _vm.textColor : '#FFFFFF',\n                        }),attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow_website\"},on:{\"click\":function($event){return _vm.openInterfaceHistory(item)}}},[_vm._v(_vm._s(_vm.lbl.main.usenow_website)+\"\\n                      \")]):_vm._e()],1):_vm._e()])])],1)}}],null,false,2528754013)})],1)])])])]):_c('div',[_c('div',{staticClass:\"title-page ml-0\",attrs:{\"crm_at\":\"title_page\"}},[_vm._m(0),_vm._v(\"\\n      \"+_vm._s(_vm.lbl.main.package_details)+\"\\n      \"),(_vm.totalsCampaign)?_c('div',{staticClass:\"qty\"},[_c('span',[_vm._v(\"\\n          \"+_vm._s('x' + _vm.totalsCampaign)+\"\\n        \")])]):_vm._e()]),_c('div',{staticClass:\"tab-container\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/arrow-downward.svg\"),\"alt\":\"next step\"}}),_vm._v(\"\\n      \"+_vm._s(_vm.lbl.package.guide_use)+\"\\n      \"),_c('img',{attrs:{\"src\":require(\"@/assets/images/arrow-downward.svg\"),\"alt\":\"next step\"}})]),_c('div',{staticClass:\"list-container\"},[_c('div',{staticClass:\"active-rewards\"},[_c('div',{staticClass:\"My-Rewards-list\",style:({\n            marginBottom: _vm.dataRedeemedPurchaseList.length ? '314px' : '32px',\n          })},[_c('a-list',{attrs:{\"data-source\":_vm.dataNotRedeemedPurchaseList,\"crm_at\":\"list\"},scopedSlots:_vm._u([{key:\"renderItem\",fn:function(item){return _c('a-list-item',{staticClass:\"wrapper-list\",attrs:{\"crm_at\":\"wrapper_list\"}},[_c('a-list-item-meta',[_c('div',{staticClass:\"rewards\",class:item.IsUsed ? 'campaign-used' : '',attrs:{\"slot\":\"title\",\"crm_at\":\"rewards\"},slot:\"title\"},[(item.Type != 0)?_c('div',{staticClass:\"star-corner\",style:({\n                      'background-color': _vm.backgroundColor\n                        ? _vm.backgroundColor\n                        : '#1890ff',\n                      'border-color': _vm.backgroundColor\n                        ? _vm.backgroundColor\n                        : '#1890ff',\n                    })},[_c('a-icon',{staticClass:\"a-icons-star\",style:({ color: _vm.textColor ? _vm.textColor : '#FFFFFF' }),attrs:{\"type\":\"star\",\"theme\":\"filled\"}})],1):_vm._e(),_c('div',{staticClass:\"rewards_detail\"},[_c('div',{staticClass:\"detail_left\"},[_c('a-avatar',{attrs:{\"slot\":\"avatar\",\"shape\":\"square\",\"size\":110,\"src\":item.FullImageUrl},slot:\"avatar\"})],1),_c('div',{staticClass:\"detail_right\"},[_c('div',{staticClass:\"detail-name\"},[_vm._v(\"\\n                        \"+_vm._s(item.Name)+\"\\n                      \")]),_c('div',{staticClass:\"detail-date\",class:item.PackageVoucherExpireDate < _vm.currentDate\n                            ? 'expired-text'\n                            : ''},[_c('span',[_vm._v(\"\\n                          \"+_vm._s(_vm.displayExpiredDate(item.PackageVoucherExpireDate))+\"\\n                        \")])])])]),(item.Type != 0 && !_vm.isTruemoney(item.Website))?_c('div',{staticClass:\"card-button-rewards\"},[(\n                        item.PackageVoucherStartDate &&\n                        !item.IsUsed &&\n                        item.PackageVoucherStartDate > _vm.currentDate\n                      )?_c('a-button',{staticStyle:{\"background\":\"#9e9e9e\",\"color\":\"#ffffff\"},attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow\",\"disabled\":\"\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.lbl.main.coming_soon_text)+\"\\n                    \")]):_vm._e(),(\n                        item.PackageVoucherStartDate &&\n                        !item.IsUsed &&\n                        item.PackageVoucherExpireDate < _vm.currentDate\n                      )?_c('a-button',{staticStyle:{\"background\":\"#9e9e9e\",\"color\":\"#ffffff\"},attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow\",\"disabled\":\"\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.lbl.main.usenow_campaign_in_package)+\"\\n                    \")]):_vm._e(),(item.IsUsed)?_c('a-button',{staticStyle:{\"background\":\"#9e9e9e\",\"color\":\"#ffffff\"},attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow\",\"disabled\":\"\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.lbl.main.used_campaign_in_package_second)+\"\\n                    \")]):_vm._e(),(\n                        (item.PackageVoucherStartDate &&\n                          item.PackageVoucherStartDate <= _vm.currentDate &&\n                          item.PackageVoucherExpireDate > _vm.currentDate &&\n                          !item.IsUsed &&\n                          item.Website == null &&\n                          !item.Delivered) ||\n                        (!item.PackageVoucherStartDate &&\n                          !item.IsUsed &&\n                          item.Website == null &&\n                          !item.Delivered)\n                      )?_c('a-button',{style:({\n                        'background-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        'border-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        color: _vm.textColor ? _vm.textColor : '#FFFFFF',\n                      }),attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow\"},on:{\"click\":function($event){return _vm.handleShowPopup(item)}}},[_vm._v(_vm._s(_vm.lbl.main.usenow_campaign_in_package))]):_vm._e(),(!item.IsUsed && item.Website && !item.Delivered)?_c('a-button',{style:({\n                        'background-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        'border-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        color: _vm.textColor ? _vm.textColor : '#FFFFFF',\n                      }),attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow_website\"},on:{\"click\":function($event){return _vm.openInterfaceHistory(item)}}},[_vm._v(_vm._s(_vm.lbl.main.usenow_website)+\"\\n                    \")]):_vm._e()],1):_vm._e()])])],1)}}])})],1)]),(_vm.dataRedeemedPurchaseList.length)?_c('div',{staticClass:\"inactive-rewards\"},[_c('strong',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.lbl.package.unavailable))]),_c('div',{staticClass:\"My-Rewards-list\"},[_c('a-list',{attrs:{\"data-source\":_vm.dataRedeemedPurchaseList,\"crm_at\":\"list\"},scopedSlots:_vm._u([{key:\"renderItem\",fn:function(item){return _c('a-list-item',{staticClass:\"wrapper-list\",attrs:{\"crm_at\":\"wrapper_list\"}},[_c('a-list-item-meta',[_c('div',{staticClass:\"rewards\",class:item.IsUsed ? 'campaign-used' : '',attrs:{\"slot\":\"title\",\"crm_at\":\"rewards\"},slot:\"title\"},[(item.Type != 0)?_c('div',{staticClass:\"star-corner\",style:({\n                      'background-color': _vm.backgroundColor\n                        ? _vm.backgroundColor\n                        : '#1890ff',\n                      'border-color': _vm.backgroundColor\n                        ? _vm.backgroundColor\n                        : '#1890ff',\n                    })},[_c('a-icon',{staticClass:\"a-icons-star\",style:({ color: _vm.textColor ? _vm.textColor : '#FFFFFF' }),attrs:{\"type\":\"star\",\"theme\":\"filled\"}})],1):_vm._e(),_c('div',{staticClass:\"rewards_detail\"},[_c('div',{staticClass:\"detail_left\"},[_c('a-avatar',{attrs:{\"slot\":\"avatar\",\"shape\":\"square\",\"size\":110,\"src\":item.FullImageUrl},slot:\"avatar\"})],1),_c('div',{staticClass:\"detail_right\"},[_c('div',{staticClass:\"detail-name\"},[_vm._v(\"\\n                        \"+_vm._s(item.Name)+\"\\n                      \")]),_c('div',{staticClass:\"detail-date\"},[_c('span',[_vm._v(\"\\n                          \"+_vm._s(_vm.lbl.package.redeem_on +\n                            ': ' +\n                            _vm.dateShortFormatUTC(item.RedeemDate))+\"\\n                        \")]),_c('span',[_vm._v(\"\\n                          \"+_vm._s(_vm.displayExpiredDate(item.PackageVoucherExpireDate))+\"\\n                        \")])])])]),(item.Type != 0 && !_vm.isTruemoney(item.Website))?_c('div',{staticClass:\"card-button-rewards\"},[(item.IsUsed)?_c('a-button',{staticStyle:{\"background\":\"#9e9e9e\",\"color\":\"#ffffff\"},attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow\",\"disabled\":\"\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.lbl.main.used_campaign_in_package_second)+\"\\n                    \")]):_vm._e(),(\n                        (item.PackageVoucherStartDate &&\n                          item.PackageVoucherStartDate <= _vm.currentDate &&\n                          !item.IsUsed &&\n                          item.Website == null &&\n                          !item.Delivered) ||\n                        (!item.PackageVoucherStartDate &&\n                          !item.IsUsed &&\n                          item.Website == null &&\n                          !item.Delivered)\n                      )?_c('a-button',{style:({\n                        'background-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        'border-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        color: _vm.textColor ? _vm.textColor : '#FFFFFF',\n                      }),attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow\"},on:{\"click\":function($event){return _vm.handleShowPopup(item)}}},[_vm._v(_vm._s(_vm.lbl.main.usenow_campaign_in_package))]):_vm._e(),(!item.IsUsed && item.Website && !item.Delivered)?_c('a-button',{style:({\n                        'background-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        'border-color': _vm.backgroundColor\n                          ? _vm.backgroundColor\n                          : '#1890ff',\n                        color: _vm.textColor ? _vm.textColor : '#FFFFFF',\n                      }),attrs:{\"type\":\"primary\",\"crm_at\":\"btn_usenow_website\"},on:{\"click\":function($event){return _vm.openInterfaceHistory(item)}}},[_vm._v(_vm._s(_vm.lbl.main.usenow_website)+\"\\n                    \")]):_vm._e()],1):_vm._e()])])],1)}}],null,false,1206395544)})],1)]):_vm._e()])]),_c('Barcode',{attrs:{\"show\":_vm.showBarcode,\"is-package\":true,\"data\":_vm.itemforShowonmodal},on:{\"changeBarcode\":function($event){return _vm.ChangeBarcode($event)}}}),_c('AlertError',{attrs:{\"show\":_vm.showError,\"data\":_vm.dataError},on:{\"changeError\":function($event){return _vm.ChangeError($event)}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"image-back\",attrs:{\"href\":\"/myrewards?tab=packages\",\"crm_at\":\"btn_back_profile\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/Btn_Back.svg\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"MyRewards\">\r\n    <!-- Support PC Tablet -->\r\n    <div v-if=\"windowWidth >= 600 && windowHeight >= 600\" 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      >\r\n        <div class=\"box_content\">\r\n          <div class=\"wrapper__home__page\">\r\n            <div class=\"wrapper_hearder\">\r\n              <LayoutHome />\r\n            </div>\r\n            <div class=\"wrapper_content mt-4\">\r\n              <a-list :data-source=\"dataRedeemPurchaseList\" crm_at=\"list\">\r\n                <a-list-item\r\n                  slot=\"renderItem\"\r\n                  slot-scope=\"item\"\r\n                  class=\"wrapper-list\"\r\n                  crm_at=\"wrapper_list\"\r\n                >\r\n                  <a-list-item-meta\r\n                    class=\"wrapper-list-item\"\r\n                    crm_at=\"wrapper_list_item\"\r\n                  >\r\n                    <div\r\n                      slot=\"title\"\r\n                      class=\"rewards\"\r\n                      crm_at=\"rewards\"\r\n                      :class=\"item.IsUsed ? 'campaign-used' : ''\"\r\n                    >\r\n                      <div\r\n                        v-if=\"item.Type != 0\"\r\n                        class=\"star-corner\"\r\n                        :style=\"{\r\n                          'background-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          'border-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          'z-index': 10,\r\n                        }\"\r\n                      >\r\n                        <a-icon\r\n                          type=\"star\"\r\n                          class=\"a-icons-star\"\r\n                          theme=\"filled\"\r\n                          :style=\"{ color: textColor ? textColor : '#FFFFFF' }\"\r\n                        />\r\n                      </div>\r\n                      <div class=\"rewards_detail\">\r\n                        <div class=\"detail_left\">\r\n                          <!-- <img\r\n                            class=\"image-rewards\"\r\n                            crm_at=\"image_rewards\"\r\n                            :src=\"item.FullImageUrl\"\r\n                            alt=\"\"\r\n                          /> -->\r\n\r\n                          <a-avatar\r\n                            slot=\"avatar\"\r\n                            shape=\"square\"\r\n                            crm_at=\"avatar_image\"\r\n                            :size=\"100\"\r\n                            :src=\"item.FullImageUrl\"\r\n                          />\r\n                        </div>\r\n                        <div class=\"detail_right\">\r\n                          <div class=\"detail-name pb-4\">\r\n                            {{ item.Name }}\r\n                          </div>\r\n                          <div class=\"detail-date\">\r\n                            <span v-if=\"item.IsUsed\">\r\n                              {{\r\n                                lbl.package.redeem_on +\r\n                                ': ' +\r\n                                dateShortFormatUTC(item.RedeemDate)\r\n                              }}\r\n                            </span>\r\n                            <span>\r\n                              {{\r\n                                displayExpiredDate(\r\n                                  item.PackageVoucherExpireDate,\r\n                                )\r\n                              }}\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div\r\n                        v-if=\"item.Type != 0 && !isTruemoney(item.Website)\"\r\n                        class=\"card-button-rewards pt-3\"\r\n                      >\r\n                        <a-button\r\n                          v-if=\"\r\n                            item.PackageVoucherStartDate &&\r\n                            !item.IsUsed &&\r\n                            item.PackageVoucherStartDate > currentDate &&\r\n                            item.PackageVoucherExpireDate <= currentDate\r\n                          \"\r\n                          type=\"primary\"\r\n                          crm_at=\"btn_usenow\"\r\n                          style=\"background: #9e9e9e; color: #ffffff;\"\r\n                          disabled\r\n                        >\r\n                          {{ lbl.main.coming_soon_text }}\r\n                        </a-button>\r\n                        <a-button\r\n                          v-if=\"item.IsUsed\"\r\n                          type=\"primary\"\r\n                          crm_at=\"btn_usenow\"\r\n                          style=\"background: #9e9e9e; color: #ffffff;\"\r\n                          disabled\r\n                        >\r\n                          {{ lbl.main.used_campaign_in_package_second }}\r\n                        </a-button>\r\n                        <a-button\r\n                          v-if=\"\r\n                            (item.PackageVoucherStartDate &&\r\n                              item.PackageVoucherStartDate <= currentDate &&\r\n                              !item.IsUsed &&\r\n                              item.Website == null &&\r\n                              !item.Delivered) ||\r\n                            (!item.PackageVoucherStartDate &&\r\n                              !item.IsUsed &&\r\n                              item.Website == null &&\r\n                              !item.Delivered)\r\n                          \"\r\n                          type=\"primary\"\r\n                          crm_at=\"btn_usenow\"\r\n                          :style=\"{\r\n                            'background-color': backgroundColor\r\n                              ? backgroundColor\r\n                              : '#1890ff',\r\n                            'border-color': backgroundColor\r\n                              ? backgroundColor\r\n                              : '#1890ff',\r\n                            color: textColor ? textColor : '#FFFFFF',\r\n                          }\"\r\n                          @click=\"handleShowPopup(item)\"\r\n                        >\r\n                          {{ lbl.main.usenow_campaign_in_package }}\r\n                        </a-button>\r\n                        <a-button\r\n                          v-if=\"!item.IsUsed && item.Website && !item.Delivered\"\r\n                          type=\"primary\"\r\n                          crm_at=\"btn_usenow_website\"\r\n                          :style=\"{\r\n                            'background-color': backgroundColor\r\n                              ? backgroundColor\r\n                              : '#1890ff',\r\n                            'border-color': backgroundColor\r\n                              ? backgroundColor\r\n                              : '#1890ff',\r\n                            color: textColor ? textColor : '#FFFFFF',\r\n                          }\"\r\n                          @click=\"openInterfaceHistory(item)\"\r\n                          >{{ lbl.main.usenow_website }}\r\n                        </a-button>\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        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Support Mobile -->\r\n    <div v-else>\r\n      <div class=\"title-page ml-0\" crm_at=\"title_page\">\r\n        <a\r\n          href=\"/myrewards?tab=packages\"\r\n          class=\"image-back\"\r\n          crm_at=\"btn_back_profile\"\r\n        >\r\n          <img src=\"@/assets/images/Btn_Back.svg\" alt=\"\" />\r\n        </a>\r\n        {{ lbl.main.package_details }}\r\n        <div v-if=\"totalsCampaign\" class=\"qty\">\r\n          <span>\r\n            {{ 'x' + totalsCampaign }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n      <div class=\"tab-container\">\r\n        <img\r\n          :src=\"require(`@/assets/images/arrow-downward.svg`)\"\r\n          :alt=\"`next step`\"\r\n        />\r\n        {{ lbl.package.guide_use }}\r\n        <img\r\n          :src=\"require(`@/assets/images/arrow-downward.svg`)\"\r\n          :alt=\"`next step`\"\r\n        />\r\n      </div>\r\n      <div class=\"list-container\">\r\n        <div class=\"active-rewards\">\r\n          <div\r\n            class=\"My-Rewards-list\"\r\n            :style=\"{\r\n              marginBottom: dataRedeemedPurchaseList.length ? '314px' : '32px',\r\n            }\"\r\n          >\r\n            <a-list :data-source=\"dataNotRedeemedPurchaseList\" crm_at=\"list\">\r\n              <a-list-item\r\n                slot=\"renderItem\"\r\n                slot-scope=\"item\"\r\n                class=\"wrapper-list\"\r\n                crm_at=\"wrapper_list\"\r\n              >\r\n                <a-list-item-meta>\r\n                  <div\r\n                    slot=\"title\"\r\n                    class=\"rewards\"\r\n                    crm_at=\"rewards\"\r\n                    :class=\"item.IsUsed ? 'campaign-used' : ''\"\r\n                  >\r\n                    <div\r\n                      v-if=\"item.Type != 0\"\r\n                      class=\"star-corner\"\r\n                      :style=\"{\r\n                        'background-color': backgroundColor\r\n                          ? backgroundColor\r\n                          : '#1890ff',\r\n                        'border-color': backgroundColor\r\n                          ? backgroundColor\r\n                          : '#1890ff',\r\n                      }\"\r\n                    >\r\n                      <a-icon\r\n                        type=\"star\"\r\n                        class=\"a-icons-star\"\r\n                        theme=\"filled\"\r\n                        :style=\"{ color: textColor ? textColor : '#FFFFFF' }\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"rewards_detail\">\r\n                      <div class=\"detail_left\">\r\n                        <a-avatar\r\n                          slot=\"avatar\"\r\n                          shape=\"square\"\r\n                          :size=\"110\"\r\n                          :src=\"item.FullImageUrl\"\r\n                        />\r\n                      </div>\r\n                      <div class=\"detail_right\">\r\n                        <div class=\"detail-name\">\r\n                          {{ item.Name }}\r\n                        </div>\r\n                        <div\r\n                          class=\"detail-date\"\r\n                          :class=\"\r\n                            item.PackageVoucherExpireDate < currentDate\r\n                              ? 'expired-text'\r\n                              : ''\r\n                          \"\r\n                        >\r\n                          <span>\r\n                            {{\r\n                              displayExpiredDate(item.PackageVoucherExpireDate)\r\n                            }}\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      v-if=\"item.Type != 0 && !isTruemoney(item.Website)\"\r\n                      class=\"card-button-rewards\"\r\n                    >\r\n                      <a-button\r\n                        v-if=\"\r\n                          item.PackageVoucherStartDate &&\r\n                          !item.IsUsed &&\r\n                          item.PackageVoucherStartDate > currentDate\r\n                        \"\r\n                        type=\"primary\"\r\n                        crm_at=\"btn_usenow\"\r\n                        style=\"background: #9e9e9e; color: #ffffff;\"\r\n                        disabled\r\n                      >\r\n                        {{ lbl.main.coming_soon_text }}\r\n                      </a-button>\r\n                      <a-button\r\n                        v-if=\"\r\n                          item.PackageVoucherStartDate &&\r\n                          !item.IsUsed &&\r\n                          item.PackageVoucherExpireDate < currentDate\r\n                        \"\r\n                        type=\"primary\"\r\n                        crm_at=\"btn_usenow\"\r\n                        style=\"background: #9e9e9e; color: #ffffff;\"\r\n                        disabled\r\n                      >\r\n                        {{ lbl.main.usenow_campaign_in_package }}\r\n                      </a-button>\r\n                      <a-button\r\n                        v-if=\"item.IsUsed\"\r\n                        type=\"primary\"\r\n                        crm_at=\"btn_usenow\"\r\n                        style=\"background: #9e9e9e; color: #ffffff;\"\r\n                        disabled\r\n                      >\r\n                        {{ lbl.main.used_campaign_in_package_second }}\r\n                      </a-button>\r\n                      <a-button\r\n                        v-if=\"\r\n                          (item.PackageVoucherStartDate &&\r\n                            item.PackageVoucherStartDate <= currentDate &&\r\n                            item.PackageVoucherExpireDate > currentDate &&\r\n                            !item.IsUsed &&\r\n                            item.Website == null &&\r\n                            !item.Delivered) ||\r\n                          (!item.PackageVoucherStartDate &&\r\n                            !item.IsUsed &&\r\n                            item.Website == null &&\r\n                            !item.Delivered)\r\n                        \"\r\n                        type=\"primary\"\r\n                        crm_at=\"btn_usenow\"\r\n                        :style=\"{\r\n                          'background-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          'border-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          color: textColor ? textColor : '#FFFFFF',\r\n                        }\"\r\n                        @click=\"handleShowPopup(item)\"\r\n                        >{{ lbl.main.usenow_campaign_in_package }}</a-button\r\n                      >\r\n                      <a-button\r\n                        v-if=\"!item.IsUsed && item.Website && !item.Delivered\"\r\n                        type=\"primary\"\r\n                        crm_at=\"btn_usenow_website\"\r\n                        :style=\"{\r\n                          'background-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          'border-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          color: textColor ? textColor : '#FFFFFF',\r\n                        }\"\r\n                        @click=\"openInterfaceHistory(item)\"\r\n                        >{{ lbl.main.usenow_website }}\r\n                      </a-button>\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        <div v-if=\"dataRedeemedPurchaseList.length\" class=\"inactive-rewards\">\r\n          <strong class=\"title\">{{ lbl.package.unavailable }}</strong>\r\n          <div class=\"My-Rewards-list\">\r\n            <a-list :data-source=\"dataRedeemedPurchaseList\" crm_at=\"list\">\r\n              <a-list-item\r\n                slot=\"renderItem\"\r\n                slot-scope=\"item\"\r\n                class=\"wrapper-list\"\r\n                crm_at=\"wrapper_list\"\r\n              >\r\n                <a-list-item-meta>\r\n                  <div\r\n                    slot=\"title\"\r\n                    class=\"rewards\"\r\n                    crm_at=\"rewards\"\r\n                    :class=\"item.IsUsed ? 'campaign-used' : ''\"\r\n                  >\r\n                    <div\r\n                      v-if=\"item.Type != 0\"\r\n                      class=\"star-corner\"\r\n                      :style=\"{\r\n                        'background-color': backgroundColor\r\n                          ? backgroundColor\r\n                          : '#1890ff',\r\n                        'border-color': backgroundColor\r\n                          ? backgroundColor\r\n                          : '#1890ff',\r\n                      }\"\r\n                    >\r\n                      <a-icon\r\n                        type=\"star\"\r\n                        class=\"a-icons-star\"\r\n                        theme=\"filled\"\r\n                        :style=\"{ color: textColor ? textColor : '#FFFFFF' }\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"rewards_detail\">\r\n                      <div class=\"detail_left\">\r\n                        <a-avatar\r\n                          slot=\"avatar\"\r\n                          shape=\"square\"\r\n                          :size=\"110\"\r\n                          :src=\"item.FullImageUrl\"\r\n                        />\r\n                      </div>\r\n                      <div class=\"detail_right\">\r\n                        <div class=\"detail-name\">\r\n                          {{ item.Name }}\r\n                        </div>\r\n                        <div class=\"detail-date\">\r\n                          <span>\r\n                            {{\r\n                              lbl.package.redeem_on +\r\n                              ': ' +\r\n                              dateShortFormatUTC(item.RedeemDate)\r\n                            }}\r\n                          </span>\r\n                          <span>\r\n                            {{\r\n                              displayExpiredDate(item.PackageVoucherExpireDate)\r\n                            }}\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      v-if=\"item.Type != 0 && !isTruemoney(item.Website)\"\r\n                      class=\"card-button-rewards\"\r\n                    >\r\n                      <a-button\r\n                        v-if=\"item.IsUsed\"\r\n                        type=\"primary\"\r\n                        crm_at=\"btn_usenow\"\r\n                        style=\"background: #9e9e9e; color: #ffffff;\"\r\n                        disabled\r\n                      >\r\n                        {{ lbl.main.used_campaign_in_package_second }}\r\n                      </a-button>\r\n                      <a-button\r\n                        v-if=\"\r\n                          (item.PackageVoucherStartDate &&\r\n                            item.PackageVoucherStartDate <= currentDate &&\r\n                            !item.IsUsed &&\r\n                            item.Website == null &&\r\n                            !item.Delivered) ||\r\n                          (!item.PackageVoucherStartDate &&\r\n                            !item.IsUsed &&\r\n                            item.Website == null &&\r\n                            !item.Delivered)\r\n                        \"\r\n                        type=\"primary\"\r\n                        crm_at=\"btn_usenow\"\r\n                        :style=\"{\r\n                          'background-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          'border-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          color: textColor ? textColor : '#FFFFFF',\r\n                        }\"\r\n                        @click=\"handleShowPopup(item)\"\r\n                        >{{ lbl.main.usenow_campaign_in_package }}</a-button\r\n                      >\r\n                      <a-button\r\n                        v-if=\"!item.IsUsed && item.Website && !item.Delivered\"\r\n                        type=\"primary\"\r\n                        crm_at=\"btn_usenow_website\"\r\n                        :style=\"{\r\n                          'background-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          'border-color': backgroundColor\r\n                            ? backgroundColor\r\n                            : '#1890ff',\r\n                          color: textColor ? textColor : '#FFFFFF',\r\n                        }\"\r\n                        @click=\"openInterfaceHistory(item)\"\r\n                        >{{ lbl.main.usenow_website }}\r\n                      </a-button>\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      </div>\r\n    </div>\r\n\r\n    <Barcode\r\n      :show=\"showBarcode\"\r\n      :is-package=\"true\"\r\n      :data=\"itemforShowonmodal\"\r\n      @changeBarcode=\"ChangeBarcode($event)\"\r\n    />\r\n    <AlertError\r\n      :show=\"showError\"\r\n      :data=\"dataError\"\r\n      @changeError=\"ChangeError($event)\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport _ from 'lodash'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport BzbsHistory from '@/core/Account/service/BzbsHistory'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport AlertError from '@/components/Modal/AlertError'\r\nimport Barcode from '@/components/Modal/BarCode'\r\nimport moment from 'moment'\r\nimport Locale from '@/helper/Locale.js'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport LayoutHome from '@/module/components/Home/LayoutHome'\r\nimport Cache from '@/helper/Cache.js'\r\nimport BzbsCampaign from '@/core/Campaign/service/BzbsCampaign'\r\n\r\nexport default {\r\n  name: 'RewardsDetail',\r\n  components: { AlertError, Barcode, LayoutHome },\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data: function () {\r\n    return {\r\n      loading: false,\r\n      showBarcode: false,\r\n      showError: false,\r\n      dataRedeemPurchaseList: [],\r\n      dataRedeemedPurchaseList: [],\r\n      dataNotRedeemedPurchaseList: [],\r\n      totalsCampaign: 0,\r\n      monthsShort: [],\r\n      monthCurrent: '',\r\n      yearCurrent: '',\r\n      currentDate: '',\r\n      itemforShowonmodal: {},\r\n      dataError: {},\r\n      customerStore: '',\r\n      backgroundColor: '',\r\n      textColor: '',\r\n      isStore: '',\r\n      isShowPoint: true,\r\n      storeinfo: {\r\n        image_header: '',\r\n        image_logo: '',\r\n        businessName: '',\r\n      },\r\n      countGetImg: 0,\r\n      theme: 'CRMPlus',\r\n      packageId: '',\r\n      PackageQuota: 0,\r\n      PackageUsed: 0,\r\n      version: {},\r\n    }\r\n  },\r\n  beforeCreate() {},\r\n  destroyed() {\r\n    window.removeEventListener('resize', this.myEventShowFooter)\r\n  },\r\n  created() {\r\n    this.handleFooter(false)\r\n    this.checklocalStorage().then(() => {\r\n      this.packageId = this.$route.params.Id\r\n      this.handleCheckLogin(this.$route)\r\n      this.handleCheckRegister()\r\n      this.init()\r\n      window.addEventListener('resize', this.myEventShowFooter)\r\n    })\r\n  },\r\n  mounted() {\r\n    this.fixHeightImageReward(1500)\r\n  },\r\n  methods: {\r\n    moment,\r\n    init() {\r\n      this.handleLanguage(true)\r\n      this.currentDate = moment().unix()\r\n      this.monthCurrent = moment().month()\r\n      this.yearCurrent = moment().year()\r\n      this.monthsShort = moment.monthsShort()\r\n      this.getProfile()\r\n      this.getCustomerStore().then(res => {\r\n        this.customerStore = res.StoreDetail.StoreType\r\n        this.backgroundColor = res.StoreDetail.ButtonColor\r\n        this.textColor = res.StoreDetail.ButtonTextColor\r\n        this.isStore = res.StoreDetail.StoreType\r\n        this.storeinfo.image_header = res.StoreDetail.CoverUrl\r\n        this.version.last_terms = res.TermAndCondition.Version\r\n        this.version.last_privacy = res.PrivacyPolicy.Version\r\n        setTimeout(() => {\r\n          this.getRedeemPurchase(0).then(res => {\r\n            this.dataRedeemPurchaseList = []\r\n            this.dataRedeemedPurchaseList = []\r\n            this.dataNotRedeemedPurchaseList = []\r\n            this.totalsCampaign = 0\r\n            this.totalsUseCampaign = 0\r\n            if (res.length > 0) {\r\n              _.forEach(res, item => {\r\n                if (\r\n                  item.PackageVoucherExpireDate > this.currentDate &&\r\n                  item.Type != 0\r\n                ) {\r\n                  this.dataRedeemPurchaseList.push(item)\r\n                } else if (\r\n                  item.PackageVoucherExpireDate > this.currentDate &&\r\n                  item.Type == 0\r\n                ) {\r\n                  this.dataRedeemPurchaseList.push(item)\r\n                }\r\n              })\r\n\r\n              if (this.dataRedeemPurchaseList.length > 0) {\r\n                this.dataRedeemPurchaseList.sort((a, b) =>\r\n                  a.IsUsed === b.IsUsed ? 0 : a.IsUsed ? 1 : -1,\r\n                )\r\n                this.dataRedeemPurchaseList = _.filter(\r\n                  this.dataRedeemPurchaseList,\r\n                  item => {\r\n                    if (item.InterfaceDisplay != 'survey') return item\r\n                  },\r\n                )\r\n              }\r\n\r\n              if (this.dataRedeemPurchaseList.length > 0) {\r\n                this.dataRedeemPurchaseList = _.filter(\r\n                  this.dataRedeemPurchaseList,\r\n                  item => {\r\n                    if (item.Type != 16) return item\r\n                  },\r\n                )\r\n              }\r\n              this.totalsCampaign = this.dataRedeemPurchaseList.length\r\n              this.dataNotRedeemedPurchaseList = this.dataRedeemPurchaseList.filter(\r\n                item => !item.IsUsed,\r\n              )\r\n              this.dataRedeemedPurchaseList = this.dataRedeemPurchaseList.filter(\r\n                item => item.IsUsed,\r\n              )\r\n              this.totalsUseCampaign = this.dataRedeemedPurchaseList.length\r\n                ? this.dataRedeemedPurchaseList.length\r\n                : 0\r\n            }\r\n            this.handleLoading(false)\r\n          })\r\n        }, 500)\r\n      })\r\n    },\r\n    isTruemoney(website) {\r\n      if (website && website.includes('truemoney')) {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    fixHeightImageReward(time) {\r\n      setTimeout(() => {\r\n        const widthImage = document.getElementsByClassName('image-rewards')\r\n        if (widthImage.length > 0) {\r\n          for (let i = 0; i < widthImage.length; i++) {\r\n            widthImage[i].style.height = widthImage[i].offsetHeight + 'px'\r\n          }\r\n          return\r\n        }\r\n        this.countGetImg++\r\n        if (this.countGetImg < 35) {\r\n          this.fixHeightImageReward(2500)\r\n          return\r\n        }\r\n      }, time)\r\n    },\r\n    handleLoading(value) {\r\n      this.$store.commit('Loading', value)\r\n    },\r\n    addstrzeor(value) {\r\n      value = ('0' + (1 + value)).slice(-2)\r\n      return value\r\n    },\r\n    ChangeBarcode(event) {\r\n      this.showBarcode = event\r\n      this.itemforShowonmodal = {}\r\n      this.init()\r\n    },\r\n    ChangeError(event) {\r\n      this.showError = event\r\n      this.dataError = {}\r\n    },\r\n    handleShowPopup(item) {\r\n      console.log('handleShowPopup')\r\n      var path = window.location.origin + '/myrewards'\r\n      this.checkPdpaVersion(this.version, path).then(res => {\r\n        if (res) {\r\n          if (\r\n            this.VerifiedEmail == false &&\r\n            this.loginTypeList.includes('Email') &&\r\n            !this.loginTypeList.includes('Facebook')\r\n          ) {\r\n            this.showSendVerifyEmail = true\r\n          } else {\r\n            if (!item.ItemNumber || item.ItemNumber == 0) {\r\n              this.redeemPackage(item)\r\n            } else {\r\n              if (item.Serial) {\r\n                this.showBarcode = true\r\n                this.itemforShowonmodal = {\r\n                  code: item.Serial,\r\n                  name: item.Name,\r\n                  image: item.FullImageUrl,\r\n                  quota: this.totalsCampaign,\r\n                  used: this.totalsUseCampaign,\r\n                  background: '',\r\n                  color: '',\r\n                }\r\n                if (item.ExpireIn)\r\n                  this.itemforShowonmodal.ExpireIn = item.ExpireIn\r\n              } else {\r\n                this.isShowModalSelectPackage = false\r\n                this.showError = true\r\n                this.dataError = {\r\n                  title: this.lbl.error.errortitle,\r\n                  detail: 'Not Have serial',\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      })\r\n    },\r\n    redeemPackage(item) {\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsCampaign.postCampaignPackage(this.$route.params.Id)\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            if (res.data.success) {\r\n              if (item.Website == null && item.Type != 0) {\r\n                this.showBarcode = true\r\n                this.itemforShowonmodal = {\r\n                  code: res.data.data.Serial,\r\n                  name: item.Name,\r\n                  image: item.FullImageUrl,\r\n                  quota: item.PackageQuota,\r\n                  used: item.PackageUsed,\r\n                  background: '',\r\n                  color: '',\r\n                }\r\n                if (item.ExpireIn)\r\n                  this.itemforShowonmodal.ExpireIn = res.data.data.ExpireIn\r\n              }\r\n              console.log('postCampaign', res)\r\n              resolve(res.data.data)\r\n            } else {\r\n              this.isShowModalSelectPackage = false\r\n              this.showError = true\r\n              this.dataError = {\r\n                title: this.lbl.error.errortitle,\r\n                detail: res.data.message ? res.data.message : '',\r\n              }\r\n\r\n              resolve(res.data)\r\n            }\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.isShowModalSelectPackage = false\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: error.response.data.error.message,\r\n            }\r\n            console.log('postCampaign error', error.response.data)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    getRedeemPurchase(skip) {\r\n      return new Promise(resolve => {\r\n        BzbsHistory.getRedeemCamapignInPackage(skip, this.packageId)\r\n          .then(res => {\r\n            this.PackageQuota = res.data.length ? res.data.length : 0\r\n            this.PackageUsed = res.data.filter(item => item.IsUsed).length\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    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.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            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    getCustomerStore() {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.showError = true\r\n            this.dataError = {\r\n              title: this.lbl.error.errortitle,\r\n              detail: error.response.data.error.message,\r\n            }\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    dateShortFormat: function (timestamp, isdonotshowtime) {\r\n      moment.locale(Locale.getLocale())\r\n      var strDate = moment.unix(timestamp).format('DD MMM ')\r\n      var year = moment.unix(timestamp).format('YY')\r\n      var timestamptolctime = moment(timestamp).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 + ' - ' + timestamptolctime\r\n      }\r\n\r\n      return time\r\n    },\r\n    dateShortFormatUTC: function (timestamp, isdonotshowtime) {\r\n      moment.locale(Locale.getLocale())\r\n      if (timestamp) {\r\n        var strDate = moment.unix(timestamp).utc().format('DD MMM ')\r\n        var year = moment.unix(timestamp).utc().format('YY')\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      } else {\r\n        return '-'\r\n      }\r\n    },\r\n    displayExpiredDate: function (timestamp, isdonotshowtime) {\r\n      moment.locale(Locale.getLocale())\r\n      if (timestamp) {\r\n        var strDate = moment.unix(timestamp).utc().format('DD MMM ')\r\n        var year = moment.unix(timestamp).utc().format('YY')\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 this.lbl.main.expired_on_text + ': ' + time\r\n      } else {\r\n        return this.lbl.main.expired_on_text + ': -'\r\n      }\r\n    },\r\n    substring(value) {\r\n      var str = value\r\n      var res = String(str)\r\n      value = res.substr(1)\r\n      return value\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    openInterfaceHistory: function (item) {\r\n      var path\r\n      var sToken = Account.getCacheToken() ? Account.getCacheToken() : null\r\n      let locale = Cache.get('BzbsLocale') == 'th' ? 1054 : 1033\r\n      var returnUrl = encodeURIComponent(window.location.href)\r\n      if (\r\n        item.Website.includes('wondd/truemoney') ||\r\n        item.Website.includes('wondd/garena') ||\r\n        item.Website.includes('truemoney')\r\n      ) {\r\n        path =\r\n          item.Website +\r\n          '&token=' +\r\n          sToken +\r\n          '&is_history=true' +\r\n          '&locale=' +\r\n          locale +\r\n          '&serial=' +\r\n          item.Serial +\r\n          '&return_url=' +\r\n          returnUrl\r\n      } else if (item.Website.includes('starbucks')) {\r\n        path =\r\n          item.Website +\r\n          '&token=' +\r\n          sToken +\r\n          '&is_history=true' +\r\n          '&locale=' +\r\n          locale +\r\n          '&RedeemKey=' +\r\n          item.RedeemKey +\r\n          '&return_url=' +\r\n          returnUrl +\r\n          '&theme=' +\r\n          this.theme\r\n      }\r\n      this.checkPdpaVersion(this.version, path).then(res => {\r\n        if (res) {\r\n          window.location.href = path\r\n        }\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/module/MyRewards/style/myrewards.scss';\r\n\r\n.campaign-used {\r\n  cursor: not-allowed;\r\n  background-image: url(../../assets/images/used.png) !important;\r\n  background-repeat: no-repeat !important;\r\n  background-position-y: bottom !important;\r\n  background-position: right !important;\r\n  background-position-y: top !important;\r\n  background-size: 30% !important;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@/module/MyRewards/style/myrewardsscope.scss';\r\n\r\n.tab-container {\r\n  margin: 12px 20px;\r\n  padding: 2px 8px;\r\n  border-radius: 4px;\r\n  background: #191919;\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 2px;\r\n\r\n  img {\r\n    width: 12px;\r\n  }\r\n}\r\n.list-container {\r\n  .active-rewards {\r\n    .My-Rewards-list {\r\n      padding: 0 15px 0;\r\n      margin-bottom: 90px;\r\n    }\r\n  }\r\n  .inactive-rewards {\r\n    background-color: #ffffff;\r\n    box-shadow: 0px -1px 12px;\r\n    overflow-y: hidden;\r\n    overflow-x: hidden;\r\n    padding: 20px 0px;\r\n    position: fixed;\r\n    bottom: 24px;\r\n    right: 50%;\r\n    left: 50%;\r\n    width: 100%;\r\n    height: 270px;\r\n    transform: translate(-50%, 0%);\r\n    margin-bottom: 18px;\r\n\r\n    .title {\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      line-height: 24px;\r\n      padding: 4px 16px;\r\n    }\r\n    .My-Rewards-list {\r\n      padding: 0 15px;\r\n      margin-top: 16px;\r\n      height: 206px;\r\n      overflow: scroll;\r\n    }\r\n  }\r\n}\r\n.title-page {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  .qty {\r\n    margin-left: 4px;\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    width: fit-content;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 12px;\r\n    max-width: 100px;\r\n    min-width: fit-content;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n  }\r\n}\r\n.rewards {\r\n  .rewards_detail {\r\n    height: unset !important;\r\n\r\n    .detail_left {\r\n      width: fit-content !important;\r\n    }\r\n    .detail_right {\r\n      display: flex !important;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n\r\n      .detail-name {\r\n        height: unset !important;\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\r\n      .detail-date {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n        color: #757575;\r\n        text-align: left;\r\n        font-size: 12px;\r\n        line-height: 1.5;\r\n        margin-top: 4px;\r\n      }\r\n\r\n      .card-button-rewards {\r\n        max-width: 150px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.wrapper_content {\r\n  .package-detail {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    color: #757575;\r\n    text-align: left;\r\n    padding: 4px 16px;\r\n  }\r\n}\r\n.expired-text {\r\n  color: #f5222d !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!./RewardsDetail.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!./RewardsDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RewardsDetail.vue?vue&type=template&id=ca5c2aca&scoped=true&\"\nimport script from \"./RewardsDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./RewardsDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RewardsDetail.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./RewardsDetail.vue?vue&type=style&index=1&id=ca5c2aca&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ca5c2aca\",\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!./RewardsDetail.vue?vue&type=style&index=1&id=ca5c2aca&lang=scss&scoped=true&\"","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!./RewardsDetail.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}