{"version":3,"sources":["webpack:///./src/components/digitalSignature/SaveSignatureOrInitials.vue?e897","webpack:///./src/views/userSettings/ProfileDigitalSignature.vue?7df2","webpack:///./src/components/digitalSignature/SaveSignatureOrInitials.vue?e8f0","webpack:///src/components/digitalSignature/SaveSignatureOrInitials.vue","webpack:///./src/components/digitalSignature/SaveSignatureOrInitials.vue?82fe","webpack:///./src/components/digitalSignature/SaveSignatureOrInitials.vue","webpack:///src/views/userSettings/ProfileDigitalSignature.vue","webpack:///./src/views/userSettings/ProfileDigitalSignature.vue?034a","webpack:///./src/views/userSettings/ProfileDigitalSignature.vue","webpack:///./src/views/userSettings/ProfileDigitalSignature.vue?5cc6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","isLoading","loaderColor","loaderBackgroundColor","on","$event","_m","directives","name","rawName","value","showConsentModal","expression","toggleChooseMode","userSignature","_v","userInitials","arg","model","callback","$$v","userPassword","shouldApplyTimestampForUser","handleApplyTimestampChange","completeSignature","cancelClick","showSignatureModal","ref","version","closeClick","finishConsent","toggleConsentModal","staticRenderFns","drawTabClass","updateSelectedTab","uploadTabClass","selectedTabName","isInitials","_e","serverOptions","_s","errorText","backClick","showConsent","components","Draw","FilePond","props","type","required","data","applyTimestamp","localSignatureString","myFiles","process","computed","typeTabClass","created","methods","Value","okClick","signature","processHandler","progress","load","console","abort","saveInitials","saveSignature","saveUploadInitials","toBase64","initials","saveUploadSignature","updateLocalSignatureString","component","Loading","SaveSignatureOrInitials","isInChooseMode","isInConsent","signaturePrefix","apiToken","hasUserInitials","hasUserSignature","response","savePassword","password","result"],"mappings":"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","file":"js/chunk-11ae3f4d.5f21a8b1.js","sourcesContent":["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!./SaveSignatureOrInitials.vue?vue&type=style&index=0&id=304904d6&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page\"},[_c('Loading',{staticClass:\"vasion-loading-indicator\",attrs:{\"active\":_vm.isLoading,\"is-full-page\":false,\"color\":_vm.loaderColor,\"loader\":\"dots\",\"background-color\":_vm.loaderBackgroundColor},on:{\"update:active\":function($event){_vm.isLoading=$event}}}),_vm._m(0),_c('div',{staticClass:\"vap-page-content\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showConsentModal),expression:\"!showConsentModal\"}]},[_c('div',{staticClass:\"sig-row\"},[_c('div',{staticClass:\"image-group\",on:{\"click\":function($event){return _vm.toggleChooseMode('signature')}}},[(_vm.hasUserSignature)?_c('div',{staticClass:\"signature-image-bounds\"},[_c('img',{staticClass:\"signature-image\",attrs:{\"src\":_vm.userSignature,\"alt\":\"Signature\"}})]):_c('div',[_c('div',{staticClass:\"signature-image-bounds center\"},[_c('VasionAddCircleIcon',{staticClass:\"up-20\"})],1)]),(_vm.hasUserSignature)?_c('span',{staticClass:\"sub-title\"},[_vm._v(\"EDIT SIGNATURE\")]):_c('span',{staticClass:\"sub-title\"},[_vm._v(\"ADD SIGNATURE\")])]),_c('div',{staticClass:\"image-group\",on:{\"click\":function($event){return _vm.toggleChooseMode('initials')}}},[(_vm.hasUserInitials)?_c('div',{staticClass:\"initials-image-bounds\"},[_c('img',{staticClass:\"initials-image\",attrs:{\"src\":_vm.userInitials,\"alt\":\"User Signature\"}})]):_c('div',[_c('div',{staticClass:\"initials-image-bounds center\"},[_c('VasionAddCircleIcon',{staticClass:\"up-20\"})],1)]),(_vm.hasUserInitials)?_c('span',{staticClass:\"sub-title\"},[_vm._v(\"EDIT INITIALS\")]):_c('span',{staticClass:\"sub-title\"},[_vm._v(\"ADD INITIALS\")])])]),_c('div',{staticClass:\"digital-signature-modal-bottom\"},[_c('VasionInput',{directives:[{name:\"debounce\",rawName:\"v-debounce:300ms\",value:(_vm.savePassword),expression:\"savePassword\",arg:\"300ms\"}],staticClass:\"digital-signature-modal-bottom-item\",attrs:{\"inputType\":\"top-white\",\"title\":\"DIGITAL SIGNATURE PASSWORD\",\"placeholder\":\"Enter Password...\",\"type\":\"password\",\"width\":'396',\"preventPasswordAutofill\":\"\"},model:{value:(_vm.userPassword),callback:function ($$v) {_vm.userPassword=$$v},expression:\"userPassword\"}}),_c('VasionCheckbox',{staticClass:\"digital-signature-modal-bottom-item fix-checkbox\",attrs:{\"id\":\"apply-timestamp-to-signatures\",\"name\":\"apply-timestamp-to-signatures\",\"checked\":_vm.shouldApplyTimestampForUser},on:{\"change\":function($event){return _vm.handleApplyTimestampChange()}}},[_vm._v(\" Apply Timestamp to Your Signatures \")])],1)])]),_c('VasionLegallyBindingConsentModal',{staticClass:\"consent-modal\",attrs:{\"documentID\":0,\"sync\":_vm.showConsentModal},on:{\"confirmButtonClick\":_vm.completeSignature,\"noButtonClick\":_vm.cancelClick}}),_c('md-dialog',{attrs:{\"id\":\"signature-dialog\",\"md-active\":_vm.showSignatureModal,\"md-click-outside-to-close\":false},on:{\"update:mdActive\":function($event){_vm.showSignatureModal=$event},\"update:md-active\":function($event){_vm.showSignatureModal=$event}}},[_c('SaveSignatureOrInitials',{ref:\"saveSignatureOrInitials\",attrs:{\"isInitials\":_vm.version},on:{\"back-click\":_vm.toggleChooseMode,\"cancel-click\":_vm.closeClick,\"finish-consent\":_vm.finishConsent,\"show-consent\":_vm.toggleConsentModal}})],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page-header\"},[_c('h1',[_vm._v(\"Digital Signature\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vasion-white-background\"},[_c('div',{staticClass:\"main-div\"},[_c('div',{staticClass:\"vasion-page-title\"},[_vm._v(\" Add Your \"),(_vm.isInitials)?_c('span',[_vm._v(\"Initials\")]):_c('span',[_vm._v(\"Signature\")])]),_c('div',{staticClass:\"md-layout w100 tabs\"},[_c('VasionButton',{attrs:{\"id\":\"button-draw\",\"classProp\":_vm.drawTabClass},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('draw')}}},[_vm._v(\" Draw \")]),_c('VasionButton',{attrs:{\"id\":\"button-add-saved\",\"classProp\":_vm.uploadTabClass},on:{\"vasionButtonClicked\":function($event){return _vm.updateSelectedTab('upload')}}},[_vm._v(\" Upload \")])],1),(_vm.selectedTabName === 'draw' && _vm.isInitials)?_c('div',{attrs:{\"id\":\"tab-draw-initials\"}},[_c('Draw',{ref:\"initials\",attrs:{\"id\":\"save-initials-draw\"}})],1):_vm._e(),(_vm.selectedTabName === 'draw' && !_vm.isInitials)?_c('div',{attrs:{\"id\":\"tab-draw\"}},[_c('Draw',{ref:\"signature\",attrs:{\"id\":\"save-sig-draw\"}})],1):_vm._e(),(_vm.selectedTabName === 'upload')?_c('div',[_c('file-pond',{ref:\"pond\",attrs:{\"server\":_vm.serverOptions}})],1):_vm._e(),_c('div',{staticClass:\"bottom-div\"},[_vm._v(\" \"+_vm._s(_vm.errorText)+\" \"),_c('div',[_c('VasionCheckbox',{attrs:{\"id\":\"apply-timestamp-to-signatures\",\"name\":\"apply-timestamp-to-signatures\",\"checked\":_vm.shouldApplyTimestampForUser},on:{\"change\":function($event){return _vm.handleApplyTimestampChange()}}},[_vm._v(\" Apply Timestamp to Your Signatures \")])],1),_c('div',{staticClass:\"auto-left\"},[_c('VasionButton',{attrs:{\"id\":\"button-back\",\"classProp\":'secondary'},on:{\"vasionButtonClicked\":function($event){return _vm.backClick()}}},[_vm._v(\" BACK \")]),_c('VasionButton',{attrs:{\"id\":\"button-sign\",\"classProp\":'primary'},on:{\"vasionButtonClicked\":function($event){return _vm.showConsent()}}},[_vm._v(\" SAVE \")])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vasion-white-background\">\n    <div class=\"main-div\">\n      <div class=\"vasion-page-title\">\n        Add Your\n        <span v-if=\"isInitials\">Initials</span>\n        <span v-else>Signature</span>\n      </div>\n      <div class=\"md-layout w100 tabs\">\n        <VasionButton id=\"button-draw\" :classProp=\"drawTabClass\" @vasionButtonClicked=\"updateSelectedTab('draw')\">\n          Draw\n        </VasionButton>\n        <VasionButton id=\"button-add-saved\" :classProp=\"uploadTabClass\" @vasionButtonClicked=\"updateSelectedTab('upload')\">\n          Upload\n        </VasionButton>\n      </div>\n      <div v-if=\"selectedTabName === 'draw' && isInitials\" id=\"tab-draw-initials\">\n        <Draw id=\"save-initials-draw\" ref=\"initials\" />\n      </div>\n      <div v-if=\"selectedTabName === 'draw' && !isInitials\" id=\"tab-draw\">\n        <Draw id=\"save-sig-draw\" ref=\"signature\" />\n      </div>\n      <div v-if=\"selectedTabName === 'upload'\">\n        <file-pond ref=\"pond\" :server=\"serverOptions\" />\n      </div>\n      <div class=\"bottom-div\">\n        {{ errorText }}\n        <div>\n          <VasionCheckbox\n            id=\"apply-timestamp-to-signatures\"\n            name=\"apply-timestamp-to-signatures\"\n            :checked=\"shouldApplyTimestampForUser\"\n            @change=\"handleApplyTimestampChange()\"\n          >\n            Apply Timestamp to Your Signatures\n          </VasionCheckbox>\n        </div>\n        <div class=\"auto-left\">\n          <VasionButton id=\"button-back\" :classProp=\"'secondary'\" @vasionButtonClicked=\"backClick()\">\n            BACK\n          </VasionButton>\n          <VasionButton id=\"button-sign\" :classProp=\"'primary'\" @vasionButtonClicked=\"showConsent()\">\n            SAVE\n          </VasionButton>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport 'filepond/dist/filepond.min.css';\nimport 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css';\nimport vueFilePond from 'vue-filepond';\nimport FilePondPluginImagePreview from 'filepond-plugin-image-preview';\nimport Draw from '@/components/digitalSignature/Draw.vue'\nimport { toBase64 } from '@/store/helperModules/storage.module'\n\nconst FilePond = vueFilePond(FilePondPluginImagePreview);\n\nexport default {\n  name: 'SaveSignatureOrInitials',\n  components: {\n    Draw,\n    FilePond,\n  },\n  props: {\n    isInitials: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n  },\n  data: function () {\n    return {\n      applyTimestamp: false,\n      errorText: '',\n      localSignatureString: '',\n      myFiles: [],\n      selectedTabName: 'draw',\n      serverOptions: {\n        process: this.processHandler,\n      },\n    }\n  },\n  computed: {\n    drawTabClass() {\n      return this.selectedTabName === 'draw' ? 'tab-selected' : 'tab'\n    },\n    shouldApplyTimestampForUser() { return this.$store.state.digitalSignature.shouldApplySignatureTimestampForUser },\n    typeTabClass() {\n      return this.selectedTabName === 'type' ? 'tab-selected' : 'tab'\n    },\n    userInitials() { return `data:image/png;base64,${this.$store.state.digitalSignature.userInitials.Value}` },\n    userSignature() { return `data:image/png;base64,${this.$store.state.digitalSignature.userSignature.Value}` },\n    uploadTabClass() {\n      return this.selectedTabName === 'upload' ? 'tab-selected' : 'tab'\n    },\n  },\n  async created() {\n    await this.$store.dispatch('digitalSignature/shouldApplySignatureTimestamp')\n    this.applyTimestamp = this.shouldApplyTimestampForUser\n  },\n  methods: {\n    backClick() {\n      this.$emit('back-click')\n    },\n    async handleApplyTimestampChange() {\n      this.applyTimestamp = !this.applyTimestamp\n      await this.$store.dispatch('digitalSignature/saveShouldApplySignatureTimestamp', { Value: this.applyTimestamp ? 'True' : 'False' })\n    },\n    okClick() {\n      let signature\n      switch (this.selectedTabName) {\n        case 'draw':\n          // eslint-disable-next-line\n          this.isInitials ? this.saveInitials() : this.saveSignature()\n          this.$emit('back-click')\n          break;\n        case 'upload':\n          // eslint-disable-next-line\n          this.isInitials ? this.saveUploadInitials() : this.saveUploadSignature()\n          this.$emit('back-click')\n          break;\n        default:\n          signature = ''\n          break;\n      }\n\n      this.$emit('finish-consent')\n      this.$emit('ok-click', signature)\n    },\n    // eslint-disable-next-line\n    processHandler: async function (fieldName, file, metadata, load, error, progress, abort) {\n      try {\n        progress(true, 0, 1024);\n        load(file.name);\n        this.localSignatureString = file;\n\n        this.$emit('fileUploaded')\n      } catch (e) {\n        console.warn(e)\n      }\n\n      return {\n        abort: () => {\n          abort();\n        },\n      };\n    },\n    saveInitials() {\n      const initials = this.$refs.initials.saveSignature()\n      return this.$store.dispatch('digitalSignature/saveInitialsToUser', initials.substr(22))\n    },\n    saveSignature() {\n      const signature = this.$refs.signature.saveSignature()\n      return this.$store.dispatch('digitalSignature/saveSignatureToUser', signature.substr(22))\n    },\n    async saveUploadInitials() {\n      const initials = await toBase64(this.localSignatureString)\n      return this.$store.dispatch('digitalSignature/saveInitialsToUser', initials.substr(22))\n    },\n    async saveUploadSignature() {\n      const signature = await toBase64(this.localSignatureString)\n      return this.$store.dispatch('digitalSignature/saveSignatureToUser', signature.substr(22))\n    },\n    showConsent() {\n      this.$emit('show-consent')\n    },\n    updateLocalSignatureString(string) {\n      this.localSignatureString = string\n    },\n    updateSelectedTab(tabName) {\n      this.selectedTabName = tabName\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.main-div {\n  width: 100%;\n  height: 100%;\n  padding: 16px;\n}\n\n.bottom-div {\n  display: flex;\n  padding-top: 16px;\n  align-items: center;\n}\n\n.auto-left {\n  margin-left: auto;\n}\n\n.tabs {\n  margin-bottom: 20px;\n}\n\n#tab-draw-initials {\n  width: 200px;\n  margin: auto;\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!./SaveSignatureOrInitials.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!./SaveSignatureOrInitials.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SaveSignatureOrInitials.vue?vue&type=template&id=304904d6&scoped=true&\"\nimport script from \"./SaveSignatureOrInitials.vue?vue&type=script&lang=js&\"\nexport * from \"./SaveSignatureOrInitials.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SaveSignatureOrInitials.vue?vue&type=style&index=0&id=304904d6&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  \"304904d6\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"vap-page\">\n    <Loading\n      class=\"vasion-loading-indicator\"\n      :active.sync=\"isLoading\"\n      :is-full-page=\"false\"\n      :color=\"loaderColor\"\n      loader=\"dots\"\n      :background-color=\"loaderBackgroundColor\"\n    />\n    <div class=\"vap-page-header\">\n      <h1>Digital Signature</h1>\n    </div>\n    <div class=\"vap-page-content\">\n      <div v-show=\"!showConsentModal\">\n        <div class=\"sig-row\">\n          <div class=\"image-group\" @click=\"toggleChooseMode('signature')\">\n            <div v-if=\"hasUserSignature\" class=\"signature-image-bounds\">\n              <img class=\"signature-image\" :src=\"userSignature\" alt=\"Signature\">\n            </div>\n            <div v-else>\n              <div class=\"signature-image-bounds center\">\n                <VasionAddCircleIcon class=\"up-20\" />\n              </div>\n            </div>\n            <span v-if=\"hasUserSignature\" class=\"sub-title\">EDIT SIGNATURE</span>\n            <span v-else class=\"sub-title\">ADD SIGNATURE</span>\n          </div>\n          <div class=\"image-group\" @click=\"toggleChooseMode('initials')\">\n            <div v-if=\"hasUserInitials\" class=\"initials-image-bounds\">\n              <img class=\"initials-image\" :src=\"userInitials\" alt=\"User Signature\">\n            </div>\n            <div v-else>\n              <div class=\"initials-image-bounds center\">\n                <VasionAddCircleIcon class=\"up-20\" />\n              </div>\n            </div>\n            <span v-if=\"hasUserInitials\" class=\"sub-title\">EDIT INITIALS</span>\n            <span v-else class=\"sub-title\">ADD INITIALS</span>\n          </div>\n        </div>\n        <div class=\"digital-signature-modal-bottom\">\n            <VasionInput\n              v-model=\"userPassword\"\n              v-debounce:300ms=\"savePassword\"\n              class=\"digital-signature-modal-bottom-item\"\n              inputType=\"top-white\"\n              title=\"DIGITAL SIGNATURE PASSWORD\"\n              placeholder=\"Enter Password...\"\n              type=\"password\"\n              :width=\"'396'\"\n              preventPasswordAutofill\n            />\n            <VasionCheckbox\n              id=\"apply-timestamp-to-signatures\"\n              class=\"digital-signature-modal-bottom-item fix-checkbox\"\n              name=\"apply-timestamp-to-signatures\"\n              :checked=\"shouldApplyTimestampForUser\"\n              @change=\"handleApplyTimestampChange()\"\n            >\n              Apply Timestamp to Your Signatures\n            </VasionCheckbox>\n        </div>\n      </div>\n    </div>\n    <VasionLegallyBindingConsentModal\n      class=\"consent-modal\"\n      :documentID=\"0\"\n      :sync=\"showConsentModal\"\n      @confirmButtonClick=\"completeSignature\"\n      @noButtonClick=\"cancelClick\"\n    >\n    </VasionLegallyBindingConsentModal>\n    <md-dialog id=\"signature-dialog\" :md-active.sync=\"showSignatureModal\" :md-click-outside-to-close=\"false\">\n      <SaveSignatureOrInitials\n          ref=\"saveSignatureOrInitials\"\n          :isInitials=\"version\"\n          @back-click=\"toggleChooseMode\"\n          @cancel-click=\"closeClick\"\n          @finish-consent=\"finishConsent\"\n          @show-consent=\"toggleConsentModal\"\n        />\n    </md-dialog>\n  </div>\n</template>\n\n<script>\nimport Loading from 'vue-loading-overlay'\nimport { loaderBackgroundColor, loaderColor } from '@/assets/js/styleConfig'\nimport SaveSignatureOrInitials from '@/components/digitalSignature/SaveSignatureOrInitials.vue'\n\nexport default {\n  name: 'ProfileDigitalSignature',\n  components: {\n    Loading,\n    SaveSignatureOrInitials,\n  },\n  data: function () {\n    return {\n      applyTimestamp: false,\n      isInChooseMode: true,\n      isInConsent: false,\n      isInitials: false,\n      isLoading: false,\n      loaderBackgroundColor: loaderBackgroundColor,\n      loaderColor: loaderColor,\n      userPassword: '',\n      showConsentModal: false,\n      signaturePrefix: 'data:image/png;base64,',\n      version: 'signature',\n    }\n  },\n  computed: {\n    apiToken() { return this.$store.state.common.apiToken },\n    hasUserInitials() {\n      const initials = this.$store.state.digitalSignature.userInitials\n      return initials !== '' && initials.replace(this.signaturePrefix, '') !== ''\n    },\n    hasUserSignature() {\n      const signature = this.$store.state.digitalSignature.userSignature\n      return signature !== '' && signature.replace(this.signaturePrefix, '') !== ''\n    },\n    shouldApplyTimestampForUser() { return this.$store.state.digitalSignature.shouldApplySignatureTimestampForUser },\n    showSignatureModal() { return !this.isInChooseMode },\n    userInitials() { return `${this.signaturePrefix}${this.$store.state.digitalSignature.userInitials}` },\n    userSignature() { return `${this.signaturePrefix}${this.$store.state.digitalSignature.userSignature}` },\n  },\n  async created() {\n    this.$store.dispatch('digitalSignature/getUserSignatureForStore')\n    this.$store.dispatch('digitalSignature/getUserInitialsForStore')\n\n    const response = await this.$store.dispatch('digitalSignature/getUserInfo')\n    if (response?.HasSignature) {\n      this.userPassword = response.SignaturePassword\n    }\n    await this.$store.dispatch('digitalSignature/shouldApplySignatureTimestamp')\n    this.applyTimestamp = this.shouldApplyTimestampForUser\n  },\n  methods: {\n    cancelClick() {\n      this.toggleConsentModal()\n      this.toggleChooseMode()\n    },\n    closeClick() {\n      this.$emit('closeAddOrEdit')\n    },\n    completeSignature() {\n      this.$refs.saveSignatureOrInitials.okClick()\n    },\n    finishConsent() {\n      this.showConsentModal = false\n      this.isInChooseMode = true\n    },\n    async handleApplyTimestampChange() {\n      this.applyTimestamp = !this.applyTimestamp\n      await this.$store.dispatch('digitalSignature/saveShouldApplySignatureTimestamp', { Value: this.applyTimestamp ? 'True' : 'False' })\n    },\n    async savePassword() {\n      this.isLoading = true\n      const result = await this.$store.dispatch('digitalSignature/saveUserPassword', { signature: this.userSignature.substr(22), password: this.userPassword })\n      if (!result || result.Value === 'False') {\n        console.warn('Error saving password')\n      }\n      this.isLoading = false\n    },\n    toggleChooseMode(value) {\n      this.version = value === 'initials'\n      this.isInitials = value === 'initials'\n      this.isInChooseMode = !this.isInChooseMode\n    },\n    toggleConsentModal() {\n      this.showConsentModal = !this.showConsentModal\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\n.container {\n  padding: 20px;\n  margin: 0px;\n}\n\n.signature-image-bounds {\n  width: 464px;\n  min-width: 464px;\n  max-width: 464px;\n  height: 200px;\n  border: 1px solid $grey-100;\n  border-radius: 8px;\n  margin-right: 8px;\n  text-align: center;\n}\n.signature-image {\n  max-height: 170px;\n  border-radius: 8px;\n}\n\n.initials-image-bounds {\n  width: 200px;\n  min-width: 200px;\n  max-width: 200px;\n  height: 200px;\n  border: 1px solid $grey-100;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.initials-image {\n  border-radius: 8px;\n  height: 154px;\n  width: 154px;\n  position: relative;\n  left: 15px;\n  bottom: -6px;\n}\n\n.center {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: $orange-300;\n}\n\n.choose {\n  height: 100%;\n  width:  100%;\n  display: flex;\n  flex-direction: column;\n  align-items: left;\n}\n\n.sig-row {\n  max-width: 880px;\n  height: 283px;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n}\n\n.image-group {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 8px;\n\n  :hover {\n    background-color: $grey-100;\n    cursor: pointer;\n  }\n}\n\n.choose-header {\n  width: 100%;\n  font-family: $font-family-bold;\n  font-size: 24px;\n  color: $grey-500;\n  margin: 0px 0 25px 0;\n}\n\n.sub-title {\n  position: relative;\n  top: -40px;\n  font-family: $font-family-medium;\n  font-size: 14px;\n  color: $primary;\n}\n\n.up-20 {\n  position: relative;\n  bottom: 20px;\n  fill: $primary;\n}\n\n.digital-signature-modal-bottom {\n  width: 100%;\n  margin: 13px 0;\n  display: flex;\n  align-items: center;\n\n  .digital-signature-modal-bottom-item {\n    margin: 0 16px 5px 0;\n  }\n}\n\n.auto-left {\n  margin-left: auto;\n}\n\n.vasion-terms-of-service {\n  color: $orange-300 !important;\n  text-decoration: underline;\n}\n\n.fix-checkbox {\n  position: relative;\n  top: 10px;\n}\n\n.consent-modal {\n  z-index: 55;\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!./ProfileDigitalSignature.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!./ProfileDigitalSignature.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileDigitalSignature.vue?vue&type=template&id=a3b8cb82&scoped=true&\"\nimport script from \"./ProfileDigitalSignature.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileDigitalSignature.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileDigitalSignature.vue?vue&type=style&index=0&id=a3b8cb82&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  \"a3b8cb82\",\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!./ProfileDigitalSignature.vue?vue&type=style&index=0&id=a3b8cb82&prod&lang=scss&scoped=true&\""],"sourceRoot":""}