' + data.receivedMsgBody + '
');\n $(submitEmailBtn).text(data.buttonText)\n .attr('data-modal', 'closeModal')\n .attr('data-target', '#requestPasswordResetModal');\n }\n },\n error: function () {\n $form.spinner().stop();\n }\n });\n return false;\n });\n}\n\n/**\n * Clear Form function\n */\nfunction clearFormPassword() {\n const { resetPasswordBtn, resetPasswordEmail, resetPasswordForm } = selectors;\n const $form = $(resetPasswordForm);\n const $errorContainer = $form.parent().find(selectors.errorContainer);\n\n $(resetPasswordBtn).on('modal:beforeClose', function () {\n $(resetPasswordEmail).val('');\n clearFormErrors($form);\n errorHelper.clearErrorNotification($errorContainer);\n });\n}\n\nmodule.exports = {\n resetPassword,\n clearFormPassword\n};\n","const selectors = {\n errorContainer: '.js-error-messaging',\n errorText: '.js-alert-text',\n closeErrorBtn: '.js-close-alert',\n alert: '.js-alert'\n};\n\nconst classes = {\n displayNone: 'display-none',\n alertSuccess: 'alert-success',\n alertDanger: 'alert-danger'\n};\n\nconst elements = {\n $document: $(document),\n $body: $('body')\n};\n\n/**\n * Create an alert to display the error message\n * @param {string} message - Error message to display\n * @param {string} errorElSelector - Selector for the element that will be used to display error message (default value is '.error-messaging')\n */\nfunction createErrorNotification(message, errorElSelector = selectors.errorContainer) {\n const { errorText, alert } = selectors;\n const { displayNone, alertSuccess, alertDanger } = classes;\n const $errorEl = $(errorElSelector);\n const $alertEl = $(alert);\n\n if (!message || message.length === 0) {\n clearErrorNotification(errorElSelector);\n return;\n }\n\n $errorEl.removeClass(displayNone);\n $errorEl.find(errorText).html(message);\n\n let isSuccess = $errorEl.find(alertSuccess);\n\n if (isSuccess) {\n $alertEl.removeClass(alertSuccess).addClass(alertDanger);\n }\n\n handleEventListener();\n}\n\n/**\n * Clears the error message\n * @param {jQuery|string|undefined} $errorContainer - jQuery element - error message container (error-messaging .js-error-messaging)\n */\nfunction clearErrorNotification($errorContainer) {\n let errorContainerEl = null;\n const { errorContainer } = selectors;\n const { $body } = elements;\n const { displayNone } = classes;\n\n if ($errorContainer) {\n if (typeof $errorContainer === 'string' && $errorContainer.length > 0) {\n errorContainerEl = $($errorContainer);\n } else {\n errorContainerEl = $errorContainer;\n }\n } else {\n errorContainerEl = $(errorContainer);\n }\n\n if (errorContainerEl && typeof errorContainerEl === 'object' && errorContainerEl.length > 0) {\n $body.trigger('error:beforeClear');\n errorContainerEl.addClass(displayNone);\n }\n\n $body.trigger('error:afterClear');\n}\n\n/**\n * Adds event listener on close error message button\n */\nfunction handleEventListener() {\n const { errorContainer, closeErrorBtn } = selectors;\n const { $document } = elements;\n\n $document.on('click', closeErrorBtn, function() {\n const $this = $(this);\n const $errorContainer = $this.closest(errorContainer) || $this.closest('.error-messaging');\n\n if ($errorContainer.length !== 0) {\n clearErrorNotification($errorContainer);\n }\n });\n}\n\nmodule.exports = {\n init: function() {\n handleEventListener();\n },\n createErrorNotification,\n clearErrorNotification\n};\n","/**\n * Media breakpoints\n */\nconst breakpoints = {\n xs: 421,\n s: 767,\n m: 900,\n l: 1199,\n xl: 1440\n};\n\n/**\n * media queries\n */\nconst mediaBreakpoints = {\n tabletMax: `(max-width:${breakpoints.l}px)`, //(max-width: 1199px)\n mobileMax: `(max-width: ${breakpoints.s}px)`, //(max-width: 767px)\n desktopOnly: `(min-width: ${breakpoints.l + 1}px)`//(min-width: 1200px)\n};\n\n/**\n * example: processInclude(require('./components/search'));\n * @param {Object} include - required file\n */\nfunction processInclude(include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach((key) => {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n}\n\n/**\n * example: getScreenSize('(min-width: 1025px)');\n * isMobile: getScreenSize(mediaBreakpoints.mobileMax),\n * @param {string} mediaQuery - media query string - (min-width: 1025px)\n * @returns {boolean} - returns boolean value if screen size matched or not\n */\nfunction getScreenSize(mediaQuery) {\n return window.matchMedia(mediaQuery).matches;\n}\n\n/**\n * Checks if element is vertically and horizontally in viewport\n * @param {jQuery} el - jQuery object\n * @param {number} offsetToTop - tolerated margin, usually 0\n * @returns {boolean} - returns true if element is in view or false if not\n */\n function elementInViewport(el, offsetToTop) {\n var top = el.offsetTop;\n var left = el.offsetLeft;\n var width = el.offsetWidth;\n var height = el.offsetHeight;\n\n while (el.offsetParent) {\n el = el.offsetParent;\n top += el.offsetTop;\n left += el.offsetLeft;\n }\n\n if (typeof offsetToTop !== 'undefined') {\n top -= offsetToTop;\n }\n\n if (window.pageXOffset !== null) {\n return top < window.pageYOffset + window.innerHeight && left < window.pageXOffset + window.innerWidth && top + height > window.pageYOffset && left + width > window.pageXOffset;\n }\n\n if (document.compatMode === 'CSS1Compat') {\n return (\n top < window.document.documentElement.scrollTop + window.document.documentElement.clientHeight\n && left < window.document.documentElement.scrollLeft + window.document.documentElement.clientWidth\n && top + height > window.document.documentElement.scrollTop\n && left + width > window.document.documentElement.scrollLeft\n );\n }\n}\n\nfunction appendToUrl(url, params) {\n let newUrl = url;\n newUrl += (newUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(params).map((key) => `${key}=${encodeURIComponent(params[key])}`).join('&');\n\n return newUrl;\n}\n\nfunction parseQueryString(filterUrl) {\n // get all url parameters as key value pairs\n var queryString = filterUrl.split('?')[1];\n var parameters = queryString.split('&');\n var prefs = {};\n for (var i = 0; i < parameters.length; i++) {\n var keyValuePair = parameters[i].split('=');\n\n if(keyValuePair.length == 2) {\n prefs[keyValuePair[0]] = keyValuePair[1];\n }\n }\n\n var result = {\n preferences: {}\n };\n\n var keys = Object.keys(prefs);\n for (var i = 0; i < keys.length; i++) {\n // add all parameters that do not start with pref\n if (prefs[keys[i]] && keys[i].indexOf('pref') != 0) {\n result[keys[i]] = prefs[keys[i]];\n }\n }\n\n // for each numbered pref parameter, add the key value pair to the result\n var maxPrefs = Math.floor(keys.length / 2);\n for (var i = 1; i <= maxPrefs; i++) {\n var key = prefs['prefn' + i];\n var value = prefs['prefv' + i];\n if(key == null || value == null) {\n continue;\n }\n\n result.preferences[key] = value;\n }\n\n return result;\n}\n\n/**\n * Scrolls the window to the top\n * Example: scrollToPosition(0, 1000);\n * @param {number} scrollPos - position which needs to be scrolled to\n * @param {number} duration - duration of scrolling\n * @param {Object} $scrollableEl - scrollable element\n */\nfunction scrollToPosition(scrollPos, duration, $scrollableEl) {\n duration = duration || 500;\n $scrollableEl = $scrollableEl || $('html, body');\n\n if (window.history.scrollRestoration) {\n window.history.scrollRestoration = 'manual';\n }\n\n $scrollableEl.animate({\n scrollTop: scrollPos || 0\n }, duration);\n}\n\n/**\n * Scrolls the window to the specific position/element\n * Example: scrollToAnchor('#product-details', { duration: 1000 });\n * @param {string} anchor - element selector which needs to be scrolled to\n * @param {Object} params - object of parameters - headerHeight, extraMargin, duration\n */\nfunction scrollToAnchor(anchor, params) {\n if (anchor.length === 0 || typeof anchor !== 'string') return;\n\n var $anchor = $(anchor);\n\n if ($anchor.length === 0) return;\n\n params = params || {};\n\n const headerElemHeight = params.headerElemHeight || 0;\n const extraMargin = params.extraMargin || 0;\n const duration = params.duration || 500;\n const scrollPos = parseInt(($anchor.offset().top - headerElemHeight - extraMargin), 10);\n\n scrollToPosition(scrollPos, duration);\n}\n\nfunction subscribeMutationObserver(elements, callback) {\n // config object\n const config = { childList: true, characterData: true, subtree: true, attributes: true, };\n\n // set a MutationObserver for each element\n $(elements).each(function(index, el) {\n var target = $(el)[0];\n\n // set mutation observer\n var observer = new MutationObserver(function(mutationsList,observer) {\n callback();\n });\n\n // observer should disconnect after fulfilling its purpose\n // create event listener\n $(el).on('disconnectObserver', function() {\n observer.disconnect();\n });\n\n // set the observer on the target\n observer.observe(target, config);\n });\n}\n\nexport {\n processInclude,\n appendToUrl,\n parseQueryString,\n getScreenSize,\n scrollToAnchor,\n scrollToPosition,\n mediaBreakpoints,\n breakpoints,\n elementInViewport,\n subscribeMutationObserver\n};\n"],"sourceRoot":""}