${window.resources.saveForLater.confirmRemoveItemBody}
${productName}
`,\n modalSizeClass: 'modal-md',\n buttons: [\n ``,\n ``\n ]\n }).one('shown.bs.modal', function () {\n $confirmModal.find('.js-confirm-remove-sfl-item').one('click', function () {\n $confirmModal.modal('hide');\n $.spinner().start();\n $('body').trigger('cart:beforeUpdate');\n $.ajax({\n url: url, // Cart-SaveForLaterRemoveProduct\n type: 'POST',\n data: formData,\n dataType: 'json'\n }).done(function (data) {\n $.spinner().stop();\n\n if (data.error) {\n createErrorNotification(data.errorMessage);\n return;\n }\n\n // Some product quantity was updated by middleware, refresh the cart and display message\n const quantityUpdated = data.autoUpdatedItems && data.autoUpdatedItems.length;\n if (quantityUpdated) {\n const itemList = data.autoUpdatedItems.join(',');\n const $cardContainer = $('.cart-product-line-items-container');\n $cardContainer.data('auto-updated-uuids', itemList);\n }\n\n const quantityDeleted = data.autoDeletedItems && data.autoDeletedItems.length;\n if (quantityDeleted) {\n const deletedList = data.autoDeletedItems.join(',');\n const $cardContainer = $('.cart-product-line-items-container');\n $cardContainer.data('auto-deleted-uuids', deletedList);\n }\n\n if (quantityUpdated || quantityDeleted) {\n $('body').trigger('cart:update', data);\n }\n\n $.alert({\n content: data.alertMsg,\n theme: 'success',\n placement: 'banner'\n });\n\n // remove the product card\n $productCard.slideUp(null, () => {\n $productCard.remove();\n });\n\n // update the list size\n $('.js-saveforlater-listsize').html(data.listSizeMsg).data('listsize', data.lineItemsTotalCount);\n if (!data.lineItemsTotalCount) {\n // list is empty\n $('.js-save-for-later-container').slideUp();\n }\n\n // update SFL warning alerts\n if (!$('.js-saveforlater-items .availability--not-available').length) {\n $('.js-sfl-oos-warning').remove();\n }\n }).fail(function (err) {\n if (err.responseJSON.redirectUrl) {\n location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n });\n });\n }).one('hidden.bs.modal', function () {\n $confirmModal.remove();\n });\n}\n\n/**\n * Click handler for the SFL button when login is required\n * @param {jQuery} $this - the Load More button\n */\nfunction showLoginRequiredModal($this) {\n const $loginRequiredModal = $.modal({\n title: $this.data('modal-title'),\n content: $this.data('modal-content'),\n modalSizeClass: 'modal-md',\n buttons: [\n ``,\n ``\n ]\n }).one('shown.bs.modal', function () {\n // if the user clicks either button, another modal will open, so remove this loginRequired modal.\n $loginRequiredModal.find('.btn').one('click', function () {\n // we don't want to use .modal('fade') because that'll trigger the hidden.bs.modal event\n // which will remove classes/style from the body and affect scolling on the incoming modal.\n const $elementsToBeRemoved = $loginRequiredModal.add($loginRequiredModal.prev('.modal-backdrop'));\n $elementsToBeRemoved.fadeOut(null, null, function () {\n $elementsToBeRemoved.remove();\n });\n });\n }).one('hidden.bs.modal', function () {\n // if the user closes the loginRequired modal by clicking the backdrop, X button,\n // or using the ESC key, remove the modal from the dom.\n $loginRequiredModal.remove();\n });\n}\n\n/**\n * Click handler for the Load More button on save for later\n * @param {jQuery} $this - the Load More button\n */\nfunction loadMore($this) {\n const $sflItemsContainer = $('.js-saveforlater-items');\n const $loadingDots = $('.js-save-for-later-container .loading-dots').removeClass('d-none').show();\n let url = $this.data('action');\n // count the number of items already on the page\n let currentItemCount = $sflItemsContainer.find('.product-info').length;\n const pageSize = $this.data('page-size'); // number of items this button is requesting (if undefined, controller will use default pageSize)\n url = utils.setUrlData(url, {\n start: currentItemCount,\n pageSize: pageSize\n });\n $.ajax({\n url: url, // Cart-ShowSaveForLater?start=5 to get items 5 - 9 or ?start=0&pageSize=10 to get items 0 - 9\n type: 'GET'\n }).done(function (data) {\n $loadingDots.hide();\n $sflItemsContainer.append(data);\n\n // update Load More / Load All buttons\n const $loadMoreBtn = $('.js-sfl-load-more');\n const $loadAllBtn = $('.js-sfl-load-all');\n const $listSizeMsg = $('.js-saveforlater-listsize'); // this element holds the total list size and default page size in data attrs\n const defaultPageSize = $listSizeMsg.data('pagesize');\n const totalListSize = $listSizeMsg.data('listsize');\n currentItemCount = $sflItemsContainer.find('.product-info').length;\n const remainingItemsCount = totalListSize - currentItemCount;\n if (remainingItemsCount === 0) {\n $loadMoreBtn.hide();\n $loadAllBtn.hide();\n } else {\n $loadMoreBtn.show().find('span').text(Math.min(remainingItemsCount, defaultPageSize));\n\n if (remainingItemsCount > defaultPageSize) {\n $loadAllBtn.show().data('page-size', remainingItemsCount).find('span').text(remainingItemsCount);\n } else {\n $loadAllBtn.hide();\n }\n }\n\n // update querystring params so we can reload the page with the same number of items shown\n const cartShowUrl = new URL(location);\n cartShowUrl.searchParams.set('savedPageSize', currentItemCount);\n history.pushState({}, '', cartShowUrl);\n }).fail(function (err) {\n if (err.responseJSON.redirectUrl) {\n location.href = err.responseJSON.redirectUrl;\n } else {\n $loadingDots.hide();\n createErrorNotification(err.responseJSON.errorMessage);\n }\n });\n}\n\n/**\n * Initializes the Save For Later functionality. Sets up event listeners.\n */\nfunction init() {\n $('body')\n .on('click', '.js-saveForLater-remove-product', function (e) {\n e.preventDefault();\n removeFromList($(this).data('pid'));\n })\n .on('click', '.js-sfl-load-more, .js-sfl-load-all', function (e) {\n e.preventDefault();\n loadMore($(this));\n })\n .on('click', '.js-saveForLater-loginRequired', function (e) {\n e.preventDefault();\n showLoginRequiredModal($(this));\n });\n}\n\nmodule.exports = () => {\n init();\n\n return {\n removeFromList\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 = '