{"version":3,"sources":["webpack:///./src/views/admin/securityPermissions/TwoFactorAuth.vue?c77e","webpack:///src/views/admin/securityPermissions/TwoFactorAuth.vue","webpack:///./src/views/admin/securityPermissions/TwoFactorAuth.vue?7724","webpack:///./src/views/admin/securityPermissions/TwoFactorAuth.vue","webpack:///./src/views/admin/securityPermissions/TwoFactorAuth.vue?b0d6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","_v","saveConfig","_m","model","value","callback","$$v","accountSID","expression","authToken","fromPhoneNumber","showTestMessageSection","directives","name","rawName","style","marginLeft","sendTestNumber","sendTestMessage","showSnackbar","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","components","Loading","data","showSnackbarBool","computed","created","methods","buildPayload","hideSnackbar","payload","result","sendToNumber","twilioSettings","response","validateData","component"],"mappings":"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O,CAACE,YAAY,QAAQ,CAACN,EAAIa,GAAG,qD,yDC8GvP,GACfa,qBACAW,YACAC,aAEAC,gBACA,OACAnB,cACAE,aACAC,mBACAf,aACAE,6BACAD,mBACAqB,kBACAE,gBACAQ,oBACAhB,0BACAS,iBACAC,oBACAC,mBAGAM,YAEAC,mBAAA,oKACA,mDACA,qCACA,2DACA,yDACA,sEACA,0CANA,IAQAC,SACAC,wBACA,OACAxB,2BACAE,yBACAC,sCAGA,UAEAsB,wBAAA,sBACA/B,sBAAA,+JACA,iCACA,mDAKA,OADAgC,mBACA,wBACA,sDAAAC,SAEA,0DACA,mBACA,eACA,6DAbA,IAeAhB,2BAAA,+JACA,qEAIA,iCAGA,OAFA,mDACA,mBACA,4CAWA,OAPAe,GACAE,8BACAC,iCAGA,wCACA,mBACA,yBACA,6DAAAC,SACA,kDACA,mEACA,oBAGA,eACA,6DA3BA,IA6BAC,wBAIA,OAHA,yBACA,sBAEA,gBAKA,eAKA,sBAKA,uBACA,IALA,4DACA,IANA,qDACA,IANA,uDACA,MC5MqX,I,wBCQjXC,EAAY,eACd,EACArD,EACAqC,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,2CCnBf,W","file":"js/chunk-59db06b4.19c1048a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page\"},[_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}}}),_c('div',{staticClass:\"vap-page-header\"},[_c('h1',[_vm._v(\"Two-Factor Authentication\")]),_c('div',{staticClass:\"btns-container\"},[_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"id\":\"btnSave\",\"classProp\":\"primary\"},on:{\"vasionButtonClicked\":_vm.saveConfig}},[_vm._v(\" Save \")])],1)]),_c('div',{staticClass:\"vap-page-content\"},[_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',\"preventPasswordAutofill\":\"\"},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}}})],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=\"vap-page\">\n    <Loading\n      :active.sync=\"isLoading\"\n      :is-full-page=\"false\"\n      loader=\"dots\"\n      :color=\"loaderColor\"\n      :background-color=\"loaderBackgroundColor\"\n    />\n    <div class=\"vap-page-header\">\n      <h1>Two-Factor Authentication</h1>\n      <div class=\"btns-container\">\n        <VasionButton\n          id=\"btnSave\"\n          class=\"last-btn\"\n          classProp=\"primary\"\n          @vasionButtonClicked=\"saveConfig\"\n        >\n          Save\n        </VasionButton>\n      </div>\n    </div>\n    <div class=\"vap-page-content\">\n      <div class=\"smsInnerDiv\">\n        <div>\n          <span>A Twilio Account is required to send SMS Text Messages.</span>\n          <div>\n            <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>\n          </div>\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                preventPasswordAutofill\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    </div>\n    <VasionSnackbar\n      id=\"two-factor-auth-snack\"\n      :showSnackbarBool.sync=\"showSnackbar\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\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  @import '@/assets/css/light-theme-system-palette.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: $secondary;\n  }\n\n  .link:hover {\n    color: $tertiary;\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--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!./TwoFactorAuth.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!./TwoFactorAuth.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TwoFactorAuth.vue?vue&type=template&id=77a21ec2&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=77a21ec2&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  \"77a21ec2\",\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!./TwoFactorAuth.vue?vue&type=style&index=0&id=77a21ec2&prod&lang=scss&scoped=true&\""],"sourceRoot":""}