{"version":3,"sources":["webpack:///./widgets/myAccountUpdateProfilePage.js"],"names":["MyAccountUpdateProfilePage","element","_classCallCheck","this","$element","$","$scroller","countryAPI","data","registerAPI","$errorMessagesServerSide","find","$sucessMessages","countries","$form","concat","$formValidate","loadCountries","buildForm","selectEvents","resetForm","key","value","_this","ajax","type","url","headers","siteTypeId","success","$countrySelect","append","markup","forEach","country","Name","setTimeout","selectpicker","error","offset","arguments","length","undefined","scrollTo","top","position","duration","easing","_this2","on","event","currentTarget","blur","focus","formGroupElements","woolmarkContactTypeLicence","woolmarkContactTypeOther","val","show","hide","areaStudyOther","removeClass","message","addClass","text","_this3","validator","addMethod","_element","RegExp","regexPassword","test","each","_index","attr","_","isNil","hasClass","window","location","validate","submitHandler","form","preventDefault","array","serializeArray","formData","map","n","i","forOwn","trim","json_text","JSON","stringify","request","Request","method","body","fetch","then","response","status","handleServerSideError","statusText","invalidHandler","errorList","parent","scrollToElement","ignore","rules","Salutation","required","FirstName","LastName","Email","email","Country","EducationLevel","OverMinimumAge","TermsAndConditions","messages","errorClass","errorElement","errorPlacement","is","parents","after","insertAfter","highlight","unhighlight"],"mappings":"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","file":"89.js","sourcesContent":["const NS = 'MyAccountUpdateProfilePage';\nconst CLS = 'myAccountUpdateProfilePage';\n\nexport class MyAccountUpdateProfilePage {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(this.element);\n\t\tthis.$scroller = $('.tpl-scroller');\n\t\tthis.countryAPI = this.$element.data('countryApi');\n\t\tthis.registerAPI = this.$element.data('registerApi');\n\t\tthis.$errorMessagesServerSide = this.$element.find('.error-messages--serverSide');\n\t\tthis.$sucessMessages = this.$element.find('.success-messages');\n\t\tthis.countries = [];\n\t\tthis.$form = $(`#${CLS}-form`);\n\t\tthis.$formValidate;\n\t\tif (this.countryAPI) {\n\t\t\tthis.loadCountries();\n\t\t}\n\t\tthis.buildForm();\n\t\tthis.selectEvents();\n\t\tthis.resetForm();\n\t}\n\n\n\n\tloadCountries() {\n\t\t$.ajax({\n\t\t\ttype: 'GET',\n\t\t\turl: this.countryAPI,\n\t\t\theaders: {\n\t\t\t\t'X-IDS-SiteTypeId': this.siteTypeId\n\t\t\t},\n\t\t\tsuccess: (data) => {\n\t\t\t\tthis.countries = data;\n\n\t\t\t\tlet $countrySelect = this.$element.find('select.country');\n\t\t\t\t$countrySelect.append(() => {\n\t\t\t\t\tlet markup = '';\n\t\t\t\t\tthis.countries.forEach((country) => {\n\t\t\t\t\t\tmarkup += `<option value=\"${country.Name}\">${country.Name}</option>`;\n\t\t\t\t\t});\n\t\t\t\t\treturn markup;\n\t\t\t\t});\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t$countrySelect.selectpicker('refresh');\n\t\t\t\t\t$countrySelect.selectpicker('render');\n\t\t\t\t\tthis.resetForm(); // When countries is changed it sets it ot is-valid, reset said form to prevent this\n\t\t\t\t}, 100);\n\t\t\t},\n\t\t\terror: () => {\n\t\t\t\tconsole.error(`${NS}::Error`, 'Could not load the list of countries');\n\t\t\t}\n\t\t});\n\t}\n\n\tscrollToElement(element, offset = 0) {\n\t\treturn scrollTo(this.$scroller[0], { top: $(element).position().top + offset, duration: 500, easing: 'ease-in-out' });\n\t}\n\n\tselectEvents() {\n\t\tthis.$element.find('select').on('change', (event) => {\n\t\t\t$(event.currentTarget).blur().focus();\n\t\t});\n\n\t\tlet formGroupElements = {\n\t\t\twoolmarkContactTypeLicence: this.$element.find('.woolmarkContactTypeLicence'),\n\t\t\twoolmarkContactTypeOther: this.$element.find('.woolmarkContactTypeOther'),\n\t\t};\n\n\t\t// Deals with on change for education level\n\t\tthis.$element.find('select.woolmarkContactType').on('change', (event) => {\n\t\t\tif(this.$element.find('select.woolmarkContactType').val() === 'Other') {\n\t\t\t\tformGroupElements.woolmarkContactTypeOther.show();\n\t\t\t}\n\t\t\telse{\n\t\t\t\tformGroupElements.woolmarkContactTypeOther.hide();\n\t\t\t}\n\t\t\tif(this.$element.find('select.woolmarkContactType').val() === 'Woolmark Licensee') {\n\t\t\t\tformGroupElements.woolmarkContactTypeLicence.show();\n\t\t\t}\n\t\t\telse{\n\t\t\t\tformGroupElements.woolmarkContactTypeLicence.hide();\n\t\t\t}\n\t\t});\n\n\t\t// Deals with change for area of study\n\t\tthis.$element.find('select.areaStudy').on('change', (event) => {\n\t\t\tif($(event.currentTarget).val() === 'Other') {\n\t\t\t\tformGroupElements.areaStudyOther.show();\n\t\t\t}\n\t\t\telse {\n\t\t\t\tformGroupElements.areaStudyOther.hide().find('#AreaStudyOther').val('').removeClass('is-valid is-invalid');\n\t\t\t}\n\t\t});\n\t}\n\n\thandleServerSideError(message) {\n\t\tthis.$errorMessagesServerSide.addClass('is-active').text(message);\n\t}\n\n\tresetForm() {\n\t\tthis.$form.removeClass('is-submitted');\n\t\tthis.$formValidate.resetForm();\n\t}\n\t\n\t/**\n\t * Implements the form and form validation using jQuery validation: https://jqueryvalidation.org/\n\t */\n\tbuildForm() {\n\t\t$.validator.addMethod('password', (value, _element) => {\n\t\t\treturn new RegExp(this.regexPassword).test(value);\n\t\t}, `Please enter a password that contains 8–20 characters, at least one capital letter, one number, and one special character [- ! @ # $ % ^ & * ( ) _ +].`);\n\n\t\t$(`select.slctpckr`).each((_index, element) => {\n\t\t\t// Enable default selected value by passing the data-value in the select\n\t\t\tlet $element = $(element);\n\t\t\tlet value = $element.attr('data-value');\n\t\t\t$element.selectpicker();\n\t\n\t\t\tif(!_.isNil(value)) {\n\t\t\t\t$element.selectpicker('val', value);\n\t\t\t\t$element.selectpicker('refresh');\n\t\t\t}\n\t\n\t\t\t// Update value attr\n\t\t\t$element.on('changed.bs.select', () => {\n\t\t\t\tlet value = $element.selectpicker().val();\n\t\t\t\t$element.attr('data-value', value);\n\t\n\t\t\t\t// if language selector, redirect to link\n\t\t\t\tif ($element.hasClass('siteLanguageWidget-languageSelect')) {\n\t\t\t\t\twindow.location = value;\n\t\t\t\t}\n\t\t\t});\n\t\n\t\t\t$element.on('refreshed.bs.select', () => {\n\t\t\t\tvalue = $element.attr('data-value');\n\t\n\t\t\t\tif(!_.isNil(value)) {\n\t\t\t\t\t$element.selectpicker('val', value);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\t\n\t\tthis.$formValidate = this.$form.validate({\n\t\t\tsubmitHandler: (form, event) => {\n\t\t\t\tthis.$errorMessagesServerSide.removeClass('is-active').text('');\n\t\t\t\t$(event.currentTarget).addClass('is-submitted');\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tvar array = $(form).serializeArray()\n\t\t\t\tvar formData = {};\n\t\t\t\t$.map(array, function (n, i) {\n\t\t\t\t\tformData[n['name']] = n['value'];\n\t\t\t\t});\n\n\t\t\t\t// Removes empty field values\n\t\t\t\t_.forOwn(formData, (value, key) => {\n\t\t\t\t\tif(_.isNil(value) || value.trim() === '') {\n\t\t\t\t\t\tdelete formData[key];\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tvar json_text = JSON.stringify(formData); \n\n\t\t\t\tlet request = new Request(this.registerAPI, {\n\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\tbody: json_text,\n\t\t\t\t\theaders: {\n\t\t\t\t\t\t'Content-Type': 'application/json'\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\t//this.fullScreenLoaderService.create();\n\n\t\t\t\t// submit form data using fetch api\n\t\t\t\tfetch(request)\n\t\t\t\t\t.then((response) => {\n\t\t\t\t\t\tif(response.status === 200) {\n\t\t\t\t\t\t\tthis.$sucessMessages.show();\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tthis.handleServerSideError(response.statusText);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//this.fullScreenLoaderService.destroy();\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\t// errors (failed call)\n\t\t\t\t\t\tthis.handleServerSideError(error);\n\t\t\t\t\t\t//this.fullScreenLoaderService.destroy();\n\t\t\t\t\t});\n\t\t\t},\n\t\t\tinvalidHandler: (event, validator) => {\n\t\t\t\t$(event.currentTarget).addClass('is-submitted');\n\t\t\t\tif(validator.errorList[0]) {\n\t\t\t\t\tlet element = validator.errorList[0].element;\n\t\t\t\t\t// Caveat for custom-control (radio + checkbox) as the element itself is absolutely positioned.\n\t\t\t\t\t// Scroll to the parent element of it instead.\n\t\t\t\t\tif($(element).parent('.custom-control') && $(element).parent('.custom-control').length > 0) {\n\t\t\t\t\t\tthis.scrollToElement($(element).parent('.custom-control')[0], -60);\n\t\t\t\t\t}\n\t\t\t\t\t// Second caveat for custom bootstrap select (generated) content\n\t\t\t\t\t// Also scroll to the parent element of the select instead\n\t\t\t\t\telse if($(element).parent('.bootstrap-select') && $(element).parent('.bootstrap-select').length > 0) {\n\t\t\t\t\t\tthis.scrollToElement($(element).parent('.bootstrap-select')[0], -60);\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tthis.scrollToElement(element, -60);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tignore: [],\n\t\t\trules: {\n\t\t\t\tSalutation: {\n\t\t\t\t\trequired: true\n\t\t\t\t},\n\t\t\t\tFirstName: {\n\t\t\t\t\trequired: true\n\t\t\t\t},\n\t\t\t\tLastName: {\n\t\t\t\t\trequired: true\n\t\t\t\t},\n\t\t\t\tEmail: {\n\t\t\t\t\trequired: true,\n\t\t\t\t\temail: true\n\t\t\t\t},\n\t\t\t\tCountry: {\n\t\t\t\t\trequired: true\n\t\t\t\t},\n\t\t\t\tEducationLevel: {\n\t\t\t\t\trequired: true\n\t\t\t\t},\n\t\t\t\tOverMinimumAge: {\n\t\t\t\t\trequired: true\n\t\t\t\t},\n\t\t\t\tTermsAndConditions: {\n\t\t\t\t\trequired: true\n\t\t\t\t}\n\t\t\t},\n\t\t\tmessages: {\n\t\t\t\tSalutation: {\n\t\t\t\t\trequired: 'Please select a title.'\n\t\t\t\t},\n\t\t\t\tFirstName: {\n\t\t\t\t\trequired: 'Please enter a first name.'\n\t\t\t\t},\n\t\t\t\tLastName: {\n\t\t\t\t\trequired: 'Please enter a last name.'\n\t\t\t\t},\n\t\t\t\tEmail: {\n\t\t\t\t\trequired: 'Please enter an email address.',\n\t\t\t\t\temail: 'Please enter a valid email address.'\n\t\t\t\t},\n\t\t\t\tCountry: {\n\t\t\t\t\trequired: 'Please select a country.'\n\t\t\t\t},\n\t\t\t\tTermsAndConditions: {\n\t\t\t\t\trequired: 'Please agree to the terms and conditions.'\n\t\t\t\t}\n\t\t\t},\n\t\t\terrorClass: 'error-messages is-active mt-1',\n\t\t\terrorElement: 'span',\n\t\t\terrorPlacement: (error, element) => {\n\t\t\t\tif($(element).is('select')) {\n\t\t\t\t\t$(element).parents('.bootstrap-select').after(error);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\terror.insertAfter(element);\n\t\t\t\t}\n\t\t\t},\n\t\t\thighlight: (element) => {\n\t\t\t\t$(element).addClass('is-invalid').removeClass('is-valid');\n\t\t\t},\n\t\t\tunhighlight: (element) => {\n\t\t\t\t$(element).addClass('is-valid').removeClass('is-invalid');\n\t\t\t}\n\t\t});\n\t}\n}"],"sourceRoot":""}