').promise(); // eslint-disable-line\n setTimeout(function () {\n p.done(); // eslint-disable-line\n }, 500);\n return p; // eslint-disable-line\n },\n\n /**\n * Initialize the checkout stage.\n *\n * TODO: update this to allow stage to be set from server?\n */\n initialize: function () {\n // set the initial state of checkout\n members.currentStage = checkoutStages.indexOf(\n $('.data-checkout-stage').data('checkout-stage')\n );\n $(plugin).attr(\n 'data-checkout-stage',\n checkoutStages[members.currentStage]\n );\n\n //\n // Handle Payment option selection\n //\n $('input[name$=\"paymentMethod\"]', plugin).on(\n 'change',\n function () {\n $('.credit-card-form').toggle(\n $(this).val() === 'CREDIT_CARD'\n );\n }\n );\n\n //\n // Handle Next State button click\n //\n $(plugin).on('click', '.next-step-button button', function () {\n members.nextStage();\n });\n\n //\n // Handle Edit buttons on shipping and payment summary cards\n //\n $('.go-to-shipping', plugin).on(\n 'click',\n function () {\n if (!$('#checkout-main').hasClass('multi-ship')) {\n $('body').trigger('shipping:selectSingleShipping');\n }\n\n members.gotoStage('shipping');\n }\n );\n\n //\n // remember stage (e.g. shipping)\n //\n updateUrl(members.currentStage);\n\n //\n // Listen for foward/back button press and move to correct checkout-stage\n //\n $(window).on('popstate', function (e) {\n //\n // Back button when event state less than current state in ordered\n // checkoutStages array.\n //\n if (\n e.state === null ||\n checkoutStages.indexOf(e.state) < members.currentStage\n ) {\n members.handlePrevStage(false);\n } else if (\n checkoutStages.indexOf(e.state) > members.currentStage\n ) {\n // Forward button pressed\n members.handleNextStage(false);\n }\n });\n\n //\n // Set the form data\n //\n plugin.data('formData', formData);\n\n // Load Bpost shipping manager\n checkToLoadBpost(members.currentStage);\n },\n\n /**\n * The next checkout state step updates the css for showing correct buttons etc...\n */\n nextStage: function () {\n var promise = members.updateStage();\n\n promise.done(function () {\n // Update UI with new stage\n members.handleNextStage(true);\n });\n\n promise.fail(function (data) {\n // show errors\n if (data) {\n if (data.errorStage) {\n members.gotoStage(data.errorStage.stage);\n\n if (data.errorStage.step === 'billingAddress') {\n var $billingAddressSameAsShipping = $(\n 'input[name$=\"_shippingAddressUseAsBillingAddress\"]'\n );\n if (\n $billingAddressSameAsShipping.is(':checked')\n ) {\n $billingAddressSameAsShipping.prop(\n 'checked',\n false\n );\n }\n }\n }\n\n if (data.errorMessage) {\n $('.error-message').show();\n $('.error-message-text').text(data.errorMessage);\n }\n }\n });\n },\n\n /**\n * The next checkout state step updates the css for showing correct buttons etc...\n *\n * @param {boolean} bPushState - boolean when true pushes state using the history api.\n */\n handleNextStage: function (bPushState) {\n if (members.currentStage < checkoutStages.length - 1) {\n // move stage forward\n members.currentStage++;\n\n //\n // show new stage in url (e.g.payment)\n //\n if (bPushState) {\n updateUrl(members.currentStage);\n }\n }\n\n // Set the next stage on the DOM\n $(plugin).attr(\n 'data-checkout-stage',\n checkoutStages[members.currentStage]\n );\n\n $(document).trigger('checkout:loadStage', checkoutStages[members.currentStage]);\n\n checkToLoadBpost(members.currentStage);\n },\n\n /**\n * Previous State\n */\n handlePrevStage: function () {\n if (members.currentStage > 0) {\n // move state back\n members.currentStage--;\n updateUrl(members.currentStage);\n }\n\n $(plugin).attr(\n 'data-checkout-stage',\n checkoutStages[members.currentStage]\n );\n\n $(document).trigger('checkout:loadStage', checkoutStages[members.currentStage]);\n },\n\n /**\n * Use window history to go to a checkout stage\n * @param {string} stageName - the checkout state to goto\n */\n gotoStage: function (stageName) {\n members.currentStage = checkoutStages.indexOf(stageName);\n if (members.currentStage >= 0) {\n updateUrl(members.currentStage);\n $(plugin).attr(\n 'data-checkout-stage',\n checkoutStages[members.currentStage]\n );\n\n $(document).trigger('checkout:loadStage', checkoutStages[members.currentStage]);\n }\n checkToLoadBpost(members.currentStage);\n }\n };\n\n //\n // Initialize the checkout\n //\n members.initialize();\n\n return this;\n };\n}(jQuery));\n\nvar exports = {\n initialize: function () {\n parseRealtimeStock($('#realtimeStockInfo').data('stock'));\n $('#checkout-main').checkout();\n $(document).trigger('checkout:loadStage', $('#checkout-main').data('checkout-stage'));\n },\n ConfirmRemoveOutOfStock: function () {\n $('body').on('click', '.checkout-delete-confirmation-btn', function (e) {\n e.preventDefault();\n $('#realtimeStockInfo').attr('data-stock-confirmed', 'true');\n $('.js-stock-ok').removeClass('d-none');\n $('.js-stock-error').addClass('d-none');\n $('body > .modal-backdrop').remove();\n\n var stage = $('#checkout-main').data('checkout-stage');\n\n if (stage === 'shipping') {\n $('.next-step-button .js-stock-ok .submit-shipping').click();\n } else if (stage === 'placeOrder') {\n $('.next-step-button .js-stock-ok .place-order').click();\n }\n });\n },\n updateCheckoutView: function () {\n $('body').on('checkout:updateCheckoutView', function (e, data) {\n shippingHelpers.methods.updateMultiShipInformation(data.order);\n summaryHelpers.updateTotals(data.order.totals);\n data.order.shipping.forEach(function (shipping) {\n shippingHelpers.methods.updateShippingInformation(\n shipping,\n data.order,\n data.customer,\n data.options\n );\n });\n billingHelpers.methods.updateBillingInformation(\n data.order,\n data.customer,\n data.options\n );\n billingHelpers.methods.updatePaymentInformation(\n data.order,\n data.options\n );\n });\n },\n\n savePaymentInstrument: function () {\n $('input[name=savePaymentMethod]').change(function () {\n if ($(this).prop('checked')) {\n $('input[name=savePaymentMethod]').prop('checked', true).val('true');\n } else {\n $('input[name=savePaymentMethod]').prop('checked', false).val('false');\n }\n submitPaymentForm();\n });\n },\n\n paymentMethodSelection: function () {\n $('input[name=alias]:not(.alias_false)').change(function () {\n $('input[name=alias]').val($(this).attr('id'));\n $('.js-checkbox').hide();\n submitPaymentForm();\n });\n\n $('input[name=dwfrm_billing_paymentMethod]').change(function () {\n if (!$(this).closest('.saved-payment-instrument').next().find('input[name=alias]')[0]) {\n $('input[name=alias]').val(false);\n $('.js-checkbox').show();\n } else {\n $('input[name=alias]').val($(this).closest('.saved-payment-instrument').next().find('input[name=alias]')\n .attr('id'));\n $('.js-checkbox').hide();\n }\n submitPaymentForm();\n });\n },\n\n newPaymentMethodSelection: function () {\n $('.alias_false').click(function () {\n $('input[name=alias]').val(false);\n $('.js-checkbox').show();\n submitPaymentForm();\n });\n },\n\n disableButton: function () {\n $('body').on('checkout:disableButton', function (e, button) {\n $(button).prop('disabled', true);\n });\n },\n\n enableButton: function () {\n $('body').on('checkout:enableButton', function (e, button) {\n $(button).prop('disabled', false);\n });\n },\n\n optinCheck: function () {\n $('.js-optin input').prop('checked', false);\n $('.js-optin input').on('change', function () {\n $('.js-optin-toggle').toggleClass('d-none');\n $('.js-optin').removeClass('text-red');\n });\n\n $('span.js-optin-toggle').on('click', function () {\n $('.js-optin').addClass('text-red');\n });\n },\n deletePaymentAlias: function () {\n $('.js-aliasremove-button').on('click', function () {\n removeAliasUrl = $(this).data('url');\n removeAliasId = $(this).data('aliasid');\n });\n\n $('.js-delete-payment').on('click', function () {\n var url = removeAliasUrl;\n var aliasId = removeAliasId;\n if (!url || !aliasId) {\n return;\n }\n $.spinner().start();\n $.ajax(\n {\n url: url,\n type: 'POST',\n dataType: 'json',\n data: { aliasId: aliasId },\n success: function (data) {\n $.spinner().stop();\n if (data.success === true) {\n if (removeAliasId) {\n var elemAlias = $('.' + removeAliasId);\n // remove alias container from DOM\n elemAlias.remove();\n }\n var aliasValue = $('input[name=alias]').val();\n if (aliasValue !== 'false') {\n var elemClosestAlias = $('.js-aliascontainer');\n // trigger click on the next alias\n elemClosestAlias.find('input[name=alias]').trigger('click');\n }\n }\n },\n error: function () {\n $.spinner().stop();\n }\n }\n );\n });\n },\n editBpostAddress: function () {\n $('body').on('click', '.jquery-bpost-address-edit', function (e) {\n e.preventDefault();\n document.querySelector('.submit-shipping').disabled = true;\n document.getElementById('shm-container').style.height = '620px';\n bpost.loadSHM();\n });\n },\n bpostMessage: function () {\n window.addEventListener('message', (event) => {\n if (event.origin === window.origin && event.data.from === 'bpostPickupPointConfirm') {\n document.querySelector('.submit-shipping').disabled = false;\n document.getElementById('shm-container').style.removeProperty('height');\n document.getElementById('shm-container').innerHTML = event.data.addressAsHtml;\n return;\n }\n }, false);\n },\n\n submitPhoneForm: function () {\n $('body').on('submit', 'form.js-change-phone-form', function (e) {\n e.preventDefault();\n const $modalSavePhone = $('#modalSavePhone');\n $modalSavePhone.spinner().start();\n var $form = $(this);\n var url = $form.attr('action');\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: $form.serialize(),\n success: function (data) {\n $modalSavePhone.spinner().stop();\n if (!data.success) {\n var formValidation = require('../base/components/formValidation');\n formValidation($form, data);\n } else {\n $modalSavePhone.modal('hide');\n $('#customerPhoneCheckout').text(data.phone);\n $('.js-phone-change').toggleClass('d-none');\n $('.js-phone-add').toggleClass('d-none');\n $modalSavePhone.spinner().stop();\n }\n },\n error: function (err) {\n $modalSavePhone.modal('hide');\n $('body').trigger(\n 'checkout:enableButton',\n '.next-step-button button'\n );\n if (err.responseJSON && err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $modalSavePhone.spinner().stop();\n }\n });\n });\n },\n\n validateCustomerNote: function () {\n const customerNote = document.getElementById('customerNote');\n if (customerNote) {\n customerNote.addEventListener('input', function (event) {\n const pattern = /[^\\x20-\\x7F\\xC0-\\xFF\\n\\s€]/g;\n const value = event.target.value;\n const newValue = value.replace(pattern, '');\n if (newValue !== value) {\n var updatedEvent = event;\n updatedEvent.target.value = newValue;\n }\n });\n }\n }\n};\n\n[billingHelpers, shippingHelpers, addressHelpers].forEach(function (library) {\n Object.keys(library).forEach(function (item) {\n if (typeof library[item] === 'object') {\n exports[item] = $.extend({}, exports[item], library[item]);\n } else {\n exports[item] = library[item];\n }\n });\n});\n\nmodule.exports = exports;\n","'use strict';\n\nvar addressHelpers = require('../base/checkout/address');\nvar formHelpers = require('../base/checkout/formErrors');\nvar scrollAnimate = require('../base/components/scrollAnimate');\n\n/**\n * updates the shipping address selector within shipping forms\n * @param {Object} productLineItem - the productLineItem model\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order model\n * @param {Object} customer - the customer model\n */\nfunction updateShippingAddressSelector(productLineItem, shipping, order, customer) {\n var uuidEl = $('input[value=' + productLineItem.UUID + ']');\n var shippings = order.shipping;\n\n var form;\n var $shippingAddressSelector;\n var hasSelectedAddress = false;\n\n if (uuidEl && uuidEl.length > 0) {\n form = uuidEl[0].form;\n $shippingAddressSelector = $('.addressSelector', form);\n }\n\n if ($shippingAddressSelector && $shippingAddressSelector.length === 1) {\n $shippingAddressSelector.empty();\n // Add New Address option\n $shippingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n null,\n false,\n order\n ));\n\n if (customer.addresses && customer.addresses.length > 0) {\n $shippingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n order.resources.accountAddresses,\n false,\n order\n ));\n\n customer.addresses.forEach(function (address) {\n var isSelected = shipping.matchingAddressId === address.ID;\n $shippingAddressSelector.append(\n addressHelpers.methods.optionValueForAddress(\n { UUID: 'ab_' + address.ID, shippingAddress: address },\n isSelected,\n order\n )\n );\n });\n }\n // Separator -\n $shippingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n order.resources.shippingAddresses, false, order, { className: 'multi-shipping' }\n ));\n shippings.forEach(function (aShipping) {\n var isSelected = shipping.UUID === aShipping.UUID;\n hasSelectedAddress = hasSelectedAddress || isSelected;\n var addressOption = addressHelpers.methods.optionValueForAddress(\n aShipping,\n isSelected,\n order,\n { className: 'multi-shipping' }\n );\n\n var newAddress = addressOption.html() === order.resources.addNewAddress;\n var matchingUUID = aShipping.UUID === shipping.UUID;\n if ((newAddress && matchingUUID) || (!newAddress && matchingUUID) || (!newAddress && !matchingUUID)) {\n $shippingAddressSelector.append(addressOption);\n }\n if (newAddress && !matchingUUID) {\n $(addressOption[0]).remove();\n }\n });\n }\n\n if (!hasSelectedAddress) {\n // show\n $(form).addClass('hide-details');\n } else {\n $(form).removeClass('hide-details');\n }\n\n $('body').trigger('shipping:updateShippingAddressSelector', {\n productLineItem: productLineItem,\n shipping: shipping,\n order: order,\n customer: customer\n });\n}\n\n/**\n * updates the shipping address form values within shipping forms\n * @param {Object} shipping - the shipping (shipment model) model\n */\nfunction updateShippingAddressFormValues(shipping) {\n var addressObject = $.extend({}, shipping.shippingAddress);\n\n if (!addressObject) {\n addressObject = {\n firstName: null,\n lastName: null,\n address1: null,\n address2: null,\n postBox: null,\n city: null,\n postalCode: null,\n stateCode: null,\n countryCode: null,\n phone: null\n };\n }\n\n addressObject.isGift = shipping.isGift;\n addressObject.giftMessage = shipping.giftMessage;\n\n $('input[value=' + shipping.UUID + ']').each(function (formIndex, el) {\n var form = el.form;\n if (!form) return;\n var countryCode = addressObject.countryCode;\n\n $('input[name$=_firstName]', form).val(addressObject.firstName);\n $('input[name$=_lastName]', form).val(addressObject.lastName);\n $('input[name$=_address1]', form).val(addressObject.address1);\n $('input[name$=_address2]', form).val(addressObject.address2);\n $('input[name$=_postBox]', form).val(addressObject.postBox);\n $('input[name$=_city]', form).val(addressObject.city);\n $('input[name$=_postalCode]', form).val(addressObject.postalCode);\n $('select[name$=_stateCode],input[name$=_stateCode]', form)\n .val(addressObject.stateCode);\n\n if (countryCode && typeof countryCode === 'object') {\n $('select[name$=_country]', form).val(addressObject.countryCode.value);\n } else {\n $('select[name$=_country]', form).val(addressObject.countryCode);\n }\n\n $('input[name$=_isGift]', form).prop('checked', addressObject.isGift);\n $('textarea[name$=_giftMessage]', form).val(addressObject.isGift && addressObject.giftMessage ? addressObject.giftMessage : '');\n });\n\n $('body').trigger('shipping:updateShippingAddressFormValues', { shipping: shipping });\n}\n\n/**\n * updates the shipping method radio buttons within shipping forms\n * @param {Object} shipping - the shipping (shipment model) model\n */\nfunction updateShippingMethods(shipping) {\n var uuidEl = $('input[value=' + shipping.UUID + ']');\n if (uuidEl && uuidEl.length > 0) {\n $.each(uuidEl, function (shipmentIndex, el) {\n var form = el.form;\n if (!form) return;\n\n var $shippingMethodList = $('.shipping-method-list', form);\n\n if ($shippingMethodList && $shippingMethodList.length > 0) {\n $shippingMethodList.empty();\n var shippingMethods = shipping.applicableShippingMethods;\n var selected = shipping.selectedShippingMethod || {};\n var shippingMethodFormID = form.name + '_shippingAddress_shippingMethodID';\n //\n // Create the new rows for each shipping method\n //\n $.each(shippingMethods, function (methodIndex, shippingMethod) {\n var tmpl = $('#shipping-method-template').clone();\n // set input\n $('input', tmpl)\n .prop('id', 'shippingMethod-' + shippingMethod.ID)\n .prop('name', shippingMethodFormID)\n .prop('value', shippingMethod.ID)\n .attr('checked', shippingMethod.ID === selected.ID);\n\n $('label', tmpl)\n .prop('for', 'shippingMethod-' + shippingMethod.ID);\n // set shipping method name\n $('.display-name', tmpl).text(shippingMethod.displayName);\n // set or hide arrival time\n if (shippingMethod.estimatedArrivalTime) {\n $('.arrival-time', tmpl)\n .text('(' + shippingMethod.estimatedArrivalTime + ')')\n .show();\n }\n // set shipping cost\n $('.shipping-cost', tmpl).text(shippingMethod.shippingCost);\n $shippingMethodList.append(tmpl.html());\n });\n }\n });\n }\n\n $('body').trigger('shipping:updateShippingMethods', { shipping: shipping });\n}\n\n/**\n * Update list of available shipping methods whenever user modifies shipping address details.\n * @param {jQuery} $shippingForm - current shipping form\n */\nfunction updateShippingMethodList($shippingForm) {\n // delay for autocomplete!\n setTimeout(function () {\n var $shippingMethodList = $shippingForm.find('.shipping-method-list');\n var urlParams = addressHelpers.methods.getAddressFieldsFromUI($shippingForm);\n var shipmentUUID = $shippingForm.find('[name=shipmentUUID]').val();\n var url = $shippingMethodList.data('actionUrl');\n urlParams.shipmentUUID = shipmentUUID;\n\n $shippingMethodList.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: urlParams,\n success: function (data) {\n if (data.error) {\n if (data.redirectUrl) {\n window.location.href = data.redirectUrl;\n }\n } else {\n $('body').trigger('checkout:updateCheckoutView',\n {\n order: data.order,\n customer: data.customer,\n options: { keepOpen: true }\n });\n\n $shippingMethodList.spinner().stop();\n }\n }\n });\n }, 300);\n}\n\n/**\n * updates the order shipping summary for an order shipment model\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order model\n */\nfunction updateShippingSummaryInformation(shipping, order) {\n $('[data-shipment-summary=' + shipping.UUID + ']').each(function (i, el) {\n var $container = $(el);\n var $shippingAddressLabel = $container.find('.shipping-addr-label');\n var $addressContainer = $container.find('.address-summary');\n var $methodTitle = $container.find('.shipping-method-title');\n var $methodArrivalTime = $container.find('.shipping-method-arrival-time');\n var $methodPrice = $container.find('.shipping-method-price');\n var $shippingSummaryLabel = $container.find('.shipping-method-label');\n var $summaryDetails = $container.find('.row.summary-details');\n var giftMessageSummary = $container.find('.gift-summary');\n\n var address = shipping.shippingAddress;\n var selectedShippingMethod = shipping.selectedShippingMethod;\n var isGift = shipping.isGift;\n\n addressHelpers.methods.populateAddressSummary($addressContainer, address);\n\n if (selectedShippingMethod) {\n $('body').trigger('shipping:updateAddressLabelText',\n { selectedShippingMethod: selectedShippingMethod, resources: order.resources, shippingAddressLabel: $shippingAddressLabel });\n $shippingSummaryLabel.show();\n $summaryDetails.show();\n $methodTitle.text(selectedShippingMethod.displayName);\n if (selectedShippingMethod.estimatedArrivalTime) {\n $methodArrivalTime.text(\n '( ' + selectedShippingMethod.estimatedArrivalTime + ' )'\n );\n } else {\n $methodArrivalTime.empty();\n }\n $methodPrice.text(selectedShippingMethod.shippingCost);\n }\n\n if (isGift) {\n giftMessageSummary.find('.gift-message-summary').text(shipping.giftMessage);\n giftMessageSummary.removeClass('d-none');\n } else {\n giftMessageSummary.addClass('d-none');\n }\n });\n\n $('body').trigger('shipping:updateShippingSummaryInformation', { shipping: shipping, order: order });\n}\n\n/**\n * Update the read-only portion of the shipment display (per PLI)\n * @param {Object} productLineItem - the productLineItem model\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order model\n * @param {Object} [options] - options for updating PLI summary info\n * @param {Object} [options.keepOpen] - if true, prevent changing PLI view mode to 'view'\n */\nfunction updatePLIShippingSummaryInformation(productLineItem, shipping, order, options) {\n var $pli = $('input[value=' + productLineItem.UUID + ']');\n var form = $pli && $pli.length > 0 ? $pli[0].form : null;\n\n if (!form) return;\n\n var $viewBlock = $('.view-address-block', form);\n\n var address = shipping.shippingAddress || {};\n var selectedMethod = shipping.selectedShippingMethod;\n\n var nameLine = address.firstName ? address.firstName + ' ' : '';\n if (address.lastName) nameLine += address.lastName;\n\n var address1Line = address.address1;\n var address2Line = address.address2;\n var postBoxLine = address.postBox;\n\n var shippingCost = selectedMethod ? selectedMethod.shippingCost : '';\n var methodNameLine = selectedMethod ? selectedMethod.displayName : '';\n var methodArrivalTime = selectedMethod && selectedMethod.estimatedArrivalTime\n ? '(' + selectedMethod.estimatedArrivalTime + ')'\n : '';\n\n var tmpl = $('#pli-shipping-summary-template').clone();\n\n $('.ship-to-name', tmpl).text(nameLine);\n $('.ship-to-address1', tmpl).text(address1Line);\n $('.ship-to-address2', tmpl).text(address2Line);\n $('.ship-to-postBox', tmpl).text(postBoxLine);\n $('.ship-to-city', tmpl).text(address.city);\n if (address.stateCode) {\n $('.ship-to-st', tmpl).text(address.stateCode);\n }\n $('.ship-to-zip', tmpl).text(address.postalCode);\n\n if (!address2Line) {\n $('.ship-to-address2', tmpl).hide();\n }\n\n if (!postBoxLine) {\n $('.ship-to-postBox', tmpl).hide();\n }\n\n if (shipping.selectedShippingMethod) {\n $('.display-name', tmpl).text(methodNameLine);\n $('.arrival-time', tmpl).text(methodArrivalTime);\n $('.price', tmpl).text(shippingCost);\n }\n\n if (shipping.isGift) {\n $('.gift-message-summary', tmpl).text(shipping.giftMessage);\n var shipment = $('.gift-message-' + shipping.UUID);\n $(shipment).val(shipping.giftMessage);\n } else {\n $('.gift-summary', tmpl).addClass('d-none');\n }\n // checking h5 title shipping to or pickup\n var $shippingAddressLabel = $('.shipping-header-text', tmpl);\n $('body').trigger('shipping:updateAddressLabelText',\n { selectedShippingMethod: selectedMethod, resources: order.resources, shippingAddressLabel: $shippingAddressLabel });\n\n $viewBlock.html(tmpl.html());\n\n $('body').trigger('shipping:updatePLIShippingSummaryInformation', {\n productLineItem: productLineItem,\n shipping: shipping,\n order: order,\n options: options\n });\n}\n\n/**\n * Update the hidden form values that associate shipping info with product line items\n * @param {Object} productLineItem - the productLineItem model\n * @param {Object} shipping - the shipping (shipment model) model\n */\nfunction updateProductLineItemShipmentUUIDs(productLineItem, shipping) {\n $('input[value=' + productLineItem.UUID + ']').each(function (key, pli) {\n var form = pli.form;\n $('[name=shipmentUUID]', form).val(shipping.UUID);\n $('[name=originalShipmentUUID]', form).val(shipping.UUID);\n\n $(form).closest('.card').attr('data-shipment-uuid', shipping.UUID);\n });\n\n $('body').trigger('shipping:updateProductLineItemShipmentUUIDs', {\n productLineItem: productLineItem,\n shipping: shipping\n });\n}\n\n/**\n * Update the shipping UI for a single shipping info (shipment model)\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order/basket model\n * @param {Object} customer - the customer model\n * @param {Object} [options] - options for updating PLI summary info\n * @param {Object} [options.keepOpen] - if true, prevent changing PLI view mode to 'view'\n */\nfunction updateShippingInformation(shipping, order, customer, options) {\n // First copy over shipmentUUIDs from response, to each PLI form\n order.shipping.forEach(function (aShipping) {\n aShipping.productLineItems.items.forEach(function (productLineItem) {\n updateProductLineItemShipmentUUIDs(productLineItem, aShipping);\n });\n });\n\n // Now update shipping information, based on those associations\n updateShippingMethods(shipping);\n updateShippingAddressFormValues(shipping);\n updateShippingSummaryInformation(shipping, order);\n\n // And update the PLI-based summary information as well\n shipping.productLineItems.items.forEach(function (productLineItem) {\n updateShippingAddressSelector(productLineItem, shipping, order, customer);\n updatePLIShippingSummaryInformation(productLineItem, shipping, order, options);\n });\n\n $('body').trigger('shipping:updateShippingInformation', {\n order: order,\n shipping: shipping,\n customer: customer,\n options: options\n });\n}\n\n/**\n * Update the checkout state (single vs. multi-ship)\n * @param {Object} order - checkout model to use as basis of new truth\n */\nfunction updateMultiShipInformation(order) {\n var $checkoutMain = $('#checkout-main');\n var $checkbox = $('[name=usingMultiShipping]');\n var $submitShippingBtn = $('button.submit-shipping');\n $('.shipping-error .alert-danger').remove();\n\n if (order.usingMultiShipping) {\n $checkoutMain.addClass('multi-ship');\n $checkbox.prop('checked', true);\n } else {\n $checkoutMain.removeClass('multi-ship');\n $checkbox.prop('checked', null);\n $submitShippingBtn.prop('disabled', null);\n }\n\n $('body').trigger('shipping:updateMultiShipInformation', { order: order });\n}\n\n/**\n * Create an alert to display the error message\n * @param {Object} message - Error message to display\n */\nfunction createErrorNotification(message) {\n var errorHtml = '
' +\n '' + message + '
';\n\n $('.shipping-error').append(errorHtml);\n scrollAnimate($('.shipping-error'));\n}\n\n/**\n * Handle response from the server for valid or invalid form fields.\n * @param {Object} defer - the deferred object which will resolve on success or reject.\n * @param {Object} data - the response data with the invalid form fields or\n * valid model data.\n */\nfunction shippingFormResponse(defer, data) {\n var isMultiShip = $('#checkout-main').hasClass('multi-ship');\n var formSelector = isMultiShip\n ? '.multi-shipping .active form'\n : '.single-shipping form';\n\n // highlight fields with errors\n if (data.error) {\n if (data.fieldErrors.length) {\n data.fieldErrors.forEach(function (error) {\n if (Object.keys(error).length) {\n formHelpers.loadFormErrors(formSelector, error);\n }\n });\n defer.reject(data);\n }\n\n if (data.serverErrors && data.serverErrors.length) {\n $.each(data.serverErrors, function (index, element) {\n createErrorNotification(element);\n });\n\n defer.reject(data);\n }\n\n if (data.cartError) {\n window.location.href = data.redirectUrl;\n defer.reject();\n }\n } else {\n // Populate the Address Summary\n\n $('body').trigger('checkout:updateCheckoutView', {\n order: data.order,\n customer: data.customer\n });\n scrollAnimate($('.payment-form'));\n defer.resolve(data);\n }\n}\n/**\n * Clear out all the shipping form values and select the new address in the drop down\n * @param {Object} order - the order object\n */\nfunction clearShippingForms(order) {\n order.shipping.forEach(function (shipping) {\n $('input[value=' + shipping.UUID + ']').each(function (formIndex, el) {\n var form = el.form;\n if (!form) return;\n\n $('input[name$=_firstName]', form).val('');\n $('input[name$=_lastName]', form).val('');\n $('input[name$=_address1]', form).val('');\n $('input[name$=_address2]', form).val('');\n $('input[name$=_postBox]', form).val('');\n $('input[name$=_city]', form).val('');\n $('input[name$=_postalCode]', form).val('');\n $('select[name$=_stateCode],input[name$=_stateCode]', form).val('');\n $('select[name$=_country]', form).val('');\n\n $('input[name$=_phone]', form).val('');\n\n $('input[name$=_isGift]', form).prop('checked', false);\n $('textarea[name$=_giftMessage]', form).val('');\n $(form).find('.gift-message').addClass('d-none');\n\n $(form).attr('data-address-mode', 'new');\n var addressSelectorDropDown = $('.addressSelector option[value=new]', form);\n $(addressSelectorDropDown).prop('selected', true);\n });\n });\n\n $('body').trigger('shipping:clearShippingForms', { order: order });\n}\n\n/**\n * Does Ajax call to create a server-side shipment w/ pliUUID & URL\n * @param {string} url - string representation of endpoint URL\n * @param {Object} shipmentData - product line item UUID\n * @returns {Object} - promise value for async call\n */\nfunction createNewShipment(url, shipmentData) {\n $.spinner().start();\n return $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: shipmentData\n });\n}\n\n/**\n * Does Ajax call to select shipping method\n * @param {string} url - string representation of endpoint URL\n * @param {Object} urlParams - url params\n * @param {Object} el - element that triggered this call\n */\nfunction selectShippingMethodAjax(url, urlParams, el) {\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: urlParams\n })\n .done(function (data) {\n if (data.error) {\n if (data.redirectUrl) {\n window.location.href = data.redirectUrl;\n }\n } else {\n $('body').trigger('checkout:updateCheckoutView',\n {\n order: data.order,\n customer: data.customer,\n options: { keepOpen: true },\n urlParams: urlParams\n }\n );\n $('body').trigger('checkout:postUpdateCheckoutView',\n {\n el: el\n }\n );\n }\n $.spinner().stop();\n })\n .fail(function () {\n $.spinner().stop();\n });\n}\n\n/**\n * Hide and show to appropriate elements to show the multi ship shipment cards in the enter view\n * @param {jQuery} element - The shipping content\n */\nfunction enterMultishipView(element) {\n element.find('.btn-enter-multi-ship').removeClass('d-none');\n\n element.find('.view-address-block').addClass('d-none');\n element.find('.shipping-address').addClass('d-none');\n element.find('.btn-save-multi-ship.save-shipment').addClass('d-none');\n element.find('.btn-edit-multi-ship').addClass('d-none');\n element.find('.multi-ship-address-actions').addClass('d-none');\n}\n\n/**\n * Hide and show to appropriate elements to show the multi ship shipment cards in the view mode\n * @param {jQuery} element - The shipping content\n */\nfunction viewMultishipAddress(element) {\n element.find('.view-address-block').removeClass('d-none');\n element.find('.btn-edit-multi-ship').removeClass('d-none');\n\n element.find('.shipping-address').addClass('d-none');\n element.find('.btn-save-multi-ship.save-shipment').addClass('d-none');\n element.find('.btn-enter-multi-ship').addClass('d-none');\n element.find('.multi-ship-address-actions').addClass('d-none');\n}\n\n/**\n * Hide and show to appropriate elements that allows the user to edit multi ship address information\n * @param {jQuery} element - The shipping content\n */\nfunction editMultiShipAddress(element) {\n // Show\n element.find('.shipping-address').removeClass('d-none');\n element.find('.btn-save-multi-ship.save-shipment').removeClass('d-none');\n\n // Hide\n element.find('.view-address-block').addClass('d-none');\n element.find('.btn-enter-multi-ship').addClass('d-none');\n element.find('.btn-edit-multi-ship').addClass('d-none');\n element.find('.multi-ship-address-actions').addClass('d-none');\n\n $('body').trigger('shipping:editMultiShipAddress', { element: element, form: element.find('.shipping-form') });\n}\n\n/**\n * perform the proper actions once a user has clicked enter address or edit address for a shipment\n * @param {jQuery} element - The shipping content\n * @param {string} mode - the address mode\n */\nfunction editOrEnterMultiShipInfo(element, mode) {\n var form = $(element).closest('form');\n var root = $(element).closest('.shipping-content');\n\n $('body').trigger('shipping:updateDataAddressMode', { form: form, mode: mode });\n\n editMultiShipAddress(root);\n\n var addressInfo = addressHelpers.methods.getAddressFieldsFromUI(form);\n\n var savedState = {\n UUID: $('input[name=shipmentUUID]', form).val(),\n shippingAddress: addressInfo\n };\n\n root.data('saved-state', JSON.stringify(savedState));\n}\n\nmodule.exports = {\n methods: {\n updateShippingAddressSelector: updateShippingAddressSelector,\n updateShippingAddressFormValues: updateShippingAddressFormValues,\n updateShippingMethods: updateShippingMethods,\n updateShippingSummaryInformation: updateShippingSummaryInformation,\n updatePLIShippingSummaryInformation: updatePLIShippingSummaryInformation,\n updateProductLineItemShipmentUUIDs: updateProductLineItemShipmentUUIDs,\n updateShippingInformation: updateShippingInformation,\n updateMultiShipInformation: updateMultiShipInformation,\n shippingFormResponse: shippingFormResponse,\n createNewShipment: createNewShipment,\n selectShippingMethodAjax: selectShippingMethodAjax,\n updateShippingMethodList: updateShippingMethodList,\n clearShippingForms: clearShippingForms,\n editMultiShipAddress: editMultiShipAddress,\n editOrEnterMultiShipInfo: editOrEnterMultiShipInfo,\n createErrorNotification: createErrorNotification,\n viewMultishipAddress: viewMultishipAddress\n },\n selectShippingMethod: function () {\n var baseObj = this;\n\n $('.shipping-method-list').change(function () {\n var $shippingForm = $(this).parents('form');\n var methodID = $(':checked', this).val();\n var shipmentUUID = $shippingForm.find('[name=shipmentUUID]').val();\n var urlParams = addressHelpers.methods.getAddressFieldsFromUI($shippingForm);\n urlParams.shipmentUUID = shipmentUUID;\n urlParams.methodID = methodID;\n urlParams.isGift = $shippingForm.find('.gift').prop('checked');\n urlParams.giftMessage = $shippingForm.find('textarea[name$=_giftMessage]').val();\n\n var url = $(this).data('select-shipping-method-url');\n\n if (baseObj.methods && baseObj.methods.selectShippingMethodAjax) {\n baseObj.methods.selectShippingMethodAjax(url, urlParams, $(this));\n } else {\n selectShippingMethodAjax(url, urlParams, $(this));\n }\n });\n },\n\n toggleMultiship: function () {\n var baseObj = this;\n\n $('input[name=\"usingMultiShipping\"]').on('change', function () {\n var url = $('.multi-shipping-checkbox-block form').attr('action');\n var usingMultiShip = this.checked;\n\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: { usingMultiShip: usingMultiShip },\n success: function (response) {\n if (response.error) {\n window.location.href = response.redirectUrl;\n } else {\n $('body').trigger('checkout:updateCheckoutView', {\n order: response.order,\n customer: response.customer\n });\n\n if ($('#checkout-main').data('customer-type') === 'guest') {\n if (baseObj.methods && baseObj.methods.clearShippingForms) {\n baseObj.methods.clearShippingForms(response.order);\n } else {\n clearShippingForms(response.order);\n }\n } else {\n response.order.shipping.forEach(function (shipping) {\n $('input[value=' + shipping.UUID + ']').each(function (formIndex, el) {\n var form = el.form;\n if (!form) return;\n\n $(form).attr('data-address-mode', 'edit');\n var addressSelectorDropDown = $(form).find('.addressSelector option[value=\"ab_' + shipping.matchingAddressId + '\"]');\n $(addressSelectorDropDown).prop('selected', true);\n $('input[name$=_isGift]', form).prop('checked', false);\n $('textarea[name$=_giftMessage]', form).val('');\n $(form).find('.gift-message').addClass('d-none');\n });\n });\n }\n\n if (usingMultiShip) {\n $('body').trigger('shipping:selectMultiShipping', { data: response });\n } else {\n $('body').trigger('shipping:selectSingleShipping', { data: response });\n }\n }\n\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n selectSingleShipping: function () {\n $('body').on('shipping:selectSingleShipping', function () {\n $('.single-shipping .shipping-address').removeClass('d-none');\n });\n },\n\n selectMultiShipping: function () {\n var baseObj = this;\n\n $('body').on('shipping:selectMultiShipping', function (e, data) {\n $('.multi-shipping .shipping-address').addClass('d-none');\n\n data.data.order.shipping.forEach(function (shipping) {\n var element = $('.multi-shipping .card[data-shipment-uuid=\"' + shipping.UUID + '\"]');\n\n if (shipping.shippingAddress) {\n if (baseObj.methods && baseObj.methods.viewMultishipAddress) {\n baseObj.methods.viewMultishipAddress($(element));\n } else {\n viewMultishipAddress($(element));\n }\n } else {\n /* eslint-disable no-lonely-if */\n if (baseObj.methods && baseObj.methods.enterMultishipView) {\n baseObj.methods.enterMultishipView($(element));\n } else {\n enterMultishipView($(element));\n }\n /* eslint-enable no-lonely-if */\n }\n });\n });\n },\n\n selectSingleShipAddress: function () {\n $('.single-shipping .addressSelector').on('change', function () {\n var form = $(this).parents('form')[0];\n var shipmentUUID = $(this)[0].value;\n var originalUUID = $('input[name=shipmentUUID]', form).val();\n var attrs = $(this)[0].dataset;\n var element;\n\n Object.keys(attrs).forEach(function (attr) {\n element = attr === 'countryCode' ? 'country' : attr;\n $('[name$=' + element + ']', form).val(attrs[attr]);\n });\n\n if (shipmentUUID === 'new') {\n $(form).attr('data-address-mode', 'new');\n } else if (shipmentUUID === originalUUID) {\n $(form).attr('data-address-mode', 'shipment');\n } else if (shipmentUUID.indexOf('ab_') === 0) {\n $(form).attr('data-address-mode', 'customer');\n } else {\n $(form).attr('data-address-mode', 'edit');\n }\n });\n\n // Trigger on load to make sure data is set correctly\n if ($('.single-shipping .addressSelector').is(':visible:checked')) {\n $('.single-shipping .addressSelector:visible:checked').trigger('change');\n }\n },\n\n updateShippingList: function () {\n var baseObj = this;\n\n $('select[name$=\"shippingAddress_addressFields_states_stateCode\"]')\n .on('change', function (e) {\n if (baseObj.methods && baseObj.methods.updateShippingMethodList) {\n baseObj.methods.updateShippingMethodList($(e.currentTarget.form));\n } else {\n updateShippingMethodList($(e.currentTarget.form));\n }\n });\n },\n\n updateDataAddressMode: function () {\n $('body').on('shipping:updateDataAddressMode', function (e, data) {\n $(data.form).attr('data-address-mode', data.mode);\n });\n },\n\n enterMultiShipInfo: function () {\n var baseObj = this;\n\n $('.btn-enter-multi-ship').on('click', function (e) {\n e.preventDefault();\n\n if (baseObj.methods && baseObj.methods.editOrEnterMultiShipInfo) {\n baseObj.methods.editOrEnterMultiShipInfo($(this), 'new');\n } else {\n editOrEnterMultiShipInfo($(this), 'new');\n }\n });\n },\n\n editMultiShipInfo: function () {\n var baseObj = this;\n\n $('.btn-edit-multi-ship').on('click', function (e) {\n e.preventDefault();\n\n if (baseObj.methods && baseObj.methods.editOrEnterMultiShipInfo) {\n baseObj.methods.editOrEnterMultiShipInfo($(this), 'edit');\n } else {\n editOrEnterMultiShipInfo($(this), 'edit');\n }\n });\n },\n\n saveMultiShipInfo: function () {\n var baseObj = this;\n\n $('.btn-save-multi-ship').on('click', function (e) {\n e.preventDefault();\n\n // Save address to checkoutAddressBook\n var form = $(this).closest('form');\n var $rootEl = $(this).closest('.shipping-content');\n var data = $(form).serialize();\n var url = $(form).attr('action');\n\n $rootEl.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: data\n })\n .done(function (response) {\n formHelpers.clearPreviousErrors(form);\n if (response.error) {\n if (response.fieldErrors && response.fieldErrors.length) {\n response.fieldErrors.forEach(function (error) {\n if (Object.keys(error).length) {\n formHelpers.loadFormErrors(form, error);\n }\n });\n } else if (response.serverErrors && response.serverErrors.length) {\n $.each(response.serverErrors, function (index, element) {\n createErrorNotification(element);\n });\n }\n } else {\n // Update UI from response\n $('body').trigger('checkout:updateCheckoutView',\n {\n order: response.order,\n customer: response.customer\n }\n );\n\n if (baseObj.methods && baseObj.methods.viewMultishipAddress) {\n baseObj.methods.viewMultishipAddress($rootEl);\n } else {\n viewMultishipAddress($rootEl);\n }\n }\n\n if (response.order && response.order.shippable) {\n $('button.submit-shipping').attr('disabled', null);\n }\n\n $rootEl.spinner().stop();\n })\n .fail(function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n\n $rootEl.spinner().stop();\n });\n\n return false;\n });\n },\n\n cancelMultiShipAddress: function () {\n var baseObj = this;\n\n $('.btn-cancel-multi-ship-address').on('click', function (e) {\n e.preventDefault();\n\n var form = $(this).closest('form');\n var $rootEl = $(this).closest('.shipping-content');\n var restoreState = $rootEl.data('saved-state');\n\n // Should clear out changes / restore previous state\n if (restoreState) {\n var restoreStateObj = JSON.parse(restoreState);\n var originalStateCode = restoreStateObj.shippingAddress.stateCode;\n var stateCode = $('[name$=_stateCode]', form).val();\n\n if (baseObj.methods && baseObj.methods.updateShippingAddressFormValues) {\n baseObj.methods.updateShippingAddressFormValues(restoreStateObj);\n } else {\n updateShippingAddressFormValues(restoreStateObj);\n }\n\n if (stateCode !== originalStateCode) {\n $('[data-action=save]', form).trigger('click');\n } else {\n $(form).attr('data-address-mode', 'edit');\n if (baseObj.methods && baseObj.methods.editMultiShipAddress) {\n baseObj.methods.editMultiShipAddress($rootEl);\n } else {\n editMultiShipAddress($rootEl);\n }\n }\n }\n\n return false;\n });\n },\n\n isGift: function () {\n $('.gift').on('change', function (e) {\n e.preventDefault();\n var form = $(this).closest('form');\n\n if (this.checked) {\n $(form).find('.gift-message').removeClass('d-none');\n } else {\n $(form).find('.gift-message').addClass('d-none');\n $(form).find('.gift-message').val('');\n }\n });\n },\n initNewRegistration: function () {\n /** If a user has just registered there are no addresses in his account. Open up the popup to create one automatically. */\n if ($('[data-checkout-stage=\"shipping\"] .addressSelector').length === 0 && $('.jquery-address-add').is(':visible')) {\n /** Timeout so it is triggered after the rest of the JS is done */\n setTimeout(function () {\n $('.jquery-address-add').trigger('click');\n }, 100);\n }\n }\n};\n","'use strict';\n\nvar addressHelpers = require('../base/checkout/address');\nvar cleave = require('../base/components/cleave');\n\n/**\n * updates the billing address selector within billing forms\n * @param {Object} order - the order model\n * @param {Object} customer - the customer model\n */\nfunction updateBillingAddressSelector(order, customer) {\n var shippings = order.shipping;\n\n\n var form = $('form[name$=billing]')[0];\n var $billingAddressSelector = $('.billingAddressSelector', form);\n var hasSelectedAddress = false;\n\n if ($billingAddressSelector && $billingAddressSelector.length === 1) {\n $billingAddressSelector.empty();\n // Add New Address option\n $billingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n null,\n false,\n order,\n { type: 'billing' }));\n\n // Separator -\n $billingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n order.resources.shippingAddresses, false, order, {\n // className: 'multi-shipping',\n type: 'billing'\n }\n ));\n\n shippings.forEach(function (aShipping) {\n var isSelected = order.billing.matchingAddressId === aShipping.UUID;\n hasSelectedAddress = hasSelectedAddress || isSelected;\n // Shipping Address option\n $billingAddressSelector.append(\n addressHelpers.methods.optionValueForAddress(aShipping, isSelected, order,\n {\n // className: 'multi-shipping',\n type: 'billing'\n }\n )\n );\n });\n\n if (customer.addresses && customer.addresses.length > 0) {\n $billingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n order.resources.accountAddresses, false, order));\n customer.addresses.forEach(function (address) {\n var isSelected = order.billing.matchingAddressId === address.ID;\n hasSelectedAddress = hasSelectedAddress || isSelected;\n // Customer Address option\n $billingAddressSelector.append(\n addressHelpers.methods.optionValueForAddress({\n UUID: 'ab_' + address.ID,\n shippingAddress: address\n }, isSelected, order, { type: 'billing' })\n );\n });\n }\n }\n\n if (hasSelectedAddress\n || (!order.billing.matchingAddressId && order.billing.billingAddress.address)) {\n // show\n $(form).attr('data-address-mode', 'edit');\n } else {\n $(form).attr('data-address-mode', 'new');\n }\n\n $billingAddressSelector.find('input[name=alias]').prop('checked', true);\n $billingAddressSelector.show();\n}\n\n/**\n * updates the billing address form values within payment forms\n * @param {Object} order - the order model\n */\nfunction updateBillingAddressFormValues(order) {\n var billing = order.billing;\n if (!billing.billingAddress || !billing.billingAddress.address) return;\n\n var form = $('form[name=dwfrm_billing]');\n if (!form) return;\n $('input[name$=_firstName]', form).val(billing.billingAddress.address.firstName);\n $('input[name$=_lastName]', form).val(billing.billingAddress.address.lastName);\n $('input[name$=_address1]', form).val(billing.billingAddress.address.address1);\n $('input[name$=_address2]', form).val(billing.billingAddress.address.address2);\n $('input[name$=_postBox]', form).val(billing.billingAddress.address.postBox);\n $('input[name$=_city]', form).val(billing.billingAddress.address.city);\n $('input[name$=_postalCode]', form).val(billing.billingAddress.address.postalCode);\n $('select[name$=_stateCode],input[name$=_stateCode]', form)\n .val(billing.billingAddress.address.stateCode);\n $('select[name$=_country]', form).val(billing.billingAddress.address.countryCode.value);\n $('input[name$=_email]', form).val(order.orderEmail);\n\n if (billing.payment && billing.payment.selectedPaymentInstruments\n && billing.payment.selectedPaymentInstruments.length > 0) {\n var instrument = billing.payment.selectedPaymentInstruments[0];\n $('select[name$=expirationMonth]', form).val(instrument.expirationMonth);\n $('select[name$=expirationYear]', form).val(instrument.expirationYear);\n // Force security code and card number clear\n $('input[name$=securityCode]', form).val('');\n }\n}\n\n/**\n * clears the billing address form values\n */\nfunction clearBillingAddressFormValues() {\n updateBillingAddressFormValues({\n billing: {\n billingAddress: {\n address: {\n countryCode: {}\n }\n }\n }\n });\n}\n\n/**\n * Updates the billing information in checkout, based on the supplied order model\n * @param {Object} order - checkout model to use as basis of new truth\n * @param {Object} customer - customer model to use as basis of new truth\n * @param {Object} [options] - options\n */\nfunction updateBillingInformation(order, customer) {\n updateBillingAddressSelector(order, customer);\n\n // update billing address form\n updateBillingAddressFormValues(order);\n\n // update billing address summary\n addressHelpers.methods.populateAddressSummary('.billing .address-summary',\n order.billing.billingAddress.address);\n\n // update billing parts of order summary\n $('.order-summary-email').text(order.orderEmail);\n}\n\n/**\n * Updates the payment information in checkout, based on the supplied order model\n * @param {Object} order - checkout model to use as basis of new truth\n */\nfunction updatePaymentInformation(order) {\n // update payment details\n var $paymentSummary = $('.payment-details');\n var htmlToAppend = '';\n\n if (order.billing.payment && order.billing.payment.selectedPaymentInstruments\n && order.billing.payment.selectedPaymentInstruments.length > 0) {\n htmlToAppend += '
' + order.resources.cardType + ' '\n + order.billing.payment.selectedPaymentInstruments[0].type\n + ''\n + order.billing.payment.selectedPaymentInstruments[0].maskedCreditCardNumber\n + '
'\n + order.resources.cardEnding + ' '\n + order.billing.payment.selectedPaymentInstruments[0].expirationMonth\n + '/' + order.billing.payment.selectedPaymentInstruments[0].expirationYear\n + '
';\n }\n\n $paymentSummary.empty().append(htmlToAppend);\n}\n\n/**\n * clears the credit card form\n */\nfunction clearCreditCardForm() {\n $('input[name$=\"_cardNumber\"]').data('cleave').setRawValue('');\n $('select[name$=\"_expirationMonth\"]').val('');\n $('select[name$=\"_expirationYear\"]').val('');\n $('input[name$=\"_securityCode\"]').val('');\n}\n\nmodule.exports = {\n methods: {\n updateBillingAddressSelector: updateBillingAddressSelector,\n updateBillingAddressFormValues: updateBillingAddressFormValues,\n clearBillingAddressFormValues: clearBillingAddressFormValues,\n updateBillingInformation: updateBillingInformation,\n updatePaymentInformation: updatePaymentInformation,\n clearCreditCardForm: clearCreditCardForm\n },\n\n showBillingDetails: function () {\n $('.btn-show-billing-details').on('click', function () {\n $(this).parents('[data-address-mode]').attr('data-address-mode', 'new');\n });\n },\n\n hideBillingDetails: function () {\n $('.btn-hide-billing-details').on('click', function () {\n $(this).parents('[data-address-mode]').attr('data-address-mode', 'shipment');\n });\n },\n\n selectBillingAddress: function () {\n $('.billingAddressSelector').on('change', function () {\n var form = $('form.jquery-checkout-payment-form');\n $(form).attr('data-address-mode', 'shipment');\n\n // Copy fields\n var attrs = $(this)[0].dataset;\n var element;\n\n Object.keys(attrs).forEach(function (attr) {\n element = attr === 'countryCode' ? 'country' : attr;\n if (element === 'cardNumber') {\n $('.cardNumber').data('cleave').setRawValue(attrs[attr]);\n } else {\n $('[name$=' + element + ']', form).val(attrs[attr]);\n }\n });\n });\n if ($('.billingAddressSelector').is(':visible:checked')) {\n $('.billingAddressSelector:visible:checked').trigger('change');\n }\n },\n\n santitizeForm: function () {\n $('body').on('checkout:serializeBilling', function (e, data) {\n var serializedForm = cleave.serializeData(data.form);\n\n data.callback(serializedForm);\n });\n },\n\n selectSavedPaymentInstrument: function () {\n $(document).on('click', '.saved-payment-instrument input', function () {\n let $collapseElement = $(this).closest('.saved-payment-instrument').data('href');\n if (!$($collapseElement).hasClass('show')) {\n $('.collapse').collapse('hide');\n }\n $('.collapse' + $collapseElement).collapse('show');\n $('.saved-payment-security-code').val('');\n $('.saved-payment-instrument').removeClass('selected-payment');\n $(this).closest('.saved-payment-instrument').addClass('selected-payment');\n $('.saved-payment-instrument .card-image').removeClass('checkout-hidden');\n $('.saved-payment-instrument .security-code-input').addClass('checkout-hidden');\n $('.saved-payment-instrument.selected-payment' +\n ' .card-image').addClass('checkout-hidden');\n $('.saved-payment-instrument.selected-payment ' +\n '.security-code-input').removeClass('checkout-hidden');\n $('.saved-payment-instrument').find('i').removeClass('fa-rotate-180');\n $(this).closest('.saved-payment-instrument').find('i').toggleClass('fa-rotate-180');\n $(this).closest('.saved-payment-instrument').next().find('input:first')\n .prop('checked', true);\n });\n },\n\n addNewPaymentInstrument: function () {\n $('.btn.add-payment').on('click', function (e) {\n e.preventDefault();\n $('.payment-information').data('is-new-payment', true);\n clearCreditCardForm();\n $('.credit-card-form').removeClass('checkout-hidden');\n $('.user-payment-instruments').addClass('checkout-hidden');\n });\n },\n\n cancelNewPayment: function () {\n $('.cancel-new-payment').on('click', function (e) {\n e.preventDefault();\n $('.payment-information').data('is-new-payment', false);\n clearCreditCardForm();\n $('.user-payment-instruments').removeClass('checkout-hidden');\n $('.credit-card-form').addClass('checkout-hidden');\n });\n },\n\n clearBillingForm: function () {\n $('body').on('checkout:clearBillingForm', function () {\n clearBillingAddressFormValues();\n });\n },\n\n paymentTabs: function () {\n $('.payment-options .nav-item').on('click', function (e) {\n e.preventDefault();\n var methodID = $(this).data('method-id');\n $('.payment-information').data('payment-method-id', methodID);\n });\n }\n};\n","'use strict';\n\nvar Cleave = require('cleave.js');\n\nmodule.exports = {\n handleCreditCardNumber: function (cardFieldSelector, cardTypeSelector) {\n var cleave = new Cleave(cardFieldSelector, {\n creditCard: true,\n onCreditCardTypeChanged: function (type) {\n var creditCardTypes = {\n visa: 'Visa',\n mastercard: 'Master Card',\n amex: 'Amex',\n discover: 'Discover',\n unknown: 'Unknown'\n };\n\n var cardType = creditCardTypes[Object.keys(creditCardTypes).indexOf(type) > -1\n ? type\n : 'unknown'];\n $(cardTypeSelector).val(cardType);\n $('.card-number-wrapper').attr('data-type', type);\n if (type === 'visa' || type === 'mastercard' || type === 'discover') {\n $('#securityCode').attr('maxlength', 3);\n } else {\n $('#securityCode').attr('maxlength', 4);\n }\n }\n });\n\n $(cardFieldSelector).data('cleave', cleave);\n },\n\n serializeData: function (form) {\n var serializedArray = form.serializeArray();\n\n serializedArray.forEach(function (item) {\n if (item.name.indexOf('cardNumber') > -1) {\n item.value = $('#cardNumber').data('cleave').getRawValue(); // eslint-disable-line\n }\n });\n\n return $.param(serializedArray);\n }\n};\n","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Cleave\"] = factory();\n\telse\n\t\troot[\"Cleave\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\t/* WEBPACK VAR INJECTION */(function(global) {'use strict';\n\n\t/**\n\t * Construct a new Cleave instance by passing the configuration object\n\t *\n\t * @param {String | HTMLElement} element\n\t * @param {Object} opts\n\t */\n\tvar Cleave = function (element, opts) {\n\t var owner = this;\n\n\t if (typeof element === 'string') {\n\t owner.element = document.querySelector(element);\n\t } else {\n\t owner.element = ((typeof element.length !== 'undefined') && element.length > 0) ? element[0] : element;\n\t }\n\n\t if (!owner.element) {\n\t throw new Error('[cleave.js] Please check the element');\n\t }\n\n\t opts.initValue = owner.element.value;\n\n\t owner.properties = Cleave.DefaultProperties.assign({}, opts);\n\n\t owner.init();\n\t};\n\n\tCleave.prototype = {\n\t init: function () {\n\t var owner = this, pps = owner.properties;\n\n\t // no need to use this lib\n\t if (!pps.numeral && !pps.phone && !pps.creditCard && !pps.time && !pps.date && (pps.blocksLength === 0 && !pps.prefix)) {\n\t owner.onInput(pps.initValue);\n\n\t return;\n\t }\n\n\t pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);\n\n\t owner.isAndroid = Cleave.Util.isAndroid();\n\t owner.lastInputValue = '';\n\n\t owner.onChangeListener = owner.onChange.bind(owner);\n\t owner.onKeyDownListener = owner.onKeyDown.bind(owner);\n\t owner.onFocusListener = owner.onFocus.bind(owner);\n\t owner.onCutListener = owner.onCut.bind(owner);\n\t owner.onCopyListener = owner.onCopy.bind(owner);\n\n\t owner.element.addEventListener('input', owner.onChangeListener);\n\t owner.element.addEventListener('keydown', owner.onKeyDownListener);\n\t owner.element.addEventListener('focus', owner.onFocusListener);\n\t owner.element.addEventListener('cut', owner.onCutListener);\n\t owner.element.addEventListener('copy', owner.onCopyListener);\n\n\n\t owner.initPhoneFormatter();\n\t owner.initDateFormatter();\n\t owner.initTimeFormatter();\n\t owner.initNumeralFormatter();\n\n\t // avoid touch input field if value is null\n\t // otherwise Firefox will add red box-shadow for
\n\t if (pps.initValue || (pps.prefix && !pps.noImmediatePrefix)) {\n\t owner.onInput(pps.initValue);\n\t }\n\t },\n\n\t initNumeralFormatter: function () {\n\t var owner = this, pps = owner.properties;\n\n\t if (!pps.numeral) {\n\t return;\n\t }\n\n\t pps.numeralFormatter = new Cleave.NumeralFormatter(\n\t pps.numeralDecimalMark,\n\t pps.numeralIntegerScale,\n\t pps.numeralDecimalScale,\n\t pps.numeralThousandsGroupStyle,\n\t pps.numeralPositiveOnly,\n\t pps.stripLeadingZeroes,\n\t pps.delimiter\n\t );\n\t },\n\n\t initTimeFormatter: function() {\n\t var owner = this, pps = owner.properties;\n\n\t if (!pps.time) {\n\t return;\n\t }\n\n\t pps.timeFormatter = new Cleave.TimeFormatter(pps.timePattern);\n\t pps.blocks = pps.timeFormatter.getBlocks();\n\t pps.blocksLength = pps.blocks.length;\n\t pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);\n\t },\n\n\t initDateFormatter: function () {\n\t var owner = this, pps = owner.properties;\n\n\t if (!pps.date) {\n\t return;\n\t }\n\n\t pps.dateFormatter = new Cleave.DateFormatter(pps.datePattern);\n\t pps.blocks = pps.dateFormatter.getBlocks();\n\t pps.blocksLength = pps.blocks.length;\n\t pps.maxLength = Cleave.Util.getMaxLength(pps.blocks);\n\t },\n\n\t initPhoneFormatter: function () {\n\t var owner = this, pps = owner.properties;\n\n\t if (!pps.phone) {\n\t return;\n\t }\n\n\t // Cleave.AsYouTypeFormatter should be provided by\n\t // external google closure lib\n\t try {\n\t pps.phoneFormatter = new Cleave.PhoneFormatter(\n\t new pps.root.Cleave.AsYouTypeFormatter(pps.phoneRegionCode),\n\t pps.delimiter\n\t );\n\t } catch (ex) {\n\t throw new Error('[cleave.js] Please include phone-type-formatter.{country}.js lib');\n\t }\n\t },\n\n\t onKeyDown: function (event) {\n\t var owner = this, pps = owner.properties,\n\t charCode = event.which || event.keyCode,\n\t Util = Cleave.Util,\n\t currentValue = owner.element.value;\n\n\t if (charCode === 229\n\t && Util.isAndroidBackspaceKeydown(owner.lastInputValue, currentValue)\n\t ) {\n\t charCode = 8;\n\t }\n\n\t owner.lastInputValue = currentValue;\n\n\t // hit backspace when last character is delimiter\n\t if (charCode === 8 && Util.isDelimiter(currentValue.slice(-pps.delimiterLength), pps.delimiter, pps.delimiters)) {\n\t pps.backspace = true;\n\n\t return;\n\t }\n\n\t pps.backspace = false;\n\t },\n\n\t onChange: function () {\n\t this.onInput(this.element.value);\n\t },\n\n\t onFocus: function () {\n\t var owner = this,\n\t pps = owner.properties;\n\n\t Cleave.Util.fixPrefixCursor(owner.element, pps.prefix, pps.delimiter, pps.delimiters);\n\t },\n\n\t onCut: function (e) {\n\t this.copyClipboardData(e);\n\t this.onInput('');\n\t },\n\n\t onCopy: function (e) {\n\t this.copyClipboardData(e);\n\t },\n\n\t copyClipboardData: function (e) {\n\t var owner = this,\n\t pps = owner.properties,\n\t Util = Cleave.Util,\n\t inputValue = owner.element.value,\n\t textToCopy = '';\n\n\t if (!pps.copyDelimiter) {\n\t textToCopy = Util.stripDelimiters(inputValue, pps.delimiter, pps.delimiters);\n\t } else {\n\t textToCopy = inputValue;\n\t }\n\n\t try {\n\t if (e.clipboardData) {\n\t e.clipboardData.setData('Text', textToCopy);\n\t } else {\n\t window.clipboardData.setData('Text', textToCopy);\n\t }\n\n\t e.preventDefault();\n\t } catch (ex) {\n\t // empty\n\t }\n\t },\n\n\t onInput: function (value) {\n\t var owner = this, pps = owner.properties,\n\t Util = Cleave.Util;\n\n\t // case 1: delete one more character \"4\"\n\t // 1234*| -> hit backspace -> 123|\n\t // case 2: last character is not delimiter which is:\n\t // 12|34* -> hit backspace -> 1|34*\n\t // note: no need to apply this for numeral mode\n\t if (!pps.numeral && pps.backspace && !Util.isDelimiter(value.slice(-pps.delimiterLength), pps.delimiter, pps.delimiters)) {\n\t value = Util.headStr(value, value.length - pps.delimiterLength);\n\t }\n\n\t // phone formatter\n\t if (pps.phone) {\n\t if (pps.prefix && (!pps.noImmediatePrefix || value.length)) {\n\t pps.result = pps.prefix + pps.phoneFormatter.format(value).slice(pps.prefix.length);\n\t } else {\n\t pps.result = pps.phoneFormatter.format(value);\n\t }\n\t owner.updateValueState();\n\n\t return;\n\t }\n\n\t // numeral formatter\n\t if (pps.numeral) {\n\t if (pps.prefix && (!pps.noImmediatePrefix || value.length)) {\n\t pps.result = pps.prefix + pps.numeralFormatter.format(value);\n\t } else {\n\t pps.result = pps.numeralFormatter.format(value);\n\t }\n\t owner.updateValueState();\n\n\t return;\n\t }\n\n\t // date\n\t if (pps.date) {\n\t value = pps.dateFormatter.getValidatedDate(value);\n\t }\n\n\t // time\n\t if (pps.time) {\n\t value = pps.timeFormatter.getValidatedTime(value);\n\t }\n\n\t // strip delimiters\n\t value = Util.stripDelimiters(value, pps.delimiter, pps.delimiters);\n\n\t // strip prefix\n\t value = Util.getPrefixStrippedValue(value, pps.prefix, pps.prefixLength, pps.result);\n\n\t // strip non-numeric characters\n\t value = pps.numericOnly ? Util.strip(value, /[^\\d]/g) : value;\n\n\t // convert case\n\t value = pps.uppercase ? value.toUpperCase() : value;\n\t value = pps.lowercase ? value.toLowerCase() : value;\n\n\t // prefix\n\t if (pps.prefix && (!pps.noImmediatePrefix || value.length)) {\n\t value = pps.prefix + value;\n\n\t // no blocks specified, no need to do formatting\n\t if (pps.blocksLength === 0) {\n\t pps.result = value;\n\t owner.updateValueState();\n\n\t return;\n\t }\n\t }\n\n\t // update credit card props\n\t if (pps.creditCard) {\n\t owner.updateCreditCardPropsByValue(value);\n\t }\n\n\t // strip over length characters\n\t value = Util.headStr(value, pps.maxLength);\n\n\t // apply blocks\n\t pps.result = Util.getFormattedValue(\n\t value,\n\t pps.blocks, pps.blocksLength,\n\t pps.delimiter, pps.delimiters, pps.delimiterLazyShow\n\t );\n\n\t owner.updateValueState();\n\t },\n\n\t updateCreditCardPropsByValue: function (value) {\n\t var owner = this, pps = owner.properties,\n\t Util = Cleave.Util,\n\t creditCardInfo;\n\n\t // At least one of the first 4 characters has changed\n\t if (Util.headStr(pps.result, 4) === Util.headStr(value, 4)) {\n\t return;\n\t }\n\n\t creditCardInfo = Cleave.CreditCardDetector.getInfo(value, pps.creditCardStrictMode);\n\n\t pps.blocks = creditCardInfo.blocks;\n\t pps.blocksLength = pps.blocks.length;\n\t pps.maxLength = Util.getMaxLength(pps.blocks);\n\n\t // credit card type changed\n\t if (pps.creditCardType !== creditCardInfo.type) {\n\t pps.creditCardType = creditCardInfo.type;\n\n\t pps.onCreditCardTypeChanged.call(owner, pps.creditCardType);\n\t }\n\t },\n\n\t updateValueState: function () {\n\t var owner = this,\n\t Util = Cleave.Util,\n\t pps = owner.properties;\n\n\t if (!owner.element) {\n\t return;\n\t }\n\n\t var endPos = owner.element.selectionEnd;\n\t var oldValue = owner.element.value;\n\t var newValue = pps.result;\n\n\t endPos = Util.getNextCursorPosition(endPos, oldValue, newValue, pps.delimiter, pps.delimiters);\n\n\t // fix Android browser type=\"text\" input field\n\t // cursor not jumping issue\n\t if (owner.isAndroid) {\n\t window.setTimeout(function () {\n\t owner.element.value = newValue;\n\t Util.setSelection(owner.element, endPos, pps.document, false);\n\t owner.callOnValueChanged();\n\t }, 1);\n\n\t return;\n\t }\n\n\t owner.element.value = newValue;\n\t Util.setSelection(owner.element, endPos, pps.document, false);\n\t owner.callOnValueChanged();\n\t },\n\n\t callOnValueChanged: function () {\n\t var owner = this,\n\t pps = owner.properties;\n\n\t pps.onValueChanged.call(owner, {\n\t target: {\n\t value: pps.result,\n\t rawValue: owner.getRawValue()\n\t }\n\t });\n\t },\n\n\t setPhoneRegionCode: function (phoneRegionCode) {\n\t var owner = this, pps = owner.properties;\n\n\t pps.phoneRegionCode = phoneRegionCode;\n\t owner.initPhoneFormatter();\n\t owner.onChange();\n\t },\n\n\t setRawValue: function (value) {\n\t var owner = this, pps = owner.properties;\n\n\t value = value !== undefined && value !== null ? value.toString() : '';\n\n\t if (pps.numeral) {\n\t value = value.replace('.', pps.numeralDecimalMark);\n\t }\n\n\t pps.backspace = false;\n\n\t owner.element.value = value;\n\t owner.onInput(value);\n\t },\n\n\t getRawValue: function () {\n\t var owner = this,\n\t pps = owner.properties,\n\t Util = Cleave.Util,\n\t rawValue = owner.element.value;\n\n\t if (pps.rawValueTrimPrefix) {\n\t rawValue = Util.getPrefixStrippedValue(rawValue, pps.prefix, pps.prefixLength, pps.result);\n\t }\n\n\t if (pps.numeral) {\n\t rawValue = pps.numeralFormatter.getRawValue(rawValue);\n\t } else {\n\t rawValue = Util.stripDelimiters(rawValue, pps.delimiter, pps.delimiters);\n\t }\n\n\t return rawValue;\n\t },\n\n\t getISOFormatDate: function () {\n\t var owner = this,\n\t pps = owner.properties;\n\n\t return pps.date ? pps.dateFormatter.getISOFormatDate() : '';\n\t },\n\n\t getFormattedValue: function () {\n\t return this.element.value;\n\t },\n\n\t destroy: function () {\n\t var owner = this;\n\n\t owner.element.removeEventListener('input', owner.onChangeListener);\n\t owner.element.removeEventListener('keydown', owner.onKeyDownListener);\n\t owner.element.removeEventListener('focus', owner.onFocusListener);\n\t owner.element.removeEventListener('cut', owner.onCutListener);\n\t owner.element.removeEventListener('copy', owner.onCopyListener);\n\t },\n\n\t toString: function () {\n\t return '[Cleave Object]';\n\t }\n\t};\n\n\tCleave.NumeralFormatter = __webpack_require__(1);\n\tCleave.DateFormatter = __webpack_require__(2);\n\tCleave.TimeFormatter = __webpack_require__(3);\n\tCleave.PhoneFormatter = __webpack_require__(4);\n\tCleave.CreditCardDetector = __webpack_require__(5);\n\tCleave.Util = __webpack_require__(6);\n\tCleave.DefaultProperties = __webpack_require__(7);\n\n\t// for angular directive\n\t((typeof global === 'object' && global) ? global : window)['Cleave'] = Cleave;\n\n\t// CommonJS\n\tmodule.exports = Cleave;\n\n\t/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\n\t'use strict';\n\n\tvar NumeralFormatter = function (numeralDecimalMark,\n\t numeralIntegerScale,\n\t numeralDecimalScale,\n\t numeralThousandsGroupStyle,\n\t numeralPositiveOnly,\n\t stripLeadingZeroes,\n\t delimiter) {\n\t var owner = this;\n\n\t owner.numeralDecimalMark = numeralDecimalMark || '.';\n\t owner.numeralIntegerScale = numeralIntegerScale > 0 ? numeralIntegerScale : 0;\n\t owner.numeralDecimalScale = numeralDecimalScale >= 0 ? numeralDecimalScale : 2;\n\t owner.numeralThousandsGroupStyle = numeralThousandsGroupStyle || NumeralFormatter.groupStyle.thousand;\n\t owner.numeralPositiveOnly = !!numeralPositiveOnly;\n\t owner.stripLeadingZeroes = stripLeadingZeroes !== false;\n\t owner.delimiter = (delimiter || delimiter === '') ? delimiter : ',';\n\t owner.delimiterRE = delimiter ? new RegExp('\\\\' + delimiter, 'g') : '';\n\t};\n\n\tNumeralFormatter.groupStyle = {\n\t thousand: 'thousand',\n\t lakh: 'lakh',\n\t wan: 'wan',\n\t none: 'none' \n\t};\n\n\tNumeralFormatter.prototype = {\n\t getRawValue: function (value) {\n\t return value.replace(this.delimiterRE, '').replace(this.numeralDecimalMark, '.');\n\t },\n\n\t format: function (value) {\n\t var owner = this, parts, partInteger, partDecimal = '';\n\n\t // strip alphabet letters\n\t value = value.replace(/[A-Za-z]/g, '')\n\t // replace the first decimal mark with reserved placeholder\n\t .replace(owner.numeralDecimalMark, 'M')\n\n\t // strip non numeric letters except minus and \"M\"\n\t // this is to ensure prefix has been stripped\n\t .replace(/[^\\dM-]/g, '')\n\n\t // replace the leading minus with reserved placeholder\n\t .replace(/^\\-/, 'N')\n\n\t // strip the other minus sign (if present)\n\t .replace(/\\-/g, '')\n\n\t // replace the minus sign (if present)\n\t .replace('N', owner.numeralPositiveOnly ? '' : '-')\n\n\t // replace decimal mark\n\t .replace('M', owner.numeralDecimalMark);\n\n\t // strip any leading zeros\n\t if (owner.stripLeadingZeroes) {\n\t value = value.replace(/^(-)?0+(?=\\d)/, '$1');\n\t }\n\n\t partInteger = value;\n\n\t if (value.indexOf(owner.numeralDecimalMark) >= 0) {\n\t parts = value.split(owner.numeralDecimalMark);\n\t partInteger = parts[0];\n\t partDecimal = owner.numeralDecimalMark + parts[1].slice(0, owner.numeralDecimalScale);\n\t }\n\n\t if (owner.numeralIntegerScale > 0) {\n\t partInteger = partInteger.slice(0, owner.numeralIntegerScale + (value.slice(0, 1) === '-' ? 1 : 0));\n\t }\n\n\t switch (owner.numeralThousandsGroupStyle) {\n\t case NumeralFormatter.groupStyle.lakh:\n\t partInteger = partInteger.replace(/(\\d)(?=(\\d\\d)+\\d$)/g, '$1' + owner.delimiter);\n\n\t break;\n\n\t case NumeralFormatter.groupStyle.wan:\n\t partInteger = partInteger.replace(/(\\d)(?=(\\d{4})+$)/g, '$1' + owner.delimiter);\n\n\t break;\n\n\t case NumeralFormatter.groupStyle.thousand:\n\t partInteger = partInteger.replace(/(\\d)(?=(\\d{3})+$)/g, '$1' + owner.delimiter);\n\n\t break;\n\t }\n\n\t return partInteger.toString() + (owner.numeralDecimalScale > 0 ? partDecimal.toString() : '');\n\t }\n\t};\n\n\tmodule.exports = NumeralFormatter;\n\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports) {\n\n\t'use strict';\n\n\tvar DateFormatter = function (datePattern) {\n\t var owner = this;\n\n\t owner.date = [];\n\t owner.blocks = [];\n\t owner.datePattern = datePattern;\n\t owner.initBlocks();\n\t};\n\n\tDateFormatter.prototype = {\n\t initBlocks: function () {\n\t var owner = this;\n\t owner.datePattern.forEach(function (value) {\n\t if (value === 'Y') {\n\t owner.blocks.push(4);\n\t } else {\n\t owner.blocks.push(2);\n\t }\n\t });\n\t },\n\n\t getISOFormatDate: function () {\n\t var owner = this,\n\t date = owner.date;\n\n\t return date[2] ? (\n\t date[2] + '-' + owner.addLeadingZero(date[1]) + '-' + owner.addLeadingZero(date[0])\n\t ) : '';\n\t },\n\n\t getBlocks: function () {\n\t return this.blocks;\n\t },\n\n\t getValidatedDate: function (value) {\n\t var owner = this, result = '';\n\n\t value = value.replace(/[^\\d]/g, '');\n\n\t owner.blocks.forEach(function (length, index) {\n\t if (value.length > 0) {\n\t var sub = value.slice(0, length),\n\t sub0 = sub.slice(0, 1),\n\t rest = value.slice(length);\n\n\t switch (owner.datePattern[index]) {\n\t case 'd':\n\t if (sub === '00') {\n\t sub = '01';\n\t } else if (parseInt(sub0, 10) > 3) {\n\t sub = '0' + sub0;\n\t } else if (parseInt(sub, 10) > 31) {\n\t sub = '31';\n\t }\n\n\t break;\n\n\t case 'm':\n\t if (sub === '00') {\n\t sub = '01';\n\t } else if (parseInt(sub0, 10) > 1) {\n\t sub = '0' + sub0;\n\t } else if (parseInt(sub, 10) > 12) {\n\t sub = '12';\n\t }\n\n\t break;\n\t }\n\n\t result += sub;\n\n\t // update remaining string\n\t value = rest;\n\t }\n\t });\n\n\t return this.getFixedDateString(result);\n\t },\n\n\t getFixedDateString: function (value) {\n\t var owner = this, datePattern = owner.datePattern, date = [],\n\t dayIndex = 0, monthIndex = 0, yearIndex = 0,\n\t dayStartIndex = 0, monthStartIndex = 0, yearStartIndex = 0,\n\t day, month, year, fullYearDone = false;\n\n\t // mm-dd || dd-mm\n\t if (value.length === 4 && datePattern[0].toLowerCase() !== 'y' && datePattern[1].toLowerCase() !== 'y') {\n\t dayStartIndex = datePattern[0] === 'd' ? 0 : 2;\n\t monthStartIndex = 2 - dayStartIndex;\n\t day = parseInt(value.slice(dayStartIndex, dayStartIndex + 2), 10);\n\t month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n\n\t date = this.getFixedDate(day, month, 0);\n\t }\n\n\t // yyyy-mm-dd || yyyy-dd-mm || mm-dd-yyyy || dd-mm-yyyy || dd-yyyy-mm || mm-yyyy-dd\n\t if (value.length === 8) {\n\t datePattern.forEach(function (type, index) {\n\t switch (type) {\n\t case 'd':\n\t dayIndex = index;\n\t break;\n\t case 'm':\n\t monthIndex = index;\n\t break;\n\t default:\n\t yearIndex = index;\n\t break;\n\t }\n\t });\n\n\t yearStartIndex = yearIndex * 2;\n\t dayStartIndex = (dayIndex <= yearIndex) ? dayIndex * 2 : (dayIndex * 2 + 2);\n\t monthStartIndex = (monthIndex <= yearIndex) ? monthIndex * 2 : (monthIndex * 2 + 2);\n\n\t day = parseInt(value.slice(dayStartIndex, dayStartIndex + 2), 10);\n\t month = parseInt(value.slice(monthStartIndex, monthStartIndex + 2), 10);\n\t year = parseInt(value.slice(yearStartIndex, yearStartIndex + 4), 10);\n\n\t fullYearDone = value.slice(yearStartIndex, yearStartIndex + 4).length === 4;\n\n\t date = this.getFixedDate(day, month, year);\n\t }\n\n\t owner.date = date;\n\n\t return date.length === 0 ? value : datePattern.reduce(function (previous, current) {\n\t switch (current) {\n\t case 'd':\n\t return previous + owner.addLeadingZero(date[0]);\n\t case 'm':\n\t return previous + owner.addLeadingZero(date[1]);\n\t default:\n\t return previous + (fullYearDone ? owner.addLeadingZeroForYear(date[2]) : '');\n\t }\n\t }, '');\n\t },\n\n\t getFixedDate: function (day, month, year) {\n\t day = Math.min(day, 31);\n\t month = Math.min(month, 12);\n\t year = parseInt((year || 0), 10);\n\n\t if ((month < 7 && month % 2 === 0) || (month > 8 && month % 2 === 1)) {\n\t day = Math.min(day, month === 2 ? (this.isLeapYear(year) ? 29 : 28) : 30);\n\t }\n\n\t return [day, month, year];\n\t },\n\n\t isLeapYear: function (year) {\n\t return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0);\n\t },\n\n\t addLeadingZero: function (number) {\n\t return (number < 10 ? '0' : '') + number;\n\t },\n\n\t addLeadingZeroForYear: function (number) {\n\t return (number < 10 ? '000' : (number < 100 ? '00' : (number < 1000 ? '0' : ''))) + number;\n\t }\n\t};\n\n\tmodule.exports = DateFormatter;\n\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n\t'use strict';\n\n\tvar TimeFormatter = function (timePattern) {\n\t var owner = this;\n\n\t owner.time = [];\n\t owner.blocks = [];\n\t owner.timePattern = timePattern;\n\t owner.initBlocks();\n\t};\n\n\tTimeFormatter.prototype = {\n\t initBlocks: function () {\n\t var owner = this;\n\t owner.timePattern.forEach(function () {\n\t owner.blocks.push(2);\n\t });\n\t },\n\n\t getISOFormatTime: function () {\n\t var owner = this,\n\t time = owner.time;\n\n\t return time[2] ? (\n\t owner.addLeadingZero(time[0]) + ':' + owner.addLeadingZero(time[1]) + ':' + owner.addLeadingZero(time[2])\n\t ) : '';\n\t },\n\n\t getBlocks: function () {\n\t return this.blocks;\n\t },\n\n\t getValidatedTime: function (value) {\n\t var owner = this, result = '';\n\n\t value = value.replace(/[^\\d]/g, '');\n\n\t owner.blocks.forEach(function (length, index) {\n\t if (value.length > 0) {\n\t var sub = value.slice(0, length),\n\t sub0 = sub.slice(0, 1),\n\t rest = value.slice(length);\n\n\t switch (owner.timePattern[index]) {\n\n\t case 'h':\n\t if (parseInt(sub0, 10) > 2) {\n\t sub = '0' + sub0;\n\t } else if (parseInt(sub, 10) > 23) {\n\t sub = '23';\n\t }\n\n\t break;\n\n\t case 'm':\n\t case 's':\n\t if (parseInt(sub0, 10) > 5) {\n\t sub = '0' + sub0;\n\t } else if (parseInt(sub, 10) > 60) {\n\t sub = '60';\n\t }\n\t break;\n\t }\n\n\t result += sub;\n\n\t // update remaining string\n\t value = rest;\n\t }\n\t });\n\n\t return this.getFixedTimeString(result);\n\t },\n\n\t getFixedTimeString: function (value) {\n\t var owner = this, timePattern = owner.timePattern, time = [],\n\t secondIndex = 0, minuteIndex = 0, hourIndex = 0,\n\t secondStartIndex = 0, minuteStartIndex = 0, hourStartIndex = 0,\n\t second, minute, hour;\n\n\t if (value.length === 6) {\n\t timePattern.forEach(function (type, index) {\n\t switch (type) {\n\t case 's':\n\t secondIndex = index * 2;\n\t break;\n\t case 'm':\n\t minuteIndex = index * 2;\n\t break;\n\t case 'h':\n\t hourIndex = index * 2;\n\t break;\n\t }\n\t });\n\n\t hourStartIndex = hourIndex;\n\t minuteStartIndex = minuteIndex;\n\t secondStartIndex = secondIndex;\n\n\t second = parseInt(value.slice(secondStartIndex, secondStartIndex + 2), 10);\n\t minute = parseInt(value.slice(minuteStartIndex, minuteStartIndex + 2), 10);\n\t hour = parseInt(value.slice(hourStartIndex, hourStartIndex + 2), 10);\n\n\t time = this.getFixedTime(hour, minute, second);\n\t }\n\n\t if (value.length === 4 && owner.timePattern.indexOf('s') < 0) {\n\t timePattern.forEach(function (type, index) {\n\t switch (type) {\n\t case 'm':\n\t minuteIndex = index * 2;\n\t break;\n\t case 'h':\n\t hourIndex = index * 2;\n\t break;\n\t }\n\t });\n\n\t hourStartIndex = hourIndex;\n\t minuteStartIndex = minuteIndex;\n\n\t second = 0;\n\t minute = parseInt(value.slice(minuteStartIndex, minuteStartIndex + 2), 10);\n\t hour = parseInt(value.slice(hourStartIndex, hourStartIndex + 2), 10);\n\n\t time = this.getFixedTime(hour, minute, second);\n\t }\n\n\t owner.time = time;\n\n\t return time.length === 0 ? value : timePattern.reduce(function (previous, current) {\n\t switch (current) {\n\t case 's':\n\t return previous + owner.addLeadingZero(time[2]);\n\t case 'm':\n\t return previous + owner.addLeadingZero(time[1]);\n\t case 'h':\n\t return previous + owner.addLeadingZero(time[0]);\n\t }\n\t }, '');\n\t },\n\n\t getFixedTime: function (hour, minute, second) {\n\t second = Math.min(parseInt(second || 0, 10), 60);\n\t minute = Math.min(minute, 60);\n\t hour = Math.min(hour, 60);\n\n\t return [hour, minute, second];\n\t },\n\n\t addLeadingZero: function (number) {\n\t return (number < 10 ? '0' : '') + number;\n\t }\n\t};\n\n\tmodule.exports = TimeFormatter;\n\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports) {\n\n\t'use strict';\n\n\tvar PhoneFormatter = function (formatter, delimiter) {\n\t var owner = this;\n\n\t owner.delimiter = (delimiter || delimiter === '') ? delimiter : ' ';\n\t owner.delimiterRE = delimiter ? new RegExp('\\\\' + delimiter, 'g') : '';\n\n\t owner.formatter = formatter;\n\t};\n\n\tPhoneFormatter.prototype = {\n\t setFormatter: function (formatter) {\n\t this.formatter = formatter;\n\t },\n\n\t format: function (phoneNumber) {\n\t var owner = this;\n\n\t owner.formatter.clear();\n\n\t // only keep number and +\n\t phoneNumber = phoneNumber.replace(/[^\\d+]/g, '');\n\n\t // strip non-leading +\n\t phoneNumber = phoneNumber.replace(/^\\+/, 'B').replace(/\\+/g, '').replace('B', '+');\n\n\t // strip delimiter\n\t phoneNumber = phoneNumber.replace(owner.delimiterRE, '');\n\n\t var result = '', current, validated = false;\n\n\t for (var i = 0, iMax = phoneNumber.length; i < iMax; i++) {\n\t current = owner.formatter.inputDigit(phoneNumber.charAt(i));\n\n\t // has ()- or space inside\n\t if (/[\\s()-]/g.test(current)) {\n\t result = current;\n\n\t validated = true;\n\t } else {\n\t if (!validated) {\n\t result = current;\n\t }\n\t // else: over length input\n\t // it turns to invalid number again\n\t }\n\t }\n\n\t // strip ()\n\t // e.g. US: 7161234567 returns (716) 123-4567\n\t result = result.replace(/[()]/g, '');\n\t // replace library delimiter with user customized delimiter\n\t result = result.replace(/[\\s-]/g, owner.delimiter);\n\n\t return result;\n\t }\n\t};\n\n\tmodule.exports = PhoneFormatter;\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports) {\n\n\t'use strict';\n\n\tvar CreditCardDetector = {\n\t blocks: {\n\t uatp: [4, 5, 6],\n\t amex: [4, 6, 5],\n\t diners: [4, 6, 4],\n\t discover: [4, 4, 4, 4],\n\t mastercard: [4, 4, 4, 4],\n\t dankort: [4, 4, 4, 4],\n\t instapayment: [4, 4, 4, 4],\n\t jcb15: [4, 6, 5],\n\t jcb: [4, 4, 4, 4],\n\t maestro: [4, 4, 4, 4],\n\t visa: [4, 4, 4, 4],\n\t mir: [4, 4, 4, 4],\n\t unionPay: [4, 4, 4, 4],\n\t general: [4, 4, 4, 4],\n\t generalStrict: [4, 4, 4, 7]\n\t },\n\n\t re: {\n\t // starts with 1; 15 digits, not starts with 1800 (jcb card)\n\t uatp: /^(?!1800)1\\d{0,14}/,\n\n\t // starts with 34/37; 15 digits\n\t amex: /^3[47]\\d{0,13}/,\n\n\t // starts with 6011/65/644-649; 16 digits\n\t discover: /^(?:6011|65\\d{0,2}|64[4-9]\\d?)\\d{0,12}/,\n\n\t // starts with 300-305/309 or 36/38/39; 14 digits\n\t diners: /^3(?:0([0-5]|9)|[689]\\d?)\\d{0,11}/,\n\n\t // starts with 51-55/2221–2720; 16 digits\n\t mastercard: /^(5[1-5]\\d{0,2}|22[2-9]\\d{0,1}|2[3-7]\\d{0,2})\\d{0,12}/,\n\n\t // starts with 5019/4175/4571; 16 digits\n\t dankort: /^(5019|4175|4571)\\d{0,12}/,\n\n\t // starts with 637-639; 16 digits\n\t instapayment: /^63[7-9]\\d{0,13}/,\n\n\t // starts with 2131/1800; 15 digits\n\t jcb15: /^(?:2131|1800)\\d{0,11}/,\n\n\t // starts with 2131/1800/35; 16 digits\n\t jcb: /^(?:35\\d{0,2})\\d{0,12}/,\n\n\t // starts with 50/56-58/6304/67; 16 digits\n\t maestro: /^(?:5[0678]\\d{0,2}|6304|67\\d{0,2})\\d{0,12}/,\n\n\t // starts with 22; 16 digits\n\t mir: /^220[0-4]\\d{0,12}/,\n\n\t // starts with 4; 16 digits\n\t visa: /^4\\d{0,15}/,\n\n\t // starts with 62; 16 digits\n\t unionPay: /^62\\d{0,14}/\n\t },\n\n\t getInfo: function (value, strictMode) {\n\t var blocks = CreditCardDetector.blocks,\n\t re = CreditCardDetector.re;\n\n\t // Some credit card can have up to 19 digits number.\n\t // Set strictMode to true will remove the 16 max-length restrain,\n\t // however, I never found any website validate card number like\n\t // this, hence probably you don't want to enable this option.\n\t strictMode = !!strictMode;\n\n\t for (var key in re) {\n\t if (re[key].test(value)) {\n\t var block;\n\n\t if (strictMode) {\n\t block = blocks.generalStrict;\n\t } else {\n\t block = blocks[key];\n\t }\n\n\t return {\n\t type: key,\n\t blocks: block\n\t };\n\t }\n\t }\n\n\t return {\n\t type: 'unknown',\n\t blocks: strictMode ? blocks.generalStrict : blocks.general\n\t };\n\t }\n\t};\n\n\tmodule.exports = CreditCardDetector;\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports) {\n\n\t'use strict';\n\n\tvar Util = {\n\t noop: function () {\n\t },\n\n\t strip: function (value, re) {\n\t return value.replace(re, '');\n\t },\n\n\t isDelimiter: function (letter, delimiter, delimiters) {\n\t // single delimiter\n\t if (delimiters.length === 0) {\n\t return letter === delimiter;\n\t }\n\n\t // multiple delimiters\n\t return delimiters.some(function (current) {\n\t if (letter === current) {\n\t return true;\n\t }\n\t });\n\t },\n\n\t getDelimiterREByDelimiter: function (delimiter) {\n\t return new RegExp(delimiter.replace(/([.?*+^$[\\]\\\\(){}|-])/g, '\\\\$1'), 'g');\n\t },\n\n\t getNextCursorPosition: function (prevPos, oldValue, newValue, delimiter, delimiters) {\n\t // If cursor was at the end of value, just place it back.\n\t // Because new value could contain additional chars.\n\t if (oldValue.length === prevPos) {\n\t return newValue.length;\n\t }\n\n\t return prevPos + this.getPositionOffset(prevPos, oldValue, newValue, delimiter ,delimiters);\n\t },\n\n\t getPositionOffset: function (prevPos, oldValue, newValue, delimiter, delimiters) {\n\t var oldRawValue, newRawValue, lengthOffset;\n\n\t oldRawValue = this.stripDelimiters(oldValue.slice(0, prevPos), delimiter, delimiters);\n\t newRawValue = this.stripDelimiters(newValue.slice(0, prevPos), delimiter, delimiters);\n\t lengthOffset = oldRawValue.length - newRawValue.length;\n\n\t return (lengthOffset !== 0) ? (lengthOffset / Math.abs(lengthOffset)) : 0;\n\t },\n\n\t stripDelimiters: function (value, delimiter, delimiters) {\n\t var owner = this;\n\n\t // single delimiter\n\t if (delimiters.length === 0) {\n\t var delimiterRE = delimiter ? owner.getDelimiterREByDelimiter(delimiter) : '';\n\n\t return value.replace(delimiterRE, '');\n\t }\n\n\t // multiple delimiters\n\t delimiters.forEach(function (current) {\n\t value = value.replace(owner.getDelimiterREByDelimiter(current), '');\n\t });\n\n\t return value;\n\t },\n\n\t headStr: function (str, length) {\n\t return str.slice(0, length);\n\t },\n\n\t getMaxLength: function (blocks) {\n\t return blocks.reduce(function (previous, current) {\n\t return previous + current;\n\t }, 0);\n\t },\n\n\t // strip value by prefix length\n\t // for prefix: PRE\n\t // (PRE123, 3) -> 123\n\t // (PR123, 3) -> 23 this happens when user hits backspace in front of \"PRE\"\n\t getPrefixStrippedValue: function (value, prefix, prefixLength, prevValue) {\n\t if (value.slice(0, prefixLength) !== prefix) {\n\n\t // Check whether if it is a deletion\n\t if (value.length < prevValue.length) {\n\t value = value.length > prefixLength ? prevValue : prefix;\n\t } else {\n\t var diffIndex = this.getFirstDiffIndex(prefix, value.slice(0, prefixLength));\n\t value = prefix + value.slice(diffIndex, diffIndex + 1) + value.slice(prefixLength + 1);\n\t }\n\t }\n\n\t return value.slice(prefixLength);\n\t },\n\n\t getFirstDiffIndex: function (prev, current) {\n\t var index = 0;\n\n\t while (prev.charAt(index) === current.charAt(index)) {\n\t if (prev.charAt(index++) === '') {\n\t return -1;\n\t }\n\t }\n\n\t return index;\n\t },\n\n\t getFormattedValue: function (value, blocks, blocksLength, delimiter, delimiters, delimiterLazyShow) {\n\t var result = '',\n\t multipleDelimiters = delimiters.length > 0,\n\t currentDelimiter;\n\n\t // no options, normal input\n\t if (blocksLength === 0) {\n\t return value;\n\t }\n\n\t blocks.forEach(function (length, index) {\n\t if (value.length > 0) {\n\t var sub = value.slice(0, length),\n\t rest = value.slice(length);\n\n\t if (multipleDelimiters) {\n\t currentDelimiter = delimiters[delimiterLazyShow ? (index - 1) : index] || currentDelimiter;\n\t } else {\n\t currentDelimiter = delimiter;\n\t }\n\n\t if (delimiterLazyShow) {\n\t if (index > 0) {\n\t result += currentDelimiter;\n\t }\n\n\t result += sub;\n\t } else {\n\t result += sub;\n\n\t if (sub.length === length && index < blocksLength - 1) {\n\t result += currentDelimiter;\n\t }\n\t }\n\n\t // update remaining string\n\t value = rest;\n\t }\n\t });\n\n\t return result;\n\t },\n\n\t // move cursor to the end\n\t // the first time user focuses on an input with prefix\n\t fixPrefixCursor: function (el, prefix, delimiter, delimiters) {\n\t if (!el) {\n\t return;\n\t }\n\n\t var val = el.value,\n\t appendix = delimiter || (delimiters[0] || ' ');\n\n\t if (!el.setSelectionRange || !prefix || (prefix.length + appendix.length) < val.length) {\n\t return;\n\t }\n\n\t var len = val.length * 2;\n\n\t // set timeout to avoid blink\n\t setTimeout(function () {\n\t el.setSelectionRange(len, len);\n\t }, 1);\n\t },\n\n\t setSelection: function (element, position, doc) {\n\t if (element !== this.getActiveElement(doc)) {\n\t return;\n\t }\n\n\t // cursor is already in the end\n\t if (element && element.value.length <= position) {\n\t return;\n\t }\n\n\t if (element.createTextRange) {\n\t var range = element.createTextRange();\n\n\t range.move('character', position);\n\t range.select();\n\t } else {\n\t try {\n\t element.setSelectionRange(position, position);\n\t } catch (e) {\n\t // eslint-disable-next-line\n\t console.warn('The input element type does not support selection');\n\t }\n\t }\n\t },\n\t \n\t getActiveElement: function(parent) {\n\t var activeElement = parent.activeElement;\n\t if (activeElement && activeElement.shadowRoot) {\n\t return this.getActiveElement(activeElement.shadowRoot);\n\t }\n\t return activeElement;\n\t },\n\n\t isAndroid: function () {\n\t return navigator && /android/i.test(navigator.userAgent);\n\t },\n\n\t // On Android chrome, the keyup and keydown events\n\t // always return key code 229 as a composition that\n\t // buffers the user’s keystrokes\n\t // see https://github.com/nosir/cleave.js/issues/147\n\t isAndroidBackspaceKeydown: function (lastInputValue, currentInputValue) {\n\t if (!this.isAndroid() || !lastInputValue || !currentInputValue) {\n\t return false;\n\t }\n\n\t return currentInputValue === lastInputValue.slice(0, -1);\n\t }\n\t};\n\n\tmodule.exports = Util;\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports) {\n\n\t/* WEBPACK VAR INJECTION */(function(global) {'use strict';\n\n\t/**\n\t * Props Assignment\n\t *\n\t * Separate this, so react module can share the usage\n\t */\n\tvar DefaultProperties = {\n\t // Maybe change to object-assign\n\t // for now just keep it as simple\n\t assign: function (target, opts) {\n\t target = target || {};\n\t opts = opts || {};\n\n\t // credit card\n\t target.creditCard = !!opts.creditCard;\n\t target.creditCardStrictMode = !!opts.creditCardStrictMode;\n\t target.creditCardType = '';\n\t target.onCreditCardTypeChanged = opts.onCreditCardTypeChanged || (function () {});\n\n\t // phone\n\t target.phone = !!opts.phone;\n\t target.phoneRegionCode = opts.phoneRegionCode || 'AU';\n\t target.phoneFormatter = {};\n\n\t // time\n\t target.time = !!opts.time;\n\t target.timePattern = opts.timePattern || ['h', 'm', 's'];\n\t target.timeFormatter = {};\n\n\t // date\n\t target.date = !!opts.date;\n\t target.datePattern = opts.datePattern || ['d', 'm', 'Y'];\n\t target.dateFormatter = {};\n\n\t // numeral\n\t target.numeral = !!opts.numeral;\n\t target.numeralIntegerScale = opts.numeralIntegerScale > 0 ? opts.numeralIntegerScale : 0;\n\t target.numeralDecimalScale = opts.numeralDecimalScale >= 0 ? opts.numeralDecimalScale : 2;\n\t target.numeralDecimalMark = opts.numeralDecimalMark || '.';\n\t target.numeralThousandsGroupStyle = opts.numeralThousandsGroupStyle || 'thousand';\n\t target.numeralPositiveOnly = !!opts.numeralPositiveOnly;\n\t target.stripLeadingZeroes = opts.stripLeadingZeroes !== false;\n\n\t // others\n\t target.numericOnly = target.creditCard || target.date || !!opts.numericOnly;\n\n\t target.uppercase = !!opts.uppercase;\n\t target.lowercase = !!opts.lowercase;\n\n\t target.prefix = (target.creditCard || target.date) ? '' : (opts.prefix || '');\n\t target.noImmediatePrefix = !!opts.noImmediatePrefix;\n\t target.prefixLength = target.prefix.length;\n\t target.rawValueTrimPrefix = !!opts.rawValueTrimPrefix;\n\t target.copyDelimiter = !!opts.copyDelimiter;\n\n\t target.initValue = (opts.initValue !== undefined && opts.initValue !== null) ? opts.initValue.toString() : '';\n\n\t target.delimiter =\n\t (opts.delimiter || opts.delimiter === '') ? opts.delimiter :\n\t (opts.date ? '/' :\n\t (opts.time ? ':' :\n\t (opts.numeral ? ',' :\n\t (opts.phone ? ' ' :\n\t ' '))));\n\t target.delimiterLength = target.delimiter.length;\n\t target.delimiterLazyShow = !!opts.delimiterLazyShow;\n\t target.delimiters = opts.delimiters || [];\n\n\t target.blocks = opts.blocks || [];\n\t target.blocksLength = target.blocks.length;\n\n\t target.root = (typeof global === 'object' && global) ? global : window;\n\t target.document = opts.document || target.root.document;\n\n\t target.maxLength = 0;\n\n\t target.backspace = false;\n\t target.result = '';\n\n\t target.onValueChanged = opts.onValueChanged || (function () {});\n\n\t return target;\n\t }\n\t};\n\n\tmodule.exports = DefaultProperties;\n\n\t/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))\n\n/***/ })\n/******/ ])\n});\n;","'use strict';\n\n/**\n * updates the totals summary\n * @param {Array} totals - the totals data\n */\nfunction updateTotals(totals) {\n $('.shipping-total-cost').text(totals.totalShippingCost);\n $('.tax-total').text(totals.totalTax);\n $('.sub-total').text(totals.subTotal);\n $('.grand-total-sum').text(totals.grandTotal);\n\n if (totals.orderLevelDiscountTotal.value > 0) {\n $('.order-discount').show();\n $('.order-discount-total').text('- ' + totals.orderLevelDiscountTotal.formatted);\n } else {\n $('.order-discount').hide();\n }\n\n if (totals.shippingLevelDiscountTotal.value > 0) {\n $('.shipping-discount').show();\n $('.shipping-discount-total').text('- ' +\n totals.shippingLevelDiscountTotal.formatted);\n } else {\n $('.shipping-discount').hide();\n }\n}\n\n/**\n * updates the order product shipping summary for an order model\n * @param {Object} order - the order model\n */\nfunction updateOrderProductSummaryInformation(order) {\n var $productSummary = $('
');\n order.shipping.forEach(function (shipping) {\n shipping.productLineItems.items.forEach(function (lineItem) {\n var pli = $('[data-product-line-item=' + lineItem.UUID + ']');\n $productSummary.append(pli);\n });\n\n var address = shipping.shippingAddress || {};\n var selectedMethod = shipping.selectedShippingMethod;\n\n var nameLine = address.firstName ? address.firstName + ' ' : '';\n if (address.lastName) nameLine += address.lastName;\n\n var address1Line = address.address1;\n var address2Line = address.address2;\n\n var phoneLine = address.phone;\n\n var shippingCost = selectedMethod ? selectedMethod.shippingCost : '';\n var methodNameLine = selectedMethod ? selectedMethod.displayName : '';\n var methodArrivalTime = selectedMethod && selectedMethod.estimatedArrivalTime\n ? '( ' + selectedMethod.estimatedArrivalTime + ' )'\n : '';\n\n var tmpl = $('#pli-shipping-summary-template').clone();\n\n if (shipping.productLineItems.items && shipping.productLineItems.items.length > 1) {\n $('h5 > span').text(' - ' + shipping.productLineItems.items.length + ' '\n + order.resources.items);\n } else {\n $('h5 > span').text('');\n }\n\n var stateRequiredAttr = $('#shippingState').attr('required');\n var isRequired = stateRequiredAttr !== undefined && stateRequiredAttr !== false;\n var stateExists = (shipping.shippingAddress && shipping.shippingAddress.stateCode)\n ? shipping.shippingAddress.stateCode\n : false;\n var stateBoolean = false;\n if ((isRequired && stateExists) || (!isRequired)) {\n stateBoolean = true;\n }\n\n var shippingForm = $('.multi-shipping input[name=\"shipmentUUID\"][value=\"' + shipping.UUID + '\"]').parent();\n\n if (shipping.shippingAddress\n && shipping.shippingAddress.firstName\n && shipping.shippingAddress.address1\n && shipping.shippingAddress.city\n && stateBoolean\n && shipping.shippingAddress.countryCode\n && (shipping.shippingAddress.phone || shipping.productLineItems.items[0].fromStoreId)) {\n $('.ship-to-name', tmpl).text(nameLine);\n $('.ship-to-address1', tmpl).text(address1Line);\n $('.ship-to-address2', tmpl).text(address2Line);\n $('.ship-to-city', tmpl).text(address.city);\n if (address.stateCode) {\n $('.ship-to-st', tmpl).text(address.stateCode);\n }\n $('.ship-to-zip', tmpl).text(address.postalCode);\n $('.ship-to-phone', tmpl).text(phoneLine);\n\n if (!address2Line) {\n $('.ship-to-address2', tmpl).hide();\n }\n\n if (!phoneLine) {\n $('.ship-to-phone', tmpl).hide();\n }\n\n shippingForm.find('.ship-to-message').text('');\n } else {\n shippingForm.find('.ship-to-message').text(order.resources.addressIncomplete);\n }\n\n if (shipping.isGift) {\n $('.gift-message-summary', tmpl).text(shipping.giftMessage);\n } else {\n $('.gift-summary', tmpl).addClass('d-none');\n }\n\n // checking h5 title shipping to or pickup\n var $shippingAddressLabel = $('.shipping-header-text', tmpl);\n $('body').trigger('shipping:updateAddressLabelText',\n { selectedShippingMethod: selectedMethod, resources: order.resources, shippingAddressLabel: $shippingAddressLabel });\n\n if (shipping.selectedShippingMethod) {\n $('.display-name', tmpl).text(methodNameLine);\n $('.arrival-time', tmpl).text(methodArrivalTime);\n $('.price', tmpl).text(shippingCost);\n }\n\n var $shippingSummary = $('
');\n $shippingSummary.html(tmpl.html());\n $productSummary.append($shippingSummary);\n });\n\n $('.product-summary-block').html($productSummary.html());\n}\n\nmodule.exports = {\n updateTotals: updateTotals,\n updateOrderProductSummaryInformation: updateOrderProductSummaryInformation\n};\n","/* globals SHM, SHMConfig */\n'use strict';\n\n/**\n * Check bpost iframe loading status.\n * If bpost services are unavailable, the iframe will not load.\n * If the content is still the same after a timeout, then we show a container\n * explaining the problem to the customer.\n*/\nfunction checkBpostStatus() {\n const container = $('#shm-container');\n const contentInitial = container.text();\n setTimeout(function () {\n const contentNow = container.text();\n if (contentNow === contentInitial) {\n container.hide();\n $('#shm-fallback').show();\n }\n }, 5000);\n}\n\n/**\n * Loads the bpost shipping manager\n */\nfunction loadSHM() {\n // Check bpost status\n checkBpostStatus();\n\n if (typeof SHM !== 'undefined' && SHM && SHMConfig) {\n SHM.open({\n integrationType: 'INLINE',\n forceIntegrationType: true,\n inlineContainerId: 'shm-container',\n parameters: {\n accountId: SHMConfig.accountId,\n lang: SHMConfig.lang,\n orderReference: SHMConfig.orderReference,\n orderTotalPrice: SHMConfig.priceTotal.replace(/€| |,/g, ''),\n customerFirstName: SHMConfig.customer.firstName,\n customerLastName: SHMConfig.customer.lastName,\n customerCompany: SHMConfig.customer.company,\n customerStreet: SHMConfig.customer.street,\n customerStreetNumber: SHMConfig.customer.streetNumber,\n customerBox: SHMConfig.customer.postBox,\n customerCity: SHMConfig.customer.city,\n customerPostalCode: SHMConfig.customer.postalCode,\n customerCountry: 'BE',\n customerEmail: SHMConfig.customer.email,\n customerPhoneNumber: SHMConfig.customer.phone,\n deliveryMethodOverrides: [\n 'Regular|INVISIBLE',\n 'Parcels depot|VISIBLE|' + SHMConfig.shippingTotalPrice,\n 'Pugo|VISIBLE|' + SHMConfig.shippingTotalPrice\n ],\n extraSecure: '',\n confirmUrl: SHMConfig.confirmUrl,\n cancelUrl: SHMConfig.cancelUrl,\n checksum: SHMConfig.checksum\n }\n });\n }\n}\n\nmodule.exports = {\n loadSHM\n};\n","'use strict';\n\nconst appendToUrl = require('../util/appendToUrl');\n\nconst spinnerModal = $('#modalPreferredStore').spinner();\n\n/**\n *\n */\nfunction getFavoriteStore() {\n $('#jquery-nofavoritestore').hide();\n const favStoreSelector = '#jquery-modal-storedelivery-favorite-container';\n let url = $('#modalPreferredStore').data('get-fav-store-id');\n if (!url) return;\n spinnerModal.start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (res) {\n spinnerModal.stop();\n if (res.store && res.store.ID) {\n spinnerModal.stop();\n $(`${favStoreSelector}`).html(res.storeHtml);\n $(`${favStoreSelector}`)\n .find('.jquery-modal-storedelivery-makefavorite')\n .remove();\n } else {\n $(`${favStoreSelector}`).empty();\n $('#jquery-nofavoritestore').show();\n }\n }\n });\n}\n\nmodule.exports = {\n init: function () {\n $('#jquery-nofavoritestore').hide();\n getFavoriteStore();\n },\n setFavoriteStore: () => {\n $('body').on('change', '.jquery-checkbox-set-favorite-store', function () {\n if (this.checked === false) {\n // Only if checkbox is checked\n return;\n }\n // Set all checkboxes to 'unchecked'\n $('.jquery-checkbox-set-favorite-store').prop('checked', false);\n $('.jquery-checkbox-set-favorite-store').prop(\n 'disabled',\n false\n );\n // Set now active checkbox 'checked' and 'disabled'\n $(this).prop('checked', true);\n $(this).prop('disabled', true);\n\n // POST AJAX request to save new favorite store\n let url = $(this).data('set-favorite-store-url');\n let urlParams = {\n storeID: $(this).data('store-id')\n };\n url = appendToUrl(url, urlParams);\n $.ajax({\n url: url,\n type: 'post',\n success: function () {\n getFavoriteStore();\n }\n });\n }\n );\n }\n};\n","'use strict';\n\nmodule.exports = function (url, params) {\n var newUrl = url;\n newUrl += (newUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(params).map(function (key) {\n return key + '=' + encodeURIComponent(params[key]);\n }).join('&');\n\n return newUrl;\n};\n"],"sourceRoot":""}