' + data.receivedMsgBody + '
');\n if (!data.mobile) {\n $('#submitEmailButton').text(data.buttonText)\n .attr('data-dismiss', 'modal');\n } else {\n $('.send-email-btn').empty()\n .html(''\n + data.buttonText + ''\n );\n }\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n return false;\n });\n};\n\nlogin.success = function () {\n /**\n * user is logged in successfully, page reloads and displays alert msg\n */\n let isLoggedIn = sessionStorage.getItem('isLoggedIn');\n let isFirstLogin = sessionStorage.getItem('isFirstLogin');\n let reloaded = sessionStorage.getItem('reloaded');\n\n if (isFirstLogin === 'true' && !reloaded) {\n // user has successfully registered and the page has reloaded/redirected. Show an alert message.\n $.alert(window.resources.logout.logoutMessages.join); // alert settings defined in customerSfccHelper.js createAuthMessages()\n sessionStorage.setItem('reloaded', 'true');\n sessionStorage.setItem('isTimeoutAvailable', 'true');\n } else if (isLoggedIn === 'true' && !reloaded) {\n // user has logged in successfully and the page has reloaded/redirected. Show an alert message.\n $.alert(window.resources.logout.logoutMessages.login); // alert settings defined in customerSfccHelper.js createAuthMessages()\n sessionStorage.setItem('reloaded', 'true');\n sessionStorage.setItem('isTimeoutAvailable', 'true');\n } else {\n // else listen for login or signup events\n $('body').on('login:success', 'form.login', function () {\n sessionStorage.setItem('isLoggedIn', 'true');\n sessionStorage.setItem('isTimeoutAvailable', 'false');\n });\n\n $('body').on('login:register:success', 'form.registration', function () {\n sessionStorage.setItem('isLoggedIn', 'true');\n sessionStorage.setItem('isFirstLogin', 'true');\n sessionStorage.setItem('isTimeoutAvailable', 'false');\n });\n }\n};\n\nlogin.logout = function () {\n /**\n * user logs out of their account intentionally\n */\n $('body').on('click', '.js-action__logout', function (e) {\n e.preventDefault();\n\n let $logoutButton = $(this);\n\n $.spinner().start();\n\n var url = new URL($logoutButton.attr('href'));\n\n /**\n * if the user is on a page that requires authentication to access,\n * add a query param to redirect them back to the homepage after logout\n */\n if (window.clientData.page.authRequiredToAccessPage) {\n url.searchParams.append('authRequiredToAccessPage', window.clientData.page.authRequiredToAccessPage);\n }\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n if (!data.success) {\n $.alert({\n content: data.errorMsg,\n placement: 'banner',\n theme: 'danger'\n });\n } else {\n $logoutButton.trigger('logout:success');\n\n sessionStorage.setItem('isLoggedIn', 'false');\n sessionStorage.removeItem('isFirstLogin');\n\n var redirectURL = data.redirectURL ? data.redirectURL : window.location.href;\n window.location.href = redirectURL;\n }\n },\n complete: function () {\n $.spinner().stop();\n }\n });\n });\n\n if (window.resources && window.resources.logout && window.resources.logout.logoutMessages) {\n let msgKey;\n\n if (sessionStorage.getItem('isLoggedIn') === 'false') {\n msgKey = 'logout';\n\n $.alert({\n content: window.resources.logout.logoutMessages[msgKey].message,\n placement: 'banner',\n theme: 'info',\n id: msgKey, // logout\n containerId: 'logoutMessage',\n dismissible: window.resources.logout.logoutMessages[msgKey].showCloseBtn,\n timeToLive: window.resources.logout.logoutMessages[msgKey].timeToLive\n });\n\n sessionStorage.removeItem('isLoggedIn');\n sessionStorage.removeItem('isFirstLogin');\n sessionStorage.removeItem('reloaded');\n /**\n * when the user does not log out intentionally and the login form is on the page, their session timed out so display the timeout message\n */\n } else if (sessionStorage.getItem('isLoggedIn') === 'true' && $('form.login').length && sessionStorage.getItem('isTimeoutAvailable') === true) {\n msgKey = 'logout_auto';\n\n $.alert({\n content: window.resources.logout.logoutMessages[msgKey].message,\n placement: 'banner',\n theme: 'info',\n id: msgKey, // logout_auto\n containerId: 'logoutMessage',\n dismissible: window.resources.logout.logoutMessages[msgKey].showCloseBtn,\n autoClose: window.resources.logout.logoutMessages[msgKey].autoClose\n });\n\n sessionStorage.removeItem('isLoggedIn');\n sessionStorage.removeItem('isFirstLogin');\n sessionStorage.removeItem('reloaded');\n }\n }\n return false;\n};\n\nlogin.showLoyaltyBanner = function () {\n /**\n * when user submits footer \"Join Now\" form successfully, this banner is shown with confirmation message.\n */\n if (sessionStorage.getItem('joinedRewards') === 'true') {\n let successAlertObj = window.resources.logout.logoutMessages.footer_loyalty_rewards_registration;\n successAlertObj.id = 'rewards-signup-msg';\n successAlertObj.containerId = 'loyaltyRewardsFooterLogInSuccess';\n\n $.alert(successAlertObj);\n\n sessionStorage.removeItem('joinedRewards');\n }\n};\n\nlogin.getEmailIdFromSession = function () {\n /**\n * fetch the email id from the session and update to reset password input field\n */\n var $resetPwdInput = $('#reset-password-email');\n\n if ($resetPwdInput.length && Object.hasOwnProperty.call(sessionStorage, 'userEmailId') && !window.IsKiosk) {\n var emailId = sessionStorage.getItem('userEmailId');\n\n $resetPwdInput.val(emailId).closest('.form-group').addClass('focus-fill');\n // Form validation on pageload may have already executed so we trigger 'change' event to ensure value is considered.\n $resetPwdInput.trigger('change');\n sessionStorage.removeItem('userEmailId');\n }\n};\n\nmodule.exports = login;\n","'use strict';\n\nvar formValidation = require('../components/formValidation');\nvar createErrorNotification = require('../components/errorNotification');\n\nmodule.exports = {\n login: function () {\n $('form.login').submit(function (e) {\n var form = $(this);\n e.preventDefault();\n var url = form.attr('action');\n form.spinner().start();\n $('form.login').trigger('login:submit', e);\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: form.serialize(),\n success: function (data) {\n form.spinner().stop();\n if (!data.success) {\n formValidation(form, data);\n $('form.login').trigger('login:error', data);\n } else {\n $('form.login').trigger('login:success', data);\n location.href = data.redirectUrl;\n }\n },\n error: function (data) {\n if (data.responseJSON.redirectUrl) {\n window.location.href = data.responseJSON.redirectUrl;\n } else {\n $('form.login').trigger('login:error', data);\n form.spinner().stop();\n }\n }\n });\n return false;\n });\n },\n\n register: function () {\n $('form.registration').submit(function (e) {\n var form = $(this);\n e.preventDefault();\n var url = form.attr('action');\n form.spinner().start();\n $('form.registration').trigger('login:register', e);\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: form.serialize(),\n success: function (data) {\n form.spinner().stop();\n if (!data.success) {\n $('form.registration').trigger('login:register:error', data);\n formValidation(form, data);\n } else {\n $('form.registration').trigger('login:register:success', data);\n location.href = data.redirectUrl;\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification($('.error-messaging'), err.responseJSON.errorMessage);\n }\n\n form.spinner().stop();\n }\n });\n return false;\n });\n },\n\n resetPassword: function () {\n $('.reset-password-form').submit(function (e) {\n var form = $(this);\n e.preventDefault();\n var url = form.attr('action');\n form.spinner().start();\n $('.reset-password-form').trigger('login:register', e);\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: form.serialize(),\n success: function (data) {\n form.spinner().stop();\n if (!data.success) {\n formValidation(form, data);\n } else {\n $('.request-password-title').text(data.receivedMsgHeading);\n $('.request-password-body').empty()\n .append('' + data.receivedMsgBody + '
');\n if (!data.mobile) {\n $('#submitEmailButton').text(data.buttonText)\n .attr('data-dismiss', 'modal');\n } else {\n $('.send-email-btn').empty()\n .html(''\n + data.buttonText + ''\n );\n }\n }\n },\n error: function () {\n form.spinner().stop();\n }\n });\n return false;\n });\n },\n\n clearResetForm: function () {\n $('#login .modal').on('hidden.bs.modal', function () {\n $('#reset-password-email').val('');\n $('.modal-dialog .form-control.is-invalid').removeClass('is-invalid');\n });\n }\n};\n","'use strict';\n\n// TODO: https://columbia.atlassian.net/browse/GSD-16533 Update URL functions to use the JS URL API\n/**\n * Append a parameter to a url\n * @param {string} url - a url\n * @param {string} name - key\n * @param {string} value - value\n * @return {string} url with param appended\n */\nfunction appendParamToURL(url, name, value) {\n var c = '?';\n if (url.indexOf(c) !== -1) {\n c = '&';\n }\n return url + c + name + '=' + encodeURIComponent(value);\n}\n\n/**\n * Helper function for getParamsFromURL. Split a url string into key/value pairs.\n * @param {string} str - url parameter string\n * @return {Object} object with params split into key/value pairs\n */\nfunction keyValueArray(str) {\n var kvp = str.split('&');\n var x;\n var k;\n var v;\n var output = {};\n\n for (var i = kvp.length - 1; i >= 0; i--) {\n if (kvp[i].length) { // No empty strings...\n x = kvp[i].split('=');\n k = x[0];\n v = '';\n if (x.length > 1) {\n v = x[1];\n }\n output[k] = v;\n }\n }\n\n return output;\n}\n\n/**\n * Split a url string into key/value pairs.\n * @param {string} url - url parameter string\n * @return {Object} object with params split into key/value pairs\n */\nfunction getParamsFromURL(url) {\n var arr = url.split('?');\n var search = '';\n var searchHash = '';\n var postHash = false;\n\n if (arr.length > 1) {\n var arrHash = arr[1].split('#');\n search = arrHash[0];\n\n if (arrHash.length > 1) {\n postHash = true;\n searchHash = arrHash[1];\n }\n }\n\n var output = {};\n if (search.length) {\n output = keyValueArray(search);\n }\n if (postHash) {\n if (searchHash.length) {\n var output2 = keyValueArray(searchHash);\n Object.keys(output2).forEach(function (prop) {\n output[prop] = output2[prop]; // Merge them...\n });\n }\n }\n\n return output;\n}\n\n/**\n * Update an existing url param\n * https://stackoverflow.com/questions/1090948/change-url-parameters\n * @param {string} url - Url to be updated\n * @param {string} param - param to be updated\n * @param {string} paramVal - new parameter value\n * @returns {string} - updated url\n */\nfunction updateURLParam(url, param, paramVal) {\n var newAdditionalURL = '';\n var tempArray = url.split('?');\n var baseURL = tempArray[0];\n var additionalURL = tempArray[1];\n var temp = '';\n if (additionalURL) {\n tempArray = additionalURL.split('&');\n for (var i = 0; i < tempArray.length; i++) {\n if (tempArray[i].split('=')[0] !== param) {\n newAdditionalURL += temp + tempArray[i];\n temp = '&';\n }\n }\n }\n\n var rowsText = temp + '' + param + '=' + paramVal;\n return baseURL + '?' + newAdditionalURL + rowsText;\n}\n\n/**\n * Turn the URL query string into a JSON object to make it easier to add/update/delete key/value pairs.\n * @param {string} url the URL string from which to get the querystring. Null or empty string to use the location.href.\n * @returns {obejct} the query string as an object.\n */\nfunction queryStringToObject(url) {\n var search;\n if (!url) {\n // get the query string from window.location.search\n search = location.search.substring(1); // exclude the leading ?\n } else {\n // find the query string in the given url\n var startIndex = url.indexOf('?') + 1;\n var endIndex = url.indexOf('#');\n endIndex = endIndex >= startIndex ? endIndex : url.length;\n // examples:\n // 'key=val#hash', '/?key=val#hash' => 'key=val'\n // '?key#hash' => 'key'\n search = url.substring(startIndex, endIndex);\n if (startIndex === 0 && search.indexOf('=') === -1) {\n // this string doesn't look like a query string (no '?' and no '=')\n // examples: 'key#hash', '/#hash'\n search = '';\n }\n }\n\n var result = {};\n if (search) {\n var pairs = search.split('&');\n pairs.forEach(function (pair) {\n var nameVal = pair.split('=');\n result[nameVal[0]] = decodeURIComponent(nameVal[1] || '');\n });\n }\n\n return JSON.parse(JSON.stringify(result));\n}\n\n/**\n * Convert an object into a serialized string; the opposite of queryStringToObject().\n * @param {Object} obj The object to be serialized into a string\n * @param {string} urlString An optional url into which to insert the querystring. Any existing query string will be replaced.\n * @returns {string} The resulting query or URL string.\n */\nfunction objectToQueryString(obj, urlString) {\n var url = urlString || '';\n var path = '';\n var hash = '';\n if (url) {\n var qsIndex = url.indexOf('?');\n var hashIndex = url.indexOf('#');\n var index;\n if (hashIndex > -1) {\n index = hashIndex;\n hash = url.substring(hashIndex);\n }\n if (qsIndex > -1) {\n index = qsIndex;\n }\n path = url.substring(0, index); // if index is undefined, path is the entire string.\n }\n return path + '?' + $.param(obj) + hash;\n}\n\n/**\n * Update a URL with a key/value pair. This will insert or update a pair.\n * @param {string} url The url to be updated.\n * @param {string} name The key name to use in the query string.\n * @param {string} val The value of the key to be set.\n * @returns {string} The updated URL.\n */\nfunction setUrlKeyValue(url, name, val) {\n var qs = queryStringToObject(url);\n qs[name] = encodeURIComponent(val);\n return objectToQueryString(qs, url);\n}\n\n/**\n * Update a URL with multiple key/value pairs. This will insert new or update existing keys.\n * @param {string} url The url to be updated.\n * @param {Object} obj an object of name/value pairs to be inserted/updated in the url query string.\n * @returns {string} The updated URL.\n */\nfunction setUrlData(url, obj) {\n var qs = queryStringToObject(url);\n var mergedQs = $.extend({}, qs, obj);\n return objectToQueryString(mergedQs, url);\n}\n\n/**\n * DecodeURIComponent cannot be used directly to parse query parameters from a URL. It needs a bit of preparation.\n * reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent\n * @param {string} val The query param value to be decoded.\n * @returns {string} The decoded query param value.\n */\nfunction decodeQueryParam(val) {\n return decodeURIComponent(val.replace(/\\+/g, ' '));\n}\n\n/**\n * Remove the queryparam from the url\n * @param {string} queryparam queryparam to be removed\n * @param {string} urlString url to be manipulated\n * @returns {URL} new url without provided queryparam\n */\nfunction removeQueryParam(queryparam, urlString) {\n var url = new URL(urlString);\n url.searchParams.delete(queryparam);\n return url;\n}\n\n/**\n * Remove the queryparam from the url, and replace the state\n * @param {string} queryparam queryparam to be removed\n */\nfunction removeQueryParamFromCurrentUrl(queryparam) {\n var url = removeQueryParam(queryparam, window.location.href);\n history.replaceState(null, '', url);\n}\n\n/**\n * Returns an array with values that exist in both arrays\n * @param {array} a1 - Array\n * @param {array} a2 - Array\n * @return {array} - Values that appear in both arrays\n */\nfunction arrayIntersection(a1, a2) {\n var intersect = $.map(a1,\n function (v) {\n return $.inArray(v, a2) < 0 ? null : v;\n }\n );\n return intersect;\n}\n\n/**\n * Creates and returns the markup required to display a modal.\n * The calling script should then use the bootstrap $.modal() method to display the modal.\n * Example 1:\n * var modalMarkup = createModalMarkup('Hello World
', {title: 'Greeting'});\n * var $modal = $(modalMarkup).modal();\n * Example 2:\n * var $modal = $(createModalMarkup('')); // create empty modal\n * $modal.find('.modal-body').html(data); // inject content into the returned markup\n * $modal.modal();\n * @param {string} content The content to put in the modal. Pass empty string to just get the modal markup.\n * @param {Object} options Additional settings.\n * @return {string} The completed markup.\n */\nfunction createModalMarkup(content = '', options = {}) {\n /* Bootstrap Modal documentation: https://getbootstrap.com/docs/4.0/components/modal/ */\n const defaults = {\n title: '',\n showCloseBtn: true,\n enableLayeredDrawers: false,\n modalSizeClass: 'modal-lg', // possible values: modal-sm, modal-md (or empty string), modal-lg, modal-fluid\n centeredClass: 'modal-dialog-centered', // pass empty string to top-align the modal\n customClasses: '', // additional classes to be added to the modal\n modalId: '', // Custom id for the modal\n buttons: [\n // example markup (this will also dismiss the modal on click):\n // ''\n ]\n };\n const settings = $.extend({}, defaults, options);\n\n // additional uncommon bootstrap options go into data attributes\n const dataAttributes = [];\n ['backdrop', 'keyboard', 'focus', 'show'].forEach(param => {\n if (settings[param] !== undefined) {\n dataAttributes.push(`data-${param}=\"${settings[param]}\"`);\n }\n });\n\n let header = 'Something went wrong. Please reload the page and try again.
If the issue persists, please call Customer Care.
',\n customClasses: 'modal--error'\n });\n });\n });\n }\n\n $('.js-login-modal-accordion-control').on('click', function (e) {\n e.preventDefault();\n const $link = $(this);\n const $target = $($link.attr('href') || $link.data('target'));\n const $container = $target.closest('.js-login-modal-accordion');\n // toggle accordion content\n $container.find('.js-login-modal-accordion-content').slideUp('fast');\n $target.stop().slideDown('fast');\n });\n\n $('#forgotPasswordModalLink').on('click', (e) => {\n e.preventDefault();\n $('.modal-title').text(modalResources.forgotPassword);\n var emailId = $(e.currentTarget).closest('form').find('input[name=loginEmail]').val();\n if (emailId && emailId.length) {\n $('#reset-password-email').val(emailId);\n }\n });\n\n $('#loginModalLink, #leavingLoginBtn').on('click', (e) => {\n e.preventDefault();\n $('.modal-title').text(modalResources.logIn);\n });\n\n $('#pblLoginCloseModalLink').on('click', (e) => {\n e.preventDefault();\n $('.modal-title').text(modalResources.leavingLogin);\n });\n\n $('[data-toggle=tooltip]').tooltip();\n\n let $recaptchaBtn = $modal.find('form .btn-recaptcha');\n /* global registerButtonAsRecaptchaTrigger */\n registerButtonAsRecaptchaTrigger($recaptchaBtn);\n\n $modal.find('form').trigger('form:created');\n });\n });\n};\n\nmodule.exports = {\n initLoginModal: () => {\n $('body')\n .off('click.loginmodal', '.js-login-modal')\n .on('click.loginmodal', '.js-login-modal', (e) => {\n let $this = $(e.currentTarget);\n e.preventDefault();\n\n launchLoginModal($this.attr('href'));\n });\n },\n launchLoginModal: launchLoginModal\n};\n","'use strict';\n\n/**\n * Remove all validation. Should be called every time before revalidating form\n * @param {element} form - Form to be cleared\n * @returns {void}\n */\nfunction clearFormErrors(form) {\n $(form).find('.form-control.is-invalid').removeClass('is-invalid');\n}\n\nmodule.exports = function (formElement, payload) {\n // clear form validation first\n clearFormErrors(formElement);\n $('.alert', formElement).remove();\n\n if (typeof payload === 'object' && payload.fields) {\n Object.keys(payload.fields).forEach(function (key) {\n if (payload.fields[key]) {\n var feedbackElement = $(formElement).find('[name=\"' + key + '\"]')\n .parent()\n .children('.invalid-feedback');\n\n if (feedbackElement.length > 0) {\n if (Array.isArray(payload[key])) {\n feedbackElement.html(payload.fields[key].join('