{"version":3,"sources":["webpack:///./src/mixins/appFormSteps.js","webpack:///./src/mixins/formValidator.js","webpack:///./src/pages/stage-two/contact-details.vue","webpack:///./src/pages/stage-two/contact-details.vue?26e1"],"names":["formSteps","data","showStepErrors","computed","noItemsAdded","this","getItemsByType","length","otherCriteriaValid","mapGetters","mounted","formEle","document","querySelector","focusableEles","querySelectorAll","focus","getApplication","Object","assign","formData","methods","saveAndSubmit","nextStep","validateStep","finalSubmit","isValid","$refs","form","returnStep","$route","name","ua_submitapplication","submitApp","window","scrollTo","updateApplication","then","res","localStorage","removeItem","updateCurrentStep","$router","push","status","redeemToken","refreshtoken","CookieJar","get","businessunit","process","catch","err","error","message","mapActions","formValidator","checkValidity","fields","field","refID","getAttribute","validate","_createElementVNode","_createElementBlock","class","_normalizeClass","$props","classes","_createVNode","_component_Heading","level","text","onSubmit","_cache","_withModifiers","args","_ctx","novalidate","ref","_component_HelpText","_withCtx","_hoisted_1","_component_InputField","label-text","help-text","value","$data","ua_maincontactname","onEmitFieldData","val","required-error","validation-rules","v","rules","containsLength","ua_maincontactposition","input-type","placeholder","ua_maincontacttelephone","validateTel","ua_maincontactmobile","ua_maincontactemail","validateEmail","contactConfirmEmailAddress","$options","emailsMatch","mixins","props","type","String","default","validationRules","__exports__","render"],"mappings":"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","file":"js/chunk-12ee646a.1111e6d9.js","sourcesContent":["import { mapGetters, mapActions } from 'vuex';\r\nimport CookieJar from '@/utilities/cookieJar';\r\n\r\nexport const formSteps = {\r\n    data () {\r\n\t\treturn {\r\n            showStepErrors: false\r\n        };\r\n    },\r\n    computed: {\r\n        noItemsAdded () {\r\n            return this.getItemsByType ? this.getItemsByType.length < 1 : false;\r\n        },\r\n        otherCriteriaValid () {\r\n            // additional conditions for validity may be set per section\r\n            return true;\r\n        },\r\n        ...mapGetters('application', ['getApplication'])\r\n    },\r\n    mounted () {\r\n        const formEle = document.querySelector('form');\r\n        const focusableEles = formEle.querySelectorAll('.form-control, a, button');\r\n\r\n        focusableEles[0].focus();\r\n\r\n        if (this.getApplication) {\r\n            Object.assign(this.formData, this.getApplication);\r\n        }\r\n\t},\r\n    methods: {\r\n        saveAndSubmit (nextStep, validateStep = true, finalSubmit = false) {\r\n            const formEle = document.querySelector('form');\r\n            const focusableEles = formEle.querySelectorAll('.form-control, a, button');\r\n\r\n            this.showStepErrors = true;\r\n            if (!validateStep || (this.isValid(this.$refs.form) && !this.noItemsAdded && this.otherCriteriaValid)) {\r\n                /* If we're continuing (validateStep is true) we want to save the next step as the one to return to,\r\n                otherwise, we should return the user to the one they saved last */\r\n                const returnStep = validateStep ? nextStep : this.$route.name;\r\n\r\n                // set ua_submitapplication to 1/true if this is the final submission\r\n                this.formData.ua_submitapplication = !!finalSubmit;\r\n\r\n                this.submitApp(finalSubmit, returnStep, nextStep);\r\n            } else {\r\n                window.scrollTo(0, 0);\r\n                focusableEles[0].focus();\r\n            }\r\n        },\r\n        submitApp (finalSubmit, returnStep, nextStep) {\r\n            this.updateApplication(this.formData).then((res) => {\r\n                if (res === true) {\r\n                    // if it's NOT the last step, update the current step\r\n                    if (!finalSubmit) {\r\n                        this.updateCurrentStep(returnStep);\r\n                    } else {\r\n                        window.localStorage.removeItem('postcodeChecked');\r\n                    }\r\n                    this.$router.push({ name: nextStep });\r\n                } else if (res.status === 401) {\r\n                    this.redeemToken({\r\n                        refreshtoken: CookieJar.get(`${process.env.VUE_APP_COOKIE_PREFIX}refresh_token`),\r\n                        businessunit: process.env.VUE_APP_BUSINESS_UNIT\r\n                    }).then((res) => {\r\n                        if (res === true) {\r\n                            this.submitApp(finalSubmit, returnStep, nextStep);\r\n                            return true;\r\n                        }\r\n                        this.$router.push({ name: 'Login' });\r\n                    }).catch(() => {\r\n                        this.$router.push({ name: 'Login' });\r\n                    });\r\n                }\r\n            }).catch((err) => {\r\n                this.error = err.message;\r\n            });\r\n        },\r\n        ...mapActions('auth', ['redeemToken']),\r\n        ...mapActions('application', ['updateApplication', 'updateCurrentStep'])\r\n    }\r\n  };\r\n","export const formValidator = {\r\n  methods: {\r\n    isValid (form) {\r\n      if (!form.checkValidity()) {\r\n        const fields = form.querySelectorAll('.form-control');\r\n\r\n        for (const field of fields) {\r\n          const refID = field.getAttribute('id');\r\n\r\n          if (this.$refs[refID]) {\r\n            this.$refs[refID].validate();\r\n          }\r\n        }\r\n\r\n        return false;\r\n      };\r\n      return true;\r\n    }\r\n  }\r\n};\r\n","<template>\r\n<section :class=\"classes\">\r\n\t<Heading :level=\"1\" text=\"Contact Details\" />\r\n\r\n\t<form @submit.prevent=\"saveAndSubmit\" novalidate ref=\"form\">\r\n\t\t<HelpText classes=\"m-b-2\">\r\n\t\t\t<template #text>\r\n\t\t\t\t<p>\r\n\t\t\t\t\tPlease tell us who you want us to communicate with regarding this\r\n\t\t\t\t\tfunding application. This should be the person completing this\r\n\t\t\t\t\tapplication form, and should be the owner or director of the\r\n\t\t\t\t\tbusiness, or a senior employee. We will not be able to communicate\r\n\t\t\t\t\twith anyone else regarding this application without the express\r\n\t\t\t\t\tpermission of the person detailed below.\r\n\t\t\t\t</p>\r\n\t\t\t</template>\r\n\t\t</HelpText>\r\n\r\n\t\t<InputField\r\n\t\t\tname=\"ua_maincontactname\"\r\n\t\t\tref=\"ua_maincontactname\"\r\n\t\t\tlabel-text=\"Name of contact\"\r\n\t\t\t:help-text=\"{text: 'Please tell us your name as you would like it to appear in correspondence with you'}\"\r\n\t\t\t:value=\"formData.ua_maincontactname\"\r\n\t\t\t@emitFieldData=\"(val) => formData.ua_maincontactname = val\"\r\n\t\t\trequired-error=\"Please enter contact's name\"\r\n\t\t\t:validation-rules=\"[(v) => rules.containsLength(v, 2, null)]\" />\r\n\r\n\t\t<InputField\r\n\t\t\tname=\"ua_maincontactposition\"\r\n\t\t\tref=\"ua_maincontactposition\"\r\n\t\t\tlabel-text=\"Contact's position within the company\"\r\n\t\t\t:value=\"formData.ua_maincontactposition\"\r\n\t\t\t@emitFieldData=\"(val) => formData.ua_maincontactposition = val\"\r\n\t\t\trequired-error=\"Please enter contact's position within the company\"\r\n\t\t\t:validation-rules=\"[(v) => rules.containsLength(v, 2, null)]\" />\r\n\r\n\t\t<InputField\r\n\t\t\tname=\"ua_maincontacttelephone\"\r\n\t\t\tref=\"ua_maincontacttelephone\"\r\n\t\t\tinput-type=\"tel\"\r\n\t\t\tplaceholder=\"0000 000 0000\"\r\n\t\t\tlabel-text=\"Contact's Telephone Number\"\r\n\t\t\t:help-text=\"{text: 'Please provide a phone number that you are happy for us to call you on in relation to this funding application and and any subsequent grant offer'}\"\r\n\t\t\t:value=\"formData.ua_maincontacttelephone\"\r\n\t\t\t@emitFieldData=\"(val) => formData.ua_maincontacttelephone = val\"\r\n\t\t\trequired-error=\"Please enter contact's telephone number\"\r\n\t\t\t:validation-rules=\"[rules.validateTel]\" />\r\n\r\n\t\t<InputField\r\n\t\t\tname=\"ua_maincontactmobile\"\r\n\t\t\tref=\"ua_maincontactmobile\"\r\n\t\t\tinput-type=\"tel\"\r\n\t\t\tplaceholder=\"00000 000000\"\r\n\t\t\tlabel-text=\"Contact's Mobile Number\"\r\n\t\t\t:help-text=\"{text: 'Please provide a mobile number that you are happy for us to call'}\"\r\n\t\t\t:value=\"formData.ua_maincontactmobile\"\r\n\t\t\t@emitFieldData=\"(val) => formData.ua_maincontactmobile = val\"\r\n\t\t\trequired-error=\"Please enter contact's mobile number\"\r\n\t\t\t:validation-rules=\"[rules.validateTel]\" />\r\n\r\n\t\t<InputField\r\n\t\t\tname=\"ua_maincontactemail\"\r\n\t\t\tref=\"ua_maincontactemail\"\r\n\t\t\tlabel-text=\"Contact's Email Address\"\r\n\t\t\t:help-text=\"{text: 'Please provide an email address that you are happy for us to contact you on in relation to this funding application.'}\"\r\n\t\t\tinput-type=\"email\"\r\n\t\t\t:value=\"formData.ua_maincontactemail\"\r\n\t\t\t@emitFieldData=\"(val) => formData.ua_maincontactemail = val\"\r\n\t\t\trequired-error=\"Please enter contact's email address\"\r\n\t\t\t:validation-rules=\"[rules.validateEmail]\" />\r\n\r\n\t\t<InputField\r\n\t\t\tname=\"contactConfirmEmailAddress\"\r\n\t\t\tref=\"contactConfirmEmailAddress\"\r\n\t\t\tinput-type=\"email\"\r\n\t\t\tlabel-text=\"Confirm Contact's Email Address\"\r\n\t\t\t:help-text=\"{text: 'Please re-enter the email address above for confirmation.'}\"\r\n\t\t\t:value=\"formData.contactConfirmEmailAddress\"\r\n\t\t\t@emitFieldData=\"(val) => formData.contactConfirmEmailAddress = val\"\r\n\t\t\trequired-error=\"Please confirm contact's email address\"\r\n\t\t\t:validation-rules=\"[emailsMatch]\" />\r\n\t</form>\r\n</section>\r\n</template>\r\n\r\n<script>\r\nimport { formSteps } from '@/mixins/appFormSteps';\r\nimport { formValidator } from '@/mixins/formValidator';\r\nimport { validationRules } from '@/utilities/validationRules';\r\n\r\nexport default {\r\n\tname: 'ContactDetails',\r\n\tmixins: [formValidator, formSteps],\r\n\tprops: {\r\n\t\tclasses: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: ''\r\n\t\t}\r\n\t},\r\n\tdata () {\r\n\t\treturn {\r\n\t\t\trules: validationRules,\r\n\t\t\tformData: {\r\n\t\t\t\tua_maincontactname: '',\r\n\t\t\t\tua_maincontactposition: '',\r\n\t\t\t\tua_maincontacttelephone: '',\r\n\t\t\t\tua_maincontactmobile: '',\r\n\t\t\t\tua_maincontactemail: '',\r\n\t\t\t\tcontactConfirmEmailAddress: ''\r\n\t\t\t}\r\n\r\n\t\t};\r\n\t},\r\n\tmounted () {\r\n\t\tthis.formData.contactConfirmEmailAddress = this.formData.ua_maincontactemail || '';\r\n\t},\r\n\tmethods: {\r\n\t\temailsMatch (value) {\r\n\t\t\treturn value === this.formData.ua_maincontactemail || 'Please ensure email addresses match';\r\n\t\t}\r\n\t}\r\n\r\n};\r\n</script>\r\n","import { render } from \"./contact-details.vue?vue&type=template&id=6c7fc830\"\nimport script from \"./contact-details.vue?vue&type=script&lang=js\"\nexport * from \"./contact-details.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}