{"version":3,"sources":["webpack:///./src/views/notifications/confirmation-modal/ConfirmationModal.vue","webpack:///src/views/notifications/confirmation-modal/ConfirmationModal.vue","webpack:///./src/views/notifications/confirmation-modal/ConfirmationModal.vue?32bc","webpack:///./src/views/notifications/confirmation-modal/ConfirmationModal.vue?3324","webpack:///./src/views/notifications/confirmation-modal/ConfirmationModal.vue?f383"],"names":["render","_vm","this","_c","_self","visibleModal","staticClass","domProps","_s","title","description","attrs","on","handleCloseModal","$event","handleSendNotifications","payload","_e","staticRenderFns","computed","mapState","notifications","sendNotification","visibleConfirmationModal","data","sendToAllUsers","components","custom-button","methods","mapActions","$store","commit","undefined","sendNotifications","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,aAAcF,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAACG,YAAY,qCAAqC,CAACH,EAAG,MAAM,CAACG,YAAY,oCAAoC,CAACH,EAAG,MAAM,CAACG,YAAY,0CAA0CC,SAAS,CAAC,UAAYN,EAAIO,GAAGP,EAAIQ,YAAYN,EAAG,MAAM,CAACG,YAAY,qCAAqC,CAACH,EAAG,MAAM,CAACG,YAAY,iDAAiDC,SAAS,CAAC,UAAYN,EAAIO,GAAGP,EAAIS,oBAAoBP,EAAG,MAAM,CAACG,YAAY,oCAAoC,CAACH,EAAG,MAAM,CAACG,YAAY,6CAA6C,CAACH,EAAG,gBAAgB,CAACQ,MAAM,CAAC,MAAQ,OAAO,YAAc,2BAA2BC,GAAG,CAAC,YAAYX,EAAIY,oBAAoBV,EAAG,gBAAgB,CAACQ,MAAM,CAAC,MAAQ,UAAUC,GAAG,CAAC,YAAY,SAASE,GAAQ,OAAOb,EAAIc,wBAAwBd,EAAIe,cAAc,SAASf,EAAIgB,MAE36BC,EAAkB,G,YC6BP,GACfC,SAAA,IACAC,eAAA,CACAf,eACAgB,eACAC,kBAAAC,gCAEAA,EACAP,UACAK,eACAC,kBAAAN,eAEAA,KAGAQ,OACA,OACAf,MAAA,qBACAC,gBACA,KAAAM,QAAAS,eACA,0GACA,iDAGAC,WAAA,CACA,gBAAAC,IACA,iDAEAC,QAAA,IACAC,eAAA,uCACAhB,mBACA,KAAAiB,OAAAC,OAAA,0CACAR,0BAAA,EACAP,aAAAgB,KAGA,gCACA,KAAAF,OAAAC,OAAA,8BACA,UACA,KAAAE,kBAAA,KAAAjB,SACA,QACA,KAAAc,OAAAC,OAAA,kCCxEwX,I,wBCQpXG,EAAY,eACd,EACAlC,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAgB,E,2CCnBf","file":"js/chunk-f4a56d4a.827f80b8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.visibleModal)?_c('div',{staticClass:\"send-modal-notifications\"},[_c('div',{staticClass:\"send-modal-notifications--wrapper\"},[_c('div',{staticClass:\"send-modal-notifications__header\"},[_c('div',{staticClass:\"send-modal-notifications__header__title\",domProps:{\"innerHTML\":_vm._s(_vm.title)}})]),_c('div',{staticClass:\"send-modal-notifications__content\"},[_c('div',{staticClass:\"send-modal-notifications__content__description\",domProps:{\"innerHTML\":_vm._s(_vm.description())}})]),_c('div',{staticClass:\"send-modal-notifications__footer\"},[_c('div',{staticClass:\"send-modal-notifications__footer__actions\"},[_c('custom-button',{attrs:{\"label\":\"Sair\",\"customClass\":\"custom-secondary medium\"},on:{\"btn-click\":_vm.handleCloseModal}}),_c('custom-button',{attrs:{\"label\":\"Enviar\"},on:{\"btn-click\":function($event){return _vm.handleSendNotifications(_vm.payload)}}})],1)])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"visibleModal\" class=\"send-modal-notifications\">\n    <div class=\"send-modal-notifications--wrapper\">\n      <div class=\"send-modal-notifications__header\">\n        <div class=\"send-modal-notifications__header__title\" v-html=\"title\" />\n      </div>\n      <div class=\"send-modal-notifications__content\">\n        <div\n          class=\"send-modal-notifications__content__description\"\n          v-html=\"description()\"\n        />\n      </div>\n      <div class=\"send-modal-notifications__footer\">\n        <div class=\"send-modal-notifications__footer__actions\">\n          <custom-button\n            label=\"Sair\"\n            customClass=\"custom-secondary medium\"\n            @btn-click=\"handleCloseModal\"\n          />\n          <custom-button\n            label=\"Enviar\"\n            @btn-click=\"handleSendNotifications(payload)\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapState, mapActions } from 'vuex'\n\nexport default {\n  computed: {\n    ...mapState({\n      visibleModal: ({\n        notifications: {\n          sendNotification: { visibleConfirmationModal }\n        }\n      }) => visibleConfirmationModal,\n      payload: ({\n        notifications: {\n          sendNotification: { payload }\n        }\n      }) => payload\n    })\n  },\n  data() {\n    return {\n      title: 'Enviar notificação',\n      description: () =>\n        this.payload.sendToAllUsers\n          ? 'Deseja confirmar o envio desta notificação? <br/>  *Sua notificação será enviada para todos os usuários'\n          : 'Deseja confirmar o envio desta notificação? '\n    }\n  },\n  components: {\n    'custom-button': () =>\n      import('@/common/components/design-system/button/CustomButton.vue')\n  },\n  methods: {\n    ...mapActions('notifications', ['sendNotifications']),\n    handleCloseModal() {\n      this.$store.commit('notifications/UPDATE_SEND_NOTIFICATION', {\n        visibleConfirmationModal: false,\n        payload: undefined\n      })\n    },\n    async handleSendNotifications() {\n      this.$store.commit('HANDLE_PROGRESS_LOADING', true)\n      try {\n        await this.sendNotifications(this.payload)\n      } finally {\n        this.$store.commit('HANDLE_PROGRESS_LOADING', false)\n      }\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n.send-modal-notifications {\n  background: rgba(53, 56, 64, 0.8);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  z-index: 15;\n  position: fixed;\n  justify-content: center;\n\n  &--wrapper {\n    box-shadow: $shadow-10;\n    background: $base-white;\n    min-width: 399px;\n    padding: 32px 24px 24px;\n    position: absolute;\n    border-radius: 8px;\n  }\n\n  &__header {\n    &__title {\n      font-size: 1.5rem;\n      text-align: center;\n      font-weight: 700;\n      line-height: 2rem;\n    }\n  }\n\n  &__content {\n    padding: 16px 0 24px;\n    text-align: center;\n    &__description {\n      font-size: 0.875rem;\n      line-height: 1.5rem;\n      color: $grayscale-lighten1;\n    }\n  }\n\n  &__footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    button {\n      margin: 0 0.5rem;\n    }\n  }\n}\n/* Positions Modal Onboarding */\n.centers-modals {\n  display: flex;\n}\n.all-modals {\n  display: initial;\n}\n\n.margin-wrapper {\n  margin-left: 4.5rem;\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!./ConfirmationModal.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!./ConfirmationModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ConfirmationModal.vue?vue&type=template&id=5e97e570\"\nimport script from \"./ConfirmationModal.vue?vue&type=script&lang=js\"\nexport * from \"./ConfirmationModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./ConfirmationModal.vue?vue&type=style&index=0&id=5e97e570&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--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!./ConfirmationModal.vue?vue&type=style&index=0&id=5e97e570&prod&lang=scss\""],"sourceRoot":""}