{"version":3,"sources":["webpack:///./src/components/customerPortal/checkout/UpdateUser.vue?bd2b","webpack:///src/components/customerPortal/checkout/UpdateUser.vue","webpack:///./src/components/customerPortal/checkout/UpdateUser.vue?fe7a","webpack:///./src/components/customerPortal/checkout/UpdateUser.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","rules","required","validEmail","disableField","scopedSlots","_u","key","fn","on","$event","_v","changeEmail","proxy","model","value","callback","$$v","userEmail","expression","staticRenderFns","component","VForm","VIcon","VTextField"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,IAAI,aAAaC,YAAY,OAAOC,MAAM,CAAC,kBAAkB,KAAK,CAACJ,EAAG,eAAe,CAACG,YAAY,sBAAsBC,MAAM,CAAC,MAAQ,CAACR,EAAIS,MAAMC,SAAUV,EAAIS,MAAME,YAAY,KAAO,QAAQ,MAAQ,WAAW,aAAe,QAAQ,SAAWX,EAAIY,cAAcC,YAAYb,EAAIc,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAAEhB,EAAgB,aAAEI,EAAG,SAAS,CAACa,GAAG,CAAC,MAAQ,SAASC,GAAQlB,EAAIY,cAAgBZ,EAAIY,gBAAgB,CAACZ,EAAImB,GAAG,kBAAkBf,EAAG,SAAS,CAACa,GAAG,CAAC,MAAQjB,EAAIoB,cAAc,CAACpB,EAAImB,GAAG,kBAAkBE,OAAM,KAAQC,MAAM,CAACC,MAAOvB,EAAa,UAAEwB,SAAS,SAAUC,GAAMzB,EAAI0B,UAAUD,GAAKE,WAAW,gBAAgB,IAC/tBC,EAAkB,G,YCqBtB,GACA,kBACA,OACA,QACA,aACA,YAEA,OACA,YACA,aAGA,WACA,gBACA,aACA,OACA,6BACA,6DAGA,aACA,mCAEA,SACA,cACA,aACA,wCACA,yBAEA,yCACA,mDACA,uCACA,+BAEA,yBAIA,oBAEA,mCACA,uCACA,0BAMA,UACA,oBACA,0DCxEkX,I,qECO9WC,EAAY,eACd,EACA9B,EACA6B,GACA,EACA,KACA,KACA,MAIa,aAAAC,EAAiB,QAOhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,QAAA,KAAMC,aAAA","file":"js/chunk-2d0c7ea5.810fcc75.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-form',{ref:\"updateForm\",staticClass:\"ml-5\",attrs:{\"lazy-validation\":\"\"}},[_c('v-text-field',{staticClass:\"input-custom-fields\",attrs:{\"rules\":[_vm.rules.required, _vm.rules.validEmail],\"type\":\"email\",\"label\":\"My Email\",\"autocomplete\":\"email\",\"readonly\":_vm.disableField},scopedSlots:_vm._u([{key:\"append\",fn:function(){return [(_vm.disableField)?_c('v-icon',{on:{\"click\":function($event){_vm.disableField = !_vm.disableField}}},[_vm._v(\" mdi-pencil \")]):_c('v-icon',{on:{\"click\":_vm.changeEmail}},[_vm._v(\" mdi-send \")])]},proxy:true}]),model:{value:(_vm.userEmail),callback:function ($$v) {_vm.userEmail=$$v},expression:\"userEmail\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-form ref=\"updateForm\" class=\"ml-5\" lazy-validation>\r\n    <v-text-field\r\n      v-model=\"userEmail\"\r\n      :rules=\"[rules.required, rules.validEmail]\"\r\n      type=\"email\"\r\n      class=\"input-custom-fields\"\r\n      label=\"My Email\"\r\n      autocomplete=\"email\"\r\n      :readonly=\"disableField\"\r\n    >\r\n      <template v-slot:append>\r\n        <v-icon v-if=\"disableField\" @click=\"disableField = !disableField\">\r\n          mdi-pencil\r\n        </v-icon>\r\n        <v-icon v-else @click=\"changeEmail\"> mdi-send </v-icon>\r\n      </template>\r\n    </v-text-field>\r\n  </v-form>\r\n</template>\r\n<script>\r\nimport { mapCustomerFields } from \"@/store/modules/customers\";\r\nexport default {\r\n  name: \"UpdateUser\",\r\n  props: {\r\n    status: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    Email: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data: () => ({\r\n    disableField: true,\r\n    userEmail: \"\",\r\n    rules: {\r\n      required: (v) => !!v || \"Required.\",\r\n      validEmail: (v) => /.+@.+\\..+/.test(v) || \"E-mail must be valid\",\r\n    },\r\n  }),\r\n  computed: {\r\n    ...mapCustomerFields([\"customer_data\"]),\r\n  },\r\n  methods: {\r\n    changeEmail() {\r\n      if (this.status) {\r\n        this.customer_data.Email = this.userEmail;\r\n        this.$nextTick(async () => {\r\n          //manually trigger Vuetify validation\r\n          if (this.$refs.updateForm.validate()) {\r\n            await this.$store.dispatch(\"customerInfo/customer/edit\", {\r\n              namespace: \"customerInfo/customer/edit\",\r\n              url: \"/api/v1/customers/edit\",\r\n            });\r\n            this.disableField = true;\r\n          }\r\n        });\r\n      } else {\r\n        this.$nextTick(() => {\r\n          //manually trigger Vuetify validation\r\n          if (this.$refs.updateForm.validate()) {\r\n            this.$emit(\"loginUser\", this.userEmail);\r\n            this.disableField = true;\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.userEmail = JSON.parse(JSON.stringify(this.Email));\r\n    });\r\n  },\r\n};\r\n</script>\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!./UpdateUser.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!./UpdateUser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UpdateUser.vue?vue&type=template&id=7e7c03ec&\"\nimport script from \"./UpdateUser.vue?vue&type=script&lang=js&\"\nexport * from \"./UpdateUser.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  null,\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 { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VForm,VIcon,VTextField})\n"],"sourceRoot":""}