{"version":3,"sources":["webpack:///./src/views/BetterService.vue?f9c2","webpack:///../../../src/components/VTextarea/VTextarea.ts","webpack:///./src/views/BetterService.vue?6761","webpack:///src/views/BetterService.vue","webpack:///./src/views/BetterService.vue?38b9","webpack:///./src/views/BetterService.vue?6b82"],"names":["baseMixins","name","props","autoGrow","noResize","rowHeight","type","Number","default","validator","v","isNaN","parseFloat","rows","parseInt","computed","classes","this","noResizeHandle","watch","lazyValue","$nextTick","mounted","setTimeout","methods","calculateInputHeight","input","$refs","height","minHeight","Math","genInput","onInput","onKeyDown","isFocused","e","render","_vm","_h","$createElement","_c","_self","attrs","staticStyle","staticClass","_v","ref","model","value","callback","$$v","valid","expression","nameRequiredRules","inputs","$set","requiredRules","emailRequiredRules","directives","rawName","message","length","recaptcha","siteKey","on","onVerify","onExpired","loading","token","submit","snackbar","color","timeout","scopedSlots","_u","key","fn","_b","$event","open","_s","staticRenderFns","components","VueRecaptcha","data","firstName","lastname","company","email","phone","state","form","validate","recaptchaToken","reset","mixins","component","VBtn","VCard","VCardActions","VCardText","VCol","VContainer","VForm","VRow","VSnackbar","VSpacer","VTextField","VTextarea"],"mappings":"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","file":"js/betterservice.c400e107.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BetterService.vue?vue&type=style&index=0&id=1a7247b8&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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BetterService.vue?vue&type=style&index=0&id=1a7247b8&lang=scss&scoped=true&\"","// Styles\nimport './VTextarea.sass'\n\n// Extensions\nimport VTextField from '../VTextField/VTextField'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport Vue from 'vue'\n\ninterface options extends Vue {\n  $refs: {\n    input: HTMLTextAreaElement\n  }\n}\n\nconst baseMixins = mixins<options &\n  InstanceType<typeof VTextField>\n>(\n  VTextField\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-textarea',\n\n  props: {\n    autoGrow: Boolean,\n    noResize: Boolean,\n    rowHeight: {\n      type: [Number, String],\n      default: 24,\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (v: any) => !isNaN(parseInt(v, 10)),\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-textarea': true,\n        'v-textarea--auto-grow': this.autoGrow,\n        'v-textarea--no-resize': this.noResizeHandle,\n        ...VTextField.options.computed.classes.call(this),\n      }\n    },\n    noResizeHandle (): boolean {\n      return this.noResize || this.autoGrow\n    },\n  },\n\n  watch: {\n    lazyValue () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n    rowHeight () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      this.autoGrow && this.calculateInputHeight()\n    }, 0)\n  },\n\n  methods: {\n    calculateInputHeight () {\n      const input = this.$refs.input\n      if (!input) return\n\n      input.style.height = '0'\n      const height = input.scrollHeight\n      const minHeight = parseInt(this.rows, 10) * parseFloat(this.rowHeight)\n      // This has to be done ASAP, waiting for Vue\n      // to update the DOM causes ugly layout jumping\n      input.style.height = Math.max(minHeight, height) + 'px'\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.tag = 'textarea'\n      delete input.data!.attrs!.type\n      input.data!.attrs!.rows = this.rows\n\n      return input\n    },\n    onInput (e: Event) {\n      VTextField.options.methods.onInput.call(this, e)\n      this.autoGrow && this.calculateInputHeight()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      // Prevents closing of a\n      // dialog when pressing\n      // enter\n      if (this.isFocused && e.keyCode === 13) {\n        e.stopPropagation()\n      }\n\n      this.$emit('keydown', e)\n    },\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"betterServiceContactUs\"}},[_c('v-container',[_c('section',{staticStyle:{\"max-width\":\"1200px\",\"margin\":\"20px auto\"}},[_c('h1',{staticClass:\"font-weight-bold mb-3 primary--text\"},[_vm._v(\" CONTACT FORM \")]),_c('p',{staticClass:\"font-italic\"},[_vm._v(\" Please let us know about your experience, so we can improve. Kindly complete the form below, and we will get in touch with you shortly. We look forward to hearing from you. \")]),_c('div',{staticClass:\"contactFormInner\"},[_c('v-form',{ref:\"form\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-card',{staticClass:\"pa-3\"},[_c('v-card-text',[_c('v-container',[_c('v-row',[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"First name*\",\"required\":\"\",\"rules\":_vm.nameRequiredRules},model:{value:(_vm.inputs.firstName),callback:function ($$v) {_vm.$set(_vm.inputs, \"firstName\", $$v)},expression:\"inputs.firstName\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Last Name*\",\"required\":\"\",\"rules\":_vm.nameRequiredRules},model:{value:(_vm.inputs.lastName),callback:function ($$v) {_vm.$set(_vm.inputs, \"lastName\", $$v)},expression:\"inputs.lastName\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"Company*\",\"required\":\"\",\"rules\":_vm.requiredRules},model:{value:(_vm.inputs.company),callback:function ($$v) {_vm.$set(_vm.inputs, \"company\", $$v)},expression:\"inputs.company\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"Email*\",\"required\":\"\",\"rules\":_vm.emailRequiredRules},model:{value:(_vm.inputs.email),callback:function ($$v) {_vm.$set(_vm.inputs, \"email\", $$v)},expression:\"inputs.email\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"6\"}},[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('(###) ###-####'),expression:\"'(###) ###-####'\"}],attrs:{\"label\":\"Phone\"},model:{value:(_vm.inputs.phone),callback:function ($$v) {_vm.$set(_vm.inputs, \"phone\", $$v)},expression:\"inputs.phone\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\"}},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"label\":\"Message*\",\"value\":_vm.inputs.message,\"counter\":1000,\"required\":\"\",\"rules\":[\n                          function (v) { return !!v || 'Message field is required'; },\n                          function (v) { return (v && v.length <= 1000) ||\n                            'Message cannot be exceed 1000 characters'; } ]},model:{value:(_vm.inputs.message),callback:function ($$v) {_vm.$set(_vm.inputs, \"message\", $$v)},expression:\"inputs.message\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"align\":\"center\"}},[_c('vue-recaptcha',{ref:\"recaptcha\",attrs:{\"sitekey\":_vm.recaptcha.siteKey,\"loadRecaptchaScript\":true},on:{\"verify\":_vm.onVerify,\"expired\":_vm.onExpired}})],1)],1)],1),_c('small',[_vm._v(\"*indicates required field\")])],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"loading\":_vm.loading,\"disabled\":this.recaptcha.token === null || _vm.loading,\"large\":\"\",\"block\":\"\"},on:{\"click\":_vm.submit}},[_vm._v(\" Submit \")])],1)],1)],1)],1)])]),_c('v-snackbar',{staticClass:\"py-16\",attrs:{\"color\":_vm.snackbar.color,\"timeout\":_vm.snackbar.timeout,\"multi-line\":\"\",\"top\":\"\"},scopedSlots:_vm._u([{key:\"action\",fn:function(ref){\n                        var attrs = ref.attrs;\nreturn [_c('v-btn',_vm._b({attrs:{\"color\":\"white\",\"text\":\"\"},on:{\"click\":function($event){_vm.snackbar.open = false}}},'v-btn',attrs,false),[_vm._v(\" Close \")])]}}]),model:{value:(_vm.snackbar.open),callback:function ($$v) {_vm.$set(_vm.snackbar, \"open\", $$v)},expression:\"snackbar.open\"}},[_vm._v(\" \"+_vm._s(_vm.snackbar.message)+\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"betterServiceContactUs\">\r\n    <v-container>\r\n      <section style=\"max-width: 1200px; margin: 20px auto;\">\r\n        <h1 class=\"font-weight-bold mb-3 primary--text\">\r\n          CONTACT FORM\r\n        </h1>\r\n        <p class=\"font-italic\">\r\n          Please let us know about your experience, so we can improve. Kindly complete the form below, and we will get in touch with you shortly. We look forward to hearing from you.\r\n        </p>\r\n          <div class=\"contactFormInner\">\r\n            \r\n            <v-form v-model=\"valid\" ref=\"form\">\r\n              <v-card class=\"pa-3\">\r\n                <v-card-text>\r\n                  <v-container>\r\n                    <v-row>\r\n                      <v-col class=\"py-0\" cols=\"12\" sm=\"6\" md=\"6\">\r\n                        <v-text-field\r\n                          v-model=\"inputs.firstName\"\r\n                          label=\"First name*\"\r\n                          required\r\n                          :rules=\"nameRequiredRules\"\r\n                        ></v-text-field>\r\n                      </v-col>\r\n                      <v-col class=\"py-0\" cols=\"12\" sm=\"6\" md=\"6\">\r\n                        <v-text-field\r\n                          v-model=\"inputs.lastName\"\r\n                          label=\"Last Name*\"\r\n                          required\r\n                          :rules=\"nameRequiredRules\"\r\n                        ></v-text-field>\r\n                      </v-col>\r\n                      <v-col class=\"py-0\" cols=\"12\">\r\n                        <v-text-field\r\n                          v-model=\"inputs.company\"\r\n                          label=\"Company*\"\r\n                          required\r\n                          :rules=\"requiredRules\"\r\n                        ></v-text-field>\r\n                      </v-col>\r\n                      <v-col class=\"py-0\" cols=\"12\">\r\n                        <v-text-field\r\n                          v-model=\"inputs.email\"\r\n                          label=\"Email*\"\r\n                          required\r\n                          :rules=\"emailRequiredRules\"\r\n                        ></v-text-field>\r\n                      </v-col>\r\n                      <v-col class=\"py-0\" cols=\"12\" sm=\"6\" md=\"6\">\r\n                        <v-text-field\r\n                          v-model=\"inputs.phone\"\r\n                          label=\"Phone\"\r\n                          v-mask=\"'(###) ###-####'\"\r\n                        ></v-text-field>\r\n                      </v-col>\r\n               \r\n                      <v-col class=\"py-0\" cols=\"12\">\r\n                        <v-textarea\r\n                          v-model=\"inputs.message\"\r\n                          outlined\r\n                          label=\"Message*\"\r\n                          :value=\"inputs.message\"\r\n                          :counter=\"1000\"\r\n                          required\r\n                          :rules=\"[\r\n                            (v) => !!v || 'Message field is required',\r\n                            (v) =>\r\n                              (v && v.length <= 1000) ||\r\n                              'Message cannot be exceed 1000 characters',\r\n                          ]\"\r\n                        ></v-textarea>\r\n                      </v-col>\r\n                      <v-col class=\"py-0\" cols=\"12\" align=\"center\">\r\n                        <vue-recaptcha\r\n                          ref=\"recaptcha\"\r\n                          :sitekey=\"recaptcha.siteKey\"\r\n                          @verify=\"onVerify\"\r\n                          @expired=\"onExpired\"\r\n                          :loadRecaptchaScript=\"true\"\r\n                        ></vue-recaptcha>\r\n                      </v-col>\r\n                    </v-row>\r\n                  </v-container>\r\n                  <small>*indicates required field</small>\r\n                </v-card-text>\r\n                <v-card-actions>\r\n                  <v-spacer></v-spacer>\r\n                  <v-btn\r\n                    color=\"primary\"\r\n                    :loading=\"loading\"\r\n                    :disabled=\"this.recaptcha.token === null || loading\"\r\n                    large\r\n                    block\r\n                    @click=\"submit\"\r\n                  >\r\n                    Submit\r\n                  </v-btn>\r\n                </v-card-actions>\r\n              </v-card>\r\n            </v-form>\r\n          </div>\r\n\r\n      </section>\r\n    </v-container>\r\n\r\n    <!-- SNACKBAR -->\r\n    <v-snackbar\r\n      v-model=\"snackbar.open\"\r\n      :color=\"snackbar.color\"\r\n      :timeout=\"snackbar.timeout\"\r\n      multi-line\r\n      class=\"py-16\"\r\n      top\r\n    >\r\n      {{ snackbar.message }}\r\n      <template v-slot:action=\"{ attrs }\">\r\n        <v-btn color=\"white\" text v-bind=\"attrs\" @click=\"snackbar.open = false\">\r\n          Close\r\n        </v-btn>\r\n      </template>\r\n    </v-snackbar>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { rules, stateList } from \"@/mixins\";\r\nimport { mask } from \"vue-the-mask\";\r\nimport VueRecaptcha from \"vue-recaptcha\";\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n  directives: { mask },\r\n  components: {\r\n    VueRecaptcha,\r\n  },\r\n  data() {\r\n    return {\r\n      loading: false,\r\n      inputs: {\r\n        firstName: \"\",\r\n        lastname: \"\",\r\n        company: \"\",\r\n        email: \"\",\r\n        phone: \"\",\r\n        state: \"\",\r\n        message: \"\",\r\n      },\r\n      valid: true,\r\n      snackbar: {\r\n        open: false,\r\n        message: \"\",\r\n        color: \"default\",\r\n        timeout: 6000,\r\n      },\r\n      recaptcha: {\r\n        siteKey: process.env.VUE_APP_RECAPTCHA_SITEKEY,\r\n        token: null,\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    submit() {\r\n      if (this.$refs.form.validate() && this.recaptcha.token != null) {\r\n        this.loading = true;\r\n        axios\r\n          .post(\r\n            process.env.VUE_APP_API_BASE_URL + \"/Common/BetterService\",\r\n            this.inputs,\r\n            {\r\n              headers: {\r\n                ApiKey: process.env.VUE_APP_APIKEY,\r\n                RecaptchaToken: this.recaptcha.token,\r\n              },\r\n            }\r\n          )\r\n          .then((response) => {\r\n            if (response.status === 200) {\r\n              this.$refs.form.reset();\r\n              this.snackbar.message = `🎉 Successfully submitted!! Your message will be reviewed shortly. If you do not receive any response within 24 hours, please contact us at 714-831-3333.`;\r\n              this.snackbar.color = \"info\";\r\n              this.snackbar.timeout = 7000;\r\n            } else {\r\n              this.snackbar.message =\r\n                \"Unexpected error occured!! Please try again.\";\r\n              this.snackbar.color = \"error\";\r\n              this.snackbar.timeout = 7000;\r\n            }\r\n          })\r\n          .catch((err) => {\r\n            console.log(err);\r\n            this.snackbar.message =\r\n              \"Unexpected error occured!! Please try again.\";\r\n            this.snackbar.color = \"error\";\r\n          })\r\n          .finally(() => {\r\n            this.$refs.recaptcha.reset();\r\n            this.recaptcha.token = null;\r\n            this.$refs.form.resetValidation();\r\n            this.loading = false;\r\n            this.snackbar.open = true;\r\n          });\r\n      }\r\n    },\r\n    onVerify(recaptchaToken) {\r\n      if (recaptchaToken) {\r\n        this.recaptcha.token = recaptchaToken;\r\n      }\r\n    },\r\n    onExpired() {\r\n      this.$refs.recaptcha.reset();\r\n      this.recaptcha.token = null;\r\n    },\r\n  },\r\n  mixins: [rules, stateList],\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.tab {\r\n  margin-left: 40px;\r\n}\r\n\r\n::v-deep .contact-subtitle {\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  color: #12366F;\r\n  text-align: left;\r\n  margin-bottom: 12px;\r\n  line-height: 1.1;\r\n}\r\n\r\n::v-deep .contact-text {\r\n    color: #686363;\r\n    font-size: 16px;\r\n    text-transform: capitalize;\r\n    text-align: left;\r\n}\r\n\r\n.ContactFormMobile {\r\n  display: grid; \r\n  grid-template-columns: 1fr 1fr;\r\n  grid-gap: 30px; \r\n  margin: 0 auto;\r\n}\r\n\r\n.contactInfoMobile {\r\n  display: grid; \r\n  grid-template-columns: 1fr 1fr; \r\n  margin: 0 auto; \r\n  grid-gap: 10px;\r\n}\r\n\r\n.contactFormInner {\r\n  background: #FFFFFF 0% 0% no-repeat padding-box; \r\n  box-shadow: 0px 3px 6px #00000029; \r\n  opacity: 1; \r\n  padding: 15px;\r\n}\r\n\r\n@media only screen and (max-width : 1300px) {\r\n  .ContactFormMobile {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media only screen and (max-width : 800px) {\r\n  .contact-subtitle {\r\n    font-size: 13px;\r\n  }\r\n  .contact-text {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media only screen and (max-width : 600px) {\r\n  .contactInfoMobile {\r\n    grid-template-columns: 1fr; \r\n  }\r\n  .contact-subtitle {\r\n    font-size: 14px;\r\n  }\r\n  .contact-text {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n@media only screen and (max-width : 440px) {\r\n  .contactInfoMobile {\r\n    width: 360px;\r\n  }\r\n  .contactFormInner {\r\n    padding: 0;\r\n    width: 355px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BetterService.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/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BetterService.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BetterService.vue?vue&type=template&id=1a7247b8&scoped=true&\"\nimport script from \"./BetterService.vue?vue&type=script&lang=js&\"\nexport * from \"./BetterService.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BetterService.vue?vue&type=style&index=0&id=1a7247b8&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  \"1a7247b8\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSnackbar } from 'vuetify/lib/components/VSnackbar';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCol,VContainer,VForm,VRow,VSnackbar,VSpacer,VTextField,VTextarea})\n"],"sourceRoot":""}