' + 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/**\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\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('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('