{"version":3,"sources":["webpack:///./src/views/admin/securityPermissions/TwoFactorAuth.vue?5110","webpack:///src/views/admin/securityPermissions/TwoFactorAuth.vue","webpack:///./src/views/admin/securityPermissions/TwoFactorAuth.vue?01fc","webpack:///./src/views/admin/securityPermissions/TwoFactorAuth.vue","webpack:///./src/views/admin/securityPermissions/TwoFactorAuth.vue?938f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","saveConfig","_m","model","value","callback","$$v","accountSID","expression","authToken","fromPhoneNumber","showTestMessageSection","$event","directives","name","rawName","style","marginLeft","sendTestNumber","sendTestMessage","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","isLoading","loaderColor","loaderBackgroundColor","staticRenderFns","components","Loading","data","showSnackbarBool","computed","methods","buildPayload","payload","hideSnackbar","validateData","component"],"mappings":"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","file":"js/chunk-11d9cfb2.c54d4b31.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"smsMainDiv\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"vasion-page-title title-div\"},[_vm._v(\" Two-Factor Authentication \")]),_c('div',{staticClass:\"smsSaveButtonDiv\"},[_c('VasionButton',{attrs:{\"id\":\"btnSave\",\"classProp\":'primary'},on:{\"vasionButtonClicked\":_vm.saveConfig}},[_vm._v(\" Save \")])],1)]),_c('div',{staticClass:\"smsInnerDiv\"},[_c('div',[_c('span',[_vm._v(\"A Twilio Account is required to send SMS Text Messages.\")]),_vm._m(0),_c('div',{staticClass:\"section\"},[_c('div',{staticClass:\"bottom-buffer\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"smsAccountSID\",\"inputType\":\"top-white\",\"name\":\"smsAccountSID\",\"title\":'Twilio Account SID'},model:{value:(_vm.accountSID),callback:function ($$v) {_vm.accountSID=$$v},expression:\"accountSID\"}})],1),_c('div',{staticClass:\"bottom-buffer\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"smsAuthToken\",\"inputType\":\"top-white\",\"name\":\"smsAuthToken\",\"type\":\"password\",\"title\":'Twilio Auth Token'},model:{value:(_vm.authToken),callback:function ($$v) {_vm.authToken=$$v},expression:\"authToken\"}})],1),_c('div',{staticClass:\"bottom-buffer\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"smsFromPhoneNumber\",\"inputType\":\"top-white\",\"name\":\"smsFromPhoneNumber\",\"title\":'From Phone Number',\"type\":\"tel\"},model:{value:(_vm.fromPhoneNumber),callback:function ($$v) {_vm.fromPhoneNumber=$$v},expression:\"fromPhoneNumber\"}})],1)]),_c('div',{staticClass:\"collapse-section-header\"},[_c('VasionButton',{staticClass:\"collapse-section-button\",attrs:{\"name\":\"collapse-section-button\",\"icon\":_vm.showTestMessageSection ? 'VasionArrowDropDownIcon' : 'VasionArrowDropDownRight16Icon',\"title\":\"Collapse Section\"},on:{\"vasionButtonClicked\":function($event){_vm.showTestMessageSection = !_vm.showTestMessageSection}}}),_c('label',{staticClass:\"vasion-page-subheader\"},[_vm._v(\"Test Twilio Message\")])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showTestMessageSection),expression:\"showTestMessageSection\"}],staticClass:\"section\"},[_c('VasionInput',{staticClass:\"input-style\",style:({ marginLeft: '8px' }),attrs:{\"id\":\"smsSendToNumber\",\"inputType\":\"top-white\",\"name\":\"smsSendToNumber\",\"title\":'To Phone Number',\"type\":\"tel\"},model:{value:(_vm.sendTestNumber),callback:function ($$v) {_vm.sendTestNumber=$$v},expression:\"sendTestNumber\"}}),_c('VasionButton',{attrs:{\"id\":\"btnSendTestMessage\",\"classProp\":'primary',\"isDisabled\":_vm.sendTestNumber === ''},on:{\"vasionButtonClicked\":_vm.sendTestMessage}},[_vm._v(\" Send Test Message \")])],1)])]),_c('VasionSnackbar',{attrs:{\"id\":\"two-factor-auth-snack\",\"showSnackbarBool\":_vm.showSnackbar,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbar=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbar=$event}}}),_c('Loading',{attrs:{\"active\":_vm.isLoading,\"is-full-page\":false,\"loader\":\"dots\",\"color\":_vm.loaderColor,\"background-color\":_vm.loaderBackgroundColor},on:{\"update:active\":function($event){_vm.isLoading=$event}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('a',{staticClass:\"vasion-cursor\",attrs:{\"href\":\"https://www.twilio.com/try-twilio\",\"target\":\"_blank\"}},[_c('span',{staticClass:\"link\"},[_vm._v(\"Please visit Twilio to create an Account.\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"smsMainDiv\">\n    <div class=\"header\">\n      <div class=\"vasion-page-title title-div\">\n        Two-Factor Authentication\n      </div>\n      <div class=\"smsSaveButtonDiv\">\n        <VasionButton id=\"btnSave\" :classProp=\"'primary'\" @vasionButtonClicked=\"saveConfig\">\n          Save\n        </VasionButton>\n      </div>\n    </div>\n    <div class=\"smsInnerDiv\">\n      <div>\n        <span>A Twilio Account is required to send SMS Text Messages.</span>\n        <div><a class=\"vasion-cursor\" href=\"https://www.twilio.com/try-twilio\" target=\"_blank\"><span class=\"link\">Please visit Twilio to create an Account.</span></a></div>\n\n        <div class=\"section\">\n          <div class=\"bottom-buffer\">\n            <VasionInput\n              id=\"smsAccountSID\"\n              v-model=\"accountSID\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              name=\"smsAccountSID\"\n              :title=\"'Twilio Account SID'\"\n            />\n          </div>\n          <div class=\"bottom-buffer\">\n            <VasionInput\n              id=\"smsAuthToken\"\n              v-model=\"authToken\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              name=\"smsAuthToken\"\n              type=\"password\"\n              :title=\"'Twilio Auth Token'\"\n            />\n          </div>\n          <div class=\"bottom-buffer\">\n            <VasionInput\n              id=\"smsFromPhoneNumber\"\n              v-model=\"fromPhoneNumber\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              name=\"smsFromPhoneNumber\"\n              :title=\"'From Phone Number'\"\n              type=\"tel\"\n            />\n          </div>\n        </div>\n        <div class=\"collapse-section-header\">\n          <VasionButton\n            name=\"collapse-section-button\"\n            class=\"collapse-section-button\"\n            :icon=\"showTestMessageSection ? 'VasionArrowDropDownIcon' : 'VasionArrowDropDownRight16Icon'\"\n            title=\"Collapse Section\"\n            @vasionButtonClicked=\"showTestMessageSection = !showTestMessageSection\"\n          />\n          <label class=\"vasion-page-subheader\">Test Twilio Message</label>\n        </div>\n        <div v-show=\"showTestMessageSection\" class=\"section\">\n          <VasionInput\n            id=\"smsSendToNumber\"\n            v-model=\"sendTestNumber\"\n            :style=\"{ marginLeft: '8px' }\"\n            class=\"input-style\"\n            inputType=\"top-white\"\n            name=\"smsSendToNumber\"\n            :title=\"'To Phone Number'\"\n            type=\"tel\"\n          />\n          <VasionButton\n            id=\"btnSendTestMessage\"\n            :classProp=\"'primary'\"\n            :isDisabled=\"sendTestNumber === ''\"\n            @vasionButtonClicked=\"sendTestMessage\"\n          >\n            Send Test Message\n          </VasionButton>\n        </div>\n      </div>\n    </div>\n    <VasionSnackbar\n      id=\"two-factor-auth-snack\"\n      :showSnackbarBool.sync=\"showSnackbar\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n    <Loading\n      :active.sync=\"isLoading\"\n      :is-full-page=\"false\"\n      loader=\"dots\"\n      :color=\"loaderColor\"\n      :background-color=\"loaderBackgroundColor\"\n    />\n  </div>\n</template>\n\n<script>\nimport Loading from 'vue-loading-overlay';\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\n\nexport default {\n  name: 'TwoFactorAuth',\n  components: {\n    Loading,\n  },\n  data: function () {\n    return {\n      accountSID: '',\n      authToken: '',\n      fromPhoneNumber: '',\n      isLoading: false,\n      loaderBackgroundColor: loaderBackgroundColor,\n      loaderColor: loaderColor,\n      sendTestNumber: '',\n      showSnackbar: false,\n      showSnackbarBool: false,\n      showTestMessageSection: false,\n      snackbarImage: false,\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n    }\n  },\n  computed: {\n  },\n  async created() {\n    await this.$store.dispatch('mainViews/getSmsConfig')\n    if (this.$store.state.mainViews.smsConfig) {\n      this.accountSID = this.$store.state.mainViews.smsConfig.accountSID\n      this.authToken = this.$store.state.mainViews.smsConfig.authToken\n      this.fromPhoneNumber = this.$store.state.mainViews.smsConfig.fromPhoneNumber\n    }\n  },\n  methods: {\n    buildPayload() {\n       const payload = {\n        accountSID: this.accountSID,\n        authToken: this.authToken,\n        fromPhoneNumber: this.fromPhoneNumber,\n      }\n\n      return payload\n    },\n    hideSnackbar() { this.showSnackbar = false },\n    async saveConfig() {\n      if (!this.validateData()) {\n        this.showSnackbar = true\n        return\n      }\n\n      const payload = this.buildPayload()\n      this.isLoading = true\n      const result = await this.$store.dispatch('mainViews/saveSmsConfig', payload)\n\n      this.snackbarSubTitle = result ? 'Settings saved' : 'Error saving data'\n      this.snackbarImage = true\n      this.isLoading = false\n      this.showSnackbar = true\n    },\n    async sendTestMessage() {\n      if (!this.validateData()) {\n        return\n      }\n\n      if (!this.sendTestNumber) {\n        this.snackbarSubTitle = 'Please enter a Send to Number'\n        this.snackbarImage = false\n        this.showSnackbar = true\n        return\n      }\n\n      const payload = {\n        sendToNumber: this.sendTestNumber,\n        twilioSettings: this.buildPayload(),\n      }\n\n      this.snackbarSubTitle = 'Test Message Sent!'\n      this.snackbarImage = true\n      this.isLoading = true\n      const response = await this.$store.dispatch('mainViews/sendTestTextMessage', payload)\n      if (!response || !response.data || !response.data.Value || response.data.Value === 'False') {\n        this.snackbarSubTitle = 'The message failed to send, please try again.'\n        this.snackbarImage = false\n      }\n\n      this.isLoading = false\n      this.showSnackbar = true\n    },\n    validateData() {\n      this.snackbarSubTitle = ''\n      this.snackbarImage = false\n\n      if (!this.accountSID) {\n        this.snackbarSubTitle = 'Please enter the Account SID.'\n        return false\n      }\n\n      if (!this.authToken) {\n        this.snackbarSubTitle = 'Please enter the Auth Token'\n        return false\n      }\n\n      if (!this.fromPhoneNumber) {\n        this.snackbarSubTitle = 'Please enter the From Phone Number'\n        return false\n      }\n\n      this.snackbarImage = false\n      return true\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n  .bottom-buffer {\n    padding-bottom: 15px;\n  }\n\n  .smsSaveButtonDiv {\n    text-align: right;\n  }\n\n  .smsMainDiv {\n    background-color: white;\n  }\n\n  .smsInnerDiv {\n    width: 400px;\n    margin: 20px;\n  }\n\n  .title-div {\n    margin: 20px;\n  }\n\n  .header {\n    width: 99%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n  }\n\n  .collapse-section-button {\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n    background-color: $grey-75;\n    margin-right: 10px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .collapse-section-button:hover {\n    border-radius: 8px;\n  }\n\n  .collapse-section-header {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    margin-top: 32px;\n  }\n\n  .section {\n    margin-top: 24px;\n  }\n\n  .link {\n    color: $orange-300;\n  }\n\n  .link:hover {\n    color: $orange-300;\n  }\n\n  a:hover {\n    text-decoration: none;\n  }\n\n</style>\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!./TwoFactorAuth.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!./TwoFactorAuth.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TwoFactorAuth.vue?vue&type=template&id=bb857ce8&scoped=true&\"\nimport script from \"./TwoFactorAuth.vue?vue&type=script&lang=js&\"\nexport * from \"./TwoFactorAuth.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TwoFactorAuth.vue?vue&type=style&index=0&id=bb857ce8&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  \"bb857ce8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./TwoFactorAuth.vue?vue&type=style&index=0&id=bb857ce8&lang=scss&scoped=true&\""],"sourceRoot":""}