{"version":3,"sources":["webpack:///./src/components/Profile/ChangePassword/PasswordFormWithValidation.vue?29d9","webpack:///./src/views/Profile/ChangePasswordPage.vue","webpack:///./src/components/Profile/ChangePassword/ChangePassword.vue","webpack:///./src/components/Profile/ChangePassword/PasswordFormWithValidation.vue","webpack:///src/components/Profile/ChangePassword/PasswordFormWithValidation.vue","webpack:///./src/components/Profile/ChangePassword/PasswordFormWithValidation.vue?bfd4","webpack:///./src/components/Profile/ChangePassword/PasswordFormWithValidation.vue?3a53","webpack:///src/components/Profile/ChangePassword/ChangePassword.vue","webpack:///./src/components/Profile/ChangePassword/ChangePassword.vue?dd44","webpack:///./src/components/Profile/ChangePassword/ChangePassword.vue?512f","webpack:///src/views/Profile/ChangePasswordPage.vue","webpack:///./src/views/Profile/ChangePasswordPage.vue?a217","webpack:///./src/views/Profile/ChangePasswordPage.vue?5023","webpack:///./src/components/Profile/ChangePassword/ChangePassword.vue?2446","webpack:///./src/components/Elements/InputsWithValidation/BTextInputWithValidation.vue","webpack:///src/components/Elements/InputsWithValidation/BTextInputWithValidation.vue","webpack:///./src/components/Elements/InputsWithValidation/BTextInputWithValidation.vue?fb6a","webpack:///./src/components/Elements/InputsWithValidation/BTextInputWithValidation.vue?6df0"],"names":["render","_vm","this","_c","_self","staticRenderFns","staticClass","isMobile","_e","_v","_s","$t","username","toUpperCase","attrs","userInfo","profileId","ref","scopedSlots","_u","key","fn","validate","on","$event","preventDefault","then","onSubmit","resetForm","$route","query","pid","oldPasswordRules","oldPasswordLabel","model","value","oldPassword","callback","$$v","expression","newPasswordLabel","newPassword","repeatPasswordLabel","confirmNewPassword","dictionary","en","custom","regex","it","Validator","name","components","BTextInputWithValidation","ValidationObserver","props","type","required","data","max","newPasswordRules","min","computed","created","methods","setupPasswordRules","getMessage","requestAnimationFrame","title","variant","message","ProfileId","NewPassword","OldPassword","toaster","catch","component","PasswordFormWithValidation","mounted","fetchUser","ChangePassword","label","vid","rules","valid","errors","randomId","inputType","randomDescribedId","disabled","currentVal","togglePasswordType","ValidationProvider","default","validator","get","set"],"mappings":"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","file":"js/chunk-e97590fe.7044ce55.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!./PasswordFormWithValidation.vue?vue&type=style&index=0&id=18332997&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ChangePassword')\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"col-12 m-0 p-0\"},[_c('div',{staticClass:\"buy-tickets-box text-contrasted\"},[_c('div',{staticClass:\"heading\"},[_c('div',{staticClass:\"title row\"},[_c('div',{staticClass:\"col\"},[(_vm.isMobile)?_c('i',{staticClass:\"fas fa-user\"}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.$t('account_menu.change_password'))+\" \"),(_vm.username)?_c('span',[_vm._v(\" for user \\\"\"+_vm._s(_vm.username.toUpperCase())+\"\\\" \")]):_vm._e()])])]),_c('div',{staticClass:\"top-area\"},[_c('PasswordFormWithValidation',{attrs:{\"profile-id\":_vm.userInfo.profileId}}),_c('b-row',{staticClass:\"btnsrc justify-content-end pb-5 m-0\"})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('ValidationObserver',{ref:\"observer\",scopedSlots:_vm._u([{key:\"default\",fn:function({validate}){return _c('b-form',{on:{\"submit\":function($event){$event.preventDefault();validate().then(_vm.onSubmit)},\"reset\":_vm.resetForm}},[_c('b-row',{staticClass:\"py-5 m-0\",attrs:{\"align-h\":\"center\"}},[(!_vm.$route.query.pid)?_c('b-col',{attrs:{\"sm\":\"12\",\"md\":\"12\",\"lg\":\"3\",\"xl\":\"3\"}},[_c('BTextInputWithValidation',{attrs:{\"rules\":_vm.oldPasswordRules,\"type\":\"password\",\"label\":_vm.oldPasswordLabel},model:{value:(_vm.oldPassword),callback:function ($$v) {_vm.oldPassword=$$v},expression:\"oldPassword\"}})],1):_vm._e(),_c('b-col',{attrs:{\"sm\":\"12\",\"md\":\"12\",\"lg\":\"3\",\"xl\":\"3\"}},[_c('BTextInputWithValidation',{attrs:{\"vid\":\"newPassword\",\"rules\":\"required|min:8|max:50|passwordContent\",\"type\":\"password\",\"label\":_vm.newPasswordLabel},model:{value:(_vm.newPassword),callback:function ($$v) {_vm.newPassword=$$v},expression:\"newPassword\"}})],1),_c('b-col',{attrs:{\"sm\":\"12\",\"md\":\"12\",\"lg\":\"3\",\"xl\":\"3\"}},[_c('BTextInputWithValidation',{attrs:{\"rules\":'required|confirmed:newPassword',\"type\":\"password\",\"label\":_vm.repeatPasswordLabel},model:{value:(_vm.confirmNewPassword),callback:function ($$v) {_vm.confirmNewPassword=$$v},expression:\"confirmNewPassword\"}})],1)],1),_c('b-row',{staticClass:\"m-0\",attrs:{\"align-v\":\"center\",\"align-h\":\"end\"}},[_c('b-col',{staticClass:\"btnsrc d-flex justify-content-end align-items-end text-right\"},[_c('b-button',{attrs:{\"type\":\"submit\",\"variant\":\"secondary\"}},[_vm._v(\" \"+_vm._s(_vm.$t('ticket_box.buttons.confirm').toUpperCase())+\" \")]),_c('b-button',{staticClass:\"ml-2\",attrs:{\"variant\":\"dark\"},on:{\"click\":function($event){return _vm.resetForm()}}},[_vm._v(\" \"+_vm._s(_vm.$t('ticket_box.buttons.cancel').toUpperCase())+\" \")])],1)],1)],1)}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <ValidationObserver ref=\"observer\">\r\n      <b-form\r\n        slot-scope=\"{validate}\"\r\n        @submit.prevent=\"validate().then(onSubmit)\"\r\n        @reset=\"resetForm\"\r\n      >\r\n        <b-row\r\n          class=\"py-5 m-0\"\r\n          align-h=\"center\"\r\n        >\r\n          <b-col\r\n            v-if=\"!$route.query.pid\"\r\n            sm=\"12\"\r\n            md=\"12\"\r\n            lg=\"3\"\r\n            xl=\"3\"\r\n          >\r\n            <BTextInputWithValidation\r\n              v-model=\"oldPassword\"\r\n              :rules=\"oldPasswordRules\"\r\n              type=\"password\"\r\n              :label=\"oldPasswordLabel\"\r\n            />\r\n          </b-col>\r\n          <b-col\r\n            sm=\"12\"\r\n            md=\"12\"\r\n            lg=\"3\"\r\n            xl=\"3\"\r\n          >\r\n            <BTextInputWithValidation\r\n              v-model=\"newPassword\"\r\n              vid=\"newPassword\"\r\n              rules=\"required|min:8|max:50|passwordContent\"\r\n              type=\"password\"\r\n              :label=\"newPasswordLabel\"\r\n            />\r\n          </b-col>\r\n          <b-col\r\n            sm=\"12\"\r\n            md=\"12\"\r\n            lg=\"3\"\r\n            xl=\"3\"\r\n          >\r\n            <BTextInputWithValidation\r\n              v-model=\"confirmNewPassword\"\r\n              :rules=\"'required|confirmed:newPassword'\"\r\n              type=\"password\"\r\n              :label=\"repeatPasswordLabel\"\r\n            />\r\n          </b-col>\r\n        </b-row>\r\n        <b-row\r\n          class=\"m-0\"\r\n          align-v=\"center\"\r\n          align-h=\"end\"\r\n        >\r\n          <b-col class=\"btnsrc d-flex justify-content-end align-items-end text-right\">\r\n            <b-button\r\n              type=\"submit\"\r\n              variant=\"secondary\"\r\n            >\r\n              {{ $t('ticket_box.buttons.confirm').toUpperCase() }}\r\n            </b-button>\r\n            <b-button\r\n              class=\"ml-2\"\r\n              variant=\"dark\"\r\n              @click=\"resetForm()\"\r\n            >\r\n              {{ $t('ticket_box.buttons.cancel').toUpperCase() }}\r\n            </b-button>\r\n          </b-col>\r\n        </b-row>\r\n      </b-form>\r\n    </ValidationObserver>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Validator, ValidationObserver } from 'vee-validate';\r\nimport BTextInputWithValidation from '@/components/Elements/InputsWithValidation/BTextInputWithValidation';\r\n\r\nconst dictionary = {\r\n  en: {\r\n    custom: {\r\n      'new-password-input': {\r\n        regex: 'The New Passwords should contain Uppercase letters, Lowercase letters, Numbers, special characters',\r\n      },\r\n    },\r\n  },\r\n  it: {\r\n    custom: {\r\n      'new-password-input': {\r\n        regex: 'Le Nuove Password devono contenere lettere maiuscole, lettere minuscole, numeri, caratteri speciali',\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nValidator.localize('en', dictionary.en);\r\nValidator.localize('it', dictionary.it);\r\n\r\nexport default {\r\n  name: 'PasswordFormWithValidation',\r\n  components: {\r\n    BTextInputWithValidation,\r\n    ValidationObserver,\r\n  },\r\n  props: {\r\n    profileId: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      newPassword: '',\r\n      oldPassword: '',\r\n      confirmNewPassword: '',\r\n      oldPasswordRules: {\r\n        required: true,\r\n        max: 50,\r\n      },\r\n      newPasswordRules: {\r\n        required: true,\r\n        min: 8,\r\n        max: 50,\r\n        regex: /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).*$/,\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    oldPasswordLabel() {\r\n      return this.$t('components.profile.users.old_password');\r\n    },\r\n    newPasswordLabel() {\r\n      return this.$t('components.profile.users.new_password');\r\n    },\r\n    repeatPasswordLabel() {\r\n      return this.$t('components.profile.users.repeat_password');\r\n    },\r\n  },\r\n  created() {\r\n    this.setupPasswordRules();\r\n  },\r\n  methods: {\r\n    setupPasswordRules() {\r\n      const self = this;\r\n      Validator.extend('passwordContent', {\r\n        getMessage() {\r\n          return self.$t('components.profile.validation_messages.password_content');\r\n        },\r\n        validate(value) {\r\n          return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).*$/.test(value);\r\n        },\r\n      });\r\n    },\r\n    resetForm() {\r\n      this.oldPassword = null;\r\n      this.newPassword = null;\r\n      this.confirmNewPassword = null;\r\n      requestAnimationFrame(() => {\r\n        this.$refs.observer.reset();\r\n      });\r\n    },\r\n    onSubmit() {\r\n      this.$validator.validateAll().then((result) => {\r\n        if (!result) {\r\n          return;\r\n        }\r\n\r\n        const toaster = {\r\n          title: 'Error',\r\n          variant: 'danger',\r\n          message: 'Validation is wrong',\r\n        };\r\n\r\n        const payload = {\r\n          ProfileId: this.$route.query.pid ? this.$route.query.pid : this.profileId,\r\n          NewPassword: this.newPassword,\r\n          OldPassword: this.oldPassword,\r\n        };\r\n\r\n        this.$store.dispatch('PROFILE_CHANGE_PASSWORD', payload)\r\n          .then((res) => {\r\n            if (res?.data?.StatusCode === 200) {\r\n              this.$store.commit('UPDATE_LOADING', false);\r\n              toaster.title = 'Info';\r\n              toaster.variant = 'success';\r\n              toaster.message = this.$t('account_menu.password_successfully_changed');\r\n              this.$store.dispatch('SETUP_TOASTER', toaster);\r\n            }\r\n          })\r\n          .catch(() => {\r\n            this.$store.commit('UPDATE_LOADING', false);\r\n            toaster.message = 'Something went wrong';\r\n            this.$store.dispatch('SETUP_TOASTER', toaster);\r\n          });\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n  .append-eye {\r\n    height: 28px;\r\n    margin-top: 5px;\r\n    margin-left: 0px;\r\n    @media only screen and (max-width: 600px) {\r\n      height: 18px;\r\n      margin-top: 4px;\r\n      .button-icon-eye {\r\n        padding: 0px 5px !important;\r\n      }\r\n    }\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!./PasswordFormWithValidation.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!./PasswordFormWithValidation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PasswordFormWithValidation.vue?vue&type=template&id=18332997&scoped=true\"\nimport script from \"./PasswordFormWithValidation.vue?vue&type=script&lang=js\"\nexport * from \"./PasswordFormWithValidation.vue?vue&type=script&lang=js\"\nimport style0 from \"./PasswordFormWithValidation.vue?vue&type=style&index=0&id=18332997&prod&scoped=true&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  \"18332997\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"col-12 m-0 p-0\">\r\n    <div class=\"buy-tickets-box text-contrasted\">\r\n      <div class=\"heading\">\r\n        <div class=\"title row\">\r\n          <div class=\"col\">\r\n            <i\r\n              v-if=\"isMobile\"\r\n              class=\"fas fa-user\"\r\n            /> {{ $t('account_menu.change_password') }}\r\n            <span v-if=\"username\">\r\n              for user \"{{ username.toUpperCase() }}\"\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"top-area\">\r\n        <PasswordFormWithValidation :profile-id=\"userInfo.profileId\" />\r\n        <b-row class=\"btnsrc justify-content-end pb-5 m-0\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport PasswordFormWithValidation from '@/components/Profile/ChangePassword/PasswordFormWithValidation';\r\n\r\nexport default {\r\n  name: 'ChangePassword',\r\n  components: { PasswordFormWithValidation },\r\n  data() {\r\n    return {\r\n      username: '',\r\n    };\r\n  },\r\n  computed: {\r\n    isMobile() {\r\n      return this.$store.state.isMobile;\r\n    },\r\n    userInfo() {\r\n      return this.$store.state.user.info;\r\n    },\r\n  },\r\n  mounted() {\r\n    if (this.$route.query.pid) {\r\n      this.fetchUser(this.$route.query.pid);\r\n    }\r\n  },\r\n  methods: {\r\n    fetchUser(profileId) {\r\n      if (!profileId) return;\r\n      this.$store.dispatch('PROFILE_INFO_ID', profileId).then((response) => {\r\n        this.username = response?.data?.Result?.userName;\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n:deep(.input-group-append) {\r\n  .btn {\r\n    @media (max-width: 991px) and (max-width: 1280px) {\r\n      // height: 30px !important;\r\n    }\r\n  }\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!./ChangePassword.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!./ChangePassword.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChangePassword.vue?vue&type=template&id=4be95757&scoped=true\"\nimport script from \"./ChangePassword.vue?vue&type=script&lang=js\"\nexport * from \"./ChangePassword.vue?vue&type=script&lang=js\"\nimport style0 from \"./ChangePassword.vue?vue&type=style&index=0&id=4be95757&prod&scoped=true&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  \"4be95757\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <ChangePassword />\r\n</template>\r\n\r\n<script>\r\nimport ChangePassword from '@/components/Profile/ChangePassword/ChangePassword';\r\n\r\nexport default {\r\n  name: 'ChangePasswordPage',\r\n  components: {\r\n    ChangePassword,\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\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!./ChangePasswordPage.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!./ChangePasswordPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChangePasswordPage.vue?vue&type=template&id=4150ee40&scoped=true\"\nimport script from \"./ChangePasswordPage.vue?vue&type=script&lang=js\"\nexport * from \"./ChangePasswordPage.vue?vue&type=script&lang=js\"\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  \"4150ee40\",\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!./ChangePassword.vue?vue&type=style&index=0&id=4be95757&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[_c('label',[_vm._v(_vm._s(_vm.label))]),_c('ValidationProvider',{attrs:{\"vid\":_vm.vid,\"name\":_vm.label,\"rules\":_vm.rules},scopedSlots:_vm._u([{key:\"default\",fn:function({ valid, errors }){return _c('b-input-group',{staticClass:\"m-0 p-0\"},[_c('b-form-input',{staticClass:\"mr-0\",attrs:{\"id\":_vm.randomId,\"type\":_vm.inputType,\"state\":errors[0] ? false : (valid ? true : null),\"aria-describedby\":_vm.randomDescribedId,\"data-vv-as\":_vm.label,\"disabled\":_vm.disabled},model:{value:(_vm.currentVal),callback:function ($$v) {_vm.currentVal=$$v},expression:\"currentVal\"}}),(_vm.type === 'password')?_c('b-input-group-append',[_c('b-button',{attrs:{\"variant\":\"eye\",\"size\":\"sm\"},on:{\"click\":_vm.togglePasswordType}},[_c('b-icon',{attrs:{\"icon\":\"eye\",\"variant\":\"success\"}})],1)],1):_vm._e(),_c('b-form-invalid-feedback',{attrs:{\"id\":_vm.randomDescribedId}},[_vm._v(\" \"+_vm._s(errors[0])+\" \")])],1)}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section>\r\n    <label>{{ label }}</label>\r\n    <ValidationProvider\r\n      :vid=\"vid\"\r\n      :name=\"label\"\r\n      :rules=\"rules\"\r\n    >\r\n      <b-input-group\r\n        slot-scope=\"{ valid, errors }\"\r\n        class=\"m-0 p-0\"\r\n      >\r\n        <b-form-input\r\n          :id=\"randomId\"\r\n          v-model=\"currentVal\"\r\n          :type=\"inputType\"\r\n          :state=\"errors[0] ? false : (valid ? true : null)\"\r\n          :aria-describedby=\"randomDescribedId\"\r\n          :data-vv-as=\"label\"\r\n          :disabled=\"disabled\"\r\n          class=\"mr-0\"\r\n        />\r\n        <b-input-group-append\r\n          v-if=\"type === 'password'\"\r\n        >\r\n          <b-button\r\n            variant=\"eye\"\r\n            size=\"sm\"\r\n            @click=\"togglePasswordType\"\r\n          >\r\n            <b-icon\r\n              icon=\"eye\"\r\n              variant=\"success\"\r\n            />\r\n          </b-button>\r\n        </b-input-group-append>\r\n        <b-form-invalid-feedback :id=\"randomDescribedId\">\r\n          {{ errors[0] }}\r\n        </b-form-invalid-feedback>\r\n      </b-input-group>\r\n    </ValidationProvider>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { ValidationProvider } from 'vee-validate';\r\n\r\nexport default {\r\n  components: {\r\n    ValidationProvider,\r\n  },\r\n  props: {\r\n    vid: {\r\n      type: String,\r\n    },\r\n    rules: {\r\n      type: [Object, String],\r\n      default: '',\r\n    },\r\n    // must be included in props\r\n    value: {\r\n      type: null,\r\n    },\r\n    type: {\r\n      type: String,\r\n      required: true,\r\n      validator(value) {\r\n        // The value must match one of these strings\r\n        return [\r\n          'text',\r\n          'number',\r\n          'email',\r\n          'password',\r\n          'search',\r\n          'url',\r\n          'tel',\r\n          'date',\r\n          'time',\r\n          'range',\r\n          'color',\r\n        ].includes(value);\r\n      },\r\n    },\r\n    label: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data: () => ({\r\n    inputType: '',\r\n  }),\r\n  computed: {\r\n    randomId() {\r\n      return Date.now().toString();\r\n    },\r\n    randomDescribedId() {\r\n      return Date.now().toString();\r\n    },\r\n    currentVal: {\r\n      get() {\r\n        return this.value;\r\n      },\r\n      set(v) {\r\n        this.$emit('input', v);\r\n      },\r\n    },\r\n  },\r\n  created() {\r\n    /*\r\n    https://codesandbox.io/s/yw8yrmn9y9?from-embed=&file=/src/components/RefactoredForm.vue:550-564\r\n    */\r\n    if (this.value !== null) this.currentVal = this.value;\r\n    if (this.type !== null) this.inputType = this.type;\r\n  },\r\n  methods: {\r\n    togglePasswordType() {\r\n      this.inputType = this.inputType === 'password' ? 'text' : 'password';\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\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!./BTextInputWithValidation.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!./BTextInputWithValidation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BTextInputWithValidation.vue?vue&type=template&id=597d148e&scoped=true\"\nimport script from \"./BTextInputWithValidation.vue?vue&type=script&lang=js\"\nexport * from \"./BTextInputWithValidation.vue?vue&type=script&lang=js\"\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  \"597d148e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}