${errorMessage}
`);\n } else {\n this.dom.$formLevelErrorContainer.append(`${errorMessage}
`);\n }\n }\n\n clearFormLevelError() {\n if (this.dom.$formLevelErrorContainer.length > 0) {\n this.dom.$formLevelErrorContainer.html('');\n }\n }\n}\n\nexport default Form;\n\n\n\n// WEBPACK FOOTER //\n// ./src/apm/js/components/Form.js","/* eslint-disable space-before-function-paren */\n/* eslint-disable keyword-spacing */\n/* eslint-disable no-undef */\nimport Form from './Form';\nimport 'form-serializer';\nimport 'jquery-validation';\nimport datepicker from 'js-datepicker'\n\nclass PetReleaseForm extends Form {\n setupDefaults() {\n super.setupDefaults();\n this.endpoint = this.$el.attr('action');\n this.initialData = {};\n this.dom = {\n ...this.dom,\n $submitBtn: this.$el.find('input[type=\"submit\"]'),\n $sourceInput: this.$el.find('input[name=\"source\"]')[0],\n $mediumInput: this.$el.find('input[name=\"medium\"]')[0],\n $campaignInput: this.$el.find('input[name=\"campaign\"]')[0],\n $signatureCanvas: this.$el.find('canvas[name=\"signature\"]')[0],\n $numberOfPetsDropdown: this.$el.find('#petReleaseFormBlock_petDropdown'),\n $petFieldsContainer: this.$el.find('.pet-release-form__pets'),\n $petNames: this.$el.find('.pet-release-form__pets input[name^=\"pet_name\"]'),\n $petVaccineDates: this.$el.find('.pet-release-form__pets input[name^=\"pet_vaccine_date\"]')\n };\n\n this.pickers = [];\n this.addPicker('.pet1-datepicker');\n this.addPicker('.pet2-datepicker');\n this.addPicker('.pet3-datepicker');\n this.addPicker('.pet4-datepicker');\n\n this.setupHiddenFields();\n this.addCustomSignatureValidation();\n }\n\n addListeners() {\n this.$el.on('submit', :: this.onFormSubmit);\n this.dom.$numberOfPetsDropdown.on('change', :: this.onDropdownChange);\n }\n\n addCustomSignatureValidation() {\n const message = 'Signature is too small';\n jQuery.validator.addMethod('signature', function (value, element) {\n\n const signaturePadPoints = [];\n if (signaturePad) {\n signaturePad.toData().forEach(element => {\n signaturePadPoints.push(element.points);\n });\n if (this.optional(element) || signaturePadPoints.flat().length > 25) {\n return true;\n }\n }\n\n jQuery.validator.messages.signature = message;\n return false;\n });\n\n jQuery.validator.addClassRules('callout-field__field-signature', {\n signature: message\n });\n }\n\n addPicker(selector) {\n this.pickers.push(datepicker(selector, {\n formatter: (input, date, instance) => {\n const day = date.getDate().toString().padStart(2, '0');\n const month = (date.getMonth() + 1).toString().padStart(2, '0');\n const year = date.getFullYear();\n\n input.value = `${month}/${day}/${year}`;\n }\n }))\n }\n\n onDropdownChange(e) {\n\n const petNames = Array.from(this.dom.$petNames);\n const petVaccineDates = Array.from(this.dom.$petVaccineDates);\n const petFieldsContainer = Array.from(this.dom.$petFieldsContainer);\n\n petNames.forEach(element => {\n $(element).attr('type', 'hidden');\n });\n petVaccineDates.forEach(element => {\n $(element).attr('type', 'hidden');\n });\n petFieldsContainer.forEach(element => {\n $(element).hide();\n });\n\n const index = e.target.value;\n\n petNames.slice(0, index).forEach(element => {\n $(element).attr('type', 'text');\n });\n petNames.slice(index, petNames.length).forEach(element => {\n $(element).val('');\n });\n\n petVaccineDates.slice(0, index).forEach(element => {\n $(element).attr('type', 'text');\n });\n petVaccineDates.slice(index, petVaccineDates.length).forEach(element => {\n $(element).val('');\n });\n\n petFieldsContainer.slice(0, index).forEach(element => {\n $(element).show();\n });\n }\n\n onFormSubmit(e) {\n e.stopPropagation();\n e.preventDefault();\n\n if (this.$el.valid()) {\n this.submitForm();\n }\n }\n\n async submitForm() {\n this.dom.$submitBtn.attr('disabled', 'disabled').parent().addClass('is-loading');\n this.clearFormLevelError();\n\n this.initialData = JSON.parse(this.$el.serializeJSON());\n this.initialData.signature = signaturePad.toDataURL();\n\n const res = await this.postData(this.initialData);\n\n if (res.success) {\n const redirectURL = res.response.redirectUrl;\n window.location.replace(redirectURL);\n } else {\n this.clearFormLevelError();\n this.displayFormLevelError(res.message);\n this.dom.$submitBtn.removeAttr('disabled').parent().removeClass('is-loading');\n }\n }\n\n postData(data) {\n return $.ajax({\n method: 'POST',\n url: this.endpoint,\n contentType: 'application/json',\n data: JSON.stringify(data)\n });\n }\n\n //The code below was taken from the BizMtkg APM implementation\n\n setupHiddenFields() {\n\n if (typeof this.crumbleCookie()['FirstSession'] === 'undefined') {\n this.writeLogic('FirstSession');\n }\n\n const session = this.crumbleCookie()['FirstSession'];\n\n this.dom.$sourceInput.value = this.getParam(unescape(`?${session}`), 'source');\n this.dom.$mediumInput.value = this.getParam(unescape(`?${session}`), 'medium');\n this.dom.$campaignInput.value = this.getParam(unescape(`?${session}`), 'campaign');\n }\n\n crumbleCookie(a) {\n const c = {};\n for (let d = document.cookie.split(';'), b = 0; b < d.length; b++) {\n const e = d[b].substring(0, d[b].indexOf('=')).trim();\n const i = d[b].substring(d[b].indexOf('=') + 1, d[b].length).trim();\n c[e] = i\n }\n if (a) return c[a] ? c[a] : null;\n return c\n }\n\n bakeCookie(a, d, c, b, e, i) {\n let j = new Date;\n j.setTime(j.getTime());\n j = new Date(j.getTime() + c);\n document.cookie = `${a}=${escape(d)}${c ? `;expires=${j.toGMTString()}` : ''}${b ? `;path=${b}` : ''}${e ? `;domain=${e}` : ''}${i ? ';secure' : ''}`\n }\n\n getParam(s, q) {\n try {\n const match = s.match(`[?&]${q}=([^&]+)`);\n return match ? match[1] : '';\n } catch (e) {\n return '';\n }\n }\n\n calculateTrafficSource() {\n let source = '', medium = '', campaign = '', term = '', content = '', gclid = '', ref = document.referrer;\n const search_engines = [['bing', 'q'], ['google', 'q'], ['yahoo', 'q'], ['baidu', 'q'], ['yandex', 'q'], ['ask', 'q']]; //List of search engines\n ref = ref.substr(ref.indexOf('//') + 2);\n const ref_domain = ref;\n const ref_path = '/';\n const ref_search = '';\n\n // Checks for campaign parameters\n const url_search = document.location.search;\n\n if (url_search.indexOf('utm_source') > -1) {\n source = this.getParam(url_search, 'utm_source');\n medium = this.getParam(url_search, 'utm_medium');\n campaign = this.getParam(url_search, 'utm_campaign');\n term = this.getParam(url_search, 'utm_term');\n content = this.getParam(url_search, 'utm_content');\n gclid = '(not set)';\n } else if (this.getParam(url_search, 'gclid')) {\n source = 'google';\n medium = 'cpc';\n campaign = '(not set)';\n gclid = this.getParam(url_search, 'gclid');\n } else if (ref) {\n\n // separate domain, path and query parameters\n if (ref.indexOf('/') > -1) {\n const ref_domain = ref.substr(0, ref.indexOf('/'));\n let ref_path = ref.substr(ref.indexOf('/'));\n if (ref_path.indexOf('?') > -1) {\n const ref_search = ref_path.substr(ref_path.indexOf('?') + 1);\n ref_path = ref_path.substr(0, ref_path.indexOf('?'));\n }\n }\n medium = 'referral';\n source = ref_domain;\n // Extract term for organic source\n for (let i = 0; i < search_engines.length; i++) {\n if (ref_domain.indexOf(search_engines[i][0]) > -1) {\n medium = 'organic';\n source = search_engines[i][0];\n term = this.getParam(ref_search, search_engines[i][1]) || '(not provided)';\n break;\n }\n }\n }\n\n return {\n source,\n medium,\n campaign,\n gclid,\n term,\n content\n };\n }\n\n getTrafficSource(cookieName) {\n const trafficSources = this.calculateTrafficSource();\n const source = trafficSources.source.length === 0 ? 'direct' : trafficSources.source;\n const medium = trafficSources.medium.length === 0 ? 'none' : trafficSources.medium;\n let campaign = trafficSources.campaign.length === 0 ? 'direct' : trafficSources.campaign;\n // exception\n if (medium === 'referral') {\n campaign = '';\n }\n const rightNow = new Date();\n const value = `source=${source}&medium=${medium}&campaign=${campaign}&gclid=${trafficSources.gclid}&term=${trafficSources.term}&content=${trafficSources.content}&date=${rightNow.toISOString().slice(0, 10).replace(/-/g, '')}`;\n\n return value;\n }\n\n writeLogic(n) {\n let a = this.getTrafficSource(n);\n\n a = a.replace(/\\|{2,}/g, '|');\n a = a.replace(/^\\|/, '');\n a = unescape(a);\n\n this.bakeCookie(n, a, 1000 * 60 * 30, '/', '', '');\n }\n}\n\nexport default PetReleaseForm;\n\n\n\n// WEBPACK FOOTER //\n// ./src/apm/js/components/PetReleaseForm.js","/**\n * jQuery serializeObject\n * @copyright 2014, macek