{"version":3,"sources":["webpack:///./src/modals/account/views/components/AccountSettingsEmail.vue?9cd0","webpack:///src/modals/account/views/components/AccountSettingsEmail.vue","webpack:///./src/modals/account/views/components/AccountSettingsEmail.vue?b9a9","webpack:///./src/modals/account/views/components/AccountSettingsEmail.vue","webpack:///./node_modules/vuetify/lib/components/VForm/VForm.js","webpack:///./src/modals/account/views/components/AccountSettingsEmail.vue?87bb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","preventDefault","onSave","model","value","callback","$$v","valid","expression","domProps","_s","_v","rules","scopedSlots","_u","key","fn","_e","verificationPending","loading","verified","input","buttonText","proxy","staticRenderFns","props","type","String","default","Boolean","computed","methods","$emit","component","VBtn","VCol","VForm","VRow","VSheet","VTextField","extend","name","form","inheritAttrs","disabled","lazyValidation","readonly","data","inputs","watchers","errorBag","watch","val","errors","Object","values","includes","deep","immediate","watcher","$watch","$set","_uid","shouldValidate","hasOwnProperty","filter","validate","length","forEach","reset","resetErrorBag","setTimeout","resetValidation","push","watchInput","found","find","i","unwatch","$delete","h","novalidate","attrs$","submit","e","$slots"],"mappings":"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","file":"js/account-views-components-AccountSettingsEmail.modal.50e2b159.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-sheet',{staticClass:\"px-4 py-3 grey200--text\",attrs:{\"color\":\"grey800\"}},[_c('v-form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.onSave($event)}},model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',[_c('v-col',{staticClass:\"p-0\",attrs:{\"cols\":\"12\"}},[_c('label',{staticClass:\"grey100--text d-block font-weight-bold\",attrs:{\"for\":\"fieldEmail\"},domProps:{\"textContent\":_vm._s('Email address')}}),_c('p',{staticClass:\"body-2 lh-1-2 mb-3\"},[_vm._v(\" Receive free promo codes, important account updates and other rewards. We don't spam! \")]),_c('v-text-field',{staticClass:\"settings-btn rounded-0\",attrs:{\"id\":\"fieldEmail\",\"rules\":_vm.rules,\"placeholder\":\"roleplayer@yahoo.com\",\"dense\":\"\",\"solo\":\"\",\"flat\":\"\",\"type\":\"email\",\"background-color\":\"grey600\"},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(_vm.verificationPending)?_c('div',{staticClass:\"primary800  d-flex align-center px-4 mr-2\"},[_c('span',{staticClass:\"primary500--text text-caption font-weight-semibold text-uppercase\"},[_vm._v(\"Unverified\")])]):_vm._e(),_c('v-btn',{staticClass:\"px-6 font-weight-semibold text-caption\",attrs:{\"color\":_vm.verificationPending ? 'blue800 blue400--text' : 'green800 green500--text',\"height\":\"38\",\"tile\":\"\",\"ripple\":false,\"depressed\":\"\",\"loading\":_vm.loading,\"type\":\"submit\"}},[(_vm.verified && _vm.input === _vm.value)?_c('span',{staticClass:\"green500--text text-caption font-weight-semibold text-uppercase text-no-wrap\"},[_c('fai',{staticClass:\"mr-1\",attrs:{\"icon\":['fas', 'check']}}),_vm._v(\" Verified \")],1):_c('span',{domProps:{\"textContent\":_vm._s(_vm.buttonText)}})])]},proxy:true}]),model:{value:(_vm.input),callback:function ($$v) {_vm.input=$$v},expression:\"input\"}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-sheet color=\"grey800\" class=\"px-4 py-3 grey200--text\">\n    <v-form v-model=\"valid\" @submit.prevent=\"onSave\">\n      <v-row>\n        <v-col cols=\"12\" class=\"p-0\">\n          <label\n            for=\"fieldEmail\"\n            class=\"grey100--text d-block font-weight-bold\" v-text=\"'Email address'\"\n          />\n          <p class=\"body-2 lh-1-2 mb-3\">\n            Receive free promo codes, important account updates and other rewards. We don't spam!\n          </p>\n\n          <v-text-field\n            id=\"fieldEmail\" v-model=\"input\" :rules=\"rules\"\n            placeholder=\"roleplayer@yahoo.com\"\n            class=\"settings-btn rounded-0\"\n            dense solo flat type=\"email\"\n            background-color=\"grey600\"\n          >\n            <template #append-outer>\n              <div v-if=\"verificationPending\" class=\"primary800  d-flex align-center px-4 mr-2\">\n                <span class=\"primary500--text text-caption font-weight-semibold text-uppercase\">Unverified</span>\n              </div>\n\n              <v-btn\n                class=\"px-6 font-weight-semibold text-caption\"\n                :color=\"verificationPending ? 'blue800 blue400--text' : 'green800 green500--text'\"\n                height=\"38\" tile\n                :ripple=\"false\" depressed\n                :loading=\"loading\"\n                type=\"submit\"\n              >\n                <span v-if=\"verified && input === value\" class=\"green500--text text-caption font-weight-semibold text-uppercase text-no-wrap\">\n                  <fai :icon=\"['fas', 'check']\" class=\"mr-1\" /> Verified\n                </span>\n                <span v-else v-text=\"buttonText\" />\n              </v-btn>\n            </template>\n          </v-text-field>\n        </v-col>\n      </v-row>\n    </v-form>\n  </v-sheet>\n</template>\n\n<script>\nimport { EMAIL_RE } from '@/utils/constants/regexes'\n\nexport default {\n  props: {\n    value: {\n      type: String,\n      default: null,\n    },\n    verified: Boolean,\n    loading: Boolean,\n  },\n  data() {\n    return {\n      valid: false,\n      input: this.value,\n      rules: [\n        v => (v?.length === 0 || EMAIL_RE.test(v)) || 'Invalid email',\n      ],\n    }\n  },\n  computed: {\n    verificationPending() {\n      return this.input && this.input === this.value && !this.verified\n    },\n    buttonText() {\n      if (this.verificationPending) {\n        return 'Resend'\n      }\n\n      return 'Update'\n    },\n  },\n  methods: {\n    onSave() {\n      // user is removing email\n      if (!this.input) {\n        this.$emit('update', '')\n        return\n      }\n\n      if (!this.valid) return\n      if (this.verified && this.input === this.value) return\n\n      this.$emit('update', this.input)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  ::v-deep .settings-btn {\n    .v-input__append-outer {\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountSettingsEmail.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountSettingsEmail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AccountSettingsEmail.vue?vue&type=template&id=5f3465bf&scoped=true&\"\nimport script from \"./AccountSettingsEmail.vue?vue&type=script&lang=js&\"\nexport * from \"./AccountSettingsEmail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AccountSettingsEmail.vue?vue&type=style&index=0&id=5f3465bf&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  \"5f3465bf\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCol,VForm,VRow,VSheet,VTextField})\n","// Mixins\nimport mixins from '../../util/mixins';\nimport BindsAttrs from '../../mixins/binds-attrs';\nimport { provide as RegistrableProvide } from '../../mixins/registrable';\n/* @vue/component */\n\nexport default mixins(BindsAttrs, RegistrableProvide('form')\n/* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide() {\n    return {\n      form: this\n    };\n  },\n\n  inheritAttrs: false,\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean\n  },\n  data: () => ({\n    inputs: [],\n    watchers: [],\n    errorBag: {}\n  }),\n  watch: {\n    errorBag: {\n      handler(val) {\n        const errors = Object.values(val).includes(true);\n        this.$emit('input', !errors);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    watchInput(input) {\n      const watcher = input => {\n        return input.$watch('hasError', val => {\n          this.$set(this.errorBag, input._uid, val);\n        }, {\n          immediate: true\n        });\n      };\n\n      const watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {}\n      };\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', val => {\n          if (!val) return; // Only watch if we're not already doing it\n\n          if (this.errorBag.hasOwnProperty(input._uid)) return;\n          watchers.valid = watcher(input);\n        });\n      } else {\n        watchers.valid = watcher(input);\n      }\n\n      return watchers;\n    },\n\n    /** @public */\n    validate() {\n      return this.inputs.filter(input => !input.validate(true)).length === 0;\n    },\n\n    /** @public */\n    reset() {\n      this.inputs.forEach(input => input.reset());\n      this.resetErrorBag();\n    },\n\n    resetErrorBag() {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {};\n        }, 0);\n      }\n    },\n\n    /** @public */\n    resetValidation() {\n      this.inputs.forEach(input => input.resetValidation());\n      this.resetErrorBag();\n    },\n\n    register(input) {\n      this.inputs.push(input);\n      this.watchers.push(this.watchInput(input));\n    },\n\n    unregister(input) {\n      const found = this.inputs.find(i => i._uid === input._uid);\n      if (!found) return;\n      const unwatch = this.watchers.find(i => i._uid === found._uid);\n\n      if (unwatch) {\n        unwatch.valid();\n        unwatch.shouldValidate();\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid);\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid);\n      this.$delete(this.errorBag, found._uid);\n    }\n\n  },\n\n  render(h) {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$\n      },\n      on: {\n        submit: e => this.$emit('submit', e)\n      }\n    }, this.$slots.default);\n  }\n\n});\n//# sourceMappingURL=VForm.js.map","import mod 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/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountSettingsEmail.vue?vue&type=style&index=0&id=5f3465bf&lang=scss&scoped=true&\"; export default mod; 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/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountSettingsEmail.vue?vue&type=style&index=0&id=5f3465bf&lang=scss&scoped=true&\""],"sourceRoot":""}