' + result.ErrorMessage + '
');\r\n $('#containerMultiRecipientEGift_UploadButtons').show();\r\n }\r\n },\r\n error: function (err) {\r\n console.error(err);\r\n $('#containerMultiRecipientEGift_UploadInProgress').hide();\r\n $('#containerMultiRecipientEGift_UploadButtons').show();\r\n },\r\n complete: function () {\r\n $fileInput.val('');\r\n }\r\n });\r\n\r\n $('#inputMultiRecipientUploadConfirmation').on('change', function () {\r\n if ($(this).is(':checked')) {\r\n $('#btnProceedToPayment, #btnProceedToPayment_AddAnother').prop('disabled', false);\r\n } else {\r\n $('#btnProceedToPayment, #btnProceedToPayment_AddAnother').prop('disabled', true);\r\n }\r\n });\r\n}\r\n\r\nwindow.validateDeliveryDateForByEmail = function () {\r\n\r\n var isValid = true;\r\n\r\n const specificDelivery = $('[name=\"deliverywhen\"]:checked').val() === 'specific';\r\n\r\n if (specificDelivery) {\r\n\r\n\r\n if (deliveryDateIsUndefined()) {\r\n\r\n isValid = false;\r\n $('#deliveryDateValidation_Required').show();\r\n\r\n } else {\r\n\r\n $('#deliveryDateValidation_Required').hide();\r\n }\r\n\r\n if (deliveryDateIsInThePast()) {\r\n\r\n isValid = false;\r\n $('#deliveryDateValidation_IsPast').show();\r\n\r\n } else {\r\n\r\n $('#deliveryDateValidation_IsPast').hide();\r\n }\r\n }\r\n\r\n toggleDeliveryDateValidationClasses(isValid);\r\n\r\n return isValid;\r\n}\r\n\r\nfunction deliveryDateIsInThePast() {\r\n const deliveryDate = $('[name=\"DeliveryDate\"]').val();\r\n const deliveryTimeHour = $('[name=\"DeliveryHour\"]').val();\r\n const deliveryTimeMinute = $('[name=\"DeliveryMinute\"]').val();\r\n\r\n const selected = Date.parse(deliveryDate + 'T' + deliveryTimeHour + ':' + deliveryTimeMinute + ':00');\r\n const current = Date.parse(new Date());\r\n\r\n if (selected < current) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nfunction deliveryDateIsUndefined() {\r\n const deliveryDate = $('[name=\"DeliveryDate\"]').val();\r\n\r\n if (deliveryDate === undefined || deliveryDate === null || deliveryDate === '') {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nfunction toggleDeliveryDateValidationClasses(isValid) {\r\n\r\n const selector =\r\n '[name=\"DeliveryDate\"] + input-group,' +\r\n '[name=\"DeliveryDate\"] + input-group input[type=\"text\"],' +\r\n '[name=\"DeliveryHour\"],' +\r\n '[name=\"DeliveryMinute\"]';\r\n\r\n if (isValid) {\r\n $(selector).removeClass('is-invalid').addClass('is-valid');\r\n\r\n } else {\r\n $(selector).removeClass('is-valid').addClass('is-invalid');\r\n }\r\n}\r\n","\r\n$(function () {\r\n $('#textboxGiftCardPriceX').on('change keyup', function () {\r\n\r\n const $self = $(this);\r\n\r\n setSelectedValueSelector($self.val());\r\n\r\n const $dropdown = $('#dropdownGiftCardPriceX');\r\n\r\n if ($dropdown.find(`option[value=\"${$self.val()}\"]`).length > 0) {\r\n $dropdown.val($self.val());\r\n } else {\r\n $dropdown.val('');\r\n }\r\n ValidateQuantityAmount();\r\n });\r\n\r\n $('#textboxGiftCardPriceX, [name=\"Quantity\"]').on('keypress', function (e) {\r\n // Prevent input of anything non-numeric\r\n return e.metaKey || // allow cmd/ctrl\r\n e.which <= 0 || // allow arrow keys\r\n e.which == 8 || // allow delete key\r\n e.which == 46 || // allow dot key\r\n /[0-9]/.test(String.fromCharCode(e.which)); // allow numbers\r\n });\r\n\r\n $('#dropdownGiftCardPriceX').on('change', function () {\r\n\r\n const $self = $(this);\r\n\r\n $('#textboxGiftCardPriceX').val($self.val());\r\n setSelectedValueSelector($self.val());\r\n ValidateQuantityAmount();\r\n $('#textboxGiftCardPriceX').valid();\r\n\r\n });\r\n\r\n $('#valueSelectorsGiftCardPriceX button').on('click', function () {\r\n\r\n\r\n const $self = $(this);\r\n\r\n $('#textboxGiftCardPriceX').val($self.data('value'));\r\n setSelectedValueSelector($self.data('value'));\r\n ValidateQuantityAmount();\r\n $('#textboxGiftCardPriceX').valid();\r\n });\r\n\r\n $('#Quantity').on('change keyup', function () {\r\n if ($('#Quantity').val() === undefined) { }\r\n else {\r\n ValidateQuantityAmount();\r\n }\r\n });\r\n\r\n ValidateQuantityAmount = function () {\r\n if (typeof g_maxorderValue === 'undefined') {\r\n return;\r\n }\r\n\r\n var selectedAmount = parseFloat($('#textboxGiftCardPriceX').val());\r\n var selectedQuantity = parseInt($('#Quantity').val());\r\n\r\n var maxOrderValue = parseFloat(g_maxorderValue);\r\n var maxQuantity = parseInt(g_maxQuantity);\r\n\r\n var isInvalid = false;\r\n var errorMessage = '';\r\n\r\n if (!isNaN(maxQuantity) && selectedQuantity > maxQuantity) {\r\n isInvalid = true;\r\n errorMessage = g_quantityError_ExceedsMax;\r\n } else if ((selectedAmount * selectedQuantity) > maxOrderValue) {\r\n isInvalid = true;\r\n errorMessage = g_quantityError_TooMany;\r\n }\r\n\r\n if (isInvalid) {\r\n $('#Quantity').removeClass('is-valid');\r\n $('#Quantity').addClass('is-invalid');\r\n $('#Quantity').attr('aria-invalid', true);\r\n\r\n var validationSpan = $('.quantity-container span.field-validation-valid');\r\n validationSpan.removeClass('field-validation-valid');\r\n validationSpan.addClass('field-validation-error');\r\n var errorSpan = '' + errorMessage + '';\r\n validationSpan.append(errorSpan);\r\n } else {\r\n $('#Quantity').removeClass('is-invalid');\r\n $('#Quantity').addClass('is-valid');\r\n var validationErrorSpan = $('.quantity-container span.field-validation-error');\r\n validationErrorSpan.text('');\r\n validationErrorSpan.removeClass('field-validation-error');\r\n validationErrorSpan.addClass('field-validation-valid');\r\n }\r\n };\r\n\r\n setSelectedValueSelector = function (value) {\r\n $('#valueSelectorsGiftCardPriceX button').removeClass('selected');\r\n $(`#valueSelectorsGiftCardPriceX button[data-value=\"${value}\"]`).addClass('selected');\r\n\r\n if ($('#valueSelectorsGiftCardPriceX button.selected').length) {\r\n $('#valueSelectorsGiftCardPriceX').addClass('has-selected');\r\n } else {\r\n $('#valueSelectorsGiftCardPriceX').removeClass('has-selected');\r\n }\r\n };\r\n});\r\n","\r\n$(function () {\r\n $('.input-group[data-show-hide-password] button[data-show]').on('click', function () {\r\n $(this).closest('.input-group').find('input[type=\"password\"]')[0].type = 'text';\r\n $(this).siblings('[data-hide]').show();\r\n $(this).hide();\r\n });\r\n\r\n $('.input-group[data-show-hide-password] button[data-hide]').on('click', function () {\r\n $(this).closest('.input-group').find('input[type=\"text\"]')[0].type = 'password';\r\n $(this).siblings('[data-show]').show();\r\n $(this).hide();\r\n });\r\n});\r\n\r\n// This is a poolyfil to make 'startsWith' work in IE\r\nif (!String.prototype.startsWith) {\r\n Object.defineProperty(String.prototype, 'startsWith', {\r\n value: function (search, pos) {\r\n pos = !pos || pos < 0 ? 0 : +pos;\r\n return this.substring(pos, pos + search.length) === search;\r\n }\r\n });\r\n}\r\n\r\nwindow.snapToFirstInvalidElement = function () {\r\n\r\n // Get first invalid element\r\n var $elem = $('.is-invalid:visible:first');\r\n\r\n if (!$elem.length) {\r\n // If there's no invalid input, fallback to any visible validation messages\r\n $elem = $('.field-validation-error:visible:first');\r\n }\r\n\r\n if ($elem.length) {\r\n // Get top offset of first invalid element\r\n var offTop = $elem.offset().top;\r\n\r\n // Take off half(ish) of the viewport height - so the element will be roughly in the middle\r\n offTop -= $(window).height() / 2.5;\r\n\r\n // Scroll to the calculated position\r\n $('html').scrollTop(offTop);\r\n }\r\n}\r\n\r\n$(function (){\r\n $('#printPage').on('click', function() {\r\n window.print();\r\n });\r\n\r\n $('[data-toggle=\"tooltip\"]').tooltip({\r\n //delay: { show: 0, hide: 100000 } // Useful for debugging!\r\n });\r\n});\r\n","window.options = {\r\n slickOptions: {\r\n dots: true,\r\n infinite: true,\r\n speed: 300,\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n slidesToShow_Tablet: 2,\r\n slidesToScroll_Tablet: 1,\r\n slidesToShow_Mobile: 1,\r\n slidesToScroll_Mobile: 1,\r\n arrows: true\r\n },\r\n personalisationOptions: {\r\n loadingSpinner: {\r\n width: 30,\r\n height: 30\r\n }\r\n },\r\n phoneNumberNotRequiredCountries: [],\r\n datepicker: {\r\n dayViewHeaderFormat: 'MMMM',\r\n allowInputToggle: false\r\n },\r\n chooseProduct: {\r\n showOrderProcessingPopup: false\r\n }\r\n};\r\n","\r\n$(function () {\r\n $('button[data-realex-form-url]').on('click', function () {\r\n if (validatePaymentSubmit()) {\r\n handleRealexRedirectPayment($(this).data('realex-form-url'));\r\n }\r\n });\r\n \r\n $(document).on('click', 'button[data-edit-item]', function () {\r\n window.location.href = $(this).data('edit-item');\r\n });\r\n\r\n $(document).on('click', 'button[data-remove-item]', function () {\r\n window.location.href = $(this).data('remove-item');\r\n });\r\n\r\n if ($('#containerRealexEmbedded').length) {\r\n handleRealexEmbeddedPayment();\r\n }\r\n\r\n $('#formPayment').on('submit', function (e) {\r\n if (!validatePaymentSubmit()) {\r\n e.preventDefault();\r\n }\r\n });\r\n\r\n $('#formPaymentConfirm').on('submit', function () {\r\n $('#formPaymentConfirm button').prop('disabled', true);\r\n });\r\n\r\n $('#checkboxSubscribeExtra1').on('change', function () {\r\n if ($(this).is(':checked')) {\r\n $('#containerSubscribeExtra1_Additional').slideDown();\r\n } else {\r\n $('#containerSubscribeExtra1_Additional').slideUp();\r\n }\r\n });\r\n\r\n $('#paymentBacsButton').on('click', function () {\r\n if (validatePaymentSubmit()) {\r\n handleBacsPayment(); \r\n }\r\n });\r\n\r\n checkIfPhoneNumberRequired();\r\n\r\n $('#Country').on('change', function () {\r\n checkIfPhoneNumberRequired();\r\n });\r\n});\r\n\r\nfunction checkIfPhoneNumberRequired() {\r\n if (window.options.phoneNumberNotRequiredCountries === undefined) {\r\n return;\r\n }\r\n\r\n var selectedCountry = $('#Country').val();\r\n\r\n if (window.options.phoneNumberNotRequiredCountries.indexOf(selectedCountry) > -1) {\r\n $('label[for=PhoneNumber] > .required').hide();\r\n $('[data-valmsg-for=\"PhoneNumber\"]').hide();\r\n $('#PhoneNumber').removeClass('is-invalid');\r\n } else {\r\n $('label[for=PhoneNumber] > .required').show();\r\n $('[data-valmsg-for=\"PhoneNumber\"]').show();\r\n }\r\n}\r\n\r\nfunction validatePaymentSubmit() {\r\n\r\n EnterAddressManually();\r\n\r\n var isValid = $('#formPayment').valid();\r\n\r\n if ($('#AcceptTerms').is(':checked')) {\r\n $('#AcceptTerms').removeClass('is-invalid');\r\n } else {\r\n $('#AcceptTerms').addClass('is-invalid');\r\n isValid = false;\r\n }\r\n\r\n if ($('.is-invalid').length) {\r\n scrollTo($('.is-invalid').first().parent(), 100);\r\n }\r\n\r\n return isValid;\r\n}\r\n\r\nfunction handleRealexRedirectPayment(url) {\r\n\r\n $('#SelectedCard').val('realex');\r\n\r\n $.ajax({\r\n type: 'POST',\r\n url: url,\r\n data: $('#formPayment').serialize(),\r\n success: function (formHtml) {\r\n $('body').append(formHtml);\r\n $('#RealexCheckoutForm').submit();\r\n },\r\n error: function (res, status, error) {\r\n logAjaxFailure('REALEX REDIRECT ERROR', res, status, error);\r\n }\r\n });\r\n}\r\n\r\nfunction handleRealexEmbeddedPayment() {\r\n\r\n if (window.addEventListener) {\r\n window.addEventListener('message', receiveMessage, false);\r\n } else {\r\n window.attachEvent('message', receiveMessage);\r\n }\r\n\r\n const defaultIframeHtml = $('iframe[name=\"iframeRealexEmbedded\"]')[0].outerHTML;\r\n\r\n $('#containerRealexEmbedded_PaymentTypeTabs button.card-tab').on('click', function () {\r\n\r\n if (validatePaymentSubmit()) {\r\n\r\n if ($('#AcceptTerms').is(':checked')) {\r\n handleRealexEmbeddedPayment_TabToggle('card');\r\n } else {\r\n $('#AcceptTerms').prop('checked', true);\r\n }\r\n }\r\n });\r\n\r\n $('#containerRealexEmbedded_PaymentTypeTabs button.paypal-tab').on('click', function () {\r\n\r\n if (validatePaymentSubmit()) {\r\n handleRealexEmbeddedPayment_TabToggle('paypal');\r\n }\r\n });\r\n\r\n $('#AcceptTerms').on('change', function () {\r\n\r\n const $self = $(this);\r\n\r\n if ($self.is(':checked')) {\r\n\r\n if (validatePaymentSubmit()) {\r\n\r\n $('#SelectedCard').val('realex');\r\n\r\n handleRealexEmbeddedPayment_TabToggle('card')\r\n\r\n $.ajax({\r\n url: $('#containerRealexEmbedded').data('save-info-url'),\r\n type: 'POST',\r\n data: $('#formPayment').serialize(),\r\n success: function (result) {\r\n\r\n if (result.success) {\r\n\r\n togglePaymentFormReadonly(true);\r\n\r\n $.ajax({\r\n url: $('#containerRealexEmbedded').data('realex-form-url'),\r\n type: 'GET',\r\n dataType: 'html',\r\n success: function (formHtml) {\r\n $('#containerRealexEmbedded').show();\r\n\r\n $('body').append(formHtml);\r\n\r\n $('#RealexCheckoutForm').submit();\r\n },\r\n error: function (res, status, error) {\r\n logAjaxFailure('REALEX REDIRECT ERROR', res, status, error);\r\n }\r\n });\r\n } else {\r\n console.error('SAVE PAYMENT INFO ERROR');\r\n console.info(result);\r\n }\r\n },\r\n error: function (res, status, error) {\r\n logAjaxFailure('SAVE PAYMENT INFO ERROR', res, status, error);\r\n }\r\n });\r\n\r\n } else {\r\n $('#AcceptTerms').prop('checked', false);\r\n $('#AcceptTerms').removeClass('is-valid');\r\n togglePaymentFormReadonly(false);\r\n }\r\n } else {\r\n $('iframe[name=\"iframeRealexEmbedded\"]').replaceWith(defaultIframeHtml);\r\n\r\n $('#containerRealexEmbedded').hide();\r\n $('#containerRealexEmbedded_PaymentTypeTabs_PayPalConfirm').hide();\r\n\r\n $('#containerRealexEmbedded_PaymentTypeTabs button.paypal-tab').removeClass('selected');\r\n $('#containerRealexEmbedded_PaymentTypeTabs button.card-tab').removeClass('selected');\r\n\r\n $('#containerRealexEmbedded_Preview').show();\r\n\r\n togglePaymentFormReadonly(false);\r\n }\r\n });\r\n}\r\n\r\nfunction handleRealexEmbeddedPayment_TabToggle(type) {\r\n\r\n if (!$('#containerRealexEmbedded_Preview').hasClass('do-not-hide')) {\r\n $('#containerRealexEmbedded_Preview').hide();\r\n }\r\n\r\n if (type === 'card') {\r\n\r\n $('#containerRealexEmbedded_PaymentTypeTabs_PayPalConfirm').hide();\r\n $('#containerRealexEmbedded').show();\r\n\r\n $('#containerRealexEmbedded_PaymentTypeTabs button.paypal-tab').removeClass('selected');\r\n $('#containerRealexEmbedded_PaymentTypeTabs button.card-tab').addClass('selected');\r\n }\r\n if (type === 'paypal') {\r\n\r\n $('#containerRealexEmbedded').hide();\r\n $('#containerRealexEmbedded_PaymentTypeTabs_PayPalConfirm').show();\r\n\r\n $('#containerRealexEmbedded_PaymentTypeTabs button.card-tab').removeClass('selected');\r\n $('#containerRealexEmbedded_PaymentTypeTabs button.paypal-tab').addClass('selected');\r\n }\r\n}\r\n\r\nfunction handleBacsPayment() {\r\n $('#BraintreeNonce').val('BYPASS');\r\n $('#SelectedCard').val('BACS');\r\n $('#formPayment').submit();\r\n}\r\n\r\nfunction receiveMessage(event) {\r\n try {\r\n\r\n if (event.origin.indexOf('realex') !== -1) {\r\n\r\n const parsedObj = JSON.parse(event.data);\r\n\r\n if (!(event.data && parsedObj.iframe)) {\r\n\r\n $.ajax({\r\n type: 'POST',\r\n url: $('#containerRealexEmbedded').data('realex-process-url'),\r\n data: JSON.parse(event.data),\r\n success: function (data) {\r\n console.info(data);\r\n $('iframe[name=\"iframeRealexEmbedded\"]').hide();\r\n $('#containerRealexEmbedded_Success').show();\r\n $('#formPayment').submit();\r\n },\r\n error: function (res, status, error) {\r\n logAjaxFailure('REALEX EMBEDDED ERROR', res, status, error);\r\n }\r\n });\r\n }\r\n }\r\n\r\n } catch (ex) {\r\n console.error('RECEIVE MESSAGE ERROR');\r\n console.info(ex);\r\n console.info(event);\r\n }\r\n}\r\n\r\nfunction logAjaxFailure(message, res, status, error) {\r\n console.error(message);\r\n console.info(res);\r\n console.info(status);\r\n console.info(error);\r\n var failureUrl = $(\"#containerRealexEmbedded\").data('payment-error-url');\r\n if (failureUrl) {\r\n window.location.replace(failureUrl);\r\n }\r\n}\r\n\r\nfunction togglePaymentFormReadonly(state) {\r\n $('#formPayment input').prop('readonly', state);\r\n $('#formPayment .dropdown-toggle, #paymentSameCheckbox').attr('disabled', state);\r\n $('#formPayment select').each(function () {\r\n\r\n const $dropdown = $(this);\r\n $dropdown.prop('disabled', state);\r\n\r\n if (state) {\r\n $dropdown.after(``);\r\n } else {\r\n $dropdown.next('input[type=\"hidden\"]').remove();\r\n }\r\n\r\n });\r\n if (state) {\r\n $('.nav-link ').removeClass(\"terms-clicked\");\r\n $('.nav-link').addClass(\"terms-clicked\");\r\n } else {\r\n $('.nav-link ').removeClass(\"terms-clicked\");\r\n }\r\n if (state) {\r\n $('[selenium-identifier=\"PAYMENT_EDIT-ITEM\"]').addClass('disabled');\r\n $('[selenium-identifier=\"PAYMENT_REMOVE-ITEM\"]').addClass('disabled');\r\n $('[selenium-identifier=\"PAYMENT_ADD-ANOTHER\"]').addClass('disabled');\r\n } else {\r\n $('[selenium-identifier=\"PAYMENT_EDIT-ITEM\"]').removeClass('disabled');\r\n $('[selenium-identifier=\"PAYMENT_REMOVE-ITEM\"]').removeClass('disabled');\r\n $('[selenium-identifier=\"PAYMENT_ADD-ANOTHER\"]').removeClass('disabled');\r\n }\r\n}\r\n","$(function () {\r\n $('#inputValidatedPhoneNumber, #selectValidatedPhoneNumber').on('change', function () {\r\n var $container = $(this).closest('.split-phone-number-with-validate');\r\n\r\n $container.nextAll('span.phonenumber-validation').remove();\r\n\r\n var $selectElem = $('#selectValidatedPhoneNumber');\r\n var $inputElem = $('#inputValidatedPhoneNumber');\r\n\r\n if ($selectElem.val() === '' || $inputElem.val() === '') {\r\n return;\r\n }\r\n\r\n var isValid = $selectElem.valid() && $inputElem.valid();\r\n\r\n if (isValid) {\r\n\r\n var phoneNumber = '+' + $selectElem.val() + $inputElem.val();\r\n\r\n $.ajax({\r\n url: '/phonenumber-validation',\r\n type: 'POST',\r\n data: { 'phoneNumber': phoneNumber },\r\n success: function (result) {\r\n $('#hiddenPhoneValidation_IsValid').val(result.isValid);\r\n $('#hiddenPhoneValidation_ValidationErrors').val(result.validationErrors);\r\n $('#hiddenPhoneValidation_LineType').val(result.lineType);\r\n\r\n if (!result.isValidMobile) {\r\n var languageString = result.hasValidationErrors\r\n ? window.LANG_PhoneNumberValidation_ValidationErrors.replace('{0}', result.validationErrors)\r\n : window.LANG_PhoneNumberValidation_NotValidMobile;\r\n\r\n $container.after('' + languageString + '');\r\n }\r\n }\r\n });\r\n }\r\n });\r\n});\r\n","\r\nvar previousAddresses;\r\n\r\nwindow.initPreviousAddressPicker = function (jsonPreviousAddresses) {\r\n\r\n previousAddresses = JSON.parse(jsonPreviousAddresses);\r\n\r\n $('#paymentSameDropDown').on('change', function () {\r\n setPrevAddress($('#paymentSameDropDown').val());\r\n });\r\n\r\n $('#paymentSameCheckbox').on('change', function () {\r\n\r\n if ($('#paymentSameCheckbox').is(':checked')) {\r\n\r\n if (previousAddresses.length === 1) {\r\n setPrevAddress(0);\r\n } else {\r\n $('#paymentSameDropDownContainer').show();\r\n }\r\n\r\n } else {\r\n ResetForm();\r\n\r\n if ($('#paymentSameDropDownContainer').is(':visible')) {\r\n\r\n $('#paymentSameDropDownContainer').hide();\r\n $('#paymentSameDropDown').val('-1');\r\n\r\n if ($('#paymentSameDropDown option:selected').index() != 0) {\r\n ResetForm();\r\n }\r\n }\r\n\r\n $('#enter-address-manually').removeClass('selected');\r\n $('#find-address').addClass('selected');\r\n }\r\n });\r\n}\r\n\r\nfunction setPrevAddress(i) {\r\n\r\n if (i !== '' && i >= 0) {\r\n //18022 fix\r\n if ($('#NameTitle').val() != 'n/a') {\r\n $('#NameTitle').val(previousAddresses[i].Title);\r\n }\r\n\r\n $('.selectpicker').each(function () {\r\n $(this).selectpicker('refresh');\r\n });\r\n\r\n $('#FirstName').val(previousAddresses[i].FirstName);\r\n $('#Surname').val(previousAddresses[i].LastName);\r\n $('#CompanyName').val(previousAddresses[i].CompanyName);\r\n $('#Address1').val(previousAddresses[i].Address1);\r\n $('#Postcode').val(previousAddresses[i].PostCode);\r\n $('#Town').val(previousAddresses[i].Town);\r\n $('#County').val(previousAddresses[i].County);\r\n $('#Address2').val(previousAddresses[i].Address2);\r\n $('#Address3').val(previousAddresses[i].Address3);\r\n\r\n $('#NameTitle').valid();\r\n $('#FirstName').valid();\r\n $('#Surname').valid();\r\n $('#Address1').valid();\r\n $('#Address2').valid();\r\n $('#Address3').valid();\r\n $('#Postcode').valid();\r\n $('#Town').valid();\r\n $('#County').valid();\r\n\r\n $('#enter-address-manually').addClass('selected');\r\n $('#find-address').removeClass('selected');\r\n EnterAddressManually();\r\n }\r\n}\r\n","\r\n$(function () {\r\n $('a[data-modal-link]')\r\n .removeAttr('data-modal-link')\r\n .attr('target', '_blank');\r\n});\r\n","{\r\n // BUTTONS\r\n const CHANGE_ADDRESS = 'change-address-button';\r\n const CANCEL = 'cancel-button';\r\n const ACCEPT_AND_RESEND = 'accept-and-resend-button';\r\n const RESEND = 'resend-button';\r\n\r\n // FORM DATA\r\n const CONFIRMATION_MESSAGE_PART_1 = 'confirmation-message-part1';\r\n const CONFIRMATION_MESSAGE_PART_1_EMAIL_UNCHANGED = 'confirmation-message-part1-email-unchanged';\r\n const CONFIRMATION_MESSAGE_PART_2 = 'confirmation-message-part2';\r\n const ERROR_UPDATING = 'error-updating';\r\n const EMAIL_OR_TELEPHONE_CHANGED = 'email-or-telephone-changed';\r\n\r\n\r\n $(() => {\r\n const handleClick = (...buttons) => (handler) => {\r\n const selector = buttons\r\n .flatMap((btn) => [\r\n `.update-order-details .${btn}`,\r\n `.updateorderdetails-form .${btn}`\r\n ])\r\n .join(', ');\r\n\r\n $(selector).on('click', handler);\r\n };\r\n\r\n handleClick(CHANGE_ADDRESS, CANCEL)((event) => {\r\n const $button = getButton(event);\r\n\r\n toggleEmailAndTelephoneEditing($button);\r\n });\r\n\r\n handleClick(ACCEPT_AND_RESEND, RESEND)((event) => {\r\n const $button = getButton(event);\r\n const $form = $button.closest('.row').find('form');\r\n const emailOrTelephoneChanged = $button.hasClass(ACCEPT_AND_RESEND);\r\n\r\n if (emailOrTelephoneChanged) {\r\n $form.data(EMAIL_OR_TELEPHONE_CHANGED, true);\r\n }\r\n\r\n $form.submit();\r\n });\r\n\r\n function getButton(event) {\r\n return $(event.currentTarget);\r\n }\r\n });\r\n\r\n\r\n Object.assign(window, {\r\n validateEmailAddressOrTelephoneForUpdateOrderDetails() {\r\n const $form = $(this);\r\n\r\n if (!$form.valid()) {\r\n return false;\r\n }\r\n },\r\n\r\n successChangeEmailOrTelephoneForSalesOrderItem({ EmailAddress, Telephone, Outcome, Message }) {\r\n const $form = $(this);\r\n const $details = $form.find('.change-order-details');\r\n let emailOrTelephoneChanged;\r\n\r\n if (Outcome === 'Success') {\r\n emailOrTelephoneChanged = $form.data(EMAIL_OR_TELEPHONE_CHANGED);\r\n updateEmailAndTelephone();\r\n showSuccessAlert();\r\n } else {\r\n showError();\r\n }\r\n\r\n function updateEmailAndTelephone() {\r\n if (emailOrTelephoneChanged) {\r\n $form.data(EMAIL_OR_TELEPHONE_CHANGED, false);\r\n $details.find('.email-address-field, .email-address')\r\n .text(EmailAddress);\r\n $details.find('.telephone-field, .telephone')\r\n .text(Telephone);\r\n toggleEmailAndTelephoneEditing($form);\r\n }\r\n }\r\n\r\n function showSuccessAlert() {\r\n const messageLine1 = emailOrTelephoneChanged\r\n ? $form.data(CONFIRMATION_MESSAGE_PART_1)\r\n : $form.data(CONFIRMATION_MESSAGE_PART_1_EMAIL_UNCHANGED);\r\n const messageLine2 = $form.data(CONFIRMATION_MESSAGE_PART_2);\r\n\r\n if (messageLine1 && messageLine2) {\r\n showDecodedAlert(messageLine1 + '\\r\\n\\r\\n' + messageLine2)\r\n }\r\n }\r\n\r\n function showError() {\r\n const alertMessage = $form.data(ERROR_UPDATING);\r\n\r\n if (alertMessage) {\r\n $details.find('.email-address-validation')\r\n .append(`${alertMessage}
`);\r\n showDecodedAlert(alertMessage);\r\n } else {\r\n $details.find('.email-address-editor .field-validation-error').show();\r\n }\r\n\r\n console.error(Message);\r\n }\r\n }\r\n });\r\n\r\n function toggleEmailAndTelephoneEditing($el) {\r\n const $row = $el.closest('.row');\r\n const selector = [\r\n '.action-button-wrapper',\r\n '.email-address-editor',\r\n '.email-address-field',\r\n '.email-address',\r\n '.telephone-editor',\r\n '.telephone-field',\r\n '.telephone'\r\n ].join(', ');\r\n\r\n $row.find(selector).toggle();\r\n }\r\n\r\n function showDecodedAlert(textToDecode) {\r\n alert($('').html(textToDecode).text());\r\n }\r\n}\r\n","/*!\r\n * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select)\r\n *\r\n * Copyright 2012-2020 SnapAppointments, LLC\r\n * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)\r\n */\r\n\r\n(function (root, factory) {\r\n if (root === undefined && window !== undefined) root = window;\r\n if (typeof define === 'function' && define.amd) {\r\n // AMD. Register as an anonymous module unless amdModuleId is set\r\n define([\"jquery\"], function (a0) {\r\n return (factory(a0));\r\n });\r\n } else if (typeof module === 'object' && module.exports) {\r\n // Node. Does not work with strict CommonJS, but\r\n // only CommonJS-like environments that support module.exports,\r\n // like Node.\r\n module.exports = factory(require(\"jquery\"));\r\n } else {\r\n factory(root[\"jQuery\"]);\r\n }\r\n}(this, function (jQuery) {\r\n\r\n(function ($) {\r\n 'use strict';\r\n\r\n var DISALLOWED_ATTRIBUTES = ['sanitize', 'whiteList', 'sanitizeFn'];\r\n\r\n var uriAttrs = [\r\n 'background',\r\n 'cite',\r\n 'href',\r\n 'itemtype',\r\n 'longdesc',\r\n 'poster',\r\n 'src',\r\n 'xlink:href'\r\n ];\r\n\r\n var ARIA_ATTRIBUTE_PATTERN = /^aria-[\\w-]*$/i;\r\n\r\n var DefaultWhitelist = {\r\n // Global attributes allowed on any supplied element below.\r\n '*': ['class', 'dir', 'id', 'lang', 'role', 'tabindex', 'style', ARIA_ATTRIBUTE_PATTERN],\r\n a: ['target', 'href', 'title', 'rel'],\r\n area: [],\r\n b: [],\r\n br: [],\r\n col: [],\r\n code: [],\r\n div: [],\r\n em: [],\r\n hr: [],\r\n h1: [],\r\n h2: [],\r\n h3: [],\r\n h4: [],\r\n h5: [],\r\n h6: [],\r\n i: [],\r\n img: ['src', 'alt', 'title', 'width', 'height'],\r\n li: [],\r\n ol: [],\r\n p: [],\r\n pre: [],\r\n s: [],\r\n small: [],\r\n span: [],\r\n sub: [],\r\n sup: [],\r\n strong: [],\r\n u: [],\r\n ul: []\r\n }\r\n\r\n /**\r\n * A pattern that recognizes a commonly useful subset of URLs that are safe.\r\n *\r\n * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts\r\n */\r\n var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^&:/?#]*(?:[/?#]|$))/gi;\r\n\r\n /**\r\n * A pattern that matches safe data URLs. Only matches image, video and audio types.\r\n *\r\n * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts\r\n */\r\n var DATA_URL_PATTERN = /^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;\r\n\r\n function allowedAttribute (attr, allowedAttributeList) {\r\n var attrName = attr.nodeName.toLowerCase()\r\n\r\n if ($.inArray(attrName, allowedAttributeList) !== -1) {\r\n if ($.inArray(attrName, uriAttrs) !== -1) {\r\n return Boolean(attr.nodeValue.match(SAFE_URL_PATTERN) || attr.nodeValue.match(DATA_URL_PATTERN))\r\n }\r\n\r\n return true\r\n }\r\n\r\n var regExp = $(allowedAttributeList).filter(function (index, value) {\r\n return value instanceof RegExp\r\n })\r\n\r\n // Check if a regular expression validates the attribute.\r\n for (var i = 0, l = regExp.length; i < l; i++) {\r\n if (attrName.match(regExp[i])) {\r\n return true\r\n }\r\n }\r\n\r\n return false\r\n }\r\n\r\n function sanitizeHtml (unsafeElements, whiteList, sanitizeFn) {\r\n if (sanitizeFn && typeof sanitizeFn === 'function') {\r\n return sanitizeFn(unsafeElements);\r\n }\r\n\r\n var whitelistKeys = Object.keys(whiteList);\r\n\r\n for (var i = 0, len = unsafeElements.length; i < len; i++) {\r\n var elements = unsafeElements[i].querySelectorAll('*');\r\n\r\n for (var j = 0, len2 = elements.length; j < len2; j++) {\r\n var el = elements[j];\r\n var elName = el.nodeName.toLowerCase();\r\n\r\n if (whitelistKeys.indexOf(elName) === -1) {\r\n el.parentNode.removeChild(el);\r\n\r\n continue;\r\n }\r\n\r\n var attributeList = [].slice.call(el.attributes);\r\n var whitelistedAttributes = [].concat(whiteList['*'] || [], whiteList[elName] || []);\r\n\r\n for (var k = 0, len3 = attributeList.length; k < len3; k++) {\r\n var attr = attributeList[k];\r\n\r\n if (!allowedAttribute(attr, whitelistedAttributes)) {\r\n el.removeAttribute(attr.nodeName);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Polyfill for browsers with no classList support\r\n // Remove in v2\r\n if (!('classList' in document.createElement('_'))) {\r\n (function (view) {\r\n if (!('Element' in view)) return;\r\n\r\n var classListProp = 'classList',\r\n protoProp = 'prototype',\r\n elemCtrProto = view.Element[protoProp],\r\n objCtr = Object,\r\n classListGetter = function () {\r\n var $elem = $(this);\r\n\r\n return {\r\n add: function (classes) {\r\n classes = Array.prototype.slice.call(arguments).join(' ');\r\n return $elem.addClass(classes);\r\n },\r\n remove: function (classes) {\r\n classes = Array.prototype.slice.call(arguments).join(' ');\r\n return $elem.removeClass(classes);\r\n },\r\n toggle: function (classes, force) {\r\n return $elem.toggleClass(classes, force);\r\n },\r\n contains: function (classes) {\r\n return $elem.hasClass(classes);\r\n }\r\n }\r\n };\r\n\r\n if (objCtr.defineProperty) {\r\n var classListPropDesc = {\r\n get: classListGetter,\r\n enumerable: true,\r\n configurable: true\r\n };\r\n try {\r\n objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);\r\n } catch (ex) { // IE 8 doesn't support enumerable:true\r\n // adding undefined to fight this issue https://github.com/eligrey/classList.js/issues/36\r\n // modernie IE8-MSW7 machine has IE8 8.0.6001.18702 and is affected\r\n if (ex.number === undefined || ex.number === -0x7FF5EC54) {\r\n classListPropDesc.enumerable = false;\r\n objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);\r\n }\r\n }\r\n } else if (objCtr[protoProp].__defineGetter__) {\r\n elemCtrProto.__defineGetter__(classListProp, classListGetter);\r\n }\r\n }(window));\r\n }\r\n\r\n var testElement = document.createElement('_');\r\n\r\n testElement.classList.add('c1', 'c2');\r\n\r\n if (!testElement.classList.contains('c2')) {\r\n var _add = DOMTokenList.prototype.add,\r\n _remove = DOMTokenList.prototype.remove;\r\n\r\n DOMTokenList.prototype.add = function () {\r\n Array.prototype.forEach.call(arguments, _add.bind(this));\r\n }\r\n\r\n DOMTokenList.prototype.remove = function () {\r\n Array.prototype.forEach.call(arguments, _remove.bind(this));\r\n }\r\n }\r\n\r\n testElement.classList.toggle('c3', false);\r\n\r\n // Polyfill for IE 10 and Firefox <24, where classList.toggle does not\r\n // support the second argument.\r\n if (testElement.classList.contains('c3')) {\r\n var _toggle = DOMTokenList.prototype.toggle;\r\n\r\n DOMTokenList.prototype.toggle = function (token, force) {\r\n if (1 in arguments && !this.contains(token) === !force) {\r\n return force;\r\n } else {\r\n return _toggle.call(this, token);\r\n }\r\n };\r\n }\r\n\r\n testElement = null;\r\n\r\n // shallow array comparison\r\n function isEqual (array1, array2) {\r\n return array1.length === array2.length && array1.every(function (element, index) {\r\n return element === array2[index];\r\n });\r\n };\r\n\r\n //