{"version":3,"sources":["webpack:///./src/components/BankList.vue?b432","webpack:///./src/components/BankFilter.vue?9c32","webpack:///./src/assets/img/loading.svg","webpack:///./src/assets/img/icons/arrow-right-gray.svg","webpack:///./src/assets/img/Search.svg","webpack:///./src/views/PixOpenFinance/steps/BanksList.vue?3409","webpack:///./src/views/PixOpenFinance/steps/BanksList.vue","webpack:///./src/components/BankFilter.vue","webpack:///src/components/BankFilter.vue","webpack:///./src/components/BankFilter.vue?738b","webpack:///./src/components/BankFilter.vue?0739","webpack:///./src/components/BankList.vue","webpack:///src/components/BankList.vue","webpack:///./src/components/BankList.vue?2ade","webpack:///./src/components/BankList.vue?416d","webpack:///src/views/PixOpenFinance/steps/BanksList.vue","webpack:///./src/views/PixOpenFinance/steps/BanksList.vue?4e87","webpack:///./src/views/PixOpenFinance/steps/BanksList.vue?98fb"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","domProps","_s","$ml","get","on","updateFilterQuery","loading","require","filteredBanks","length","handleBankSelection","goToPreviousPage","style","staticRenderFns","directives","name","rawName","value","searchQuery","expression","$event","target","composing","filterBanks","data","methods","$emit","component","_l","bank","key","authorizationServerId","selectBank","customerFriendlyLogoUri","concat","customerFriendlyName","_v","props","banks","type","Array","required","filterQuery","String","default","computed","_this","filter","toLowerCase","includes","CieloButtonV2","components","BankFilter","BankList","mounted","$store","commit","_objectSpread","mapState","institutions","state","mapGetters","availablePixTypes","mapActions","query","dispatch","created","_this2","fetchInstitutions","then"],"mappings":"kHAAA,W,kCCAA,W,uBCAAA,EAAOC,QAAU,IAA0B,mB,8CCA3CD,EAAOC,QAAU,IAA0B,4B,qECA3CD,EAAOC,QAAU,IAA0B,kB,kCCA3C,W,yCCAA,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,KAAK,CAACE,YAAY,oBAAoBC,MAAM,CAAC,SAAW,KAAKC,SAAS,CAAC,YAAcN,EAAIO,GAAGP,EAAIQ,IAAIC,IAAI,yBAAyBP,EAAG,aAAa,CAACQ,GAAG,CAAC,OAASV,EAAIW,qBAAqBT,EAAG,KAAK,CAACE,YAAY,uBAAuBC,MAAM,CAAC,SAAW,KAAKC,SAAS,CAAC,YAAcN,EAAIO,GAAGP,EAAIQ,IAAIC,IAAI,0BAA2BT,EAAIY,QAASV,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4BC,MAAM,CAAC,IAAMQ,EAAQ,QAA4B,IAAM,+BAA+B,SAAW,QAAQX,EAAG,OAAO,CAACE,YAAY,2BAA2BC,MAAM,CAAC,SAAW,KAAKC,SAAS,CAAC,YAAcN,EAAIO,GAAGP,EAAIQ,IAAIC,IAAI,oCAAqCT,EAAIc,cAAcC,OAAS,EAAGb,EAAG,MAAM,CAACA,EAAG,WAAW,CAACG,MAAM,CAAC,MAAQL,EAAIc,eAAeJ,GAAG,CAAC,cAAcV,EAAIgB,wBAAwB,GAAGd,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,KAAK,CAACE,YAAY,oBAAoBC,MAAM,CAAC,SAAW,KAAKC,SAAS,CAAC,YAAcN,EAAIO,GAAGP,EAAIQ,IAAIC,IAAI,+BAA+BP,EAAG,IAAI,CAACE,YAAY,+BAA+BC,MAAM,CAAC,SAAW,KAAKC,SAAS,CAAC,YAAcN,EAAIO,GAAGP,EAAIQ,IAAIC,IAAI,6BAA6B,GAAGP,EAAG,gBAAgB,CAACG,MAAM,CAAC,aAAc,GAAMK,GAAG,CAAC,MAAQV,EAAIiB,mBAAmB,CAACf,EAAG,OAAO,CAACgB,MAAO,CAAE,cAAe,KAAOb,MAAM,CAAC,SAAW,KAAKC,SAAS,CAAC,YAAcN,EAAIO,GAAGP,EAAIQ,IAAIC,IAAI,eAAe,IAEp/CU,EAAkB,G,4ECFlBpB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,QAAQ,CAACkB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOvB,EAAIwB,YAAaC,WAAW,gBAAgBrB,YAAY,gBAAgBC,MAAM,CAAC,KAAO,OAAO,YAAc,gBAAgBC,SAAS,CAAC,MAASN,EAAIwB,aAAcd,GAAG,CAAC,MAAQ,CAAC,SAASgB,GAAWA,EAAOC,OAAOC,YAAiB5B,EAAIwB,YAAYE,EAAOC,OAAOJ,QAAOvB,EAAI6B,gBAAgB3B,EAAG,SAAS,CAACE,YAAY,iBAAiBC,MAAM,CAAC,SAAW,KAAKK,GAAG,CAAC,MAAQV,EAAI6B,cAAc,CAAC3B,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAAC,IAAMQ,EAAQ,QAA2B,IAAM,oBAAoB,SAAW,aAElpBM,EAAkB,GCmBP,GACfW,KAAA,WACA,OACAN,YAAA,KAGAO,QAAA,CACAF,YAAA,WACA,KAAAG,MAAA,cAAAR,gBC7BoV,I,wBCQhVS,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCnBXlC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACE,YAAY,aAAaJ,EAAIkC,GAAIlC,EAAIc,eAAe,SAASqB,GAAM,OAAOjC,EAAG,KAAK,CAACkC,IAAID,EAAKE,sBAAsBjC,YAAY,mBAAmB,CAACF,EAAG,SAAS,CAACE,YAAY,sBAAsBC,MAAM,CAAC,SAAW,KAAKK,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAO1B,EAAIsC,WAAWH,MAAS,CAACjC,EAAG,MAAM,CAACE,YAAY,kBAAkBC,MAAM,CAAC,IAAM8B,EAAKI,wBAAwB,IAAK,WAAAC,OAAYL,EAAKM,sBAAuB,SAAW,QAAQvC,EAAG,KAAK,CAACE,YAAY,kBAAkBC,MAAM,CAAC,SAAW,MAAM,CAACL,EAAI0C,GAAG,qBAAqB1C,EAAIO,GAAG4B,EAAKM,sBAAsB,oBAAoBvC,EAAG,MAAM,CAACE,YAAY,qBAAqBC,MAAM,CAAC,IAAMQ,EAAQ,QAA2C,IAAM,GAAG,SAAW,eAAc,IAE9wBM,EAAkB,GCatB,GACAwB,MAAA,CACAC,MAAA,CACAC,KAAAC,MACAC,UAAA,GAEAC,YAAA,CACAH,KAAAI,OACAC,QAAA,KAGAC,SAAA,CACArC,cAAA,eAAAsC,EAAA,KACA,YAAAR,MAAAS,QAAA,SAAAlB,GAAA,OACAA,EAAAM,qBAAAa,cAAAC,SAAAH,EAAAJ,YAAAM,oBAIAvB,QAAA,CACAO,WAAA,SAAAH,GACA,KAAAH,MAAA,cAAAG,MCnCkV,ICQ9U,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,gmBCMf,IAAAqB,EAAA,iEAQA,GACAC,WAAA,CACAD,gBACAE,aACAC,YAGA7B,KAAA,WACA,OACAhB,cAAA,GACA8B,aACAI,YAAA,GACApC,SAAA,IAIAgD,QAAA,WACA,KAAAC,OAAAC,OAAA,4CAGAX,SAAAY,IAAA,GACAC,eAAA,yBACAC,aAAA,SAAAC,GAAA,OAAAA,EAAAD,iBAGAE,eAAA,CACAC,kBAAA,8BAIArC,QAAAgC,IAAA,GACAM,eAAA,oDAEA1D,kBAAA,SAAA2D,GAAA,IAAAlB,EAAA,KACA,KAAAJ,YAAAsB,EACA,KAAAxD,cAAA,KAAAmD,aAAAZ,QAAA,SAAAlB,GAAA,OACAA,EAAAM,qBAAAa,cAAAC,SAAAH,EAAAJ,YAAAM,mBAIAtC,oBAAA,SAAAmB,GACA,KAAA0B,OAAAC,OAAA,wCAAA3B,GACA,KAAA0B,OAAAU,SAAA,qCAGAtD,iBAAA,WACA,KAAAmD,kBAAArD,OAAA,EACA,KAAA8C,OAAAU,SAAA,qCAEA,KAAAV,OAAAU,SAAA,4CAIAC,QAAA,eAAAC,EAAA,KACA,KAAAC,oBAAAC,MAAA,WACAF,EAAA3D,cAAA2D,EAAAR,aACAQ,EAAA7D,SAAA,OCzFiX,ICQ7W,G,UAAY,eACd,EACAb,EACAoB,GACA,EACA,KACA,WACA,OAIa,e","file":"js/chunk-f17e831e.js","sourcesContent":["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!./BankList.vue?vue&type=style&index=0&id=77ab8c2b&prod&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!./BankFilter.vue?vue&type=style&index=0&id=2da3e0cf&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/loading.svg\";","module.exports = __webpack_public_path__ + \"img/arrow-right-gray.svg\";","module.exports = __webpack_public_path__ + \"img/Search.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!./BanksList.vue?vue&type=style&index=0&id=1b3d91d6&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"banks-list\"},[_c('div',{staticClass:\"banks-list__container\"},[_c('h2',{staticClass:\"banks-list__title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('pixTypeFilterBank'))}}),_c('BankFilter',{on:{\"filter\":_vm.updateFilterQuery}}),_c('h2',{staticClass:\"banks-list__subtitle\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('pixTypeSuggestions'))}}),(_vm.loading)?_c('div',{staticClass:\"banks-list__loading-container\"},[_c('img',{staticClass:\"banks-list__loading-image\",attrs:{\"src\":require(\"@/assets/img/loading.svg\"),\"alt\":\"Redirecionamento Openfinance\",\"tabindex\":\"-1\"}}),_c('span',{staticClass:\"banks-list__loading-text\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('pixOpenFinanceLoadingBanks'))}})]):(_vm.filteredBanks.length > 0)?_c('div',[_c('BankList',{attrs:{\"banks\":_vm.filteredBanks},on:{\"select-bank\":_vm.handleBankSelection}})],1):_c('div',{staticClass:\"banks-list__error\"},[_c('h2',{staticClass:\"banks-list__title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('pixTypeEmptySearchTitle'))}}),_c('p',{staticClass:\"banks-list__errorDescription\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('pixTypeEmptySearch'))}})])],1),_c('CieloButtonV2',{attrs:{\"transparent\":true},on:{\"click\":_vm.goToPreviousPage}},[_c('span',{style:({ 'font-weight': 600 }),attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('back'))}})])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"search\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],staticClass:\"search__input\",attrs:{\"type\":\"text\",\"placeholder\":\"Buscar banco\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.searchQuery=$event.target.value},_vm.filterBanks]}}),_c('button',{staticClass:\"search__button\",attrs:{\"tabindex\":\"0\"},on:{\"click\":_vm.filterBanks}},[_c('img',{staticClass:\"search__icon\",attrs:{\"src\":require(\"@/assets/img/Search.svg\"),\"alt\":\"icone de pesquisa\",\"tabindex\":\"-1\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"search\">\r\n        <input\r\n            type=\"text\"\r\n            v-model=\"searchQuery\"\r\n            placeholder=\"Buscar banco\"\r\n            @input=\"filterBanks\"\r\n            class=\"search__input\"\r\n        />\r\n        <button class=\"search__button\" @click=\"filterBanks\" tabindex=\"0\">\r\n            <img\r\n                src=\"@/assets/img/Search.svg\"\r\n                alt=\"icone de pesquisa\"\r\n                class=\"search__icon\"\r\n                tabindex=\"-1\"\r\n            />\r\n        </button>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tsearchQuery: '',\r\n\t\t};\r\n\t},\r\n\tmethods: {\r\n\t\tfilterBanks() {\r\n\t\t\tthis.$emit('filter', this.searchQuery);\r\n\t\t}\r\n\t}\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.search {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\r\n\tmargin-bottom: 32px;\r\n\r\n\t&__input {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 580px;\r\n\t\theight: 44px;\r\n\t\tborder: 1.5px solid #B8C1CC;\r\n\t\tborder-radius: 1000px;\r\n\t\tpadding-left: 16px;\r\n\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: 500;\r\n\t\tline-height: 24px;\r\n\t}\r\n\r\n\t&__button {\r\n\t\tposition:absolute;\r\n\t\tright: 16px;\r\n\t\tbackground: none;\r\n\t\tborder: none;\r\n\t}\r\n}\r\n</style>\r\n\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!./BankFilter.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!./BankFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BankFilter.vue?vue&type=template&id=2da3e0cf&scoped=true&\"\nimport script from \"./BankFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./BankFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BankFilter.vue?vue&type=style&index=0&id=2da3e0cf&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  \"2da3e0cf\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"bank-list\"},_vm._l((_vm.filteredBanks),function(bank){return _c('li',{key:bank.authorizationServerId,staticClass:\"bank-list__item\"},[_c('button',{staticClass:\"bank-list__btn-info\",attrs:{\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.selectBank(bank)}}},[_c('img',{staticClass:\"bank-list__logo\",attrs:{\"src\":bank.customerFriendlyLogoUri,\"alt\":`Logo do ${bank.customerFriendlyName}`,\"tabindex\":\"-1\"}}),_c('h3',{staticClass:\"bank-list__name\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(bank.customerFriendlyName)+\"\\n            \")]),_c('img',{staticClass:\"bank-list__chevron\",attrs:{\"src\":require(\"@/assets/img/icons/arrow-right-gray.svg\"),\"alt\":\"\",\"tabindex\":\"-1\"}})])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <ul class=\"bank-list\">\r\n        <li v-for=\"bank in filteredBanks\" :key=\"bank.authorizationServerId\" class=\"bank-list__item\">\r\n            <button class=\"bank-list__btn-info\" @click=\"selectBank(bank)\" tabindex=\"0\">\r\n                <img :src=\"bank.customerFriendlyLogoUri\" :alt=\"`Logo do ${bank.customerFriendlyName}`\" class=\"bank-list__logo\" tabindex=\"-1\" />\r\n                <h3 class=\"bank-list__name\" tabindex=\"0\">\r\n                    {{ bank.customerFriendlyName }}\r\n                </h3>\r\n                <img class=\"bank-list__chevron\" src=\"@/assets/img/icons/arrow-right-gray.svg\" alt=\"\" tabindex=\"-1\" />\r\n            </button>\r\n        </li>\r\n    </ul>\r\n</template>\r\n\r\n  <script>\r\n  export default {\r\n\tprops: {\r\n\t  banks: {\r\n\t\ttype: Array,\r\n\t\trequired: true\r\n\t  },\r\n\t  filterQuery: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t  }\r\n\t},\r\n\tcomputed: {\r\n\t  filteredBanks() {\r\n\t\treturn this.banks.filter(bank =>\r\n\t\t  bank.customerFriendlyName.toLowerCase().includes(this.filterQuery.toLowerCase())\r\n\t\t);\r\n\t  }\r\n\t},\r\n\tmethods: {\r\n\t\tselectBank(bank) {\r\n\t\t\tthis.$emit('select-bank', bank);\r\n\t\t}\r\n\t}\r\n  };\r\n  </script>\r\n\r\n  <style lang=\"scss\" scoped>\r\n  .bank-list {\r\n\tpadding-left: 0;\r\n\t&__item {\r\n\t  display: flex;\r\n\t  align-items: center;\r\n\t  position: relative;\r\n\t  border-bottom: 1.5px solid #B8C1CC;\r\n\t  cursor: pointer;\r\n\r\n\t  &:last-child {\r\n\t\tborder-bottom: none;\r\n\t  }\r\n\r\n\t  &:hover {\r\n\t\tbackground-color: #EFF1F3;\r\n\t  }\r\n\t}\r\n\r\n\t&__logo {\r\n\t  width: 40px;\r\n\t  height: 40px;\r\n\t  margin-right: 20px;\r\n\t}\r\n\r\n\t&__btn-info {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tflex-grow: 1;\r\n\t\tposition: relative;\r\n\t\tpadding: 20px 0px;\r\n\t\tbackground-color: transparent;\r\n\t\tborder: none;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t&__name {\r\n\t  font-size: 16px;\r\n\t  font-weight: 500;\r\n\t  color: #2F363E;\r\n\t  margin: 0;\r\n\t  line-height: 24px;\r\n\t}\r\n\r\n\t&__arrow {\r\n\t  width: 20px;\r\n\t  height: 20px;\r\n\t}\r\n\t&__chevron {\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t}\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!./BankList.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!./BankList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BankList.vue?vue&type=template&id=77ab8c2b&scoped=true&\"\nimport script from \"./BankList.vue?vue&type=script&lang=js&\"\nexport * from \"./BankList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BankList.vue?vue&type=style&index=0&id=77ab8c2b&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  \"77ab8c2b\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"banks-list\">\r\n        <div class=\"banks-list__container\">\r\n            <h2 class=\"banks-list__title\" v-text=\"$ml.get('pixTypeFilterBank')\" tabindex=\"0\" />\r\n            <BankFilter @filter=\"updateFilterQuery\" />\r\n            <h2 class=\"banks-list__subtitle\" v-text=\"$ml.get('pixTypeSuggestions')\" tabindex=\"0\" />\r\n            <div v-if=\"loading\" class=\"banks-list__loading-container\">\r\n                <img class=\"banks-list__loading-image\" src=\"@/assets/img/loading.svg\" alt=\"Redirecionamento Openfinance\" tabindex=\"-1\" />\r\n                <span class=\"banks-list__loading-text\" v-text=\"$ml.get('pixOpenFinanceLoadingBanks')\" tabindex=\"0\" />\r\n            </div>\r\n            <div v-else-if=\"filteredBanks.length > 0\">\r\n                <BankList :banks=\"filteredBanks\" @select-bank=\"handleBankSelection\" />\r\n            </div>\r\n            <div v-else class=\"banks-list__error\">\r\n                <h2 class=\"banks-list__title\" v-text=\"$ml.get('pixTypeEmptySearchTitle')\" tabindex=\"0\" />\r\n                <p class=\"banks-list__errorDescription\" v-text=\"$ml.get('pixTypeEmptySearch')\" tabindex=\"0\" />\r\n            </div>\r\n        </div>\r\n        <CieloButtonV2 @click=\"goToPreviousPage\" :transparent=\"true\">\r\n            <span :style=\"{ 'font-weight': 600 }\" v-text=\"$ml.get('back')\" tabindex=\"0\" />\r\n        </CieloButtonV2>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    const CieloButtonV2 = () => import(\r\n        /* webpackChunkName: \"cielo-button\" */ '@/components/template/CieloButtonV2'\r\n    );\r\nimport { mapState, mapGetters, mapActions } from 'vuex';\r\nimport BankFilter from '@/components/BankFilter';\r\nimport BankList from '@/components/BankList';\r\nimport banks from '@/mockedBanks';\r\n\r\n  export default {\r\n\tcomponents: {\r\n\t\tCieloButtonV2,\r\n\t\tBankFilter,\r\n\t\tBankList\r\n\t},\r\n\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tfilteredBanks: [],\r\n\t\t\tbanks,\r\n\t\t\tfilterQuery: '',\r\n\t\t\tloading: true,\r\n\t\t};\r\n\t},\r\n\r\n\tmounted() {\r\n\t\tthis.$store.commit('pixOpenFinancePayment/resetSelectedBank');\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapState('pixOpenFinancePayment', {\r\n            institutions: state => state.institutions\r\n        }),\r\n\r\n\t\t...mapGetters({\r\n            availablePixTypes: 'paymentTypes/getPixTypes',\r\n        }),\r\n\t},\r\n\r\n\tmethods: {\r\n\t\t...mapActions('pixOpenFinancePayment', ['fetchInstitutions']),\r\n\r\n\t\tupdateFilterQuery(query) {\r\n\t\t\tthis.filterQuery = query;\r\n\t\t\tthis.filteredBanks = this.institutions.filter(bank =>\r\n\t\t\t\tbank.customerFriendlyName.toLowerCase().includes(this.filterQuery.toLowerCase())\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\thandleBankSelection(bank) {\r\n\t\t\tthis.$store.commit('pixOpenFinancePayment/setSelectedBank', bank);\r\n\t\t\tthis.$store.dispatch('pipelineV2/pushTo', 'PersonalData');\r\n\t\t},\r\n\r\n\t\tgoToPreviousPage() {\r\n\t\t\tif(this.availablePixTypes.length > 1) {\r\n\t\t\t\tthis.$store.dispatch('pipelineV2/pushTo', 'ChangePixType');\r\n\t\t\t} else {\r\n\t\t\t\tthis.$store.dispatch('pipelineV2/pushTo', 'ChangePaymentType');\r\n\t\t\t}\r\n\t\t},\r\n\t},\r\n\tcreated() {\r\n        this.fetchInstitutions().then(() => {\r\n\t\t\tthis.filteredBanks = this.institutions;\r\n\t\t\tthis.loading = false;\r\n        });\r\n    }\r\n  };\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  .banks-list {\r\n\t  @media screen and (max-width: 1024px) {\r\n\t\t  display: flex;\r\n\t\t  flex-direction: column;\r\n\t\t  flex: 1 0 auto;\r\n\t  }\r\n\t&__container {\r\n\t\tflex: 1;\r\n\t}\r\n\t&__title {\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 700;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 24px;\r\n\t\tcolor: #2F363E;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\r\n\t&__subtitle {\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 600;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 24px;\r\n\t\tcolor: #2F363E;\r\n\t\tmargin-bottom: 8px;\r\n\t}\r\n\t&__errorDescription {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 580px;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: 500;\r\n\t\tline-height: 24px;\r\n\t\tcolor: #5C6A7B;\r\n\t}\r\n\t&__loading-container {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t}\r\n\t&__loading-image {\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t\tanimation: spin 1s linear infinite;\r\n\t}\r\n\t&__loading-text {\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: 500;\r\n\t\tline-height: 24px;\r\n\t\tcolor: #5C6A7B;\r\n\t\tmargin-top: 16px;\r\n\t}\r\n  }\r\n\r\n  @keyframes spin {\r\n\t0% {\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(360deg);\r\n\t}\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!./BanksList.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!./BanksList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BanksList.vue?vue&type=template&id=1b3d91d6&scoped=true&\"\nimport script from \"./BanksList.vue?vue&type=script&lang=js&\"\nexport * from \"./BanksList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BanksList.vue?vue&type=style&index=0&id=1b3d91d6&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1b3d91d6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}