{"version":3,"sources":["webpack:///./src/views/pages/Perfil/internalPages/CancelarPlano.vue","webpack:///./src/views/pages/Perfil/components/FormularioCancelamento.vue","webpack:///src/views/pages/Perfil/components/FormularioCancelamento.vue","webpack:///./src/views/pages/Perfil/components/FormularioCancelamento.vue?a445","webpack:///./src/views/pages/Perfil/components/FormularioCancelamento.vue?8165","webpack:///src/views/pages/Perfil/internalPages/CancelarPlano.vue","webpack:///./src/views/pages/Perfil/internalPages/CancelarPlano.vue?1abe","webpack:///./src/views/pages/Perfil/internalPages/CancelarPlano.vue?5959","webpack:///./src/views/pages/Perfil/components/CardCancelarPlano.vue","webpack:///src/views/pages/Perfil/components/CardCancelarPlano.vue","webpack:///./src/views/pages/Perfil/components/CardCancelarPlano.vue?0944","webpack:///./src/views/pages/Perfil/components/CardCancelarPlano.vue?237a","webpack:///./src/services/TiposPlanos.js","webpack:///./src/views/pages/Perfil/internalPages/CancelarPlano.vue?bfd0","webpack:///./src/views/pages/Perfil/components/FormularioCancelamento.vue?a02b","webpack:///./src/views/pages/Perfil/components/CardCancelarPlano.vue?453a"],"names":["render","_vm","this","_c","_self","staticClass","attrs","user","planInfo","staticRenderFns","dataPlan","style","require","color","_v","on","loading","props","type","Object","default","undefined","userInfo","data","apiService","ApiService","methods","goToCarteira","$router","push","name","req","post","Id","id","statusCode","params","title","preco","error","$toast","component","components","CardCancelar","FormularioCancelamento","tiposPlanos","TiposPlanos","created","$store","getters","$userLogged","SelecionarPlano","planType","_s","InformacoesSobrePlanos","constructor","_defineProperty","value","colorFiltered","vantagensPorPlano","e"],"mappings":"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","file":"js/chunk-63f7d476.7eda8746.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cancelamento\"},[_c('CardCancelar',{staticClass:\"item\",attrs:{\"userInfo\":_vm.user,\"planInfo\":_vm.planInfo}}),_c('FormularioCancelamento',{staticClass:\"item\",attrs:{\"userInfo\":_vm.user,\"planInfo\":_vm.planInfo}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{staticClass:\"formulario-cancelamento\",attrs:{\"flat\":\"\"}},[_c('div',{staticClass:\"title\"},[_c('span',[_vm._v(_vm._s(_vm.userInfo.name)+\", lamentamos o cancelamento. \")])]),_c('div',{staticClass:\"conteudo-formulario\"},[_c('div',{staticClass:\"vantagens\"},[_c('div',{staticClass:\"title-vantagens\"},[_c('span',[_vm._v(\"Tem certeza? Vantagens que voce irá perder:\")])]),_c('ul',_vm._l((_vm.planInfo.data),function(dataPlan){return _c('li',{key:dataPlan.title,staticClass:\"item\"},[_c('img',{style:({ filter: _vm.planInfo.colorFiltered }),attrs:{\"src\":require(\"@/assets/icons/check_icon.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(dataPlan))])])}),0)]),_c('div',{staticClass:\"detalhes\"},[_c('div',{staticClass:\"card-detalhes\"},[_c('div',{staticClass:\"title-card\"},[_c('span',[_vm._v(\"Detalhes do seu plano atual\")])]),_c('div',{staticClass:\"descricoes-card\"},[_c('div',{staticClass:\"plano\"},[_c('span',{staticClass:\"strong\"},[_vm._v(\"Plano\")]),_vm._v(\" Kristal\"),_c('span',{staticClass:\"strong-2\",style:({ color: _vm.planInfo.color })},[_vm._v(\" \"+_vm._s(_vm.planInfo.title)+\" \")])]),_c('div',{staticClass:\"empresa\"},[_c('span',{staticClass:\"strong\"},[_vm._v(\"Kristal Connect\")])]),_c('div',{staticClass:\"valor\"},[_c('span',{staticClass:\"valor-pagamento strong\"},[_vm._v(\" \"+_vm._s(_vm.planInfo.preco))]),_c('span',{staticClass:\"tipo-pagamento\"},[_vm._v(\"Pagamento à vista - feito com cartão de crédito\")])])])])])]),_c('div',{staticClass:\"botoes\"},[_c('div',{staticClass:\"btn continue-btn\",on:{\"click\":_vm.goToCarteira}},[_c('span',[_vm._v(\"Continuar com o plano\")])]),_c('v-btn',{staticClass:\"btn\",attrs:{\"loading\":_vm.loading,\"rounded\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.cancelarPlano}},[_vm._v(\"Cancelar plano\")])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card flat class=\"formulario-cancelamento\">\r\n    <div class=\"title\">\r\n      <span>{{ userInfo.name }}, lamentamos o cancelamento. </span>\r\n    </div>\r\n\r\n    <div class=\"conteudo-formulario\">\r\n      <div class=\"vantagens\">\r\n        <div class=\"title-vantagens\">\r\n          <span>Tem certeza? Vantagens que voce irá perder:</span>\r\n        </div>\r\n\r\n        <ul>\r\n          <li\r\n            class=\"item\"\r\n            v-for=\"dataPlan in planInfo.data\"\r\n            :key=\"dataPlan.title\"\r\n          >\r\n            <img\r\n              src=\"@/assets/icons/check_icon.svg\"\r\n              alt=\"\"\r\n              :style=\"{ filter: planInfo.colorFiltered }\"\r\n            />\r\n            <span>{{ dataPlan }}</span>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"detalhes\">\r\n        <div class=\"card-detalhes\">\r\n          <div class=\"title-card\">\r\n            <span>Detalhes do seu plano atual</span>\r\n          </div>\r\n\r\n          <div class=\"descricoes-card\">\r\n            <div class=\"plano\">\r\n              <span class=\"strong\">Plano</span> Kristal<span\r\n                class=\"strong-2\"\r\n                :style=\"{ color: planInfo.color }\"\r\n              >\r\n                {{ planInfo.title }}\r\n              </span>\r\n            </div>\r\n            <div class=\"empresa\">\r\n              <span class=\"strong\">Kristal Connect</span>\r\n            </div>\r\n            <div class=\"valor\">\r\n              <span class=\"valor-pagamento strong\"> {{ planInfo.preco }}</span>\r\n              <span class=\"tipo-pagamento\"\r\n                >Pagamento à vista - feito com cartão de crédito</span\r\n              >\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"botoes\">\r\n      <div class=\"btn continue-btn\" @click=\"goToCarteira\">\r\n        <span>Continuar com o plano</span>\r\n      </div>\r\n      <v-btn\r\n        class=\"btn\"\r\n        :loading=\"loading\"\r\n        rounded\r\n        color=\"primary\"\r\n        @click=\"cancelarPlano\"\r\n        >Cancelar plano</v-btn\r\n      >\r\n    </div>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from \"../../../../services/ApiService\";\r\nexport default {\r\n  props: {\r\n    planInfo: { type: Object, default: undefined },\r\n    userInfo: { type: Object, default: undefined },\r\n  },\r\n  data() {\r\n    return {\r\n      loading: false,\r\n      apiService: new ApiService(),\r\n    };\r\n  },\r\n  methods: {\r\n    goToCarteira() {\r\n      this.$router.push({ name: \"carteira\" });\r\n    },\r\n    async cancelarPlano() {\r\n      try {\r\n        this.loading = true\r\n        let req = await this.apiService.post(\"checkout/cancelPlan\", {\r\n          Id: this.userInfo.id,\r\n        });\r\n\r\n        if (req.statusCode == 200) {\r\n          this.loading = false\r\n          this.$router.push({ name: \"cancelarPlanoConfirmacao\", params:{title: this.planInfo.title, preco: this.planInfo.preco} });\r\n        }\r\n      } catch (error) {\r\n        this.loading = false\r\n        this.$toast.error(\"Ops, tivemos um problema para cancelar o seu plano\");\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style  scoped>\r\n.formulario-cancelamento {\r\n  border: 1px solid #dadada;\r\n  border-radius: 7px;\r\n  padding: 2rem;\r\n}\r\n.title {\r\n  text-align: center;\r\n  font-weight: 700;\r\n}\r\n\r\n.conteudo-formulario {\r\n  margin: 1rem 0;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n.conteudo-formulario > div {\r\n  flex: 1 1 400px;\r\n}\r\n.vantagens .title-vantagens {\r\n  font-size: 0.9em;\r\n  font-weight: 500;\r\n  margin: 1rem 0;\r\n}\r\n.vantagens ul {\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n.vantagens ul li {\r\n  list-style: none;\r\n}\r\n.vantagens .item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  margin: 0.5rem 0;\r\n}\r\n.vantagens .item img {\r\n  width: 20px;\r\n}\r\n.vantagens .item span {\r\n  font-weight: 300;\r\n}\r\n.card-detalhes {\r\n  padding: 1rem;\r\n  background: #e4e4e4;\r\n  border: 1px solid #dadada;\r\n  border-radius: 5px;\r\n  width: 90%;\r\n  margin: 1.5rem auto;\r\n}\r\n.card-detalhes > div {\r\n  margin: 1rem 0;\r\n}\r\n.descricoes-card > div {\r\n  margin: 1rem 0;\r\n}\r\n.title-card span {\r\n  color: #000000;\r\n  font-weight: bold;\r\n  font-size: 1.2em;\r\n}\r\n.empresa span {\r\n  font-size: 0.8em;\r\n}\r\n.valor span {\r\n  display: block;\r\n}\r\n.valor .valor-pagamento {\r\n  font-size: 1.4em;\r\n}\r\n.valor .tipo-pagamento {\r\n  font-size: 0.8em;\r\n  font-weight: 600;\r\n  color: #b9b9b9;\r\n}\r\n\r\n.strong {\r\n  font-weight: 600;\r\n  color: black;\r\n}\r\n.strong-2 {\r\n  font-weight: 500;\r\n}\r\n\r\n.botoes {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  flex-wrap: wrap;\r\n  transition: 0.2s ease-in-out;\r\n}\r\n.btn {\r\n  padding: 0.3rem 0.8rem;\r\n  border-radius: 25px;\r\n  margin: 0.4rem;\r\n  width: 230px;\r\n  text-align: center;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.continue-btn {\r\n  border: 1px solid var(--principal-azul);\r\n  color: var(--principal-azul);\r\n  cursor: pointer;\r\n}\r\n\r\n@media screen and (max-width: 615px) {\r\n  .botoes {\r\n    justify-content: center;\r\n  }\r\n}\r\n</style>","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!./FormularioCancelamento.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!./FormularioCancelamento.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FormularioCancelamento.vue?vue&type=template&id=5a71d582&scoped=true\"\nimport script from \"./FormularioCancelamento.vue?vue&type=script&lang=js\"\nexport * from \"./FormularioCancelamento.vue?vue&type=script&lang=js\"\nimport style0 from \"./FormularioCancelamento.vue?vue&type=style&index=0&id=5a71d582&prod&scoped=true&lang=css\"\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  \"5a71d582\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"cancelamento\">\r\n    <CardCancelar class=\"item\" :userInfo=\"user\" :planInfo=\"planInfo\" />\r\n    <FormularioCancelamento class=\"item\" :userInfo=\"user\" :planInfo=\"planInfo\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport TiposPlanos from '../../../../services/TiposPlanos'\r\nimport CardCancelar from \"../components/CardCancelarPlano.vue\";\r\nimport FormularioCancelamento from \"../components/FormularioCancelamento.vue\";\r\nexport default {\r\n  components: {\r\n    CardCancelar,\r\n    FormularioCancelamento,\r\n  },\r\n  data(){\r\n      return{\r\n          user: undefined,\r\n          planInfo: undefined,\r\n          tiposPlanos: new TiposPlanos()\r\n      }\r\n  },\r\n  created() {\r\n    this.user = this.$store.getters.$userLogged;\r\n    this.planInfo = this.tiposPlanos.SelecionarPlano(this.user.planType)\r\n  },\r\n};\r\n</script>\r\n\r\n<style  scoped>\r\n.item {\r\n  margin: 1.5rem 0;\r\n}\r\n</style>\r\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!./CancelarPlano.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!./CancelarPlano.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CancelarPlano.vue?vue&type=template&id=9d061860&scoped=true\"\nimport script from \"./CancelarPlano.vue?vue&type=script&lang=js\"\nexport * from \"./CancelarPlano.vue?vue&type=script&lang=js\"\nimport style0 from \"./CancelarPlano.vue?vue&type=style&index=0&id=9d061860&prod&scoped=true&lang=css\"\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  \"9d061860\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{staticClass:\"card\",attrs:{\"flat\":\"\"}},[_c('div',{staticClass:\"title\"},[_c('span',[_vm._v(\" Cancelar plano \")])]),_c('div',{staticClass:\"plano\"},[_c('span',[_c('span',{staticClass:\"strong\"},[_vm._v(\"Plano\")]),_vm._v(\" Kristal \"),_c('span',{staticClass:\"strong-2\",style:({color: _vm.planInfo.color })},[_vm._v(_vm._s(_vm.planInfo.title))])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card flat class=\"card\">\r\n    <div class=\"title\">\r\n        <span>\r\n            Cancelar plano\r\n        </span>\r\n    </div>\r\n    <div class=\"plano\">\r\n      <span>\r\n          <span class=\"strong\">Plano</span> Kristal <span class=\"strong-2\" :style=\"{color: planInfo.color }\">{{planInfo.title}}</span>\r\n      </span>\r\n    </div>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      user: undefined,\r\n    };\r\n  },\r\n  props:{\r\n      planInfo: {type: Object, default: undefined},\r\n      userInfo: {type: Object, default: undefined}\r\n  },\r\n};\r\n</script>\r\n\r\n<style  scoped>\r\n.card {\r\n  padding: 2rem;\r\n  width: 100%;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 1rem;\r\n  border: 1px solid #dadada;\r\n  border-radius: 7px;\r\n}\r\nfigure {\r\n  height: 100px;\r\n  width: 100px;\r\n  overflow: hidden;\r\n}\r\nfigure .profile-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n}\r\n.perfil > div {\r\n  margin: 0.3rem 0;\r\n}\r\n .title span {\r\n  font-weight: 700;\r\n  font-size: 1.2em;\r\n}\r\n.perfil .w-300 span {\r\n  font-weight: 300;\r\n}\r\n.strong{\r\n    font-weight: 600;\r\n    color: black;\r\n}\r\n.strong-2{\r\n   font-weight: 500;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .card {\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n}\r\n</style>","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!./CardCancelarPlano.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!./CardCancelarPlano.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardCancelarPlano.vue?vue&type=template&id=19f6a934&scoped=true\"\nimport script from \"./CardCancelarPlano.vue?vue&type=script&lang=js\"\nexport * from \"./CardCancelarPlano.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardCancelarPlano.vue?vue&type=style&index=0&id=19f6a934&prod&scoped=true&lang=css\"\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  \"19f6a934\",\n  null\n  \n)\n\nexport default component.exports","export default class InformacoesSobrePlanos {\r\n\r\n    SelecionarPlano = (value) => {\r\n        switch (value) {\r\n            case 0:\r\n                return { title: 'Iniciante', preco: 'Gratuito', colorFiltered: 'invert(25%) sepia(0%) saturate(0%) hue-rotate(192deg) brightness(104%) contrast(88%)', color: '#494949', data: this.vantagensPorPlano(value) }\r\n                break;\r\n            case 1:\r\n                return { title: 'Padãro', preco: 'R$ 10,00', colorFiltered: 'invert(53%) sepia(99%) saturate(1245%) hue-rotate(190deg) brightness(98%) contrast(94%)', color: '#579af2', data: this.vantagensPorPlano(value) }\r\n                break;\r\n            case 2:\r\n                return { title: 'Sênior', preco: 'R$ 15,00', colorFiltered: 'invert(27%) sepia(65%) saturate(563%) hue-rotate(338deg) brightness(98%) contrast(95%)', color: '#f3a03c', data: this.vantagensPorPlano(value) }\r\n                break;\r\n            case 3:\r\n                return { title: 'Expert', preco: 'R$ 30,00', colorFiltered: 'invert(27%) sepia(65%) saturate(563%) hue-rotate(338deg) brightness(98%) contrast(95%)', color: '#f3a03c', data: this.vantagensPorPlano(value) }\r\n                break;\r\n            case 4:\r\n                return { title: 'Profissional', preco: 'R$ 50,00', colorFiltered: 'invert(10%) sepia(57%) saturate(580%) hue-rotate(21deg) brightness(102%) contrast(83%)', color: '#b6e522', data: this.vantagensPorPlano(value) }\r\n                break;\r\n        }\r\n    }\r\n\r\n    vantagensPorPlano(e) {\r\n        switch (e) {\r\n            case 0:\r\n                return ['Dashboard', 'Tela de rentabilidade', 'Tela de carteira/movimento', 'Tela de Liquidez', '90 produtos no geral', '5 Ações', '5 Fundos de Ações', '10 Títulos Públicos', '10 LCA, LCI', '10 Fundos de Curto Prazo, Fundos de Renda Fixa, Fundos Referenciados', '10 CDBs', '5 Debêntures', '5 Fundos Multimercados, Fundos Imobiliários, Fundos Cambiais']\r\n                break;\r\n            case 1:\r\n                return ['Dashboard', 'Tela de rentabilidade', 'Tela de carteira/movimento', 'Tela de Liquidez', '90 produtos no geral', '5 Ações', '5 Fundos de Ações', '10 Títulos Públicos', '10 LCA, LCI', '10 Fundos de Curto Prazo, Fundos de Renda Fixa, Fundos Referenciados', '10 CDBs', '5 Debêntures', '5 Fundos Multimercados, Fundos Imobiliários, Fundos Cambiais']\r\n                break;\r\n            case 2:\r\n                return ['Dashboard', 'Tela de rentabilidade', 'Tela de carteira/movimento', 'Tela de Liquidez', '180 produtos no geral', '10 Ações', '10 Fundos de Ações', '20 Títulos Públicos', '20 LCA, LCI', '20 Fundos de Curto Prazo, Fundos de Renda Fixa, Fundos Referenciados', '20 CDBs', '10 Debêntures', '10 Fundos Multimercados, Fundos Imobiliários, Fundos Cambiais']\r\n                break;\r\n            case 3:\r\n                return ['Dashboard', 'Tela de rentabilidade', 'Tela de carteira/movimento', 'Tela de Liquidez', '480 produtos no geral', '40 Ações', '40 Fundos de Ações', '40 Títulos Públicos', '40 LCA, LCI', '40 Fundos de Curto Prazo, Fundos de Renda Fixa, Fundos Referenciados', '40 CDBs', '40 Debêntures', '40 Fundos Multimercados, Fundos Imobiliários, Fundos Cambiais']\r\n                break;\r\n            case 4:\r\n                return ['Dashboard', 'Tela de rentabilidade', 'Tela de carteira/movimento', 'Tela de Liquidez', '480 produtos no geral', 'Ilimitado Ações', 'Ilimitado Fundos de Ações', 'Ilimitado Títulos Públicos', 'Ilimitado LCA, LCI', 'Ilimitado Fundos de Curto Prazo, Fundos de Renda Fixa, Fundos Referenciados', 'Ilimitado CDBs', 'Ilimitado Debêntures', 'Ilimitado Fundos Multimercados, Fundos Imobiliários, Fundos Cambiais']\r\n                break;\r\n        }\r\n\r\n    }\r\n}","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!./CancelarPlano.vue?vue&type=style&index=0&id=9d061860&prod&scoped=true&lang=css\"","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!./FormularioCancelamento.vue?vue&type=style&index=0&id=5a71d582&prod&scoped=true&lang=css\"","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!./CardCancelarPlano.vue?vue&type=style&index=0&id=19f6a934&prod&scoped=true&lang=css\""],"sourceRoot":""}