{"version":3,"sources":["webpack:///./src/views/WhiteList.vue?332b","webpack:///./src/views/WhiteList.vue","webpack:///src/views/WhiteList.vue","webpack:///./src/views/WhiteList.vue?1ef1","webpack:///./src/views/WhiteList.vue?d307","webpack:///./src/views/WhiteList.vue?3c27"],"names":["staticClass","user","attrs","scopedSlots","fn","_vm$user","_c","staticStyle","_vm","_v","domProps","_e","viewDashboard","on","directives","rawName","value","couponsSearch","expression","$event","target","couponsPerPage","filteredCoupons","index","class","style","model","couponsPage","callback","length","add","lang","importText","success","staticRenderFns","data","showMenu","link","process","score","campaignTabs","isLoading","campaign","faqs","screenHeight","screenWidth","addNew","error","action","count","watch","newValue","computed","mapGetters","_sorted$slice","filtered","filter","coupon","_this$couponsSearch","toLowerCase","includes","sorted","sortBy","slice","numberOfPages","_this$couponsSearch2","Math","ceil","methods","mapActions","$router","push","name","logout","signOut","then","onScreenResize","window","addEventListener","updateScreenHeight","updateScreenWidth","innerHeight","innerWidth","closeSuccess","cancel","doImport","finalResult","result","split","forEach","element","sub","trim","channels","str","updateCampaignWhiteListUsers","campaignId","id","whiteListUsers","uniq","concat","_","catch","finally","getCampaign","_result$landing_white","landing_white_list_users","deleteFaqConfirm","faq","confirm","f","_result$landing_white2","mounted","$vuetify","current","loadSystem","$route","params","_result$landing_white3","_result$landing_white4","component"],"mappings":"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","file":"js/whiteList.2e5ba53d.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WhiteList.vue?vue&type=style&index=0&id=223a5c52&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',[_c('v-main',[(_vm.user !== null && !_vm.isLoading)?[_c('div',{staticClass:\"campaign-rewards-creators-web\",style:('height: ' + (_vm.screenHeight < 900 ? (_vm.filteredCoupons.length > 3 ? _vm.filteredCoupons.length * 154 + 450 : 1000) : 2292) + 'px !important')},[_c('div',{staticClass:\"bg-main\"}),_c('div',{staticClass:\"bg-open\"}),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"header\"},[_c('a',{attrs:{\"href\":\"https://www.twitch.tv\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"twitch-logo\",attrs:{\"src\":\"/imgs/twitch-logo.png\"}})]),_c('div',{staticClass:\"creator-photo\"},[_c('div',{staticClass:\"photo\"},[(_vm.user !== null)?_c('v-tooltip',{attrs:{\"bottom\":\"\",\"color\":\"#9146ff\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-avatar',_vm._g(_vm._b({staticClass:\"ml-2\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.logout}},'v-avatar',attrs,false),on),[_c('v-img',{attrs:{\"src\":_vm.user?.profile_image_url}})],1)]}}],null,false,4081796335)},[_c('span',{staticClass:\"logout\"},[_vm._v(_vm._s(_vm.$vuetify.lang.t('$vuetify.logout')))])]):_vm._e()],1)]),(_vm.user !== null)?[_c('div',{staticClass:\"creator-username\",domProps:{\"textContent\":_vm._s(_vm.user?.display_name)}})]:_vm._e()],2),_c('div',{staticClass:\"back-container\",on:{\"click\":_vm.viewDashboard}},[_c('svg',{staticClass:\"back-button\",attrs:{\"width\":\"65\",\"height\":\"65\",\"viewBox\":\"0 0 65 65\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('rect',{attrs:{\"width\":\"65\",\"height\":\"65\",\"rx\":\"32.5\",\"fill\":\"#B2E816\"}}),_c('path',{attrs:{\"d\":\"M38 21L27 32L38 43\",\"stroke\":\"black\",\"stroke-width\":\"6\",\"stroke-linecap\":\"round\"}})])]),_c('div',{staticClass:\"back-container-mobile\",on:{\"click\":_vm.viewDashboard}},[_c('svg',{staticClass:\"back-button\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"31px\",\"height\":\"31px\",\"viewBox\":\"0 0 33 33\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"id\":\"surface1\"}},[_c('path',{staticStyle:{\"stroke\":\"none\",\"fill-rule\":\"nonzero\",\"fill\":\"rgb(69.803922%, 90.980392%, 8.627451%)\",\"fill-opacity\":\"1\"},attrs:{\"d\":\"M 16.5 0 C 25.613281 0 33 7.386719 33 16.5 C 33 25.613281 25.613281 33 16.5 33 C 7.386719 33 0 25.613281 0 16.5 C 0 7.386719 7.386719 0 16.5 0 Z M 16.5 0 \"}}),_c('path',{staticStyle:{\"fill\":\"none\",\"stroke-width\":\"6\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"miter\",\"stroke\":\"rgb(0%, 0%, 0%)\",\"stroke-opacity\":\"1\",\"stroke-miterlimit\":\"4\"},attrs:{\"d\":\"M 38.001302 20.997277 L 26.998698 31.999882 L 38.001302 43.002486 \",\"transform\":\"matrix(0.507692,0,0,0.507692,0,0)\"}})])])]),_c('div',{staticClass:\"welcome\"},[_vm._v(_vm._s(_vm.campaign?.name)+\" White Listed Users\")]),_c('div',{staticClass:\"search-box\"},[_c('div',{staticClass:\"search-rewards\"},[_vm._v(\"Search User ID\")]),_c('div',{staticClass:\"search-bg\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.couponsSearch),expression:\"couponsSearch\"}],staticClass:\"search-text\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.couponsSearch)},on:{\"input\":function($event){if($event.target.composing)return;_vm.couponsSearch=$event.target.value}}})]),_c('svg',{staticClass:\"search-icon\",attrs:{\"width\":\"30\",\"height\":\"30\",\"viewBox\":\"0 0 30 30\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M19.7883 21.9095C18.0354 23.2224 15.8585 24 13.5 24C7.70101 24 3 19.299 3 13.5C3 7.70101 7.70101 3 13.5 3C19.299 3 24 7.70101 24 13.5C24 15.8585 23.2224 18.0353 21.9096 19.7882L26.5608 24.4394L24.4395 26.5607L19.7883 21.9095ZM21 13.5C21 17.6421 17.6421 21 13.5 21C9.35786 21 6 17.6421 6 13.5C6 9.35786 9.35786 6 13.5 6C17.6421 6 21 9.35786 21 13.5Z\",\"fill\":\"#D2D2E6\"}})])]),_c('div',{staticClass:\"search-box-mobile\"},[_c('div',{staticClass:\"search-rewards-mobile\"},[_vm._v(\"Search User\")]),_c('div',{staticClass:\"search-bg-mobile\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.couponsSearch),expression:\"couponsSearch\"}],staticClass:\"search-text-mobile\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.couponsSearch)},on:{\"input\":function($event){if($event.target.composing)return;_vm.couponsSearch=$event.target.value}}})]),_c('svg',{staticClass:\"search\",attrs:{\"width\":\"15\",\"height\":\"15\",\"viewBox\":\"0 0 15 15\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M9.89415 10.9548C9.01771 11.6112 7.92926 12 6.75 12C3.8505 12 1.5 9.64949 1.5 6.75C1.5 3.8505 3.8505 1.5 6.75 1.5C9.64949 1.5 12 3.8505 12 6.75C12 7.92924 11.6112 9.01767 10.9548 9.8941L13.2804 12.2197L12.2197 13.2803L9.89415 10.9548ZM10.5 6.75C10.5 8.82107 8.82107 10.5 6.75 10.5C4.67893 10.5 3 8.82107 3 6.75C3 4.67893 4.67893 3 6.75 3C8.82107 3 10.5 4.67893 10.5 6.75Z\",\"fill\":\"#D2D2E6\"}})])]),_c('div',{staticClass:\"rewards-page-box\"},[_c('div',{staticClass:\"rewards-per-page\"},[_vm._v(\"User IDs per Page\")]),_c('div',{staticClass:\"page-bg\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.couponsPerPage),expression:\"couponsPerPage\"}],staticClass:\"page-text\",attrs:{\"type\":\"number\",\"min\":\"1\",\"max\":\"10\",\"onKeyUp\":\"if(this.value>10){this.value=10;}else if(this.value<0){this.value=0;}\"},domProps:{\"value\":(_vm.couponsPerPage)},on:{\"input\":function($event){if($event.target.composing)return;_vm.couponsPerPage=$event.target.value}}})])]),_c('div',{staticClass:\"rewards-page-box-mobile\"},[_c('div',{staticClass:\"rewards-per-part\"},[_vm._v(\"User IDs per Page\")]),_c('div',{staticClass:\"page-bg-mobile\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.couponsPerPage),expression:\"couponsPerPage\"}],staticClass:\"page-text-mobile\",attrs:{\"type\":\"number\",\"min\":\"1\",\"max\":\"10\",\"onKeyUp\":\"if(this.value>10){this.value=10;}else if(this.value<0){this.value=0;}\"},domProps:{\"value\":(_vm.couponsPerPage)},on:{\"input\":function($event){if($event.target.composing)return;_vm.couponsPerPage=$event.target.value}}})])]),_c('div',{staticClass:\"rewards-table\"},[(!_vm.filteredCoupons.length)?[_c('div',{staticClass:\"rewards-no-data\"},[_vm._v(\"No User IDs available\")])]:[_c('div',[_c('div',{staticClass:\"tier\"},[_vm._v(\"User ID\")])]),_vm._l((_vm.filteredCoupons),function(coupon,index){return [[_c('div',{key:index},[_c('div',{class:'row-bg-' + index}),_c('div',{class:'row-tier-' + index},[_vm._v(_vm._s(coupon))]),_c('div',{class:'row-cancel-' + index},[_c('v-btn',{attrs:{\"color\":\"error\",\"rounded\":\"\"},on:{\"click\":function($event){return _vm.deleteFaqConfirm(coupon)}}},[_vm._v(\" Delete \")])],1)])]]}),_c('div',{staticClass:\"pagination\",style:('top: ' + ((_vm.filteredCoupons.length || 1) * 130 + 660) + 'px !important')},[_c('v-pagination',{attrs:{\"length\":_vm.numberOfPages,\"color\":\"#424242\"},model:{value:(_vm.couponsPage),callback:function ($$v) {_vm.couponsPage=$$v},expression:\"couponsPage\"}})],1)],_c('div',{on:{\"click\":_vm.add}},[_c('div',{staticClass:\"download-button\",style:('top: ' + ((_vm.filteredCoupons.length || 1) * 130 + 620) + 'px !important')},[_c('div',{staticClass:\"download-text\"},[_vm._v(\"Add Users\")])])])],2),_c('div',{staticClass:\"rewards-table-mobile\"},[(!_vm.filteredCoupons.length)?[_c('div',{staticClass:\"rewards-no-data\"},[_vm._v(_vm._s(_vm.$vuetify.lang.t('$vuetify.no_rewards_available')))])]:[_vm._l((_vm.filteredCoupons),function(coupon,index){return [[_c('div',{key:index,staticClass:\"row-mobile\",style:('top: ' + index * 154 + 'px !important')},[_c('div',{staticClass:\"row-bg-mobile\"}),_c('div',{staticClass:\"row-container-mobile\"},[_c('div',{staticClass:\"row-tier\"},[_vm._v(\"Question\")]),_c('div',{staticClass:\"row-tier-value\"},[_vm._v(_vm._s(coupon))])])])]]}),_c('div',{staticClass:\"pagination\",style:('top: ' + ((_vm.filteredCoupons.length || 1) * 154 + 270) + 'px !important')},[_c('v-pagination',{attrs:{\"length\":_vm.numberOfPages,\"color\":\"#424242\"},model:{value:(_vm.couponsPage),callback:function ($$v) {_vm.couponsPage=$$v},expression:\"couponsPage\"}})],1)],_c('div',{on:{\"click\":_vm.add}},[_c('div',{staticClass:\"download-button\",style:('top: ' + ((_vm.filteredCoupons.length || 1) * 154 + 230) + 'px !important')},[_c('div',{staticClass:\"download-text\"},[_vm._v(\"Add FAQ\")])])])],2),_c('img',{staticClass:\"red-bits-rewards\",attrs:{\"src\":\"/imgs/red-bits-rewards.png\"}}),_c('div',{staticClass:\"footer\"},[_c('a',{attrs:{\"href\":\"https://www.twitch.tv\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"twitch-glitch-white\",attrs:{\"src\":\"/imgs/twitch-glitch-white.png\"}})]),_c('div',[_c('a',{staticClass:\"terms-of-service\",attrs:{\"href\":\"https://www.twitch.tv/p/en/legal/terms-of-service/\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$vuetify.lang.t('$vuetify.terms')))])]),_c('div',{staticClass:\"partner\"},[_vm._v(_vm._s(_vm.$vuetify.lang.t('$vuetify.develop_by')))]),_c('div',[_c('a',{staticClass:\"privacy-policy\",attrs:{\"href\":\"https://www.twitch.tv/p/en/legal/privacy-notice/\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$vuetify.lang.t('$vuetify.privacy_policy')))])]),_c('div',{staticClass:\"trade-mark\"},[_vm._v(\"© \"+_vm._s(new Date().getFullYear())+\" Twitch Interactive Inc\")])])])]),_c('v-dialog',{attrs:{\"persistent\":\"\",\"transition\":\"dialog-top-transition\",\"max-width\":\"1200\",\"value\":_vm.addNew,\"opacity\":\"1\"}},[_c('v-card',[_c('v-toolbar',[_c('v-toolbar-title',[_vm._v(\" Add Users\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"error\",\"rounded\":\"\"},on:{\"click\":_vm.cancel}},[_vm._v(\" Cancel \")])],1),_c('v-card-text',[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"9\"}},[_c('v-textarea',{attrs:{\"label\":\"Bulk Import\"},model:{value:(_vm.importText),callback:function ($$v) {_vm.importText=$$v},expression:\"importText\"}})],1),_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"rounded\":\"\"},on:{\"click\":_vm.doImport}},[_vm._v(\" Bulk Import \")])],1)],1)],1)],1)],1)],1),_c('v-snackbar',{attrs:{\"top\":\"\",\"color\":\"green\",\"timeout\":5000},model:{value:(_vm.success),callback:function ($$v) {_vm.success=$$v},expression:\"success\"}},[_c('v-icon',[_vm._v(\"mdi-check\")]),_c('v-divider',{staticClass:\"mx-1\",attrs:{\"vertical\":\"\"}}),_c('strong',[_vm._v(_vm._s(_vm.count > 0 ? _vm.count : '')+\" Users \"+_vm._s(_vm.action)+\"ed successfully!\")]),_c('v-divider',{staticClass:\"mx-3\",attrs:{\"vertical\":\"\"}}),_c('v-btn',{attrs:{\"color\":\"green\"},on:{\"click\":_vm.closeSuccess}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('v-snackbar',{attrs:{\"top\":\"\",\"color\":\"red\",\"min-width\":\"720px\",\"timeout\":5000},model:{value:(_vm.error),callback:function ($$v) {_vm.error=$$v},expression:\"error\"}},[_c('v-icon',[_vm._v(\"mdi-check\")]),_c('v-divider',{staticClass:\"mx-1\",attrs:{\"vertical\":\"\"}}),_c('strong',[_vm._v(\" An error occurred while \"+_vm._s(_vm.action)+\"ing the users. Please check your data and try again. \")]),_c('v-divider',{staticClass:\"mx-3\",attrs:{\"vertical\":\"\"}}),_c('v-btn',{attrs:{\"color\":\"red\"},on:{\"click\":function($event){_vm.error = false}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1)]:[_c('v-overlay',[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"size\":\"64\"}})],1)]],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-app>\n    <v-main>\n      <template v-if=\"user !== null && !isLoading\">\n        <div class=\"campaign-rewards-creators-web\" :style=\"'height: ' + (screenHeight < 900 ? (filteredCoupons.length > 3 ? filteredCoupons.length * 154 + 450 : 1000) : 2292) + 'px !important'\">\n          <div class=\"bg-main\"></div>\n          <div class=\"bg-open\"></div>\n          <div class=\"content\">\n            <div class=\"header\">\n              <a href=\"https://www.twitch.tv\" target=\"_blank\"><img class=\"twitch-logo\" src=\"/imgs/twitch-logo.png\" /></a>\n              <div class=\"creator-photo\">\n                <div class=\"photo\">\n                  <v-tooltip bottom color=\"#9146ff\" v-if=\"user !== null\">\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-avatar style=\"cursor: pointer\" @click=\"logout\" class=\"ml-2\" v-bind=\"attrs\" v-on=\"on\">\n                        <v-img :src=\"user?.profile_image_url\"></v-img>\n                      </v-avatar>\n                    </template>\n                    <span class=\"logout\">{{ $vuetify.lang.t('$vuetify.logout') }}</span>\n                  </v-tooltip>\n                </div>\n              </div>\n              <template v-if=\"user !== null\">\n                <div class=\"creator-username\" v-text=\"user?.display_name\"></div>\n              </template>\n            </div>\n            <div class=\"back-container\" @click=\"viewDashboard\">\n              <svg class=\"back-button\" width=\"65\" height=\"65\" viewBox=\"0 0 65 65\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <rect width=\"65\" height=\"65\" rx=\"32.5\" fill=\"#B2E816\" />\n                <path d=\"M38 21L27 32L38 43\" stroke=\"black\" stroke-width=\"6\" stroke-linecap=\"round\" />\n              </svg>\n            </div>\n            <div class=\"back-container-mobile\" @click=\"viewDashboard\">\n              <svg class=\"back-button\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"31px\" height=\"31px\" viewBox=\"0 0 33 33\" version=\"1.1\">\n                <g id=\"surface1\">\n                  <path style=\"stroke: none; fill-rule: nonzero; fill: rgb(69.803922%, 90.980392%, 8.627451%); fill-opacity: 1\" d=\"M 16.5 0 C 25.613281 0 33 7.386719 33 16.5 C 33 25.613281 25.613281 33 16.5 33 C 7.386719 33 0 25.613281 0 16.5 C 0 7.386719 7.386719 0 16.5 0 Z M 16.5 0 \" />\n                  <path style=\"fill: none; stroke-width: 6; stroke-linecap: round; stroke-linejoin: miter; stroke: rgb(0%, 0%, 0%); stroke-opacity: 1; stroke-miterlimit: 4\" d=\"M 38.001302 20.997277 L 26.998698 31.999882 L 38.001302 43.002486 \" transform=\"matrix(0.507692,0,0,0.507692,0,0)\" />\n                </g>\n              </svg>\n            </div>\n            <div class=\"welcome\">{{ campaign?.name }} White Listed Users</div>\n            <div class=\"search-box\">\n              <div class=\"search-rewards\">Search User ID</div>\n              <div class=\"search-bg\">\n                <input type=\"text\" class=\"search-text\" v-model=\"couponsSearch\" />\n              </div>\n              <svg class=\"search-icon\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  fill-rule=\"evenodd\"\n                  clip-rule=\"evenodd\"\n                  d=\"M19.7883 21.9095C18.0354 23.2224 15.8585 24 13.5 24C7.70101 24 3 19.299 3 13.5C3 7.70101 7.70101 3 13.5 3C19.299 3 24 7.70101 24 13.5C24 15.8585 23.2224 18.0353 21.9096 19.7882L26.5608 24.4394L24.4395 26.5607L19.7883 21.9095ZM21 13.5C21 17.6421 17.6421 21 13.5 21C9.35786 21 6 17.6421 6 13.5C6 9.35786 9.35786 6 13.5 6C17.6421 6 21 9.35786 21 13.5Z\"\n                  fill=\"#D2D2E6\"\n                />\n              </svg>\n            </div>\n            <div class=\"search-box-mobile\">\n              <div class=\"search-rewards-mobile\">Search User</div>\n              <div class=\"search-bg-mobile\">\n                <input type=\"text\" class=\"search-text-mobile\" v-model=\"couponsSearch\" />\n              </div>\n              <svg class=\"search\" width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  fill-rule=\"evenodd\"\n                  clip-rule=\"evenodd\"\n                  d=\"M9.89415 10.9548C9.01771 11.6112 7.92926 12 6.75 12C3.8505 12 1.5 9.64949 1.5 6.75C1.5 3.8505 3.8505 1.5 6.75 1.5C9.64949 1.5 12 3.8505 12 6.75C12 7.92924 11.6112 9.01767 10.9548 9.8941L13.2804 12.2197L12.2197 13.2803L9.89415 10.9548ZM10.5 6.75C10.5 8.82107 8.82107 10.5 6.75 10.5C4.67893 10.5 3 8.82107 3 6.75C3 4.67893 4.67893 3 6.75 3C8.82107 3 10.5 4.67893 10.5 6.75Z\"\n                  fill=\"#D2D2E6\"\n                />\n              </svg>\n            </div>\n            <div class=\"rewards-page-box\">\n              <div class=\"rewards-per-page\">User IDs per Page</div>\n              <div class=\"page-bg\">\n                <input type=\"number\" class=\"page-text\" v-model=\"couponsPerPage\" min=\"1\" max=\"10\" onKeyUp=\"if(this.value>10){this.value=10;}else if(this.value<0){this.value=0;}\" />\n              </div>\n            </div>\n            <div class=\"rewards-page-box-mobile\">\n              <div class=\"rewards-per-part\">User IDs per Page</div>\n              <div class=\"page-bg-mobile\">\n                <input type=\"number\" class=\"page-text-mobile\" v-model=\"couponsPerPage\" min=\"1\" max=\"10\" onKeyUp=\"if(this.value>10){this.value=10;}else if(this.value<0){this.value=0;}\" />\n              </div>\n            </div>\n            <div class=\"rewards-table\">\n              <template v-if=\"!filteredCoupons.length\">\n                <div class=\"rewards-no-data\">No User IDs available</div>\n              </template>\n              <template v-else>\n                <div>\n                  <div class=\"tier\">User ID</div>\n                </div>\n                <template v-for=\"(coupon, index) in filteredCoupons\">\n                  <template>\n                    <div :key=\"index\">\n                      <div :class=\"'row-bg-' + index\"></div>\n                      <div :class=\"'row-tier-' + index\">{{ coupon }}</div>\n                      <div :class=\"'row-cancel-' + index\"><v-btn color=\"error\" rounded @click=\"deleteFaqConfirm(coupon)\"> Delete </v-btn></div>\n                    </div>\n                  </template>\n                </template>\n                <div class=\"pagination\" :style=\"'top: ' + ((filteredCoupons.length || 1) * 130 + 660) + 'px !important'\">\n                  <v-pagination v-model=\"couponsPage\" :length=\"numberOfPages\" color=\"#424242\"></v-pagination>\n                </div>\n              </template>\n              <div @click=\"add\">\n                <div class=\"download-button\" :style=\"'top: ' + ((filteredCoupons.length || 1) * 130 + 620) + 'px !important'\">\n                  <div class=\"download-text\">Add Users</div>\n                </div>\n              </div>\n            </div>\n            <div class=\"rewards-table-mobile\">\n              <template v-if=\"!filteredCoupons.length\">\n                <div class=\"rewards-no-data\">{{ $vuetify.lang.t('$vuetify.no_rewards_available') }}</div>\n              </template>\n              <template v-else>\n                <template v-for=\"(coupon, index) in filteredCoupons\">\n                  <template>\n                    <div class=\"row-mobile\" :key=\"index\" :style=\"'top: ' + index * 154 + 'px !important'\">\n                      <div class=\"row-bg-mobile\"></div>\n                      <div class=\"row-container-mobile\">\n                        <div class=\"row-tier\">Question</div>\n                        <div class=\"row-tier-value\">{{ coupon }}</div>\n                      </div>\n                    </div>\n                  </template>\n                </template>\n                <div class=\"pagination\" :style=\"'top: ' + ((filteredCoupons.length || 1) * 154 + 270) + 'px !important'\">\n                  <v-pagination v-model=\"couponsPage\" :length=\"numberOfPages\" color=\"#424242\"></v-pagination>\n                </div>\n              </template>\n              <div @click=\"add\">\n                <div class=\"download-button\" :style=\"'top: ' + ((filteredCoupons.length || 1) * 154 + 230) + 'px !important'\">\n                  <div class=\"download-text\">Add FAQ</div>\n                </div>\n              </div>\n            </div>\n            <img class=\"red-bits-rewards\" src=\"/imgs/red-bits-rewards.png\" />\n            <div class=\"footer\">\n              <a href=\"https://www.twitch.tv\" target=\"_blank\"><img class=\"twitch-glitch-white\" src=\"/imgs/twitch-glitch-white.png\" /></a>\n              <div>\n                <a class=\"terms-of-service\" href=\"https://www.twitch.tv/p/en/legal/terms-of-service/\" target=\"_blank\">{{ $vuetify.lang.t('$vuetify.terms') }}</a>\n              </div>\n              <div class=\"partner\">{{ $vuetify.lang.t('$vuetify.develop_by') }}</div>\n              <div>\n                <a class=\"privacy-policy\" href=\"https://www.twitch.tv/p/en/legal/privacy-notice/\" target=\"_blank\">{{ $vuetify.lang.t('$vuetify.privacy_policy') }}</a>\n              </div>\n              <div class=\"trade-mark\">© {{ new Date().getFullYear() }} Twitch Interactive Inc</div>\n            </div>\n          </div>\n        </div>\n        <v-dialog persistent transition=\"dialog-top-transition\" max-width=\"1200\" :value=\"addNew\" opacity=\"1\">\n          <v-card>\n            <v-toolbar>\n              <v-toolbar-title> Add Users</v-toolbar-title>\n              <v-spacer></v-spacer>\n              <v-btn color=\"error\" rounded @click=\"cancel\"> Cancel </v-btn>\n            </v-toolbar>\n            <v-card-text>\n              <v-container>\n                <v-row>\n                  <v-col cols=\"9\">\n                    <v-textarea v-model=\"importText\" label=\"Bulk Import\"></v-textarea>\n                  </v-col>\n                  <v-col cols=\"3\">\n                    <v-btn color=\"primary\" rounded @click=\"doImport\"> Bulk Import </v-btn>\n                  </v-col>\n                </v-row>\n              </v-container>\n            </v-card-text>\n          </v-card>\n        </v-dialog>\n        <v-snackbar top color=\"green\" v-model=\"success\" :timeout=\"5000\">\n          <v-icon>mdi-check</v-icon>\n          <v-divider class=\"mx-1\" vertical></v-divider>\n          <strong>{{ count > 0 ? count : '' }} Users {{ action }}ed successfully!</strong>\n          <v-divider class=\"mx-3\" vertical></v-divider>\n          <v-btn color=\"green\" @click=\"closeSuccess\">\n            <v-icon>mdi-close</v-icon>\n          </v-btn>\n        </v-snackbar>\n        <v-snackbar top color=\"red\" min-width=\"720px\" v-model=\"error\" :timeout=\"5000\">\n          <v-icon>mdi-check</v-icon>\n          <v-divider class=\"mx-1\" vertical></v-divider>\n          <strong> An error occurred while {{ action }}ing the users. Please check your data and try again. </strong>\n          <v-divider class=\"mx-3\" vertical></v-divider>\n          <v-btn color=\"red\" @click=\"error = false\">\n            <v-icon>mdi-close</v-icon>\n          </v-btn>\n        </v-snackbar>\n      </template>\n      <template v-else>\n        <v-overlay>\n          <v-progress-circular indeterminate size=\"64\"></v-progress-circular>\n        </v-overlay>\n      </template>\n    </v-main>\n  </v-app>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from 'vuex'\nimport { sortBy, uniq } from 'lodash'\n\nexport default {\n  data() {\n    return {\n      showMenu: false,\n      link: process.env.VUE_APP_BASE_API_URL,\n      score: null,\n      campaignTabs: 0,\n      isLoading: false,\n      campaign: null,\n      faqs: [],\n      couponsSearch: '',\n      couponsPage: 1,\n      couponsPerPage: 10,\n      screenHeight: 0,\n      screenWidth: 0,\n      addNew: false,\n      success: false,\n      error: false,\n      action: 'add',\n      importText: '',\n      count: 0\n    }\n  },\n  watch: {\n    couponsPerPage(newValue) {\n      this.couponsPage = 1\n    }\n  },\n  computed: {\n    ...mapGetters(['user']),\n    filteredCoupons() {\n      let filtered = this.faqs\n      if (this.couponsSearch.length > 0) {\n        filtered = this.faqs.filter((coupon) => coupon.toLowerCase().includes(this.couponsSearch?.toLowerCase()))\n      }\n      const sorted = sortBy(filtered)\n      return sorted.slice((this.couponsPage - 1) * this.couponsPerPage, this.couponsPage * this.couponsPerPage) ?? 0\n    },\n    numberOfPages() {\n      let filtered = this.faqs\n      if (this.couponsSearch.length > 0) {\n        filtered = this.faqs.filter((coupon) => coupon.toLowerCase().includes(this.couponsSearch?.toLowerCase()))\n      }\n      const sorted = sortBy(filtered)\n      return sorted.length < this.couponsPerPage ? 1 : Math.ceil(sorted.length / this.couponsPerPage)\n    }\n  },\n  methods: {\n    ...mapActions(['loadSystem', 'getCampaign', 'updateCampaignWhiteListUsers', 'signOut']),\n    viewDashboard() {\n      this.$router.push({ name: 'settings' })\n    },\n    logout() {\n      this.signOut().then(() => {\n        this.$router.push('/')\n      })\n    },\n    onScreenResize() {\n      window.addEventListener('resize', () => {\n        this.updateScreenHeight()\n        this.updateScreenWidth()\n      })\n    },\n    updateScreenHeight() {\n      this.screenHeight = window.innerHeight\n    },\n    updateScreenWidth() {\n      this.screenWidth = window.innerWidth\n    },\n    closeSuccess() {\n      this.count = 0\n      this.success = false\n    },\n    cancel() {\n      this.addNew = false\n      this.importText = ''\n    },\n    add() {\n      this.addNew = true\n      this.importText = ''\n    },\n    doImport() {\n      this.action = 'add'\n      this.isLoading = true\n      this.success = false\n      this.error = false\n      this.addNew = false\n      const finalResult = []\n      const result = this.importText.split(/\\r?\\n/)\n      result.forEach((element) => {\n        element\n          .toLowerCase()\n          .split(',')\n          .forEach((sub) => {\n            finalResult.push(sub.toLowerCase().trim())\n          })\n      })\n      const channels = finalResult.filter((str) => str !== '')\n      this.count = channels.length\n      this.updateCampaignWhiteListUsers({\n        campaignId: this.campaign.id,\n        whiteListUsers: uniq(channels.concat(this.faqs))\n      })\n        .then((_) => {\n          this.success = true\n        })\n        .catch((_) => {\n          this.error = true\n        })\n        .finally((_) => {\n          this.getCampaign(this.campaign.id).then((result) => {\n            this.campaign = result\n            this.faqs = result.landing_white_list_users ?? []\n            this.isLoading = false\n            this.importText = ''\n            this.cancel()\n          })\n        })\n    },\n    deleteFaqConfirm(faq) {\n      this.count = 0\n      if (confirm('Are you sure you want to delete this User ID?')) {\n        this.action = 'delet'\n        const filtered = this.faqs.filter((f) => f !== faq)\n        this.isLoading = true\n        this.updateCampaignWhiteListUsers({\n          campaignId: this.campaign.id,\n          whiteListUsers: filtered\n        })\n          .then((_) => {\n            this.success = true\n          })\n          .catch((_) => {\n            this.error = true\n          })\n          .finally((_) => {\n            this.getCampaign(this.campaign.id).then((result) => {\n              this.campaign = result\n              this.faqs = result.landing_white_list_users ?? []\n              this.isLoading = false\n              this.cancel()\n            })\n          })\n      }\n    }\n  },\n  mounted() {\n    if (process.env.VUE_APP_NO_PROD_REDIRECT !== 'true') {\n      location.replace('https://glitch-exp.com')\n    }\n    this.updateScreenHeight()\n    this.updateScreenWidth()\n    this.onScreenResize()\n    this.$vuetify.lang.current = 'en'\n    if (this.user == null) {\n      this.isLoading = true\n      this.loadSystem().then((_) => {\n        if (this.campaign == null) {\n          this.getCampaign(this.$route.params.campaignId).then((result) => {\n            this.campaign = result\n            this.faqs = result.landing_white_list_users ?? []\n            this.isLoading = false\n          })\n        } else {\n          this.isLoading = false\n        }\n      })\n    } else {\n      this.isLoading = true\n      if (this.campaign == null) {\n        this.getCampaign(this.$route.params.campaignId).then((result) => {\n          this.campaign = result\n          this.faqs = result.landing_white_list_users ?? []\n          this.isLoading = false\n        })\n      } else {\n        this.isLoading = false\n      }\n    }\n  }\n}\n</script>\n\n<style>\nbody {\n  background: #121212 !important;\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.campaign-rewards-creators-web,\n.campaign-rewards-creators-web * {\n  box-sizing: border-box;\n}\n.campaign-rewards-creators-web {\n  background: #000000 !important;\n  width: 100% !important;\n  height: 2292px;\n  position: relative;\n  overflow: hidden;\n\n  @media only screen and (max-height: 900px) {\n    height: 1000px;\n  }\n}\n.bg-main {\n  background: linear-gradient(180deg, #e3ff93 0%, #c1ff0c 19.27%);\n  width: 100%;\n  height: 1074px;\n  position: absolute;\n  left: 0.46px;\n  top: -3px;\n  @media only screen and (max-height: 900px) {\n    height: 1000px;\n  }\n}\n.bg-open {\n  background: #000000;\n  border-radius: 100px 100px 0px 0px;\n  width: 100%;\n  height: 1234px;\n  position: absolute;\n  left: 0px;\n  top: 305px;\n  @media only screen and (max-height: 900px) {\n    background: #000000;\n    border-radius: 30px 30px 0px 0px;\n    width: 393px;\n    height: 844px;\n    position: absolute;\n    left: 0px;\n    top: 157px;\n  }\n}\n.header {\n  position: absolute;\n  inset: 0;\n}\n.creator-photo {\n  width: 42px;\n  height: 42px;\n  position: static;\n}\n.photo {\n  width: 42px;\n  height: 42px;\n  position: absolute;\n  right: 70px;\n  top: 60px;\n  z-index: 10;\n\n  @media only screen and (max-height: 900px) {\n    border-radius: 50%;\n    width: 30px;\n    height: 30px;\n    position: absolute;\n    right: 44px;\n    top: 44px;\n    z-index: 1;\n  }\n}\n.logout {\n  color: var(--black, #000000);\n  font: 600 20px/18px 'RoobertRegular';\n\n  @media only screen and (max-height: 900px) {\n    z-index: 1;\n  }\n}\n.creator-username {\n  color: var(--black, #000000);\n  text-align: center;\n  font: 600 20px/18px 'RoobertRegular';\n  position: absolute;\n  right: 130px;\n  top: 63px;\n  width: 372px;\n  height: 41px;\n  display: flex;\n  align-items: center;\n  justify-content: right;\n\n  @media only screen and (max-height: 900px) {\n    text-align: center;\n    font: 600 14px/18px 'RoobertRegular', sans-serif;\n    position: absolute;\n    right: 70px;\n    top: 64px;\n    width: 124px;\n    height: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n.twitch-logo {\n  width: 131px;\n  height: 44px;\n  position: absolute;\n  left: 99.46px;\n  top: 61px;\n  z-index: 10;\n  cursor: pointer;\n\n  @media only screen and (max-height: 900px) {\n    width: 54px;\n    height: 18px;\n    left: 18px;\n  }\n}\n.content {\n  margin: auto;\n  padding: 12px;\n  min-width: 1420px;\n  max-width: 1920px;\n\n  @media only screen and (max-height: 900px) {\n    max-height: 900px;\n  }\n}\n.back-container {\n  visibility: visible;\n  @media only screen and (max-height: 900px) {\n    visibility: hidden;\n  }\n}\n.back-container-mobile {\n  visibility: hidden;\n  @media only screen and (max-height: 900px) {\n    visibility: visible;\n  }\n}\n.back-button {\n  box-sizing: border-box;\n  position: relative;\n  overflow: visible;\n  left: calc(50% - 730px);\n  top: 180px;\n  cursor: pointer;\n  z-index: 1;\n\n  @media only screen and (max-height: 900px) {\n    left: -4px;\n    top: 24px;\n  }\n}\n.back-button:hover {\n  rect {\n    fill: #7d5bbe;\n  }\n}\n.welcome {\n  color: #000000;\n  text-align: left;\n  font-style: normal;\n  font-weight: 700;\n  font-size: 85px;\n  line-height: 106px;\n  position: absolute;\n  left: calc(50% - 623.54px);\n  top: 167.4px;\n\n  @media only screen and (max-height: 900px) {\n    color: #000000;\n    text-align: left;\n    font: 700 24px/90% 'RoobertRegular', sans-serif;\n    position: absolute;\n    left: 43px;\n    top: 94px;\n    width: 309px;\n    height: 57px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n  }\n}\n.search-box-mobile {\n  box-sizing: border-box;\n  position: absolute;\n  inset: 0;\n  visibility: hidden;\n  @media only screen and (max-height: 900px) {\n    visibility: visible;\n  }\n}\n.search-rewards-mobile {\n  color: var(--color-brand-muted-smoke, #d2d2e6);\n  text-align: left;\n  font: 600 11px/23.52px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 43px;\n  top: 170px;\n  width: 168px;\n  height: 18px;\n}\n.search-bg-mobile {\n  background: #222222;\n  border-radius: 5px;\n  border-style: solid;\n  border-color: #353535;\n  border-width: 1px;\n  width: 94px;\n  height: 20px;\n  position: absolute;\n  left: 43px;\n  top: 191px;\n}\n.search-text-mobile {\n  color: var(--color-brand-muted-smoke, #d2d2e6);\n  font: 500 11px/23.52px 'RoobertRegular', sans-serif;\n  margin-left: 20px;\n  width: 70px;\n  z-index: 100 !important;\n  position: absolute;\n  top: -3px;\n}\n.search {\n  position: absolute;\n  left: 47px;\n  top: 194px;\n  overflow: visible;\n}\n.search-box {\n  visibility: visible;\n  @media only screen and (max-height: 900px) {\n    visibility: hidden;\n  }\n}\n.search-rewards {\n  color: var(--color-brand-muted-smoke, #d2d2e6);\n  text-align: left;\n  font: 600 25px/23.52px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 388px;\n  width: 351px;\n}\n.search-bg {\n  background: #222222;\n  border-radius: 10px;\n  border-style: solid;\n  border-color: #353535;\n  border-width: 2px;\n  width: 419px;\n  height: 50px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 427px;\n  z-index: 1;\n}\n.search-icon {\n  position: absolute;\n  left: calc(50% - 621px);\n  top: 437px;\n  overflow: visible;\n  z-index: 1;\n}\n.search-text {\n  color: var(--color-brand-muted-smoke, #d2d2e6);\n  font: 500 26px/64.44px 'RoobertRegular', sans-serif;\n  margin-left: 50px;\n  margin-top: -10px;\n  width: 350px;\n  z-index: 100 !important;\n}\n.rewards-page-box {\n  visibility: visible;\n  @media only screen and (max-height: 900px) {\n    visibility: hidden;\n  }\n}\n.rewards-per-page {\n  color: var(--color-brand-muted-smoke, #d2d2e6);\n  text-align: left;\n  font: 600 25px/23.52px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% + 430px);\n  top: 388px;\n  width: 302px;\n}\n.page-bg {\n  background: #222222;\n  border-radius: 10px;\n  border-style: solid;\n  border-color: #353535;\n  border-width: 2px;\n  width: 202px;\n  height: 50px;\n  position: absolute;\n  left: calc(50% + 430px);\n  top: 427px;\n  z-index: 1;\n}\n.page-text {\n  color: var(--color-brand-muted-smoke, #d2d2e6);\n  text-align: left;\n  font: 500 26px/64.44px 'RoobertRegular', sans-serif;\n  margin-left: 10px;\n  width: 202px;\n  height: 47px;\n}\n.rewards-page-box-mobile {\n  box-sizing: border-box;\n  position: absolute;\n  inset: 0;\n\n  visibility: hidden;\n  @media only screen and (max-height: 900px) {\n    visibility: visible;\n  }\n}\n.rewards-per-part {\n  color: var(--color-brand-muted-smoke, #d2d2e6);\n  text-align: right;\n  font: 600 11px/23.52px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 185px;\n  top: 170px;\n  width: 163px;\n  height: 19px;\n}\n.page-bg-mobile {\n  background: #222222;\n  border-radius: 5px;\n  border-style: solid;\n  border-color: #353535;\n  border-width: 1px;\n  width: 93px;\n  height: 20px;\n  position: absolute;\n  left: 255px;\n  top: 191px;\n}\n.page-text-mobile {\n  color: var(--color-brand-muted-smoke, #d2d2e6);\n  text-align: left;\n  font: 500 12px/64.44px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 4px;\n  top: -4px;\n  width: 86px;\n  height: 26px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  z-index: 100;\n}\n.download-button {\n  box-sizing: border-box;\n  background: #beff00;\n  border-radius: 326.53px;\n  padding: 14px 30px 14px 30px;\n  display: flex;\n  flex-direction: column;\n  gap: 42.45px;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  width: 480px;\n  left: calc(50% - 630px);\n  top: 404px;\n  cursor: pointer;\n  z-index: 1;\n\n  @media only screen and (max-height: 900px) {\n    background: #beff00;\n    border-radius: 326.53px;\n    padding: 1px 10px 1px 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 42.45px;\n    align-items: center;\n    justify-content: center;\n    height: 25px;\n    left: 44px;\n    width: 200px;\n  }\n}\n.download-button:hover {\n  background: #7d5bbe;\n}\n.download-text {\n  color: var(--black-ops, #000000);\n  text-align: center;\n  font: 600 34.21px/42.45px 'RoobertRegular', sans-serif;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  @media only screen and (max-height: 900px) {\n    text-align: center;\n    font: 500 14px/42.45px 'RoobertRegular', sans-serif;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n.footer {\n  position: absolute;\n  inset: 0;\n}\n.twitch-glitch-white {\n  z-index: 1;\n  width: 64px;\n  height: 75px;\n  position: absolute;\n  left: 98px;\n  top: 2042px;\n\n  @media only screen and (max-height: 900px) {\n    width: 20px;\n    height: 24px;\n    left: 20px;\n    top: unset;\n    bottom: 104px !important;\n  }\n}\n.terms-of-service {\n  color: #ffffff;\n  text-align: center;\n  font: 500 20px/37.23px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 100px;\n  top: 2190px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n\n  @media only screen and (max-height: 900px) {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 10px;\n    line-height: 37px;\n    left: 20px;\n    top: unset;\n    bottom: 57px !important;\n  }\n}\n.partner {\n  color: #b3b3b3;\n  text-align: right;\n  font: 500 20px/37.23px 'RoobertRegular', sans-serif;\n  position: absolute;\n  top: 2190px;\n  right: 98px;\n  width: 984px;\n  align-items: right;\n\n  @media only screen and (max-height: 900px) {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 8px;\n    line-height: 14px;\n    right: 20px;\n    top: unset;\n    bottom: 36px !important;\n    min-width: 200px;\n    max-width: 220px;\n  }\n}\n.privacy-policy {\n  color: #ffffff;\n  text-align: center;\n  font: 500 20px/37.23px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 330px;\n  top: 2190px;\n  display: flex;\n  justify-content: left;\n  text-decoration: none;\n\n  @media only screen and (max-height: 900px) {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 10px;\n    line-height: 37px;\n    left: 20px;\n    top: unset;\n    bottom: 36px !important;\n  }\n}\n.trade-mark {\n  color: #ffffff;\n  text-align: center;\n  font: 500 20px/37.23px 'RoobertRegular', sans-serif;\n  position: absolute;\n  top: 2154px;\n  right: 100px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  @media only screen and (max-height: 900px) {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 10px;\n    line-height: 37px;\n    right: 20px;\n    top: unset;\n    bottom: 57px !important;\n  }\n}\n.red-bits-rewards {\n  width: 767.91px;\n  height: 785px;\n  position: absolute;\n  right: -300px;\n  top: 1560px;\n  transform-origin: 0 0;\n  transform: rotate(-1.9deg) scale(1, 1);\n\n  @media only screen and (max-height: 900px) {\n    visibility: hidden;\n  }\n}\n/* ----------------------- */\n/*      Rewards Table      */\n/* ----------------------- */\n.rewards-table {\n  visibility: visible;\n  @media only screen and (max-height: 900px) {\n    visibility: hidden;\n  }\n}\n.pagination {\n  position: relative;\n  margin: auto;\n  width: 50%;\n  padding-left: 50px;\n  z-index: 1;\n\n  @media only screen and (max-height: 900px) {\n    position: absolute;\n    left: 76px;\n  }\n}\n.tier {\n  color: var(--color-brand-accent-lime, #beff00);\n  text-align: left;\n  font: 600 21.87px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 533px;\n  width: 169px;\n}\n.coupon-code {\n  color: var(--color-brand-accent-lime, #beff00);\n  text-align: left;\n  font: 600 21.87px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 533px;\n  width: 269px;\n}\n.digital-reward-name {\n  color: var(--color-brand-accent-lime, #beff00);\n  text-align: left;\n  font: 600 21.87px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 533px;\n  width: 236px;\n}\n.digital-reward-mechanics {\n  color: var(--color-brand-accent-lime, #beff00);\n  text-align: left;\n  font: 600 21.87px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 533px;\n  width: 262px;\n}\n.rewards-no-data {\n  text-align: left;\n  color: #f0f0ff;\n  text-align: center;\n  font-size: 60px;\n  font-family: 'RoobertRegular', sans-serif;\n  font-weight: 600;\n  line-height: 64.438px;\n  position: absolute;\n  left: calc(50% - 696px);\n  top: 524px;\n  width: 675px;\n  height: 51px;\n  z-index: 10;\n\n  @media only screen and (max-height: 900px) {\n    text-align: left;\n    font: 500 16px/23.52px 'RoobertRegular', sans-serif;\n    position: absolute;\n    left: 42px;\n    top: 220px;\n    width: 213px;\n    height: 19px;\n  }\n}\n.row-bg-0 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 588px;\n}\n.row-bg-1 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 718px;\n}\n.row-bg-2 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 848px;\n}\n.row-bg-3 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 978px;\n}\n.row-bg-4 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 1108px;\n}\n.row-bg-5 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 1238px;\n}\n.row-bg-6 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 1368px;\n}\n.row-bg-7 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 1498px;\n}\n.row-bg-8 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 1628px;\n}\n.row-bg-9 {\n  background: #111111;\n  border-radius: 111.98px;\n  width: 1272px;\n  height: 105px;\n  position: absolute;\n  left: calc(50% - 630px);\n  top: 1758px;\n}\n.row-tier-0 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 624px;\n  width: 960px;\n  z-index: 1;\n}\n.row-tier-1 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 754px;\n  width: 960px;\n  z-index: 1;\n}\n.row-tier-2 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 884px;\n  width: 960px;\n  z-index: 1;\n}\n.row-tier-3 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 1014px;\n  width: 960px;\n  z-index: 1;\n}\n.row-tier-4 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 1144px;\n  width: 960px;\n  z-index: 1;\n}\n.row-tier-5 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 1274px;\n  width: 960px;\n  z-index: 1;\n}\n.row-tier-6 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 1404px;\n  width: 960px;\n  z-index: 1;\n}\n.row-tier-7 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 1534px;\n  width: 960px;\n  z-index: 1;\n}\n.row-tier-8 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 1664px;\n  width: 960px;\n  z-index: 1;\n}\n.row-tier-9 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 560px);\n  top: 1794px;\n  width: 960px;\n  z-index: 1;\n}\n.row-code-0 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 624px;\n  width: 250px;\n  z-index: 1;\n}\n.row-code-1 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 754px;\n  width: 250px;\n  height: 39px;\n  z-index: 1;\n}\n.row-code-2 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 880px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-code-3 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 1014px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-code-4 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 1144px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-code-5 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 1275px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-code-6 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 1404px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-code-7 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 1534px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-code-8 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 1664px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-code-9 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 350px);\n  top: 1794px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-name-0 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 625px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-name-1 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 754px;\n  width: 250px;\n  height: 27px;\n  z-index: 1;\n}\n.row-name-2 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 880px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-name-3 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 1014px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-name-4 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 1144px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-name-5 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 1275px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-name-6 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 1404px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-name-7 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 1534px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-name-8 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 1664px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-name-9 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 80px);\n  top: 1794px;\n  width: 250px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-0 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 625px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-1 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 754px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-2 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 881px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-3 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 1015px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-4 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 1145px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-5 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 1276px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-6 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 1405px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-7 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 1535px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-8 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 1665px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-mechanics-9 {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 26.24px/32.57px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: calc(50% - 90px);\n  top: 1795px;\n  width: 500px;\n  height: 53px;\n  z-index: 1;\n}\n.row-cancel-0 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 625px;\n  z-index: 1;\n}\n.row-cancel-1 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 754px;\n  z-index: 1;\n}\n.row-cancel-2 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 881px;\n  z-index: 1;\n}\n.row-cancel-3 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 1015px;\n  z-index: 1;\n}\n.row-cancel-4 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 1145px;\n  z-index: 1;\n}\n.row-cancel-5 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 1276px;\n  z-index: 1;\n}\n.row-cancel-6 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 1405px;\n  z-index: 1;\n}\n.row-cancel-7 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 1535px;\n  z-index: 1;\n}\n.row-cancel-8 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 1665px;\n  z-index: 1;\n}\n.row-cancel-9 {\n  position: absolute;\n  left: calc(50% + 460px);\n  top: 1795px;\n  z-index: 1;\n}\n.rewards-table-mobile {\n  visibility: hidden;\n  @media only screen and (max-height: 900px) {\n    visibility: visible;\n  }\n}\n.row-mobile {\n  box-sizing: border-box;\n  position: absolute;\n  inset: 0;\n}\n.row-bg-mobile {\n  background: #111111;\n  border-radius: 10px;\n  width: 306px;\n  height: 132px;\n  position: absolute;\n  left: 43px;\n  top: 232px;\n}\n.row-container-mobile {\n  width: 281px;\n  height: 97px;\n  position: static;\n}\n.row-reward-name {\n  color: var(--color-brand-accent-lime, #beff00);\n  text-align: left;\n  font: 600 11px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 62px;\n  top: 302px;\n  width: 141px;\n}\n.row-rewards-mechanics {\n  color: var(--color-brand-accent-lime, #beff00);\n  text-align: left;\n  font: 600 11px/92% 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 223px;\n  top: 304px;\n  width: 127px;\n}\n.row-tier {\n  color: var(--color-brand-accent-lime, #beff00);\n  text-align: left;\n  font: 600 11px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 62px;\n  top: 253px;\n  width: 90px;\n  height: 21px;\n}\n.row-tier-value {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 14px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 62px;\n  top: 272px;\n  width: 90px;\n  height: 21px;\n}\n.row-name-value {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 14px/92% 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 62px;\n  top: 329px;\n  width: 338px;\n  height: 21px;\n}\n.row-coupon-code {\n  color: var(--color-brand-accent-lime, #beff00);\n  text-align: left;\n  font: 600 11px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 224px;\n  top: 253px;\n  width: 127px;\n  height: 22px;\n}\n.row-code-value {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 14px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 223px;\n  top: 272px;\n  width: 120px;\n  height: 22px;\n}\n.row-mechanics-value {\n  color: var(--color-brand-muted-ice, #f0f0ff);\n  text-align: left;\n  font: 600 14px/23.93px 'RoobertRegular', sans-serif;\n  position: absolute;\n  left: 223px;\n  top: 324px;\n  width: 120px;\n  height: 22px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WhiteList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WhiteList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./WhiteList.vue?vue&type=template&id=223a5c52&scoped=true\"\nimport script from \"./WhiteList.vue?vue&type=script&lang=js\"\nexport * from \"./WhiteList.vue?vue&type=script&lang=js\"\nimport style0 from \"./WhiteList.vue?vue&type=style&index=0&id=223a5c52&prod&lang=css\"\nimport style1 from \"./WhiteList.vue?vue&type=style&index=1&id=223a5c52&prod&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  \"223a5c52\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WhiteList.vue?vue&type=style&index=1&id=223a5c52&prod&lang=scss&scoped=true\""],"sourceRoot":""}