\\r\\n \\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var helper, alias1=container.escapeExpression, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \" \"\n + alias1(((helper = (helper = lookupProperty(helpers,\"ProductName\") || (depth0 != null ? lookupProperty(depth0,\"ProductName\") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"ProductName\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":8,\"column\":73},\"end\":{\"line\":8,\"column\":88}}}) : helper)))\n + \"\\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n var helper, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return \" \"\n + container.escapeExpression(((helper = (helper = lookupProperty(helpers,\"ProductName\") || (depth0 != null ? lookupProperty(depth0,\"ProductName\") : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === \"function\" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{\"name\":\"ProductName\",\"hash\":{},\"data\":data,\"loc\":{\"start\":{\"line\":10,\"column\":20},\"end\":{\"line\":10,\"column\":35}}}) : helper)))\n + \"\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data,blockParams,depths) {\n var stack1, lookupProperty = container.lookupProperty || function(parent, propertyName) {\n if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n return parent[propertyName];\n }\n return undefined\n };\n\n return ((stack1 = lookupProperty(helpers,\"each\").call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? lookupProperty(depth0,\"Results\") : depth0),{\"name\":\"each\",\"hash\":{},\"fn\":container.program(1, data, 0, blockParams, depths),\"inverse\":container.noop,\"data\":data,\"loc\":{\"start\":{\"line\":1,\"column\":0},\"end\":{\"line\":26,\"column\":9}}})) != null ? stack1 : \"\");\n},\"useData\":true,\"useDepths\":true});","$(document).ready(function () {\r\n var token = $(\"input[name='__RequestVerificationToken']\").first().val();\r\n InsertAntiforgeryToken(token);\r\n $.ajaxPrefilter(function (options, originalOptions, xhr) {\r\n if(options.type.toUpperCase() === 'POST') {\r\n if(typeof token !== 'undefined') {\r\n if(token.length > 0) {\r\n xhr.setRequestHeader('__RequestVerificationToken', token);\r\n }\r\n }\r\n }\r\n if(originalOptions.dataType !== 'json') {\r\n if(options.data instanceof FormData) { // eslint-disable-line\r\n options.data.__RequestVerificationToken = token;\r\n } else {\r\n if(typeof (options.data) !== 'undefined') {\r\n var tokenlocation = options.data.indexOf('__RequestVerificationToken');\r\n if(tokenlocation === -1) {\r\n options.data += '&' + $.param({\r\n __RequestVerificationToken: token\r\n });\r\n }\r\n }\r\n }\r\n }\r\n });\r\n $(document).ajaxComplete(function (event, jqXHR, ajaxOptions) {\r\n if(ajaxOptions.url.indexOf('cartcount') > -1) {\r\n return;\r\n }\r\n InsertAntiforgeryToken(token);\r\n });\r\n});\r\n\r\nfunction InsertAntiforgeryToken(afToken) {\r\n $('.site-main form').each(function (i, e) {\r\n var hastoken = (this.method === 'get') || (this.innerHTML.indexOf('__RequestVerificationToken') > -1);\r\n if(!hastoken) {\r\n $(e).append(' ');\r\n }\r\n });\r\n}\r\n","$(document).on('click', '[data-action=\"print-screen\"]', function() {\r\n window.print();\r\n return false;\r\n});\r\n","/****************************************\r\n Elements to choose from:\r\n [data-dropdown=\"container\"]\r\n [data-dropdown=\"label\"]\r\n [data-dropdown=\"link\"]\r\n [data-dropdown=\"list\"]\r\n [data-dropdown=\"option\"]\r\n****************************************/\r\n\r\n$(document).on('click', '[data-dropdown=\"container\"]', function(e) {\r\n $(this).toggleClass('is--active');\r\n $(this).find('[data-dropdown=\"list\"]').toggleClass('is--inactive');\r\n $(this).find('[data-dropdown=\"list\"]').toggleClass('is--active');\r\n $(this).find('[data-dropdown=\"label\"]').toggleClass('is--active');\r\n $(this).find('[data-dropdown=\"select\"]').toggleClass('is--inactive');\r\n});\r\n","$(document).ready(function () {\r\n function toggle($trigger, expanded) {\r\n var panelId = $trigger.attr('aria-controls');\r\n var $panel = $('#' + panelId);\r\n $trigger.attr('aria-expanded', expanded);\r\n $panel.slideToggle('fast', () => {\r\n if(expanded === 'true') {\r\n $trigger.focus();\r\n }\r\n });\r\n }\r\n\r\n $('.js-accordion-section-group').each(function () {\r\n var $accordion = $(this);\r\n var $triggers = $accordion.find('.js-accordion-section-trigger');\r\n\r\n $triggers.on('click', function (e) {\r\n var $this = $(this);\r\n var isExpanded = $this.attr('aria-expanded') === 'true';\r\n if(!isExpanded) {\r\n toggle($this, 'true');\r\n } else {\r\n toggle($this, 'false');\r\n }\r\n\r\n $accordion.find('[aria-expanded=true]').not($this).each(function () {\r\n toggle($(this), 'false');\r\n });\r\n\r\n e.preventDefault();\r\n });\r\n\r\n $triggers.on('keydown', function (e) {\r\n var $this = $(this);\r\n var key = e.which.toString();\r\n\r\n // 38 = Up Arrow, 40 = Down Arrow\r\n if(key.match(/38|40/)) {\r\n var index = $triggers.index($this);\r\n var direction = (key.match(/34|40/)) ? 1 : -1;\r\n var length = $triggers.length;\r\n var newIndex = (index + length + direction) % length;\r\n $triggers[newIndex].focus();\r\n\r\n e.preventDefault();\r\n } else if(key.match(/35|36/)) {\r\n // 35 = End, 36 = Home\r\n switch (key) {\r\n case '36':\r\n $triggers.first().focus();\r\n break;\r\n case '35':\r\n $triggers.last().focus();\r\n break;\r\n }\r\n\r\n e.preventDefault();\r\n }\r\n });\r\n\r\n $accordion.find('.js-accordion-section-trigger').each(function () {\r\n $(this).on('focus', function () {\r\n $accordion.addClass('focus');\r\n });\r\n\r\n $(this).on('blur', function () {\r\n $accordion.removeClass('focus');\r\n });\r\n });\r\n });\r\n});\r\n","import ESAPI from 'node-esapi';\r\n$(document).ready(function() {\r\n getAndSetCartCount();\r\n});\r\n\r\n// Trap Focus when modal is open. Adapted from https://grrr.tech/posts/trap-keyboard-tab-focus-in-element-in-accessible-aria-modal-dialog/\r\nconst focusCandidates = 'a, button, input, select, textarea, svg, area, details, summary, iframe, object, embed, [tabindex], [contenteditable]';\r\n\r\nfunction htmlEncode(content) {\r\n var strContent = `${content}`;\r\n return ESAPI.encoder().encodeForHTML(strContent);\r\n}\r\nwindow.htmlEncode = htmlEncode;\r\n\r\nfunction escapeParamForUrl(content) {\r\n return ESAPI.encoder().encodeForURL(content);\r\n}\r\n\r\n// call when modal is opened - limit focus to elements within modal and browser by setting tabindex to -1 for all focusable elements outside of modal\r\nfunction trapFocus(focusNode, rootNode = document) {\r\n const nodes = [...rootNode.querySelectorAll(focusCandidates)].filter(node => !focusNode.contains(node) && node.getAttribute('tabindex') !== '-1');\r\n\r\n // set tabindex to -86 to easily identify and restore later\r\n nodes.forEach(node => node.setAttribute('tabindex', '-86'));\r\n\r\n // call shiftFocus on modal\r\n shiftFocus(focusNode);\r\n}\r\n// expose focus functions to window for globalApi.js and Sitecore content usage\r\nwindow.trapFocus = trapFocus;\r\n\r\n// call when modal is closed - remove tabindex -86 on all elements previously set as such to restore focusability\r\nfunction releaseFocus(rootNode = document) {\r\n const nodes = [...rootNode.querySelectorAll(focusCandidates)].filter(node => node.getAttribute('tabindex') === '-86');\r\n nodes.forEach(node => node.removeAttribute('tabindex'));\r\n}\r\n// expose focus functions to window for globalApi.js and Sitecore content usage\r\nwindow.releaseFocus = releaseFocus;\r\n\r\n// call after trapFocus to shift focus to 1st focusable element within modal when modal is opened\r\nfunction shiftFocus(modalNode) {\r\n const nodes = [...modalNode.querySelectorAll(focusCandidates)].filter(node => node.getAttribute('tabindex') !== '-1');\r\n nodes[0].focus();\r\n}\r\n\r\nfunction apiMessage(message) {\r\n // releaseFocus and trapFocus for accessibility - defined in modal.js\r\n window.releaseFocus();\r\n // close any active modals by triggiering click, not removing\r\n $('.js-modal.is--active').trigger('click');\r\n\r\n let messageEncoded = htmlEncode(message);\r\n let modal = `
${messageEncoded}
`;\r\n\r\n if(message.length > 0) {\r\n $('body').append(modal);\r\n window.trapFocus($('.js-modal.is--active')[0]);\r\n }\r\n}\r\nwindow.apiMessage = apiMessage;\r\n\r\nfunction apiMessageHtmlNotEncoded(message) {\r\n // releaseFocus and trapFocus for accessibility - defined in modal.js\r\n window.releaseFocus();\r\n // close any active modals by triggiering click, not removing\r\n $('.js-modal.is--active').trigger('click');\r\n\r\n let modal = `
${message}
`;\r\n\r\n if(message.length > 0) {\r\n $('body').append(modal);\r\n window.trapFocus($('.js-modal.is--active')[0]);\r\n }\r\n}\r\nwindow.apiMessageHtmlNotEncoded = apiMessageHtmlNotEncoded;\r\n\r\nfunction cartAddExtrinsic(catalogID, quantity, components) {\r\n $.ajax({\r\n url: '/api/cartcheckout/AddToCartExtrinsic',\r\n type: 'POST',\r\n data: {\r\n catalogueId: catalogID,\r\n quantity: quantity,\r\n catalogueIdList: components\r\n },\r\n success: function(result) {\r\n if(result.resultStatus) {\r\n displayAddToCartModal(catalogID, quantity);\r\n if($('.checkout').length || $('.cart').length) {\r\n window.location.reload();\r\n }\r\n getAndSetCartCount();\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n }\r\n // ,\r\n // error: function(err) {\r\n // console.log('Cart ERROR: ', err);\r\n // }\r\n });\r\n}\r\n\r\nfunction cartAddDx(catalogID, quantity, dxrequest) {\r\n $.ajax({\r\n url: '/api/cartcheckout/AddToCartDx',\r\n type: 'POST',\r\n data: {\r\n catalogueId: catalogID,\r\n quantity: quantity,\r\n dxrequest: dxrequest\r\n },\r\n success: function (result) {\r\n if(result.resultStatus) {\r\n displayAddToCartModal(catalogID, quantity, '.js-dx-addtocart');\r\n if($('.checkout').length || $('.cart').length) {\r\n window.location.reload();\r\n }\r\n getAndSetCartCount();\r\n } else {\r\n $('.js-dx-addtocart').prop('disabled', false);\r\n apiMessage(result.resultMessage);\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction toggleCounterControls(disable) {\r\n let counterDown = $('.add-cart__ctrl--down');\r\n let counterBox = $('.add-cart__ctrl--count[data-cart-item=\"counter\"]');\r\n let counterUp = $('.add-cart__ctrl--up');\r\n\r\n if(counterBox.length) {\r\n if(disable) {\r\n counterDown.attr('disabled', 'disabled');\r\n counterBox.addClass('all-disabled');\r\n counterUp.attr('disabled', 'disabled');\r\n } else {\r\n $('[data-cart-item=\"counter\"]').val(1).attr('value', 1);\r\n counterDown.removeAttr('disabled');\r\n counterBox.removeClass('all-disabled');\r\n counterUp.removeAttr('disabled');\r\n }\r\n }\r\n}\r\n\r\nfunction handleSpinner(target, start) {\r\n if(target) {\r\n if(start) {\r\n startBtnSpinner(target);\r\n } else {\r\n stopBtnSpinner(target);\r\n }\r\n }\r\n}\r\n\r\nfunction handleCartAddSuccess(result, data) {\r\n if(result.resultStatus) {\r\n displayAddToCartModal(data.id, data.counter);\r\n if($('.checkout').length || $('.cart').length) {\r\n window.location.reload();\r\n }\r\n getAndSetCartCount();\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n}\r\n\r\nfunction cartAddGeneral(data) {\r\n // Disables the down, up and counter box(adding to cart section)\r\n toggleCounterControls(true);\r\n // Starts spinner\r\n handleSpinner(data.target, true);\r\n\r\n $.ajax({\r\n url: '/api/cartcheckout/addtocart',\r\n type: 'POST',\r\n data: {\r\n catalogueId: data.id,\r\n quantity: data.counter\r\n },\r\n success: function (result) {\r\n // Gets and sets cart count\r\n handleCartAddSuccess(result, data);\r\n // Stops spinner\r\n handleSpinner(data.target, false);\r\n // Enables the down, up and counter box(adding to cart section)\r\n toggleCounterControls(false);\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // ,\r\n // error: function(err) {\r\n // console.log('Cart Add ERROR: ', err);\r\n // }\r\n });\r\n}\r\n\r\n// For PIF bundle:\r\nfunction cartAddMultiple(data) {\r\n // data.id is a string list of multiple IDs. add space after comma for display in modal\r\n let dataIdString = data.id.replace(/,/g, ', ');\r\n // change to actual array for add to cart\r\n data.id = data.id.split(',');\r\n let $bundleCart = $('.js-pif__bundle-cart');\r\n\r\n $.ajax({\r\n url: '/api/cartcheckout/addtocartmultiple',\r\n type: 'POST',\r\n data: {\r\n catalogueIds: data.id,\r\n quantity: data.counter\r\n },\r\n success: function(result) {\r\n if(result.resultStatus) {\r\n displayBundleAddToCartModal(data.title, dataIdString, data.id.length, data.price);\r\n if($('.checkout').length || $('.cart').length) {\r\n window.location.reload();\r\n }\r\n getAndSetCartCount();\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n\r\n // hide loading spinner\r\n $bundleCart.find('.js-submit-next').removeClass('hidden');\r\n $bundleCart.find('.js-submit-loading').addClass('hidden');\r\n $bundleCart.find('.js-spinner').removeClass('js-spinner-active');\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // ,\r\n // error: function(err) {\r\n // hide loading spinner\r\n // $bundleCart.find('.js-submit-next').removeClass('hidden');\r\n // $bundleCart.find('.js-submit-loading').addClass('hidden');\r\n // $bundleCart.find('.js-spinner').removeClass('js-spinner-active');\r\n // }\r\n });\r\n}\r\n\r\nfunction cartRemoveGeneral(data) {\r\n $.ajax({\r\n url: '/api/cartcheckout/removefromcart',\r\n type: 'POST',\r\n data: {\r\n catalogueId: data.id\r\n },\r\n success: function(result) {\r\n getAndSetCartCount();\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // ,\r\n // error: function(err) {\r\n // console.log('Cart Add ERROR: ', err);\r\n // }\r\n });\r\n}\r\n\r\n// PIF bundle\r\nfunction displayBundleAddToCartModal(Title, Ids, Quantity, Price) {\r\n if($('.js-modal-addtocart').length > 0) {\r\n return;\r\n }\r\n $.ajax({\r\n url: '/api/alerts/GetBundleAddToCartModal',\r\n type: 'POST',\r\n data: {\r\n title: Title,\r\n ids: Ids,\r\n quantity: Quantity,\r\n price: Price\r\n },\r\n success: function(result) {\r\n $('body').append(result);\r\n $('.js-modal-addtocart').addClass('is--active').attr('aria-modal', 'true');\r\n window.trapFocus($('.js-modal-addtocart')[0]);\r\n }\r\n });\r\n}\r\n\r\nfunction displayAddToCartModal(CatalogId, Quantity, addControl) {\r\n if($('.js-modal-addtocart').length > 0) {\r\n return;\r\n }\r\n AddToCartComplete(CatalogId);\r\n $.ajax({\r\n url: '/api/alerts/GetAddToCartModal',\r\n type: 'POST',\r\n data: {\r\n catalogId: CatalogId,\r\n quantity: Quantity\r\n },\r\n success: function (result) {\r\n $('.js-modal-center').remove();\r\n $('body').append(result);\r\n $('.js-modal-addtocart').addClass('is--active').attr('aria-modal', 'true');\r\n window.trapFocus($('.js-modal-addtocart')[0]);\r\n if(addControl !== '') {\r\n $(addControl).prop('disabled', false);\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction cartRemove(data) {\r\n let message = 'Product successfully removed from cart.';\r\n $.ajax({\r\n url: '/api/cartcheckout/RemoveCartLineItem',\r\n type: 'POST',\r\n data: {\r\n catalogueId: data.id,\r\n lineNumber: data.line\r\n },\r\n success: function(result) {\r\n if(result.resultStatus) {\r\n apiMessage(message);\r\n window.location.reload();\r\n } else {\r\n if(result.resultMessage) {\r\n apiMessage(result.resultMessage);\r\n window.location.reload();\r\n } else {\r\n window.location.reload();\r\n }\r\n }\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // ,\r\n // error: function(err) {\r\n // console.log('ERROR while removing item from cart: ', err);\r\n // }\r\n });\r\n}\r\n\r\nvar delay;\r\nfunction cartUpdateItem(data) {\r\n clearTimeout(delay); // Clear timeout\r\n delay = setTimeout(function () {\r\n let message = 'Product successfully updated in cart.';\r\n $.ajax({\r\n url: '/api/cartcheckout/UpdateCartLineItem',\r\n type: 'POST',\r\n data: {\r\n catalogueId: data.id,\r\n quantity: data.counter,\r\n lineNumber: data.line\r\n },\r\n success: function (result) {\r\n if(result.resultStatus) {\r\n apiMessage(message);\r\n window.location.reload();\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n delay = null;\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // ,\r\n // error: function (err) {\r\n // console.log('ERROR updating cart item: ', err);\r\n // delay = null;\r\n // }\r\n });\r\n }, 500);\r\n}\r\n\r\nfunction getAndSetCartCount() {\r\n // let url = 'https://cors-anywhere.herokuapp.com/https://demo.horizondiscovery.com/api/cartcheckout/cartcount'; // Dev Mode\r\n // $cartIcon.after(`1`); // Dev Mode\r\n\r\n let $cartIcon = $('.user-menu__icon').find('.fa-cart-shopping');\r\n if($cartIcon.length > 0) {\r\n let url = '/api/cartcheckout/cartcount'; // Live Mode\r\n $.get(url, function(data) {\r\n if(data !== undefined && data.count > 0) {\r\n $cartIcon.siblings('.user-menu__count').remove();\r\n $cartIcon.after(`${htmlEncode(data.count)}`);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction cartClear(data) {\r\n $.ajax({\r\n url: '/api/cartcheckout/ClearUserCart',\r\n type: 'POST',\r\n success: function (result) {\r\n if(result.resultStatus) {\r\n window.location.reload();\r\n } else {\r\n if(result.resultMessage) {\r\n apiMessage(result.resultMessage);\r\n window.location.reload();\r\n } else {\r\n window.location.reload();\r\n }\r\n }\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // ,\r\n // error: function (err) {\r\n // console.log('ERROR while clearing cart: ', err);\r\n // }\r\n });\r\n}\r\n\r\nfunction globalContactDeleteItem(onError, dataObj) {\r\n let url = '/api/cartcheckout/DeleteContactAddress';\r\n\r\n if(window.location.hostname === 'localhost') {\r\n url = `http://localhost:3004/api/cartcheckout/DeleteContactAddress?addressid=${dataObj.id}&isshipping=${dataObj.shipping}`;\r\n }\r\n\r\n $.ajax({\r\n url: url,\r\n type: 'POST',\r\n dataType: 'json',\r\n data: {\r\n addressid: dataObj.id,\r\n isshipping: dataObj.shipping\r\n },\r\n success: function(result) {\r\n if(result.resultStatus) {\r\n window.location.reload();\r\n } else {\r\n onError(result);\r\n }\r\n },\r\n error: function(err) {\r\n onError(err);\r\n\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction globalContactGetList(onSuccess, onError, type) {\r\n let callType;\r\n let url = '';\r\n switch (type) {\r\n case 'shipping':\r\n callType = 'Shipping';\r\n break;\r\n default:\r\n callType = 'Billing';\r\n }\r\n switch (window.location.hostname) {\r\n case 'localhost':\r\n url = `http://localhost:3004/Get${callType}Addresses`;\r\n break;\r\n default:\r\n url = `/api/cartcheckout/Get${callType}Addresses`;\r\n break;\r\n }\r\n $.get(url, function(data) {}, 'json').done(function(data) {\r\n onSuccess(data, type);\r\n }).fail(function(err) {\r\n onError(err, type);\r\n });\r\n}\r\n\r\nfunction globalContactGetSingle(data, prefillFunc) {\r\n let url = '/api/cartcheckout/GetContactAddress';\r\n // url = `http://localhost:3004${url}?addressId=${data.id}&isShipping=${data.shipping}`; // Dev Mode\r\n url = `${url}?addressId=${data.id}&isShipping=${data.shipping}`; // Live Mode\r\n $.get(url, function(data) {}, 'json').done(function(data) {\r\n prefillFunc(data); // function passed in from checkout-billship.js\r\n // prefillFunc(data[0].contactAddress); // dev mode\r\n });\r\n // must be commented out or shows up on veracode report.\r\n // .fail(function(err) {\r\n // console.log('Prefill Data Not found : ', err);\r\n // });\r\n}\r\n\r\nfunction globalContactMakeDefault(onError, dataObj) {\r\n let url = '/api/cartcheckout/MakeAddressDefault';\r\n\r\n if(window.location.hostname === 'localhost') {\r\n url = `http://localhost:3004/api/cartcheckout/MakeAddressDefault?addressid=${dataObj.id}&isshipping=${dataObj.shipping}`;\r\n }\r\n\r\n $.ajax({\r\n url: url,\r\n type: 'POST',\r\n dataType: 'json',\r\n data: {\r\n addressid: dataObj.id,\r\n isshipping: dataObj.shipping\r\n },\r\n success: function(result) {\r\n if(result.resultStatus) {\r\n window.location.reload();\r\n } else {\r\n onError(result);\r\n }\r\n },\r\n error: function(err) {\r\n onError(err);\r\n\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction globalContactNewEdit(onError, dataObj) {\r\n // API call when editing or adding new address\r\n let url = '/api/cartcheckout/AddUpdateContactAddress';\r\n\r\n $.ajax({\r\n url: url,\r\n type: 'POST',\r\n dataType: 'json',\r\n data: dataObj,\r\n contentType: false,\r\n processData: false,\r\n success: function (result) {\r\n if(result.resultStatus) {\r\n window.location.reload();\r\n } else if(result.resultStatus === false && result.resultMessage.includes('Postal')) {\r\n // catch form submission with invalid zip code and allow for correction before erroring out.\r\n postalCodeResultErrorInline(result.resultMessage);\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n },\r\n error: function(err) {\r\n onError(err);\r\n\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction postalCodeResultErrorInline(error) {\r\n // find most recently used (jquery validated) form field\r\n let $targetField = $('#postal-code.valid');\r\n if($targetField.length) {\r\n $targetField.addClass('form-error');\r\n let errorEl = '';\r\n $targetField.after(errorEl);\r\n } else {\r\n apiMessage(error);\r\n }\r\n}\r\n\r\nfunction getParameterByName(name, url) {\r\n if(!url) url = window.location.href;\r\n // removes %20 (space) from the url so that it doesn't mess up the regex below.\r\n url = url.replace('%20', ' ');\r\n // Make sure any [ or ] are escaped in the name and replaces it with \\\\$& so regex can remove them in the step below.\r\n name = name.replace(/\\[\\]]/g, '\\\\$&');\r\n // Either match a =... or match an empty value.\r\n // Parameter name starts after a ? ir &. Values can be terminated by an & a # or the end of the string ($)\r\n let regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');\r\n // executes a search for the specified regex string above on line above.\r\n let results = regex.exec(url);\r\n // there is an array that has 3 items in it and it is grabbing the 3rd value. console.log results below to see results.\r\n if(!results) return null;\r\n if(!results[2]) return '';\r\n return decodeURIComponent(results[2].replace(/\\+/g, ' '));\r\n}\r\n\r\n$(function() {\r\n $(\"a[role='button']\").on('keyup', function(e) {\r\n if(e.which === 32) {\r\n e.preventDefault();\r\n window.location = e.target.href;\r\n }\r\n });\r\n});\r\n\r\nfunction getUTM() {\r\n var query = window.location.toString();\r\n var querystring = query.split('?');\r\n if(querystring.length > 1) {\r\n var querypairs = querystring[1].split('&');\r\n for (var p in querypairs) {\r\n var keyvalue = querypairs[p].split('=');\r\n if((keyvalue[0].indexOf('utm') > -1 || keyvalue[0] === 'LS' || keyvalue[0] === 'adgroup' || keyvalue[0] === 'ad' || keyvalue[0] === 'keyword') && window.sessionStorage.getItem(keyvalue[0]) === null) {\r\n window.sessionStorage.setItem(keyvalue[0], decodeURIComponent(keyvalue[1]));\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction getCookie(cname) {\r\n var name = cname + '=';\r\n var decodedCookie = decodeURIComponent(document.cookie);\r\n var ca = decodedCookie.split(';');\r\n for (var i = 0; i < ca.length; i++) {\r\n var c = ca[i];\r\n while (c.charAt(0) === ' ') {\r\n c = c.substring(1);\r\n }\r\n if(c.indexOf(name) === 0) {\r\n return c.substring(name.length, c.length);\r\n }\r\n }\r\n return '';\r\n}\r\n\r\nfunction setCookie(cname, cvalue, exdays) {\r\n var d = new Date();\r\n d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));\r\n var expires = 'expires=' + d.toUTCString() + ';';\r\n if(exdays === 0 || exdays === '') {\r\n expires = '';\r\n }\r\n document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';\r\n}\r\n\r\nwindow.getParameterByName = getParameterByName;\r\n\r\nfunction replaceBlurLQIPImageWithHighRes() {\r\n // The blurred low quality image picture, that is a placeholder (for quick loading)\r\n const blurBGImg = $('.js-blur-bg-lqip-placeholder-img');\r\n\r\n // Select the high resolution image to replace the blurred background.\r\n const img = blurBGImg.find('.js-replace-lqip-with-hr-img');\r\n\r\n // Function to add the 'loaded' class (that triggers the css to remove opacity from blurred background and add opacity 1 to high resolution image) and stop the animation pulsing.\r\n function loaded() {\r\n blurBGImg.addClass('loaded');\r\n }\r\n\r\n // Check if the image is already complete (cached), and if so, add the 'loaded' class\r\n if(img[0].complete) {\r\n loaded();\r\n } else {\r\n // Add a load event listener to the image\r\n img.on('load', loaded);\r\n }\r\n}\r\nfunction AddToCartComplete(data) {\r\n window.dataLayer.push({\r\n 'event': 'addToCartCompleted',\r\n 'addToCartData': data\r\n });\r\n}\r\nfunction readMoreComponent(selector) {\r\n if($(selector).length === 0) return;\r\n\r\n const READ_MORE_LABEL = $(selector).data('read_more_label');\r\n const HIDE_LABEL = $(selector).data('hide_more_label');\r\n let lineNum = $(selector).data('line_number');\r\n console.log('entered here');\r\n $(selector).each(function () {\r\n const $Element = $(this).find('.js-element-height').parent();\r\n $Element.find('.js-element-height').css('overflow', 'hidden');\r\n\r\n // Check if element exists\r\n if($Element.length) {\r\n const $mkReadMoreBtn = $('
More...
');\r\n $Element.append($mkReadMoreBtn);\r\n }\r\n\r\n readMore($(this), lineNum, 'js-element-height', READ_MORE_LABEL, HIDE_LABEL);\r\n });\r\n\r\n function toggleElementHeight(element, targetMinHeight, targetMaxHeight, button, READ_MORE_LABEL, HIDE_LABEL) {\r\n let heightOfElement = element[0].offsetHeight;\r\n let targetMinHeightValue = parseInt(targetMinHeight);\r\n let targetMaxHeightValue = parseInt(targetMaxHeight);\r\n\r\n if(heightOfElement === targetMinHeightValue) {\r\n element.css('height', `${targetMaxHeightValue}px`);\r\n button.html(HIDE_LABEL);\r\n } else {\r\n element.css('height', `${targetMinHeightValue}px`);\r\n button.html(READ_MORE_LABEL);\r\n }\r\n }\r\n\r\n function readMore(jObj, lineNum, ClassName, READ_MORE_LABEL, HIDE_LABEL) {\r\n const $Element = jObj.find(`.${ClassName}`);\r\n const $MinHeight = parseInt($Element.css('line-height'), 10) * lineNum;\r\n const $MaxHeight = $Element[0].scrollHeight;\r\n\r\n $Element.css({\r\n 'height': `${$MinHeight}px`,\r\n 'transition': 'height .5s'\r\n });\r\n\r\n const $ReadMoreBtn = jObj.find('.js-read-more-btn');\r\n\r\n if($MaxHeight > $MinHeight) {\r\n $ReadMoreBtn.show();\r\n } else {\r\n $ReadMoreBtn.hide();\r\n }\r\n\r\n jObj.on('click', '.js-read-more-btn', function () {\r\n toggleElementHeight($Element, $MinHeight, $MaxHeight, $ReadMoreBtn, READ_MORE_LABEL, HIDE_LABEL);\r\n });\r\n }\r\n}\r\n\r\n// This function takes a button element as a parameter (event.target). It will add a spinner to the button\r\n/**\r\n * Starts a spinner animation on a button.\r\n * @param {(jQuery|Element|string)} $target - The jQuery object representing the button to show the spinner on.\r\n */\r\nfunction startBtnSpinner(target) {\r\n if(!target) {\r\n return; // Exit the function if target is null, undefined, or an empty string\r\n }\r\n // Initialize $target as a jQuery object based on the target type\r\n var $target;\r\n\r\n // Check if target is a string (selector) or a DOM element (event.target)\r\n if(typeof target === 'string' || target instanceof Element) {\r\n // Input is a selector (class or ID) or a DOM element (like event.target)\r\n $target = $(target);\r\n } else {\r\n // Input is already a jQuery object or unrecognized - use as is or handle error\r\n $target = target;\r\n }\r\n\r\n // If the button contains a span with its text, this will target the button (not the span) when clicked by checking if the parent is a button\r\n if(!$target.is('button')) {\r\n $target = $target.parent();\r\n }\r\n\r\n // Disable the button\r\n $target.prop('disabled', true);\r\n\r\n // get size of spinner based on btn class (default is small)\r\n let spinnerSize = '';\r\n\r\n if($target.hasClass('btn--md')) {\r\n spinnerSize = 'spinner--md';\r\n } else if($target.hasClass('btn--full')) {\r\n spinnerSize = 'spinner--lg';\r\n } else {\r\n spinnerSize = 'spinner--sm';\r\n }\r\n\r\n // The loading spinner HTML code\r\n let btnLoadingCode = ``;\r\n\r\n // Append the spinner HTML\r\n $target.prepend(btnLoadingCode);\r\n}\r\n\r\n// This function takes a button element as a parameter (event.target). It will remove the spinner from the button\r\nfunction stopBtnSpinner(target) {\r\n if(!target) {\r\n return; // Exit the function if target is null, undefined, or an empty string\r\n }\r\n // Initialize $target as a jQuery object based on the target type\r\n var $target;\r\n\r\n // Check if target is a string (selector) or a DOM element (event.target)\r\n if(typeof target === 'string' || target instanceof Element) {\r\n // Input is a selector (class or ID) or a DOM element (like event.target)\r\n $target = $(target);\r\n } else {\r\n // Input is already a jQuery object or unrecognized - use as is or handle error\r\n $target = target;\r\n }\r\n // If the button contains a span with its text, , this will target the button (not the span) when clicked by checking if the parent is a button\r\n if(!$target.is('button')) {\r\n $target = $target.closest('button');\r\n }\r\n\r\n // Now that $target is confirmed to be the button, remove the spinner and the disabled attribute\r\n $target.find('.js-spinner').remove();\r\n $target.prop('disabled', false);\r\n}\r\n\r\n// Must add class js-spinner-visibility-toggle to the section you want to hide when the spinner becomes active\r\n/**\r\n * Starts an in-page spinner animation.\r\n * @param {string} jsClassSectionToHide - The CSS class of the section to hide.\r\n * @param {string} placement - The placement of the spinner ('after', 'prepend', 'append').\r\n */\r\nfunction startInPageSpinner(jsClassSectionToHide, placement) {\r\n let inPageSpinnerCode = `
Loading...
Loading...
`;\r\n let $jsClassSectionToHide = $(`.${jsClassSectionToHide}`);\r\n\r\n if(placement === 'after') {\r\n $jsClassSectionToHide.addClass('hidden');\r\n }\r\n\r\n switch (placement) {\r\n case 'after':\r\n $jsClassSectionToHide.after(inPageSpinnerCode);\r\n break;\r\n case 'prepend':\r\n $jsClassSectionToHide.prepend(inPageSpinnerCode);\r\n break;\r\n case 'append':\r\n $jsClassSectionToHide.append(inPageSpinnerCode);\r\n break;\r\n }\r\n}\r\n\r\nfunction stopInPageSpinner(jsClassSectionToHide) {\r\n $(`.${jsClassSectionToHide}`).removeClass('hidden');\r\n $('.js-loading-wrapper').remove();\r\n}\r\n\r\nexport { apiMessage, cartAddGeneral, cartAddMultiple, cartRemoveGeneral, cartAddExtrinsic, cartAddDx, cartRemove, cartUpdateItem, getAndSetCartCount, cartClear, globalContactDeleteItem, globalContactGetList, globalContactGetSingle, globalContactMakeDefault, globalContactNewEdit, getParameterByName, getUTM, getCookie, setCookie, trapFocus, releaseFocus, replaceBlurLQIPImageWithHighRes, readMoreComponent, startBtnSpinner, stopBtnSpinner, startInPageSpinner, stopInPageSpinner, htmlEncode, escapeParamForUrl };\r\n","import { cartAddGeneral, cartAddMultiple, cartUpdateItem, cartRemoveGeneral} from '../../../lib/globalapi.js';\r\nimport { getCartData } from '../../../lib/general.js';\r\n\r\n$(document).on('click', '[data-cart-item]', function(event) {\r\n let counterEl = $(this).siblings('[data-cart-item=\"counter\"]');\r\n let count = Number(counterEl.val());\r\n\r\n switch ($(this).data('cart-item')) {\r\n case 'increase':\r\n counterEl.attr('value', count + 1);\r\n counterEl.val(count + 1);\r\n break;\r\n case 'decrease':\r\n if(count > 1) {\r\n counterEl.attr('value', count - 1);\r\n counterEl.val(count - 1);\r\n }\r\n break;\r\n }\r\n});\r\n\r\n$(document).on('keypress', '[data-cart-item=\"counter\"]', function (e) {\r\n if(e.which < 48 || e.which > 57) {\r\n e.preventDefault();\r\n }\r\n});\r\n\r\nlet timer;\r\n$(document).on('input', '.cart [data-cart-item=\"counter\"]', function(e) {\r\n // scoped to .cart page - it should not be updating the cart and causing an error message if input is changed on the search or pif pages\r\n if($(this).val() === '') {\r\n return;\r\n }\r\n let data = getCartData($(this));\r\n clearTimeout(timer);\r\n timer = setTimeout(function() {\r\n cartUpdateItem(data);\r\n }, 800);\r\n});\r\n\r\n$(document).on('blur', '[data-cart-item=\"counter\"]', function(event) {\r\n // Reset product count to zero if a negative number is manually entered\r\n let count = Number($(this).val());\r\n if(count < 1) {\r\n $(this).val(1);\r\n $(this).attr('value', 1);\r\n }\r\n});\r\n\r\n$(document).on('click', '[data-order=\"add\"]', function(event) {\r\n let data = getCartData($(event.target));\r\n cartAddGeneral(data);\r\n // Reset the counter value back to 1 is on spinner code.\r\n});\r\n\r\n// Pif Bundle Add to Cart click instead of above for normal PIF\r\n$(document).on('click', '.js-pif__bundle-submit', function(event) {\r\n let $target = $(event.target);\r\n let data = getCartData($target);\r\n\r\n // show loading spinner\r\n let $bundleCart = $('.js-pif__bundle-cart');\r\n $bundleCart.find('.js-submit-next').addClass('hidden');\r\n $bundleCart.find('.js-spinner').addClass('js-spinner-active');\r\n $bundleCart.find('.js-submit-loading').removeClass('hidden');\r\n\r\n // add bundle item title and total price to data\r\n let bundleTitle = $('.js-pif__bundle-header .pif__heading').text();\r\n let bundlePrice = $('.js-pif__bundle-price').text();\r\n data.title = bundleTitle;\r\n data.price = bundlePrice;\r\n\r\n cartAddMultiple(data);\r\n});\r\n\r\n$(document).on('click', '.js-add-related', function (event) {\r\n event.stopImmediatePropagation();\r\n $(this).removeClass('js-add-related');\r\n $(this).addClass('js-remove-related');\r\n $(this).find('i').removeClass('fa-circle-plus');\r\n $(this).find('i').addClass('fa-circle-check text-success');\r\n let data = {};\r\n data.id = $(this).data('catalog-id');\r\n data.counter = 1;\r\n cartAddGeneral(data);\r\n});\r\n\r\n$(document).on('click', '.js-remove-related', function (event) {\r\n event.stopImmediatePropagation();\r\n $(this).removeClass('js-remove-related');\r\n $(this).addClass('js-add-related');\r\n $(this).find('i').addClass('fa-circle-plus');\r\n $(this).find('i').removeClass('fa-circle-check text-success');\r\n let data = {};\r\n data.id = $(this).data('catalog-id');\r\n data.counter = 1;\r\n cartRemoveGeneral(data);\r\n});\r\n\r\n$(document).on('click', '.js-view-related', function (event) {\r\n event.stopImmediatePropagation();\r\n var url = $(this).data('url');\r\n window.location.href = url;\r\n});\r\n$(document).ready(function () {\r\n $(document).on('mouseenter', 'span[data-cart-el]', function () {\r\n $(this).css('cursor', 'pointer');\r\n $(this).addClass('bg-primary');\r\n $(this).attr('title', 'Click to Copy');\r\n });\r\n\r\n $(document).on('mouseleave', 'span[data-cart-el]', function () {\r\n $(this).removeClass('bg-primary');\r\n $(this).attr('title', '');\r\n });\r\n\r\n $(document).on('click', 'span[data-cart-el]', function () {\r\n var $temp = $('');\r\n $('body').append($temp);\r\n $temp.val($(this).text()).select();\r\n document.execCommand('copy');\r\n $temp.remove();\r\n $(this).attr('title', 'Copied to Clipboard');\r\n $(this).css('user-select', 'all');\r\n });\r\n});\r\n","import HBSStateProvBuild from './hbs-templates/addrFormStateProvince.hbs';\r\nimport HBSTempAddressForm from './hbs-templates/addrTempForm.hbs';\r\nimport { releaseFocus, trapFocus } from '../../../lib/globalapi.js';\r\n$(document).ready(function() {\r\n if($('.addr-form').length) {\r\n $(document).on('click', '[data-addr-el=\"lineToggle\"]', function(event) {\r\n // event.preventDefault();\r\n let hidden = $(this)\r\n .closest('form')\r\n .find('[data-addr-el=\"addrLine\"]')\r\n .map(function(index, elem) {\r\n // Find & return a new array containing only hidden address\r\n // lines that are within the current form scope of the clicked button\r\n if($(elem).hasClass('hidden')) {\r\n return elem;\r\n }\r\n });\r\n\r\n switch (hidden.length) {\r\n case 1:\r\n // Once the final hidden field is reached and displayed\r\n hidden.first().removeClass('hidden');\r\n // Hide the 'show address line' button\r\n $(this).addClass('hidden');\r\n break;\r\n default:\r\n // Show the address line button\r\n hidden.first().removeClass('hidden');\r\n }\r\n });\r\n\r\n $(document).on('change', '[name=\"country\"],[name=\"Country\"]', function(e) {\r\n // Watch for changes on the country dropdown\r\n let $country = $(this);\r\n let $thisForm = $country.closest('.addr-form');\r\n const STATE_DATA_OBJ = {\r\n $form: $thisForm,\r\n countryCode: $country.val()\r\n };\r\n const VAT_MARKUP = `
\r\n \r\n \r\n
`;\r\n\r\n addrFormStatesGet(STATE_DATA_OBJ); // call stateprovince api\r\n addrFormVatFieldToggle($thisForm, VAT_MARKUP);\r\n });\r\n }\r\n});\r\n\r\nfunction addrFormClone(data) { // previously ADDR_FORM_CLONE\r\n let formType = (data.shipping === 'true') ? 'shipping' : 'billing';\r\n let $form = $(`#add-${formType}-form`);\r\n let $modal = $('.js-modal');\r\n if($('.js-modal[data-modal-key=\"billship-modal\"]').length) {\r\n $modal = $('.js-modal[data-modal-key=\"billship-modal\"]');\r\n }\r\n\r\n $form.clone().appendTo($modal.find('.modal__content')).removeClass('hidden');\r\n $modal.addClass('is--active');\r\n\r\n // release and trap focus\r\n releaseFocus();\r\n trapFocus($('.js-modal.is--active')[0]);\r\n}\r\n\r\nfunction addrFormDataBuild(form, type) { // eslint-disable-line\r\n let formData = new FormData(form[0]); // eslint-disable-line\r\n let $id = form.data('form-id');\r\n\r\n if($id) {\r\n formData.append('id', $id);\r\n } else {\r\n formData.append('id', 0); // id of 0 = non-existant, new contact\r\n }\r\n\r\n if(form.attr('name') === 'add-billing-form' && type !== 'shipping') {\r\n formData.append('isShipping', 0);\r\n } else {\r\n formData.append('isShipping', 1);\r\n }\r\n return formData;\r\n}\r\n\r\nfunction addrFormPrefill(apiData) { // previously CHECKOUT_FORM_PREFILL\r\n let $form = $(`[data-form-id=\"${apiData.Id}\"]`);\r\n let CountryCode = (apiData.CountryCode !== null) ? apiData.CountryCode : '';\r\n const stateDataObj = {\r\n $form: $form,\r\n countryCode: CountryCode\r\n };\r\n\r\n addrFormStatesGet(stateDataObj);\r\n\r\n let CustomerName = (apiData.CustomerName !== null) ? apiData.CustomerName : '';\r\n let Attention = (apiData.Attention !== null) ? apiData.Attention : '';\r\n let Line1 = (apiData.Line1 !== null) ? apiData.Line1 : '';\r\n let Line2 = (apiData.Line2 !== null) ? apiData.Line2 : '';\r\n let Line3 = (apiData.Line3 !== null) ? apiData.Line3 : '';\r\n let City = (apiData.City !== null) ? apiData.City : '';\r\n let PostalCode = (apiData.PostalCode !== null) ? apiData.PostalCode : '';\r\n let StateOrProvince = (apiData.StateOrProvince !== null) ? apiData.StateOrProvince : '';\r\n let Email = (apiData.Email !== null) ? apiData.Email : '';\r\n let Phone = (apiData.Phone !== null) ? apiData.Phone : '';\r\n let PhoneExtension = (apiData.PhoneExtension !== null) ? apiData.PhoneExtension : '';\r\n\r\n $form.find(`[name=\"country\"] option[value=\"${CountryCode}\"]`).prop('selected', 'selected');\r\n $form.find('[name=\"requestedInstitution\"]').attr('value', CustomerName);\r\n $form.find('[name=\"attention\"]').attr('value', Attention);\r\n $form.find('[name=\"line1\"]').attr('value', Line1);\r\n $form.find('[name=\"line2\"]').attr('value', Line2);\r\n $form.find('[name=\"line3\"]').attr('value', Line3);\r\n if(Line3) {\r\n $form.find('[name=\"line3\"]').closest('[data-addr-el=\"addrLine\"]').removeClass('hidden');\r\n $form.find('[data-addr-el=\"lineToggle\"]').remove();\r\n }\r\n $form.find('[name=\"city\"]').attr('value', City);\r\n $form.find('[name=\"postalCode\"]').attr('value', PostalCode);\r\n $form.find('[name=\"email\"]').attr('value', Email);\r\n $form.find('[name=\"phone\"]').attr('value', Phone);\r\n $form.find('[name=\"extension\"]').attr('value', PhoneExtension);\r\n\r\n setTimeout(function() {\r\n if($form.find('[name=\"state\"]').prop('nodeName') === 'SELECT') {\r\n $form.find(`[name=\"state\"] option[value=\"${StateOrProvince}\"]`).prop('selected', 'selected');\r\n } else {\r\n $form.find(`[name=\"state\"]`).attr('value', StateOrProvince);\r\n }\r\n }, 700);\r\n}\r\n\r\nfunction addrFormStatesBuild(stateDataObj) {\r\n let apiData = stateDataObj.Response;\r\n let $form = stateDataObj.$form;\r\n let formType = ($form.attr('id') === 'add-billing-form') ? 'billing' : 'shipping';\r\n let $stateField = $form.find('.addr-form__field--state');\r\n let $postalField = $form.find('.addr-form__field--postal');\r\n let stateID = $stateField.find('[name=\"state\"]').attr('Id');\r\n let hbsData = {\r\n FormType: formType,\r\n Id: stateID,\r\n StateProv: apiData\r\n };\r\n\r\n if(typeof apiData === 'object' && apiData.length) {\r\n $stateField.remove();\r\n $postalField.after(HBSStateProvBuild(hbsData));\r\n } else {\r\n $stateField.remove();\r\n }\r\n}\r\n\r\nfunction addrFormStatesGet(stateDataObj) {\r\n // let url = `https://cors-anywhere.herokuapp.com/https://demo.horizondiscovery.com/api/cartcheckout/GetStateProvinceByCountry?countryCode=${stateDataObj.countryCode}`; // Dev Mode\r\n let url = `/api/cartcheckout/GetStateProvinceByCountry?countryCode=${stateDataObj.countryCode}`; // live mode\r\n\r\n $.get(url, function(apiData) {\r\n stateDataObj.Response = apiData;\r\n addrFormStatesBuild(stateDataObj);\r\n });\r\n}\r\n\r\nfunction addrFormTitleToggle(data, buttonType) {\r\n let $form = $('.modal__content').find('form');\r\n $form.attr('data-form-id', data.id);\r\n\r\n if(buttonType === 'edit') {\r\n $('.modal__content').find('.addr-form__title').html('Edit Address');\r\n }\r\n}\r\n\r\nfunction addrFormUniqueStateId() {\r\n $('[name=\"state\"]').each(function(index, el) {\r\n // Create unique id's for each state field\r\n let id = $(el).attr('id');\r\n $(el).attr('id', id + index);\r\n });\r\n}\r\n\r\nfunction addrFormValidate(layoutComponentFunc, validateDataObj) {\r\n let isQuote = $('.checkout--quote').length;\r\n $('.addr-form').each(function() {\r\n let $thisForm = $(this);\r\n let isHidden = $thisForm.hasClass('hidden');\r\n\r\n if(isHidden === false) {\r\n $thisForm.validate({\r\n debug: false,\r\n errorClass: 'form-error',\r\n submitHandler: function(form) {\r\n $thisForm.find('label.form-error').remove();\r\n layoutComponentFunc(form, validateDataObj);\r\n }\r\n });\r\n\r\n if(validateDataObj.forceSubmit) {\r\n $thisForm.submit(); // force submit to initiate validation\r\n }\r\n\r\n if($thisForm.valid() && !isQuote) {\r\n enableSubmit();\r\n }\r\n\r\n if(!$thisForm.valid() && isQuote) {\r\n enableSubmit();\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction enableSubmit() {\r\n var $btn = $('#checkoutNextBtn');\r\n $btn.attr('disabled', false);\r\n $btn.find('.js-submit-next').removeClass('hidden');\r\n $btn.find('.js-submit-loading').addClass('hidden');\r\n $btn.find('.js-spinner').removeClass('js-spinner-active');\r\n}\r\n\r\nfunction addrFormVatFieldToggle($thisForm, VAT_MARKUP) {\r\n $.getJSON('/api/cartcheckout/ShowAddressVatIdForCountry', function (result) {\r\n if(result.resultStatus) {\r\n let $companyContainer = $thisForm.find('[name=\"requestedInstitution\"]').closest('.addr-form__field');\r\n let $vatField = $thisForm.find('[name=\"vatId\"]');\r\n\r\n if(!$vatField.length) {\r\n $companyContainer.after(VAT_MARKUP);\r\n }\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // else {\r\n // $thisForm.find('[name=\"vatId\"]').closest('.addr-form__field').remove();\r\n // console.log('No country vat data found');\r\n // }\r\n });\r\n}\r\n\r\nfunction TEMP_FORM_BUILD(quoteToggle) {\r\n if(window.location.hostname === 'localhost') {\r\n // Only runs on localbuilds\r\n // Delete function when done\r\n\r\n $('#add-billing-form').html(HBSTempAddressForm({\r\n FormType: 'billing',\r\n isGuestQuote: quoteToggle\r\n }));\r\n\r\n $('#add-shipping-form').html(HBSTempAddressForm({\r\n FormType: 'shipping',\r\n isGuestQuote: quoteToggle\r\n }));\r\n }\r\n}\r\n\r\nexport {\r\n addrFormClone,\r\n addrFormDataBuild,\r\n addrFormPrefill,\r\n addrFormValidate,\r\n addrFormStatesBuild,\r\n addrFormStatesGet,\r\n addrFormTitleToggle,\r\n addrFormUniqueStateId,\r\n enableSubmit,\r\n TEMP_FORM_BUILD\r\n};\r\n","function checkboxesToggle(boxes, disable) {\r\n if(disable) {\r\n boxes.each(function(index, el) {\r\n if($(el).is(':checked') === false) {\r\n $(el).prop('disabled', 'disabled');\r\n }\r\n });\r\n } else {\r\n boxes.each(function(index, el) {\r\n if($(el).is(':checked') === false) {\r\n $(el).prop('disabled', false);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction checkValidField(val, $input, silent = false) {\r\n if(!val.length && !silent) {\r\n $input.addClass('form-error');\r\n } else if(val.length) {\r\n $input.removeClass('form-error');\r\n }\r\n}\r\n\r\nfunction getCartData($target) {\r\n let $container = $target.closest('[data-catalog-id]');\r\n let line = $container.data('line-number');\r\n let data = {\r\n id: $container.attr('data-catalog-id'),\r\n counter: $container.find('[data-cart-item=\"counter\"]').val(),\r\n target: $target\r\n };\r\n\r\n if(line) {\r\n data.line = Number(line);\r\n }\r\n\r\n console.log('Global General: getCartData: ', data);\r\n return data;\r\n}\r\n\r\nfunction WriteToClipboard(value) {\r\n let input = document.createElement('input');\r\n input.value = value;\r\n document.body.appendChild(input);\r\n input.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(input);\r\n}\r\nconsole.log(\r\n `\r\n 00 00\r\n 00 \"\"\r\n 00\r\n 00,dPPYba, ,adPPYba, 0b,dPPYba, 00 000000000 ,adPPYba, 0b,dPPYba,\r\n 00P' \"0a a0\" \"0a EAP' \"Y0 00 a0P\" a0\" \"0a 00P' \\`\"0a\r\n 00 00 0b d0 00 00 ,d0P' 0b d0 00 00\r\n 00 00 \"0a, ,a0\" 00 00 ,d0\" \"0a, ,a0\" 00 00\r\n 00 00 \\`\"YbbdP\"' 00 00 000000000 \\`\"YbbdP\"' 00 00\r\n -----------------------------------------------------------------------\r\n {{{{{{{{{{{{{{{{{{{{{{{ INSPIRED CELL SOLUTIONS }}}}}}}}}}}}}}}}}}}}}}}\r\n -----------------------------------------------------------------------\r\n `\r\n);\r\n\r\nexport { getCartData, checkboxesToggle, checkValidField, WriteToClipboard };\r\n","import { escapeParamForUrl, htmlEncode } from '../../../lib/globalapi.js';\r\n\r\n$(document).on('click', '.js-bases-mods__filter-item--sirna', function () {\r\n $('.js-bases-mods__filter-item').css('font-weight', 'normal');\r\n $('.js-bases-mods__filter-item--sirna').css('font-weight', 'bold');\r\n $('.js-bases-mods__available-item').hide();\r\n $('.js-bases-mods__available-item--sirna').css('display', 'inline');\r\n $('.js-bases-mods__results').hide();\r\n $('.js-bases-mods__results--sirna').css('display', 'table-row');\r\n});\r\n\r\n$(document).on('click', '.js-bases-mods__filter-item--ssrna', function () {\r\n $('.js-bases-mods__filter-item').css('font-weight', 'normal');\r\n $('.js-bases-mods__filter-item--ssrna').css('font-weight', 'bold');\r\n $('.js-bases-mods__available-item').hide();\r\n $('.js-bases-mods__available-item--ssrna').css('display', 'inline');\r\n $('.js-bases-mods__results').hide();\r\n $('.js-bases-mods__results--ssrna').css('display', 'table-row');\r\n});\r\n\r\n$(document).on('click', '.js-bases-mods__filter-item--ssrna3', function () {\r\n $('.js-bases-mods__filter-item').css('font-weight', 'normal');\r\n $('.js-bases-mods__filter-item--ssrna3').css('font-weight', 'bold');\r\n $('.js-bases-mods__available-item').hide();\r\n $('.js-bases-mods__available-item--ssrna3').css('display', 'inline');\r\n $('.js-bases-mods__results').hide();\r\n $('.js-bases-mods__results--ssrna3').css('display', 'table-row');\r\n});\r\n\r\n$(document).on('click', '.js-bases-mods__filter-item--ssrna-internal', function () {\r\n $('.js-bases-mods__filter-item').css('font-weight', 'normal');\r\n $('.js-bases-mods__filter-item--ssrna-internal').css('font-weight', 'bold');\r\n $('.js-bases-mods__available-item').hide();\r\n $('.js-bases-mods__available-item--ssrna-internal').css('display', 'inline');\r\n $('.js-bases-mods__results').hide();\r\n $('.js-bases-mods__results--ssrna-internal').css('display', 'table-row');\r\n});\r\n\r\n$(document).on('click', '.js-bases-mods__filter-item--ssrna5', function () {\r\n $('.js-bases-mods__filter-item').css('font-weight', 'normal');\r\n $('.js-bases-mods__filter-item--ssrna5').css('font-weight', 'bold');\r\n $('.js-bases-mods__available-item').hide();\r\n $('.js-bases-mods__available-item--ssrna5').css('display', 'inline');\r\n $('.js-bases-mods__results').hide();\r\n $('.js-bases-mods__results--ssrna5').css('display', 'table-row');\r\n});\r\n\r\n$(document).on('click', '.js-bases-mods__filter-item--mirna', function () {\r\n $('.js-bases-mods__filter-item').css('font-weight', 'normal');\r\n $('.js-bases-mods__filter-item--mirna').css('font-weight', 'bold');\r\n $('.js-bases-mods__available-item').hide();\r\n $('.js-bases-mods__available-item--mirna').css('display', 'inline');\r\n $('.js-bases-mods__results').hide();\r\n $('.js-bases-mods__results--mirna').css('display', 'table-row');\r\n});\r\n\r\n$(document).on('click', '.js-bases-mods__filter-item--all', function () {\r\n $('.js-bases-mods__filter-item').css('font-weight', 'normal');\r\n $('.js-bases-mods__filter-item--all').css('font-weight', 'bold');\r\n $('.js-bases-mods__available-item').hide();\r\n $('.js-bases-mods__available-item--all').css('display', 'inline');\r\n $('.js-bases-mods__results').css('display', 'table-row');\r\n});\r\n\r\n// bases and modifications filter with #hash\r\n$(document).ready(function() {\r\n if($('.bases-mods').length > 0) {\r\n $('.js-bases-mods__filter-item').on('click', function() {\r\n let modificationFilter = $(this).data('bases-mods');\r\n window.location.hash = '';\r\n if(typeof modificationFilter !== 'undefined' && modificationFilter !== '') {\r\n let modificationFilterEncoded = escapeParamForUrl(modificationFilter);\r\n window.location.hash = modificationFilterEncoded;\r\n }\r\n });\r\n\r\n let modificationHash = window.location.hash.substr(1);\r\n let modificationHashEncoded = htmlEncode(modificationHash);\r\n\r\n if(modificationHash !== '') {\r\n $('[data-bases-mods=' + modificationHashEncoded + ']').trigger('click');\r\n }\r\n }\r\n});\r\n\r\n// bases and modifications on tabs and modal popup on individual modifications ((A,C,G,U), 1-Methyl-guanosine, etc..)\r\n$(document).ready(function() {\r\n $('.tabs').each(function() {\r\n let $tabsComponent = $(this);\r\n let $tabsContent = $tabsComponent.find('.tabs__content');\r\n let $tabsNav = $tabsComponent.find('.tabs__nav');\r\n\r\n $tabsNav\r\n .find('.tabs__item')\r\n .first()\r\n .find('button')\r\n .addClass('is--active');\r\n $tabsContent.addClass('hidden');\r\n $tabsContent.first().removeClass('hidden');\r\n });\r\n\r\n let modalkey = window.location.hash.substr(1);\r\n let modalkeyEncoded = htmlEncode(modalkey);\r\n\r\n $('.bases-mods__link[data-modal-toggle=\"' + modalkeyEncoded + '\"]').each(function () {\r\n $('#modifications').trigger('click');\r\n $(this).trigger('click');\r\n return false;\r\n });\r\n\r\n // if there is no modalkey found from the bases and mods table then it will look through the tabs on the page for a match.\r\n if((modalkey).length > 0) {\r\n try {\r\n let modalTab = '#' + modalkeyEncoded;\r\n $(modalTab).trigger('click');\r\n } catch (err) {\r\n console.log('FE Hash Error');\r\n }\r\n }\r\n});\r\n","import Handlebars from 'handlebars';\r\nimport Bloodhound from 'bloodhound-js';\r\nimport { apiMessage, htmlEncode } from '../../../lib/globalapi.js';\r\nlet cleTypeaheadGenes;\r\nlet cleTypeaheadCelllines;\r\nlet clePricingObject = {};\r\nlet cleSettings = {};\r\nlet visiblefields = [];\r\nlet blockerstyle = { padding: 0, margin: 0, width: '30%', top: '50%', left: '50%', textAlign: 'center', color: '#3B3B3B', border: '1px solid ##f6f6f6', '-webkit-border-radius': '2px', '-moz-border-radius': '2px', backgroundColor: '#fff', transform: 'translate(-50%, -50%)', cursor: 'wait'};\r\n\r\n$(document).ready(function () {\r\n if($('.js-cell-line__wrapper').length > 0) {\r\n InitializeCleSettings();\r\n $('.js-all-disabled').addClass('all-disabled');\r\n\r\n let hasProgressed = false;\r\n window.addEventListener('popstate', function(e) {\r\n if(hasProgressed) {\r\n e.preventDefault();\r\n let $currentModule = $('.js-hide-modification.js-active');\r\n if($currentModule.data('step') === '.clestep1') {\r\n hasProgressed = false;\r\n } else {\r\n let backbutton = $('.clebackbutton', $currentModule);\r\n $(backbutton).trigger('click');\r\n }\r\n }\r\n });\r\n $.blockUI.defaults.message = '
Please Wait...
';\r\n $.blockUI.defaults.css = blockerstyle;\r\n $.blockUI();\r\n let datasources = [];\r\n $.post('/api/celllineconfigurator/getallorganisms', function (data) {\r\n $.unblockUI();\r\n let categories = data.reduce((r, a) => {\r\n r[a.Category] = [...r[a.Category] || [], a];\r\n return r;\r\n }, {});\r\n for (var i in categories) {\r\n var engine = CreateBloodhound(categories[i], 'Search');\r\n var datasource = {\r\n name: i,\r\n displayKey: 'Display',\r\n source: engine.ttAdapter(),\r\n templates: {\r\n header: '
`);\r\n });\r\n DxOrder.Variants.length > 0 ? $('.js-variant-next').prop('disabled', false) : $('.js-variant-next').prop('disabled', true);\r\n }\r\n\r\n function GetDXVariantString(e) {\r\n let variantstring = `${e.symbol} | ${e.cds_change} | ${e.protein_change} | ${e.cosmic_id} | ${e.legacy_cosmic_id}`;\r\n return variantstring.replace('| |', ' | ');\r\n }\r\n\r\n function getRoundedRange(num, frequencytype) {\r\n if(frequencytype === 0) {\r\n return Math.round(num);\r\n } else {\r\n return Math.round(num * 100) / 100;\r\n }\r\n }\r\n\r\n function GetRangeString(minIn, maxIn, frequencytype) {\r\n let min = getRoundedRange(minIn, frequencytype);\r\n let max = getRoundedRange(maxIn, frequencytype);\r\n return `(${min}% to ${max}%)`;\r\n }\r\n\r\n function SearchByGeneOnly(v, geneSearchTerm) {\r\n if(geneSearchTerm.length < 2) return [];\r\n return ((v['symbol']).toLowerCase().includes(geneSearchTerm.toLowerCase()));\r\n }\r\n\r\n function SearchByCosmicOnly(v, cosmicSearchTerm) {\r\n let searchterm = cosmicSearchTerm.toLowerCase();\r\n if(searchterm.length < 2) return [];\r\n return ((v['cds_change']).toLowerCase().includes(searchterm) || (v['cosmic_id']).toLowerCase().includes(searchterm) || (v['legacy_cosmic_id']).toLowerCase().includes(searchterm) || (v['protein_change']).toLowerCase().includes(searchterm));\r\n }\r\n\r\n function ChangeDxSlide() {\r\n $('.js-dx-step-heading,.js-dx__dot,.dx__configurator').removeClass('js-active');\r\n $('.dxstep' + DxOrder.CurrentStep).addClass('js-active');\r\n $(DxOrder.DxSteps[DxOrder.CurrentStep]).addClass('js-active');\r\n sendGAPageview();\r\n }\r\n\r\n function SetupHeader(maxnum) {\r\n $('.js-dx__dot').removeClass('hidden');\r\n for (var i = maxnum; i <= 6; i++) {\r\n $('.js-dx__dot.dxstep' + i).addClass('hidden');\r\n }\r\n }\r\n\r\n function ProcessDxNext() {\r\n var processing = $(this).data('processing');\r\n switch (processing) {\r\n case 'ProcessVariants': ProcessVariants(); break;\r\n case 'ProcessFrequencies': ProcessFrequencies(); break;\r\n case 'FFPEQuantity': FFPEQuantity(); break;\r\n default: DxNext(); break;\r\n }\r\n }\r\n\r\n function ProcessVariants() {\r\n $('.js-allelefrequency').addClass('hidden');\r\n DxOrder.NumberOfVariants = DxOrder.Variants.length;\r\n for (var i = 1; i <= DxOrder.NumberOfVariants; i++) {\r\n $('.js-allelefrequency:nth-of-type(' + i + ')').removeClass('hidden');\r\n }\r\n let variantlist = {};\r\n variantlist.Variants = DxOrder.Variants;\r\n variantlist.format = DxOrder.ProjectType;\r\n var url = '/api/dxtool/GetBlend';\r\n $.ajax({\r\n url: url,\r\n type: 'POST',\r\n data: JSON.stringify(variantlist),\r\n contentType: 'application/json; charset=utf-8',\r\n dataType: 'json',\r\n async: false,\r\n success: function(results) {\r\n let frequencytype = results.formats[0].frequency_type;\r\n results.variants.forEach(function(i, counter) {\r\n let elementnumber = counter + 1;\r\n $('.js-allelefrequency:nth-of-type(' + elementnumber + ')').removeClass('hidden');\r\n $('#allelefrequency' + elementnumber + 'range').html(GetRangeString(i.min_frequency, i.max_frequency, frequencytype));\r\n $('#allelefrequency' + elementnumber).data('min', getRoundedRange(i.min_frequency, frequencytype)).data('max', getRoundedRange(i.max_frequency, frequencytype)).data('frequencytype', frequencytype);\r\n $('#alleleselection' + elementnumber).html(htmlEncode(GetDXVariantString(i)));\r\n });\r\n }\r\n });\r\n DxNext();\r\n }\r\n\r\n function ProcessFrequencies() {\r\n if(DxValidateAlleleFrequencies()) {\r\n DxNext();\r\n }\r\n }\r\n\r\n function FFPEQuantity() {\r\n let dxid = $(\"input[name='DeliverableRadioButtons']:checked\").data('dxid');\r\n $('.js-ffpequantity').addClass('hidden');\r\n $('.' + dxid).removeClass('hidden');\r\n $('#ffpequantityselector').val($('.' + dxid).first().val());\r\n DxNext();\r\n }\r\n\r\n function DxValidateRadio() {\r\n $(this).closest('.radio__wrapper').next('.js-default-disabled').prop('disabled', false);\r\n }\r\n\r\n function DxValidateAlleleFrequencies() {\r\n let valid = true;\r\n $('.form__input.js-allelefrequency:visible').each(function() {\r\n let min = $(this).data('min');\r\n let max = $(this).data('max');\r\n let frequencyType = $(this).data('frequencytype');\r\n let frequencyValue = Number($(this).val());\r\n\r\n // Check if values should be whole numbers. Display error if not\r\n if(frequencyType === 0) {\r\n if(validateInteger(frequencyValue)) {\r\n $(this).parent().parent().find('.js-form__error-wrapper').addClass('hidden');\r\n $(this).parent().parent().removeClass('js-form__error');\r\n } else {\r\n $(this).parent().parent().find('.js-form__error-message').html('frequency should be whole numbers only.');\r\n $(this).parent().parent().find('.js-form__error-wrapper').removeClass('hidden');\r\n $(this).parent().parent().addClass('js-form__error');\r\n valid = false;\r\n }\r\n }\r\n\r\n // Check if values can have decimals. Display error if more than 2 decimal places.\r\n if(frequencyType === 1) {\r\n if(validateDecimalCount(frequencyValue)) {\r\n $(this).parent().parent().find('.js-form__error-wrapper').addClass('hidden');\r\n $(this).parent().parent().removeClass('js-form__error');\r\n } else {\r\n $(this).parent().parent().find('.js-form__error-message').html('frequency has to many decimal places.');\r\n $(this).parent().parent().find('.js-form__error-wrapper').removeClass('hidden');\r\n $(this).parent().parent().addClass('js-form__error');\r\n valid = false;\r\n }\r\n }\r\n\r\n // if any frequency inputs are empty disable next button but don't display error\r\n if(frequencyValue === 0 || frequencyValue === '') {\r\n valid = false;\r\n }\r\n\r\n // check if the allele frequency is between the correct amounts\r\n if(frequencyValue !== 0 && frequencyValue !== '' && valid) {\r\n if(frequencyValue >= min && frequencyValue <= max) {\r\n // hide error message\r\n $(this).parent().parent().find('.js-form__error-wrapper').addClass('hidden');\r\n $(this).parent().parent().removeClass('js-form__error');\r\n } else {\r\n // display error message\r\n valid = false;\r\n $(this).parent().parent().find('.js-form__error-message').html('frequency is outside the allowed range.');\r\n $(this).parent().parent().find('.js-form__error-wrapper').removeClass('hidden');\r\n $(this).parent().parent().addClass('js-form__error');\r\n }\r\n }\r\n });\r\n\r\n if(valid) {\r\n $('.js-allelefrequency-next').prop('disabled', false);\r\n } else {\r\n $('.js-allelefrequency-next').prop('disabled', true);\r\n }\r\n return valid;\r\n }\r\n\r\n // check to see if decimal value has 2 or fewer decimal places.\r\n function validateDecimalCount(num) {\r\n if(isNaN(num)) return false;\r\n if(Math.floor(num) === num) return true;\r\n return num.toString().split('.')[1].length <= 2;\r\n }\r\n\r\n // check to see if the input entered does not have decimals.\r\n function validateInteger(num) {\r\n return num.toString().indexOf('.') === -1 && Math.floor(num) === num;\r\n }\r\n\r\n function DxAddToCart() {\r\n let DxCatalogRequest = {};\r\n let orderamount = 1;\r\n DxCatalogRequest.Variants = DxOrder.Variants;\r\n DxCatalogRequest.Frequencies = [];\r\n DxCatalogRequest.NumberOfVariants = DxOrder.Variants.length;\r\n DxCatalogRequest.ProjectType = DxOrder.ProjectType;\r\n for (var i = 1; i <= DxCatalogRequest.NumberOfVariants; i++) {\r\n DxCatalogRequest.Frequencies.push($('#allelefrequency' + i).val());\r\n }\r\n switch (DxCatalogRequest.ProjectType) {\r\n case 'FFPE':\r\n DxCatalogRequest.Deliverable = $(\"input[name='DeliverableRadioButtons']:checked\").val();\r\n DxCatalogRequest.DeliverableText = $(\"input[name='DeliverableRadioButtons']:checked\").data('optiontext');\r\n DxCatalogRequest.FFPEQuantity = $('#ffpequantityselector').val();\r\n if($('#ffpequantityselector').find(':selected').data('includesquantity') === 'True') {\r\n orderamount = $('#ffpequantityselector').val();\r\n }\r\n break;\r\n case 'gDNA':\r\n DxCatalogRequest.AliquotSize = $(\"input[name='AliquotSizeRadioButtons']:checked\").val();\r\n DxCatalogRequest.AliquotSizeText = $(\"input[name='AliquotSizeRadioButtons']:checked\").data('optiontext');\r\n DxCatalogRequest.GDNAAmount = $('#gdnaamountselect').val();\r\n DxCatalogRequest.GDNAAmountText = $('#gdnaamountselect option:selected').data('optiontext');\r\n break;\r\n case 'cfDNAib':\r\n DxCatalogRequest.FragmentSize = $(\"input[name='FragmentSizeRadioButtons']:checked\").val();\r\n DxCatalogRequest.FragmentSizeText = $(\"input[name='FragmentSizeRadioButtons']:checked\").data('optiontext');\r\n DxCatalogRequest.Concentration = $(\"input[name='ConcentrationRadioButtons']:checked\").val();\r\n DxCatalogRequest.ConcentrationText = $(\"input[name='ConcentrationRadioButtons']:checked\").data('optiontext');\r\n DxCatalogRequest.CFDNAAmount = $('#cfdnaamountselect').val();\r\n DxCatalogRequest.CFDNAAmountText = $('#cfdnaamountselect option:selected').data('optiontext');\r\n break;\r\n case 'cfDNAsm':\r\n DxCatalogRequest.FragmentSize = $(\"input[name='FragmentSizeRadioButtons']:checked\").val();\r\n DxCatalogRequest.FragmentSizeText = $(\"input[name='FragmentSizeRadioButtons']:checked\").data('optiontext');\r\n DxCatalogRequest.Matrix = '2';\r\n DxCatalogRequest.MatrixText = 'Matrix II';\r\n DxCatalogRequest.cfdnaamount = $('#cfdnaamountselect').val();\r\n DxCatalogRequest.cfdnaamounttext = $('#cfdnaamountselect option:selected').data('optiontext');\r\n }\r\n\r\n var url = '/api/dxtool/GetCatalog';\r\n $('.js-dx-addtocart').prop('disabled', true);\r\n $.post(url, DxCatalogRequest, function (results) {\r\n cartAddDx(results.CatalogNumber, orderamount, DxCatalogRequest);\r\n });\r\n }\r\n\r\n function DxRestart() {\r\n $('html, body').animate({ scrollTop: 0 }, 'fast');\r\n window.location.reload();\r\n }\r\n\r\n window.addEventListener('popstate', function (e) {\r\n e.preventDefault();\r\n DxPrevious();\r\n });\r\n\r\n function DXPushState(loc) {\r\n var stateObj = { location: loc };\r\n window.history.pushState(stateObj, null, null);\r\n }\r\n function sendGAPageview() {\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({\r\n 'event': 'virtualPageview',\r\n 'pageUrl': window.location.href.split('?')[0] + '/DxStep-' + DxOrder.CurrentStep,\r\n 'pageTitle': 'Dx Order Step ' + DxOrder.CurrentStep\r\n });\r\n }\r\n});\r\n","$(document).ready(function () {\r\n showMoreEvents('#js-show-more-events');\r\n});\r\n\r\nfunction showMoreEvents(selector) {\r\n const $container = $(selector);\r\n\r\n // The current click event, retrieve all events initially and hide them. With each click, we reveal the next 10 events.If we encounter an element with a \"hidden\" class, it signifies there are more events to display.If not, it indicates that we have reached the end.\r\n\r\n $container.find('.js-show-more-events-current').on('click', function () {\r\n const $button = $(this);\r\n const $hiddenClasses = $button.parent().find('.js-hidden.hidden');\r\n\r\n for (let i = 0; i < 10; i++) {\r\n const $hiddenClass = $hiddenClasses.eq(i);\r\n if($hiddenClass.length) {\r\n $hiddenClass.removeClass('hidden');\r\n }\r\n }\r\n\r\n if($hiddenClasses.length < 10) {\r\n $button.remove();\r\n }\r\n });\r\n\r\n // The past click events, retrieve all events initially and hide them. With each click, we reveal the next 10 events.If we encounter an element with a \"hidden\" class, it signifies there are more events to display.If not, it indicates that we have reached the end.\r\n\r\n $container.find('.js-show-more-events-past').on('click', function () {\r\n const $button = $(this);\r\n const $hiddenClasses = $button.parent().find('.js-hidden.hidden');\r\n\r\n for (let i = 0; i < 10; i++) {\r\n const $hiddenClass = $hiddenClasses.eq(i);\r\n if($hiddenClass.length) {\r\n $hiddenClass.removeClass('hidden');\r\n }\r\n }\r\n\r\n if($hiddenClasses.length < 10) {\r\n $button.remove();\r\n }\r\n });\r\n}\r\n","import HBSAppliedBtn from './filter-applied.hbs';\r\n\r\n/************************************************\r\n Event Listener\r\n*************************************************/\r\n$(document).on('click', '.filter', function(e) {\r\n let $clicked = $(e.target);\r\n let $fieldset = $clicked.closest('fieldset');\r\n let $fieldsetType = $fieldset.data('filter-type');\r\n let $name = $clicked.attr('name');\r\n let $this = $(this);\r\n\r\n if($clicked.data('filter-el') === 'toggle') {\r\n let $filterListEl = $clicked.parent('legend').siblings('.filter__list');\r\n $filterListEl.slideToggle(300);\r\n $clicked.toggleClass('is--active');\r\n if($clicked.hasClass('is--active')) {\r\n $clicked.attr('aria-expanded', 'true');\r\n $filterListEl.attr('aria-hidden', 'false');\r\n } else {\r\n $clicked.attr('aria-expanded', 'false');\r\n $filterListEl.attr('aria-hidden', 'true');\r\n }\r\n }\r\n\r\n if($clicked.hasClass('filter__option') && $fieldsetType === 'drilldown') {\r\n let btnLabel = $clicked.siblings('.filter__link').text();\r\n\r\n if($clicked.is(':checked')) {\r\n CreateAppliedBtn(btnLabel, $fieldset.attr('name'));\r\n } else {\r\n $(`button[data-input-val=\"${btnLabel}\"]`).remove();\r\n }\r\n }\r\n\r\n if($name === 'clear-filters' || $name === 'Type') {\r\n ClearAllFilters();\r\n }\r\n\r\n if($name === 'applied-filter') {\r\n ClearOneFilter($clicked);\r\n }\r\n\r\n if($name === 'close-filter') {\r\n $this.removeClass('is--mobile');\r\n }\r\n\r\n AppliedElementsToggle();\r\n});\r\n\r\n$(document).on('click', '.a-search__filter', function(e) {\r\n if($(this).attr('name') === 'filter-toggle') {\r\n $('.filter').addClass('is--mobile');\r\n }\r\n});\r\n\r\n/************************************************\r\n Functions\r\n*************************************************/\r\nfunction AppliedElementsToggle() {\r\n let hasFilters = $('[data-filter-el=\"appliedFilterList\"]').has('button').length;\r\n let $tip = $('[data-filter-el=\"appliedFilterList\"]').siblings('.filter__text--tip');\r\n let $clearButton = $('[name=\"clear-filters\"]');\r\n if(hasFilters) {\r\n $tip.removeClass('is--active');\r\n $clearButton.addClass('is--active');\r\n $clearButton.prop('disabled', false);\r\n } else {\r\n $tip.addClass('is--active');\r\n $clearButton.removeClass('is--active');\r\n $clearButton.prop('disabled', 'disabled');\r\n }\r\n}\r\n\r\nfunction ClearAllFilters() {\r\n $('[data-filter-type=\"drilldown\"]').find('input').prop('checked', false);\r\n $('[name=\"applied-filter\"]').remove();\r\n}\r\n\r\nfunction ClearOneFilter($clicked) {\r\n let btnLabel = $clicked.find('.filter__text--val').text();\r\n\r\n $('.filter__link').each(function(index, el) {\r\n if(btnLabel === $(el).text()) {\r\n $(el).siblings('input').trigger('click');\r\n }\r\n });\r\n $clicked.remove();\r\n}\r\n\r\nfunction CreateAppliedBtn(inputVal, filterType) {\r\n $('[data-filter-el=\"appliedFilterList\"]').append(HBSAppliedBtn({val: inputVal, type: filterType}));\r\n}\r\n","import { replaceBlurLQIPImageWithHighRes } from '../../../lib/globalapi.js';\r\n\r\nconst Filmstrip = {\r\n slick: () => {\r\n var initialSlide;\r\n\r\n $('.filmstrip').each(function () {\r\n initialSlide = 0;\r\n // run slick\r\n $('.filmstrip__slider').slick({\r\n slidesToScroll: 1,\r\n centerMode: true,\r\n arrows: true,\r\n appendArrows: $('.filmstrip__controls'),\r\n appendDots: $('.filmstrip'),\r\n cssEase: 'linear',\r\n dots: true,\r\n dotsClass: 'filmstrip__dots',\r\n draggable: false,\r\n nextArrow: $('.filmstrip__control--next'),\r\n prevArrow: $('.filmstrip__control--prev'),\r\n rows: 0,\r\n zIndex: 1,\r\n focusOnSelect: true,\r\n variableWidth: true,\r\n infinite: true,\r\n initialSlide: initialSlide\r\n });\r\n });\r\n }\r\n};\r\n\r\n$(document).ready(function () {\r\n if($('.filmstrip').length) {\r\n replaceBlurLQIPImageWithHighRes();\r\n Filmstrip.slick();\r\n }\r\n});\r\n\r\n// import { replaceBlurLQIPImageWithHighRes } from '../../../lib/globalapi.js';\r\n\r\n// Filmstrip that you could click on a card and it would open a modal with the a bigger image and longer description. Disabled for now.\r\n// const Filmstrip = {\r\n// slick: () => {\r\n// var initialSlide;\r\n\r\n// $('.filmstrip').each(function () {\r\n// var $filmstrip = $(this);\r\n// var $modalTarget = $filmstrip.find('.js-filmstrip-modal');\r\n// var $slider = $filmstrip.find('.filmstrip__slider');\r\n// var $cards = $filmstrip.find('.js-filmstrip-card');\r\n// var slideCount = $cards.length;\r\n// var middleSlide = Math.floor(slideCount / 2);\r\n// // don't go below zero\r\n// initialSlide = 0;\r\n\r\n// $('.js-filmstrip-card').on('click', function (event) {\r\n// let $cardTitle = $(this).find('.filmstrip__title').data('title');\r\n// let $cardDescription = $(this).find('.js-full-description').html();\r\n// let $imgElement = $(this).find('.filmstrip__image');\r\n\r\n// // Wrap 'src' in quotes\r\n// let storedSrcValueOfLargestImage = $imgElement.attr('src');\r\n\r\n// // Extract the background-image URL from the inline style\r\n// let imgLQIP = $(this).find('.js-blur-bg-lqip-placeholder-img').data('lqip');\r\n\r\n// let $modalImage = $modalTarget.find('.filmstrip__image--big');\r\n// $modalImage.attr('src', imgLQIP);\r\n// console.log('LOW QUALITY BLURRED ' + imgLQIP);\r\n\r\n// // Create a new image element to load the high-quality image\r\n// let highQualityImage = new Image();\r\n// highQualityImage.onload = function () {\r\n// // Once the high-quality image is loaded, set it as the source of the big image\r\n// $modalImage.attr('src', highQualityImage.src);\r\n// };\r\n\r\n// // replace LQIP with Highest Resolution image to modal image src\r\n// highQualityImage.src = storedSrcValueOfLargestImage;\r\n\r\n// $modalTarget = $(this).closest('.filmstrip').find('.js-filmstrip-modal');\r\n// $modalTarget.addClass('is-active').attr('aria-modal', 'true');\r\n\r\n// // get cards \"title\" and \"long description\" and add it to modal's description\r\n// $modalTarget.find('.js-modal-title').html($cardTitle);\r\n// $modalTarget.find('.js-modal-description').html($cardDescription);\r\n// $('body').addClass('overflow-hidden');\r\n// });\r\n// });\r\n\r\n// // Click event to close modal\r\n// $('.js-filmstrip-modal').on('click', function (event) {\r\n// let $target = $(event.target);\r\n\r\n// if(\r\n// $target.hasClass('js-filmstrip-modal__close') ||\r\n// $target.hasClass('js-filmstrip-modal')\r\n// ) {\r\n// $('.js-filmstrip-modal')\r\n// .removeClass('is-active')\r\n// .attr('aria-modal', 'false');\r\n// $('body').removeClass('overflow-hidden');\r\n// }\r\n// });\r\n\r\n// // Close modal on ESC key press\r\n// $(document).on('keydown', function (event) {\r\n// if(event.key === 'Escape' && $('.js-filmstrip-modal.is-active').length) {\r\n// $('.js-filmstrip-modal')\r\n// .removeClass('is-active')\r\n// .attr('aria-modal', 'false');\r\n// $('body').removeClass('overflow-hidden');\r\n// }\r\n// });\r\n\r\n// // run slick\r\n// $('.filmstrip__slider').slick({\r\n// slidesToScroll: 1,\r\n// centerMode: true,\r\n// arrows: true,\r\n// appendArrows: $('.filmstrip__controls'),\r\n// appendDots: $('.filmstrip'),\r\n// cssEase: 'linear',\r\n// dots: true,\r\n// dotsClass: 'filmstrip__dots',\r\n// draggable: false,\r\n// nextArrow: $('.filmstrip__control--next'),\r\n// prevArrow: $('.filmstrip__control--prev'),\r\n// rows: 0,\r\n// zIndex: 1,\r\n// focusOnSelect: true,\r\n// variableWidth: true,\r\n// infinite: true,\r\n// initialSlide: initialSlide\r\n// });\r\n// }\r\n// };\r\n\r\n// $(document).ready(function () {\r\n// if($('.filmstrip').length) {\r\n// replaceBlurLQIPImageWithHighRes();\r\n// Filmstrip.slick();\r\n// }\r\n// });\r\n","import { htmlEncode } from '../../../lib/globalapi.js';\r\n\r\n$(document).on('click', '.forgot', function(event) {\r\n let $target = $(event.target);\r\n /* Act on the event */\r\n switch ($target.data('form-el')) {\r\n case 'forgot-submit':\r\n ForgotPWPost();\r\n break;\r\n case 'signin-link':\r\n SigninFormShow();\r\n break;\r\n default:\r\n console.log('nothing', $(event.target));\r\n }\r\n\r\n function ForgotPWPost() {\r\n let _email = $('#forgot-email').val();\r\n\r\n $.ajax({\r\n url: '/api/cartcheckout/ForgotPasswordEmail',\r\n type: 'POST',\r\n data: {\r\n forgotEmail: _email\r\n },\r\n success: function (result) {\r\n if(result.resultStatus) {\r\n $('#forgotBodyError').addClass('hidden');\r\n $('[data-form-el=\"forgot-fields\"]').addClass('hidden');\r\n $('[data-form-el=\"forgot-submit\"]').addClass('hidden');\r\n $('#forgotBodySuccess').removeClass('hidden');\r\n $('[data-form-el=\"signin-link\"]').addClass('forgot__link--button').text('Sign-in Again');\r\n } else {\r\n let resultMessageEncoded = htmlEncode(result.resultMessage);\r\n $('#forgotBodyError').removeClass('hidden');\r\n $('[data-form-el=\"forgot-fail\"]').html(resultMessageEncoded);\r\n }\r\n },\r\n error: function (err) {\r\n $('#forgotBodyError').removeClass('hidden');\r\n $('[data-form-el=\"forgot-fail\"]').html(err);\r\n }\r\n });\r\n }\r\n function SigninFormShow() {\r\n $('[data-form-el=\"signin-form\"]').removeClass('hidden');\r\n $target.closest('form').addClass('hidden');\r\n }\r\n});\r\n","const HERO_CAROUSEL = {\r\n slick: () => {\r\n // pause slick slider when Main Nav is active - must come before slick instantiation below to bind properly\r\n $('.hero-carousel__views').on('init', function(event, slick) {\r\n // add mutation observer to detect when nav is active/inactive\r\n let observer = new MutationObserver(function(mutations) { // eslint-disable-line\r\n mutations.forEach(function(mutation) {\r\n if(mutation.type === 'attributes') {\r\n if(mutation.attributeName === 'class') {\r\n if($('.js-nav-bg').hasClass('js-active')) {\r\n $('.hero-carousel__views').slick('slickPause');\r\n } else {\r\n $('.hero-carousel__views').slick('slickPlay');\r\n }\r\n }\r\n }\r\n });\r\n });\r\n // add observer to single nav bg node, rather than each nav link node\r\n observer.observe($('.js-nav-bg')[0], { attributes: true, attributeFilter: ['class'] });\r\n });\r\n\r\n // randomize slider when you refresh you will get a new starting image.\r\n let slideCount = $('.hero-carousel__views .hero-carousel__slide').length;\r\n let randomStart = Math.floor(Math.random() * slideCount);\r\n\r\n // run slick\r\n $('.hero-carousel__views').slick({\r\n autoplay: true,\r\n autoplaySpeed: 6000,\r\n arrows: true,\r\n appendArrows: $('.hero-carousel__controls'),\r\n appendDots: $('.hero-carousel'),\r\n cssEase: 'linear',\r\n dots: true,\r\n dotsClass: 'hero-carousel__tokens',\r\n draggable: true,\r\n fade: true,\r\n initialSlide: randomStart,\r\n nextArrow: $('.hero-carousel__control--next'),\r\n pauseOnDotsHover: true,\r\n pauseOnHover: true,\r\n prevArrow: $('.hero-carousel__control--prev'),\r\n speed: 750,\r\n rows: 0,\r\n zIndex: 1\r\n });\r\n }\r\n};\r\n\r\n$(document).ready(function() {\r\n if($('.hero-carousel__views').length) {\r\n HERO_CAROUSEL.slick();\r\n }\r\n});\r\n","/****************************************************************\r\n\r\n Query String Build\r\n\r\n Legacy CORS Proxy :\r\n let proxyurl = 'https://cors-anywhere.herokuapp.com/'; // When in local development\r\n\r\n******************************************************************/\r\nimport { he } from 'he';\r\n\r\nlet hostname = function() { return window.location.hostname; };\r\n\r\nlet pageURL = function () {\r\n return $('head').data('currenturl');\r\n};\r\n\r\nlet querystring = function () {\r\n let url;\r\n if(window.location.href.indexOf('?') > -1) {\r\n url = pageURL();\r\n return url.substring(url.indexOf('?') + 1);\r\n } else {\r\n url = '';\r\n return url;\r\n }\r\n};\r\n\r\nlet queryObj = function() {\r\n let qs = querystring();\r\n let params = {}, queries, temp, i, l; // eslint-disable-line\r\n // Split into key/value pairs\r\n queries = qs.split('&');\r\n // Convert the array of strings into an object\r\n for (i = 0, l = queries.length; i < l; i++) {\r\n temp = queries[i].split('=');\r\n params[temp[0]] = temp[1];\r\n }\r\n\r\n return params;\r\n};\r\n\r\nfunction removeURLParameter(url, parameter) {\r\n // prefer to use l.search if you have a location/link object\r\n let urlparts = url.split('?');\r\n\r\n if(urlparts.length >= 2) {\r\n let prefix = encodeURIComponent(parameter) + '=';\r\n let pars = urlparts[1].split(/[&;]/g);\r\n\r\n // reverse iteration as may be destructive\r\n for (let i = pars.length; i-- > 0;) {\r\n // idiom for string.startsWith\r\n if(pars[i].lastIndexOf(prefix, 0) !== -1) {\r\n pars.splice(i, 1);\r\n }\r\n }\r\n\r\n url = urlparts[0] + '?' + pars.join('&');\r\n return url;\r\n } else {\r\n return url;\r\n }\r\n}\r\n\r\nfunction serial(form) {\r\n return $(form).serialize();\r\n}\r\n\r\nexport {he, hostname, pageURL, querystring, queryObj, removeURLParameter, serial};\r\n","import {\r\n queryObj\r\n} from '../../../lib/qsbuilder.js';\r\nimport HBSStateProvBuild from './inqFormStateProvince.hbs';\r\n\r\n$(document).ready(function() {\r\n let $inquire = $('.inquire');\r\n let $inquireForm = $('.inquire__form');\r\n\r\n if($inquire.length) {\r\n let success = queryObj().success;\r\n let $tocField = $inquireForm.find('#AgreeToTandC');\r\n let $submitBtn = $inquireForm.find('button[type=\"submit\"]');\r\n let $states = $inquireForm.find('[name=\"StateOrProvinceCode\"]');\r\n\r\n $states.closest('.inquire__field').prop('id', 'StatesContainer');\r\n\r\n if(!$tocField.is(':checked')) {\r\n $submitBtn.prop('disabled', true).addClass('is--disabled');\r\n }\r\n\r\n $tocField.click(function(e) {\r\n let isTOCAccepted = $tocField.is(':checked');\r\n\r\n if(isTOCAccepted) {\r\n $submitBtn.prop('disabled', false).removeClass('is--disabled');\r\n } else {\r\n $submitBtn.prop('disabled', true).addClass('is--disabled');\r\n }\r\n });\r\n\r\n if(success === 'true') {\r\n $inquire.find('form').addClass('hidden');\r\n $inquire.find('.inquire__header .rich-text').addClass('hidden');\r\n $inquire.find('.inquire__success').removeClass('hidden');\r\n }\r\n\r\n $inquireForm.validate({\r\n debug: false,\r\n errorClass: 'form-error'\r\n });\r\n\r\n $(document).on('change', '[name=\"country\"]', function(e) {\r\n // Watch for changes on the country dropdown\r\n let $country = $(this);\r\n let $inquireForm = $country.closest('form');\r\n const STATE_DATA_OBJ = {\r\n $form: $inquireForm,\r\n countryCode: $country.val()\r\n };\r\n\r\n inquireFormStatesGet(STATE_DATA_OBJ); // call stateprovince api\r\n });\r\n }\r\n\r\n function inquireFormStatesGet(stateDataObj) {\r\n // let url = `https://cors-anywhere.herokuapp.com/https://demo.horizondiscovery.com/api/cartcheckout/GetStateProvinceByCountry?countryCode=${stateDataObj.countryCode}`; // Dev Mode\r\n let url = `/api/cartcheckout/GetStateProvinceByCountry?countryCode=${stateDataObj.countryCode}`; // live mode\r\n\r\n $.get(url, function(apiData) {\r\n stateDataObj.Response = apiData;\r\n inquireFormStatesBuild(stateDataObj);\r\n });\r\n }\r\n\r\n function inquireFormStatesBuild(stateDataObj) {\r\n let apiData = stateDataObj.Response;\r\n let $form = stateDataObj.$form;\r\n let $stateContainer = $form.find('#StatesContainer');\r\n\r\n if(typeof apiData === 'object' && apiData.length) {\r\n $stateContainer.empty();\r\n $stateContainer.append(HBSStateProvBuild({\r\n StateProv: apiData\r\n }));\r\n } else {\r\n $stateContainer.empty();\r\n }\r\n }\r\n});\r\n","$(document).ready(function() {\r\n $(document).on('click', '.jsLiveChatLink', function() {\r\n const chat = $('#niceincontactinfo');\r\n const url = chat.data('serverhost');\r\n const poc = chat.data('poc');\r\n const bus = chat.data('bus_no');\r\n const chatWindow = window.open(`${url}/inContact/ChatClient/ChatClient.aspx?poc=${poc}&bu=${bus}`, 'Chat', 'location=0,menu=0,resize=0,status=0,scrollbars=0,width=465,height=610');\r\n chatWindow.moveTo(50, 50);\r\n });\r\n});\r\n","import Masonry from 'masonry-layout';\r\n\r\n$(document).ready(function() {\r\n // Load user menu (fn at end)\r\n getAccountInfo();\r\n\r\n let $navwrapper = $('.js-site-header__wrapper-nav');\r\n let $navitem = $('.js-nav-main__item');\r\n let $navlink = $('.js-nav-main__link');\r\n let $subnav = $('.js-nav-sub');\r\n let $subnavMasonryContainer = $('.js-nav-sub__container-links');\r\n let $subnavsub = $('.js-nav-sub-nav');\r\n let $subnavsubToggle = $('.js-nav-sub-nav__heading-expand');\r\n let $mobilenavToggle = $('.js-nav-toggler');\r\n let $search = $('.js-search-bar--site');\r\n let $navbg = $('.js-nav-bg');\r\n\r\n let isDesktop = false;\r\n let isMobile = false;\r\n\r\n // matchMedia to handle mobile < > desktop\r\n const mediaQuery = window.matchMedia('(max-width: 991px)');\r\n function handleResponsiveNav(e) {\r\n if(e.matches) {\r\n isMobile = true;\r\n if(isDesktop) {\r\n destroyDesktopNav();\r\n }\r\n runMobileNav();\r\n isDesktop = false;\r\n } else {\r\n isDesktop = true;\r\n if(isMobile) {\r\n destroyMobileNav();\r\n }\r\n runDesktopNav();\r\n isMobile = false;\r\n }\r\n }\r\n // listen for responsive breakpoint change\r\n mediaQuery.addListener(handleResponsiveNav);\r\n // run on load\r\n handleResponsiveNav(mediaQuery);\r\n\r\n // DESKTOP NAV ************************\r\n function destroyDesktopNav() {\r\n // unbind desktop nav click and keyboard events\r\n $navlink.add($navbg).off('click.navDesktop');\r\n $(document).off('keydown.navEsc');\r\n\r\n // reset active classes - this will trigger any active mutationObserver to destroy its masonry instance\r\n $navlink.add($navlink.find('.js-active')).add($subnav).removeClass('js-active');\r\n $navbg.removeClass('js-active js-active-removed');\r\n $navlink.attr('aria-expanded', 'false');\r\n }\r\n\r\n function runDesktopNav() {\r\n // main nav bar links\r\n $navlink.on('click.navDesktop', function() {\r\n // toggle active on link\r\n let $this = $(this);\r\n $this.toggleClass('js-active');\r\n $navlink.not($this).removeClass('js-active').attr('aria-expanded', 'false');\r\n\r\n // show/hide subnav\r\n let $thisSubnav = $this.parent().next($subnav);\r\n $subnav.not($thisSubnav).removeClass('js-active');\r\n $thisSubnav.toggleClass('js-active');\r\n\r\n // strange issues with chrome, need to delay\r\n setTimeout(function () {\r\n // lay out menu with masonry.js\r\n if($this.hasClass('js-active')) {\r\n $this.attr('aria-expanded', 'true');\r\n let masonryContainerEl = $thisSubnav.find($subnavMasonryContainer)[0];\r\n let thisMasonry = new Masonry(masonryContainerEl, {\r\n itemSelector: '.js-nav-sub-nav',\r\n columnWidth: '.js-nav-sub-nav',\r\n horizontalOrder: true\r\n });\r\n\r\n // add mutionObserver to watch active class removal and destroy when not needed\r\n let observer = new MutationObserver(function(mutations) { // eslint-disable-line\r\n mutations.forEach(function(mutation) {\r\n if(mutation.type === 'attributes') {\r\n if(mutation.attributeName === 'class') {\r\n if(!($this.hasClass('js-active'))) {\r\n // destroy masonry instance\r\n thisMasonry.destroy();\r\n // disconnect this mutationObserver\r\n observer.disconnect();\r\n }\r\n }\r\n }\r\n });\r\n });\r\n observer.observe($thisSubnav[0], { attributes: true, attributeFilter: ['class'] });\r\n } else {\r\n $this.attr('aria-expanded', 'false');\r\n }\r\n\r\n navbgHandler();\r\n }, 100);\r\n });\r\n\r\n // close nav on bg/overlay click\r\n $navbg.on('click.navDesktop', function() {\r\n $navlink.add($subnav).removeClass('js-active');\r\n $navlink.attr('aria-expanded', 'false');\r\n navbgHandler();\r\n });\r\n\r\n // handle show/hide overlay background\r\n function navbgHandler() {\r\n if($navlink.hasClass('js-active')) {\r\n $navbg.addClass('js-active');\r\n\r\n // close nav on Esc key\r\n $(document).off('keydown.navEsc');\r\n $(document).on('keydown.navEsc', function(event) {\r\n if(event.key === 'Escape') {\r\n $navlink.add($subnav).removeClass('js-active');\r\n $navlink.attr('aria-expanded', 'false');\r\n navbgHandler();\r\n }\r\n });\r\n } else {\r\n $navbg.removeClass('js-active');\r\n $navbg.addClass('js-active-removed');\r\n setTimeout(function() {\r\n $navbg.removeClass('js-active-removed');\r\n }, 500); // must allow for SCSS transition delay\r\n\r\n // end Esc key listener\r\n $(document).off('keydown.navEsc');\r\n }\r\n }\r\n }\r\n\r\n // MOBILE NAV ************************\r\n // unbind and reset mobile nav when going to desktop\r\n function destroyMobileNav() {\r\n // unbind mobile click events\r\n $mobilenavToggle.add($navlink).add($subnavsubToggle).add($navbg).off('click.navMobile');\r\n\r\n // unbind mobile user menu click event\r\n $('.nav-secondary__item-user-menu.js-accountplaceholder').off('click.navMobile', '.js-nav-main__link-user');\r\n\r\n resetMobileNav();\r\n }\r\n\r\n // remove all active classes from nav related items to reset\r\n function resetMobileNav() {\r\n $navwrapper.add($navwrapper.find('.js-active')).add($navbg).add($mobilenavToggle).removeClass('js-active');\r\n $navwrapper.find('.js-inactive').removeClass('js-inactive');\r\n $search.removeClass('js-navopen');\r\n $mobilenavToggle.attr('aria-expanded', 'false');\r\n $navlink.add('.js-nav-main__link-user').attr('aria-expanded', 'false');\r\n\r\n // toggle container for user menu css hook\r\n $navwrapper.removeClass('js-submenu-active');\r\n\r\n // reset mobile user menu\r\n $('.nav-secondary__item-user-menu.js-accountplaceholder').find('.js-active').removeClass('js-active');\r\n }\r\n\r\n function runMobileNav() {\r\n // toggle mobile nav open/closed\r\n $mobilenavToggle.on('click.navMobile', function() {\r\n $mobilenavToggle.toggleClass('js-active');\r\n $navwrapper.toggleClass('js-active');\r\n\r\n if($navwrapper.hasClass('js-active')) {\r\n $navbg.addClass('js-active');\r\n $search.addClass('js-navopen');\r\n $mobilenavToggle.attr('aria-expanded', 'true');\r\n } else {\r\n resetMobileNav();\r\n }\r\n });\r\n\r\n // main nav links\r\n $navlink.on('click.navMobile', function() {\r\n let $this = $(this);\r\n let $thisNavitem = $this.parent($navitem);\r\n let $thisSubnav = $thisNavitem.next($subnav);\r\n\r\n // toggle active on link\r\n $thisNavitem.toggleClass('js-active');\r\n\r\n if($thisNavitem.hasClass('js-active')) {\r\n // show single nav item / take over menu\r\n $navitem.not($thisNavitem).removeClass('js-active').addClass('js-inactive');\r\n\r\n // show/hide corresponding subnav\r\n $subnav.not($thisSubnav).removeClass('js-active');\r\n $thisSubnav.toggleClass('js-active');\r\n\r\n // toggle container for user menu css hook\r\n $navwrapper.addClass('js-submenu-active');\r\n\r\n $this.attr('aria-expanded', 'true');\r\n } else {\r\n // close nav item / menu takeover, go back to initial nav open state\r\n $navitem.removeClass('js-active js-inactive');\r\n $subnav.removeClass('js-active');\r\n\r\n // toggle container for user menu css hook\r\n $navwrapper.removeClass('js-submenu-active');\r\n\r\n $navlink.add('.js-nav-main__link-user').attr('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n // handle user menu, based on above (appended via Ajax)\r\n $('.nav-secondary__item-user-menu.js-accountplaceholder').on('click.navMobile', '.js-nav-main__link-user', function() {\r\n let $this = $(this);\r\n let $thisNavitem = $this.parent('.js-nav-main__item-user');\r\n let $thisSubnav = $thisNavitem.next('.js-nav-sub-user');\r\n\r\n // toggle active on link\r\n $thisNavitem.toggleClass('js-active');\r\n\r\n if($thisNavitem.hasClass('js-active')) {\r\n // show single nav item / take over menu\r\n $navitem.not($thisNavitem).removeClass('js-active').addClass('js-inactive');\r\n\r\n // show/hide corresponding subnav\r\n $subnav.not($thisSubnav).removeClass('js-active');\r\n $thisSubnav.toggleClass('js-active');\r\n\r\n $this.attr('aria-expanded', 'true');\r\n } else {\r\n // close nav item / menu takeover, go back to initial nav open state\r\n $navitem.removeClass('js-active js-inactive');\r\n $subnav.removeClass('js-active');\r\n $thisSubnav.removeClass('js-active');\r\n $this.attr('aria-expanded', 'false');\r\n }\r\n });\r\n\r\n // toggle subnav\r\n $subnavsubToggle.on('click.navMobile', function(e) {\r\n let $this = $(this);\r\n let $thisSubnavsub = $this.closest($subnavsub);\r\n\r\n $thisSubnavsub.toggleClass('js-active');\r\n });\r\n\r\n // close nav on bg/overlay click\r\n $navbg.on('click.navMobile', function() {\r\n resetMobileNav();\r\n });\r\n }\r\n\r\n // Handle redirect to original URL after user sign in\r\n $('.js-accountplaceholder').on('click', '.jsSigninLink', function(e) {\r\n e.preventDefault();\r\n window.location.href = e.target.href + '?redirect=' + window.location.pathname + window.location.search;\r\n });\r\n\r\n // Desktop User/Account Menu handling\r\n $('.js-accountplaceholder').on('click', '.js-user-menu__toggle', function(e) {\r\n e.stopPropagation();\r\n let $userMenuToggle = $('.js-user-menu__toggle');\r\n let $userMenu = $('.js-user-menu__submenu');\r\n $userMenuToggle.add($userMenu).toggleClass('js-active');\r\n\r\n // add handler to close if clicked elsewhere\r\n if($userMenuToggle.hasClass('js-active')) {\r\n $('body *').not('.js-user-menu__toggle, .js-user-menu__submenu, .js-user-menu__submenu *').on('click.closeUserMenu', function() {\r\n $userMenuToggle.add($userMenu).removeClass('js-active');\r\n $('body *').off('click.closeUserMenu');\r\n });\r\n }\r\n });\r\n});\r\n\r\n// Load user menu info via AJAX / session storage. see GetAccountMenu.cshtml\r\nfunction getAccountInfo() {\r\n let state = $('head').data('state');\r\n let $accountplaceholder = $('.js-accountplaceholder');\r\n let accountdata = '';\r\n if(state === 'True') {\r\n accountdata = window.sessionStorage.getItem('accountoptions');\r\n } else {\r\n accountdata = window.sessionStorage.getItem('accountsignin');\r\n }\r\n if($accountplaceholder.length > 0) {\r\n if(accountdata !== '' && accountdata !== null) {\r\n $accountplaceholder.append(accountdata);\r\n return;\r\n }\r\n let url = '/api/account/GetAccountMenu';\r\n $.ajax({\r\n url: url,\r\n type: 'get',\r\n success: function (response) {\r\n $accountplaceholder.append(response);\r\n if(state === 'True') {\r\n window.sessionStorage.setItem('accountoptions', response);\r\n } else {\r\n window.sessionStorage.setItem('accountsignin', response);\r\n }\r\n }\r\n });\r\n }\r\n}\r\n","import debounce from 'lodash.debounce';\r\n\r\n// initial run\r\n$(document).ready(function() {\r\n checkTableOverflow();\r\n enableTableResize();\r\n});\r\n\r\n// run (debounced) on window resize\r\nfunction enableTableResize() {\r\n if($('table').length) {\r\n $(window).on('resize', debounce(checkTableOverflow, 300));\r\n }\r\n}\r\n\r\n// global has run\r\nlet tableOverflowHasRun = false;\r\n\r\n// main function to check for tables, check widths for need for overflow, etc\r\nfunction checkTableOverflow() {\r\n if($('table').length) {\r\n let $tables = $('table');\r\n\r\n $tables.each(function(index) {\r\n // check if table is inside modal and ensure that modal does not have styles forcing overflow\r\n if($(this).parents('.modal__container').length) {\r\n $(this).parents('.modal__container').removeClass('w-auto max-w-none');\r\n }\r\n\r\n // get how far over from the left of the browser the table is (offset.left)\r\n let thisOffset = $(this).offset();\r\n let winWidth = window.innerWidth;\r\n let tableWidth = this.clientWidth;\r\n\r\n // check if table + left offset of table is greater than window width = need to handle overflow\r\n if(tableWidth + thisOffset.left > winWidth) {\r\n tableOverflowHasRun = true;\r\n\r\n // check if already wrapped\r\n if($(this).parent('div.table-overflow__inner').length === 0) {\r\n // wrap in containers for gradient overlay and scrolling\r\n $(this).wrap('
');\r\n let containerWidth = $(this).parent('.table-overflow__inner')[0].clientWidth;\r\n\r\n // add (debounced) scroll event listener to hide gradient if scrolled all the way to the right\r\n $(this).parent('.table-overflow__inner').on('scroll.js-overflow', debounce(function() {\r\n let $parentTableOverflow = $(this).closest('.table-overflow');\r\n if(this.scrollLeft + containerWidth + 10 > tableWidth) {\r\n $parentTableOverflow.addClass('js-maxscrolled');\r\n } else {\r\n $parentTableOverflow.removeClass('js-maxscrolled');\r\n }\r\n }, 300));\r\n }\r\n }\r\n\r\n // if it has run, unwrap scrolling div containers and unbind scroll event if no longer needed\r\n if(tableOverflowHasRun && (tableWidth + thisOffset.left < winWidth)) {\r\n if($(this).parent('div.table-overflow__inner').length) {\r\n $(this).unwrap().unwrap();\r\n }\r\n $(this).parent('.table-overflow__inner').off('scroll.js-overflow');\r\n }\r\n\r\n // ** check if the table is inside a modal and if the table is wider than the modal, if so handle overflow **\r\n let modalWidth = $('.modal__container').width();\r\n\r\n // check if table + left offset of table is greater than modal width = need to handle overflow\r\n // add this to the table class js-handle-overflow.\r\n if(tableWidth + thisOffset.left > modalWidth && $('.js-handle-overflow').length) {\r\n tableOverflowHasRun = true;\r\n\r\n // check if already wrapped\r\n if($(this).parent('div.table-overflow__inner').length === 0) {\r\n // wrap in containers for gradient overlay and scrolling\r\n $(this).wrap('
');\r\n let containerWidth = $(this).parent('.table-overflow__inner')[0].clientWidth;\r\n\r\n // add (debounced) scroll event listener to hide gradient if scrolled all the way to the right\r\n $(this).parent('.table-overflow__inner').on('scroll.js-overflow', debounce(function () {\r\n let $parentTableOverflow = $(this).closest('.table-overflow');\r\n if(this.scrollLeft + containerWidth + 10 > tableWidth) {\r\n $parentTableOverflow.addClass('js-maxscrolled');\r\n } else {\r\n $parentTableOverflow.removeClass('js-maxscrolled');\r\n }\r\n }, 300));\r\n }\r\n }\r\n\r\n // if it has run, unwrap scrolling div containers and unbind scroll event if no longer needed\r\n if(tableOverflowHasRun && (tableWidth + thisOffset.left < modalWidth)) {\r\n if($(this).parent('div.table-overflow__inner').length) {\r\n $(this).unwrap().unwrap();\r\n }\r\n $(this).parent('.table-overflow__inner').off('scroll.js-overflow');\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport {\r\n checkTableOverflow\r\n};\r\n","import debounce from 'lodash.debounce';\r\n\r\nvar module;\r\nvar checkoutReview;\r\nconst browserWidth = 750;\r\nconst paddingTop = 50;\r\nconst paddingBottom = 50;\r\n\r\n$(document).ready(function() {\r\n module = $('.o-checkout__col--right .o-order-sum');\r\n checkoutReview = $('.checkout').hasClass('checkout--review') && module !== undefined;\r\n\r\n if(checkoutReview) {\r\n let width = $(window).width();\r\n if(width > browserWidth) {\r\n $(module).css('position', 'absolute');\r\n }\r\n\r\n $(window).on('resize', debounce(function() {\r\n if(width > browserWidth) {\r\n $(module).css('position', 'absolute');\r\n $(window).trigger('scroll');\r\n } else {\r\n $(module).css('position', '');\r\n }\r\n }, 150));\r\n\r\n $(window).on('scroll', debounce(function() {\r\n let checkbottom = true;\r\n let top = $(module).offset().top - $(window).scrollTop();\r\n\r\n let bottom = window.innerHeight - $(module)[0].getBoundingClientRect().bottom;\r\n if(top < paddingTop && $('footer').length > 0) {\r\n let maxTop = $('footer').position().top - paddingTop - $(module).innerHeight();\r\n let newTop = paddingTop + $(window).scrollTop();\r\n if(newTop > maxTop) newTop = maxTop;\r\n $(module).css('top', newTop + 'px');\r\n checkbottom = false;\r\n }\r\n\r\n if(bottom < paddingBottom && checkbottom) {\r\n let minTop = $('header').position().top + $('header').innerHeight() + $('.o-checkout__row.o-checkout__row--header').innerHeight() + paddingBottom;\r\n let bottomPos = $(window).scrollTop() + $(window).height() - $(module).innerHeight() - paddingBottom;\r\n if(bottomPos < minTop) bottomPos = minTop;\r\n $(module).css('top', bottomPos + 'px');\r\n }\r\n }, 150));\r\n }\r\n});\r\n","import { getCookie, setCookie, releaseFocus, trapFocus } from '../../../lib/globalapi.js';\r\nimport { checkTableOverflow } from '../../elements/table-overflow/table-overflow.js';\r\n\r\n// Open modal click event\r\n$(document).on('click', '[data-modal-toggle]', function(event) {\r\n let modalKey = $(this).data('modal-toggle');\r\n let $modalTarget = $('[data-modal-key=\"' + modalKey + '\"]');\r\n\r\n $('body').addClass('overflow-hidden');\r\n $modalTarget.addClass('is--active').attr('aria-modal', 'true');\r\n\r\n // trap focus\r\n trapFocus($modalTarget[0]);\r\n\r\n // check height\r\n let windowHeight = $(window).innerHeight();\r\n let modalHeight = $modalTarget.find('.js-modal__container').height();\r\n if(modalHeight > windowHeight) {\r\n $modalTarget.removeClass('js-modal-center');\r\n }\r\n\r\n // check if modal contains table that needs overflow handling\r\n checkTableOverflow();\r\n});\r\n\r\n// Close modal click event\r\n$(document).on('click', '.js-modal', function (event) {\r\n let $this = $(this);\r\n let $target = $(event.target);\r\n let modalKey = $('.js-modal').data('modal-id');\r\n\r\n if($target.hasClass('js-modal__close') || $target.hasClass('js-modal')) {\r\n $('.js-modal-addtocart').remove();\r\n\r\n if($('.js-crispr-modal__nuclease').data('nucleaseChanged') === 'true') {\r\n var nucleaseChanged = window.confirm('You have unsaved changes. If you close advanced options, all changes will be lost.');\r\n if(!nucleaseChanged) {\r\n $('.crispr-modal__link[data-advanced-modal=\"nuclease\"]').trigger('click');\r\n return;\r\n }\r\n }\r\n if($('.js-crispr-modal__advanced').data('advancedChanged') === 'true') {\r\n var advancedChanged = window.confirm('You have unsaved changes. If you close advanced options, all changes will be lost.');\r\n if(!advancedChanged) {\r\n $('.crispr-modal__link[data-advanced-modal=\"advanced\"]').trigger('click');\r\n return;\r\n }\r\n }\r\n\r\n if(modalKey) {\r\n var cookie = parseInt(getCookie(modalKey)) || 0;\r\n cookie++;\r\n setCookie(modalKey, cookie, 30);\r\n }\r\n\r\n // remove focus trap\r\n releaseFocus();\r\n\r\n // remove active classes\r\n $this.removeClass('is--active').attr('aria-modal', 'false');\r\n $('body').removeClass('overflow-hidden');\r\n\r\n // Empty out modal content dependent on page layout\r\n if($('.checkout--billship').length || $('.checkout--quote').length || $('.profile').length) {\r\n $this.find('.js-modal__content').empty();\r\n }\r\n\r\n // check if modal contains table that needs overflow handling (unbind events in this case)\r\n checkTableOverflow();\r\n }\r\n});\r\n\r\n// Modal \"Continue\" button click event\r\n$(document).on('click', '.js-modal-close-button', function () {\r\n // remove focus trap\r\n releaseFocus();\r\n\r\n $('.js-modal-addtocart').remove();\r\n});\r\n\r\n// Add to Cart modal \"View Cart & Checkout\" button click event\r\n$(document).on('click', '.js-modal-addtocart-checkout', function () {\r\n // remove focus trap\r\n releaseFocus();\r\n\r\n window.location.href = '/cart';\r\n});\r\n\r\n// Display Global Modal on page load if present\r\n$(document).ready(function () {\r\n if($('.js-modal-global').length) {\r\n let modalKey = $('.js-modal-global').data('modal-id');\r\n $('body').toggleClass('overflow-hidden');\r\n $('[data-modal-id=\"' + modalKey + '\"]').toggleClass('is--active').attr('aria-modal', 'true');\r\n\r\n // check height\r\n let windowHeight = $(window).innerHeight();\r\n let modalHeight = $('.js-modal__container').height();\r\n if(modalHeight > windowHeight) {\r\n $('.js-modal-global').removeClass('js-modal-center');\r\n }\r\n }\r\n});\r\n\r\n// close all modals on ESC - trigger existing click event\r\n$(document).on('keydown', function(event) {\r\n if(event.key === 'Escape' && $('.js-modal.is--active').length) {\r\n $('.js-modal.is--active').trigger('click');\r\n }\r\n});\r\n","// this is only for the FE. The real code is on the CRISPR view itself.\r\n$(document).on('click', '[data-advanced-modal]', function (event) {\r\n $('.js-crispr-modal-body').addClass('hidden');\r\n let advancedModalBodyView = $(this).data('advanced-modal');\r\n console.log(advancedModalBodyView, 'advancedModalBodyView');\r\n $('[data-show-body=\"' + advancedModalBodyView + '\"]').toggleClass('is--active');\r\n $('[data-show-body=\"' + advancedModalBodyView + '\"]').removeClass('hidden');\r\n});\r\n\r\n// JUST FOR FE... Not perfect but works.\r\n$(document).on('change', '.js-nuclease-options', function (event) {\r\n let advancedModalBodyView = $(this).find(':selected').data('advanced-modal');\r\n $('[data-show-body=\"' + advancedModalBodyView + '\"]').toggleClass('is--active');\r\n $('[data-show-body=\"' + advancedModalBodyView + '\"]').removeClass('hidden');\r\n\r\n if($(advancedModalBodyView === 'other-nuclease')) {\r\n console.log('inside');\r\n $('.js-crispr-modal__nuclease-results').addClass('hidden');\r\n $('.js-crispr-modal-body').find('[data-show-body=\"other-nuclease\"]').removeClass('hidden');\r\n $('.js-crispr-modal-body').parent().parent().parent().find('[data-show-body=\"nuclease\"]').removeClass('hidden');\r\n }\r\n});\r\n","import {cartRemove, cartUpdateItem} from '../../../lib/globalapi.js';\r\nimport {getCartData} from '../../../lib/general.js';\r\n\r\n$(document).on('click', '.order-items', function(e) {\r\n let $target = $(e.target);\r\n let data;\r\n\r\n switch ($target.data('order')) {\r\n case 'remove':\r\n // Remove order item from cart\r\n data = getCartData($target);\r\n console.log('POST getCartData', data);\r\n cartRemove(data);\r\n break;\r\n case 'update':\r\n // Update order item quantity\r\n data = getCartData($target);\r\n console.log('POST getCartData', data);\r\n cartUpdateItem(data);\r\n break;\r\n case 'details-button':\r\n $target.siblings('[data-pif-el=\"panel-tabs\"]').toggleClass('hidden');\r\n break;\r\n default:\r\n break;\r\n }\r\n});\r\n","$(document).ready(function() {\r\n $('[data-pagin-type=\"num\"]').click(function(e) {\r\n let location = $(this).data('pagin-loc');\r\n let activeButton = '[data-pagin-loc=\"' + location + '\"]';\r\n $(activeButton).toggleClass('is--active');\r\n $(activeButton).siblings('[data-pagin-type=\"num\"]').removeClass('is--active');\r\n });\r\n});\r\n","// Card Validator info: https://github.com/braintree/card-validator\r\n// the Card validator can potentially replace the custom script for determning the card type\r\n// need to confirm card name values that are passed into cybersource\r\nimport CARD_VALID from 'card-validator';\r\nimport { checkValidField } from '../../../lib/general.js';\r\nimport { checkoutCartPrefDistribAPI } from '../checkout/checkoutAPICalls.js';\r\nlet isCheckoutAccountOrCredit = false;\r\n\r\n$(document).ready(function () {\r\n if($('.payment__type--account').length || $('.payment__type--credit').length) {\r\n $('#checkoutNextBtn').attr('disabled', true);\r\n isCheckoutAccountOrCredit = true;\r\n }\r\n\r\n if($('#type-account').is(':checked') && $('#PONumber').val() !== '') {\r\n $('#checkoutNextBtn').attr('disabled', false);\r\n isCheckoutAccountOrCredit = true;\r\n }\r\n});\r\n\r\nfunction checkValidCard(validation, $input, silent = false) {\r\n if(validation.isValid) {\r\n $input.addClass('js-form-valid').removeClass('form-error').next('span').addClass('hidden');\r\n } else if(!validation.isValid && !silent) {\r\n $input.removeClass('js-form-valid').addClass('form-error').next('span').removeClass('hidden');\r\n }\r\n}\r\n\r\n// run validation event listeners on blur - and on any input with silent validation (don't display errors)\r\n$(document).on('blur input', '.payment__content .payment__input', function(event) {\r\n let $this = $(this);\r\n let $nameProp = $this.prop('name');\r\n let fieldVal = $this.val();\r\n let ccValidation;\r\n let $cartNum = '';\r\n let type = '';\r\n let silentValidate = false;\r\n\r\n if(event.type === 'input' || $(this).hasClass('payment__optional')) {\r\n silentValidate = true;\r\n }\r\n\r\n if($('#CardNumber').val() !== undefined) {\r\n $cartNum = $('#CardNumber').val();\r\n if($cartNum.length > 2 && CARD_VALID.number($cartNum).card != null) {\r\n type = CARD_VALID.number($cartNum).card.type;\r\n }\r\n }\r\n\r\n if($nameProp === 'ccNumber') {\r\n ccValidation = CARD_VALID.number(fieldVal);\r\n checkValidCard(ccValidation, $this, silentValidate);\r\n } else if($nameProp === 'ccCVV') {\r\n if(type === 'american-express') {\r\n ccValidation = CARD_VALID.cvv(fieldVal, 4);\r\n checkValidCard(ccValidation, $this, silentValidate);\r\n } else {\r\n ccValidation = CARD_VALID.cvv(fieldVal);\r\n checkValidCard(ccValidation, $this, silentValidate);\r\n }\r\n } else if($nameProp === 'ccExpires') {\r\n ccValidation = CARD_VALID.expirationDate(fieldVal);\r\n checkValidCard(ccValidation, $this, silentValidate);\r\n\r\n // reformat valid date and set as MM/YY\r\n if(ccValidation.isValid && ccValidation.isPotentiallyValid) {\r\n let monthEntry = ccValidation.month;\r\n let yearEntry = ccValidation.year;\r\n\r\n // check for single digit month, add 0\r\n if(monthEntry.length === 1) {\r\n monthEntry = '0' + monthEntry;\r\n }\r\n // check for 4 digit year, keep last 2\r\n if(yearEntry.length === 4) {\r\n yearEntry = yearEntry.substr(2, 2);\r\n }\r\n // set MM/YY\r\n $this.prop('value', monthEntry + '/' + yearEntry);\r\n }\r\n } else {\r\n checkValidField(fieldVal, $this, silentValidate);\r\n if(!fieldVal.length) {\r\n $this.removeClass('js-form-valid');\r\n $this.next('span').removeClass('hidden');\r\n } else {\r\n $this.addClass('js-form-valid');\r\n $this.next('span').addClass('hidden');\r\n }\r\n }\r\n\r\n // check if all fields are marked as valid to enable Next button\r\n if(isCheckoutAccountOrCredit) {\r\n if($('.payment__content:not(.hidden) .js-form-required').length === $('.payment__content:not(.hidden) .js-form-valid').length) {\r\n $('#checkoutNextBtn').attr('disabled', false);\r\n } else {\r\n $('#checkoutNextBtn').attr('disabled', true);\r\n }\r\n }\r\n});\r\n\r\n// enable Enter to submit, which is not default since Next button is outside of form element\r\n$(document).on('keydown', '.payment__content .payment__input', function(event) {\r\n let enterPressed = false;\r\n if('key' in event) {\r\n enterPressed = (event.key === 'Enter');\r\n }\r\n if(enterPressed) {\r\n $('#checkoutNextBtn').trigger('click');\r\n }\r\n});\r\n\r\n$(document).on('change', '.payment__content .payment__dropdown', function (event) {\r\n let $this = $(this);\r\n let fieldVal = $this.val();\r\n checkValidField(fieldVal, $this);\r\n\r\n if($this.attr('name') === 'distributorId' && !$this.hasClass('form-error')) {\r\n checkoutCartPrefDistribAPI(fieldVal, function () { window.location.reload(); });\r\n }\r\n});\r\n\r\n$(document).on('keyup', '[name=\"ccNumber\"]', function(event) {\r\n let $this = $(this);\r\n let ccNum = $this.val();\r\n let $cardTypeLabels = $('.payment__label--cardtype');\r\n let $cardTypeInputs = $('.payment__input--cardtype');\r\n let cardTypes = {\r\n 3: 'amex',\r\n 4: 'visa',\r\n 5: 'mastercard',\r\n 6: 'discover'\r\n };\r\n\r\n if(ccNum) {\r\n let cardIndex = ccNum[0];\r\n let cardTypeName = cardTypes[cardIndex];\r\n $(`[value=\"${cardTypeName}\"]`).prop('checked', true);\r\n $cardTypeLabels.removeClass('is--active');\r\n $(`[for=\"cc-${cardTypeName}\"]`).addClass('is--active');\r\n } else {\r\n $cardTypeLabels.removeClass('is--active');\r\n $cardTypeInputs.prop('checked', false);\r\n }\r\n});\r\n\r\n$(document).on('click', '[data-payment-el=\"toggle\"] input', function (e) {\r\n // let $this = $(this);\r\n let $paymentContentArr = $('.payment__content');\r\n let $activeChoice;\r\n let $inactiveChoice;\r\n\r\n if(isCheckoutAccountOrCredit) {\r\n $('#checkoutNextBtn').attr('disabled', true);\r\n }\r\n\r\n $paymentContentArr.each(function(index, el) {\r\n let $container = $(el).closest('.payment__type');\r\n let $selection = $container.find('[name=\"payment\"]');\r\n let $content = $container.find('.payment__content');\r\n\r\n if($selection.prop('checked')) {\r\n $content.removeClass('hidden');\r\n $activeChoice = $content;\r\n } else {\r\n $content.addClass('hidden');\r\n $inactiveChoice = $content;\r\n }\r\n });\r\n\r\n console.log('Active', $activeChoice, '\\nInactive', $inactiveChoice);\r\n\r\n $activeChoice.find('input').prop('disabled', false);\r\n $inactiveChoice.find('input').prop('disabled', 'disabled');\r\n\r\n if($inactiveChoice.find('select').length) {\r\n $inactiveChoice.find('select').get(0).selectedIndex = 0;\r\n }\r\n\r\n $('.payment__type input').each(function(index, el) {\r\n let $el = $(el);\r\n let $name = $el.prop('name');\r\n $el.removeClass('form-error');\r\n if($name !== 'ccCardType' && $name !== 'payment') {\r\n $el.val('');\r\n }\r\n });\r\n\r\n if($('#type-account:checked')) {\r\n $('[name=\"ccCardType\"]').prop('checked', false);\r\n $('.payment__label--cardtype').removeClass('is--active');\r\n }\r\n});\r\n\r\n$(document).on('click', '[name=\"ccCardType\"]', function(e) {\r\n e.preventDefault(); // prevents card icons from being clickable\r\n});\r\n","import {cartAddExtrinsic} from '../../../lib/globalapi.js';\r\n\r\n/****************************************************************\r\n Pif Add to Cart\r\n******************************************************************/\r\nfunction PIF_ADD_TO_CART() {\r\n $(document).on('click', '.pif__cart', function(event) {\r\n let $target = $(event.target);\r\n let components = $.map($('[data-cart-el=\"components\"]'), function(el, i) {\r\n return $(el).data('cart-val');\r\n }).join(', ');\r\n\r\n if($target.data('order') === 'add-dynamic') {\r\n event.preventDefault();\r\n let catalogID = $(this).find('[data-cart-el=\"spec-cat\"]').data('cart-catalog');\r\n let quantity = $target.siblings('.add-cart__quantity').find('[data-cart-item=\"counter\"]').attr('value');\r\n if(components.length) {\r\n cartAddExtrinsic(catalogID, quantity, components);\r\n }\r\n }\r\n });\r\n}\r\n\r\nexport default PIF_ADD_TO_CART;\r\n","import HBS_AGNO_SEARCH from './hbs-templates/search/pif-search-results.hbs';\r\nimport HBS_PAGINATION from './hbs-templates/search/pif-pagination.hbs';\r\nimport HBS_SUGGESTIONS from './hbs-templates/search/pif-search-suggestions.hbs';\r\nimport { pageURL } from '../../../lib/qsbuilder.js';\r\n\r\nconst PIF_AGNO = () => {\r\n /****************************************************************\r\n Variables & Functions\r\n Note: 'HBS' = Handlebars template\r\n ******************************************************************/\r\n\r\n /****************************************************************\r\n To Test api call locally uncomment next two url variable lines\r\n ******************************************************************/\r\n // let agnoAPIUrl = 'https://cors-anywhere.herokuapp.com/https://int.horizondiscovery.com/api/search/'; // dev mode\r\n // let agnoSuggestAPIUrl = 'https://cors-anywhere.herokuapp.com/https://int.horizondiscovery.com/api/search/GetGeneSelectorSuggestions'; // dev mode\r\n /****************************************************************\r\n To set api call live uncomment next two url variable line and\r\n recomment the following two url variable lines above\r\n ******************************************************************/\r\n let agnoAPIUrl = `${window.location.origin}/api/search/`; // live mode;\r\n let agnoSuggestAPIUrl = `${window.location.origin}/api/search/GetGeneSelectorSuggestions`; // live mode\r\n let pageSize = 5;\r\n let page = 1;\r\n let productId = $('.pif').data('pif-prodid');\r\n let itemId = $('.pif').data('pif-itemid');\r\n let typingTimer; // timer identifier\r\n let doneTypingInterval = 600; // time in ms (5 seconds)\r\n\r\n /****************************************************************\r\n Build\r\n ******************************************************************/\r\n $(document).on('click', '.search-bar--pif', function(e) {\r\n let $target = $(e.target);\r\n let $searchField = $('#searchField');\r\n\r\n if($target.data('pif-el') === 'suggest-item') {\r\n let searchTerm = $target.data('agno-term');\r\n $searchField.val(searchTerm);\r\n $('[data-pif-el=\"searchbtn\"]').trigger('click');\r\n }\r\n\r\n CHECK_SUGGESTIONS();\r\n });\r\n\r\n $('body').on('click', function(e) {\r\n $('.pif__suggestions').remove();\r\n let $target = $(e.target);\r\n\r\n if(!$target.closest('.search-bar--pif').length) {\r\n $('.search-bar__suggestions').remove();\r\n }\r\n });\r\n\r\n $(document).on('click', '[data-pif-el=\"agnolink\"]', function(event) {\r\n // Update link to transform into Gene pif page link\r\n event.preventDefault();\r\n let genenode = $(this).attr('href');\r\n let url = `${pageURL()}`;\r\n let hash = window.location.hash;\r\n if(hash) {\r\n console.log('hash');\r\n url = url.split('#')[0];\r\n }\r\n url = url + '?' + genenode;\r\n window.history.pushState({}, '', url);\r\n window.location.reload();\r\n });\r\n\r\n $(document).on('click', '[data-paging-el=\"agno-nav\"]', function(event) {\r\n let $target = $(event.target);\r\n if($target.data('pagin-type') === 'num') {\r\n page = $target.data('pagin-loc');\r\n $target.closest('li').toggleClass('is--active');\r\n $target.closest('li').siblings('.pagination__button--pg').removeClass('is--active');\r\n let url = BUILD_AGNO_RESULTS_URL();\r\n API_AGNO_RESULTS(url);\r\n }\r\n });\r\n\r\n $(document).on('click', '[data-pif-el=\"searchbtn\"]', function(event) {\r\n // Agnostic search data grab\r\n event.preventDefault();\r\n let url = BUILD_AGNO_RESULTS_URL();\r\n API_AGNO_RESULTS(url);\r\n $('.pif__suggestions').find('li').remove();\r\n });\r\n\r\n $('.search-bar--pif .search-bar__input').on('keyup', function(e) {\r\n let $searchField = $(this);\r\n let agnoSearchObj = {\r\n url: agnoSuggestAPIUrl,\r\n term: $searchField.val(),\r\n product: productId,\r\n item: itemId\r\n };\r\n\r\n clearTimeout(typingTimer);\r\n\r\n if($searchField.val()) {\r\n typingTimer = setTimeout(function() {\r\n API_AGNO_SUGGESTIONS(agnoSearchObj);\r\n }, doneTypingInterval);\r\n } else {\r\n let url = BUILD_AGNO_RESULTS_URL();\r\n API_AGNO_RESULTS(url);\r\n }\r\n }).on('search', function(event) {\r\n /* Act on the event */\r\n let url = BUILD_AGNO_RESULTS_URL();\r\n $('.pif__suggestions').find('li').remove();\r\n API_AGNO_RESULTS(url);\r\n });\r\n\r\n /****************************************************************\r\n Functions\r\n ******************************************************************/\r\n\r\n function API_AGNO_RESULTS(url) {\r\n url += `&pageSize=${pageSize}&page=${page}`;\r\n\r\n $.get(url, function(data) {}, 'json').done(function(data) {\r\n $('[data-pif-el=\"agno-item\"]').remove();\r\n $('.pif__search').append(HBS_AGNO_SEARCH({Result: data}));\r\n $('.pif__wrapper--search').removeClass('hidden');\r\n if($('[data-paging-el=\"agno-nav\"]').length === 0 && data.length > 10) {\r\n $('[data-pif-el=\"results\"]').after(HBS_PAGINATION(data));\r\n }\r\n\r\n // Stop or clear out search suggestions\r\n clearTimeout(typingTimer);\r\n $('.pif__suggestions').find('li').remove();\r\n }).fail(function() {\r\n $('.pif__suggestions').find('li').remove();\r\n $('[data-pif-el=\"agno-item\"]').remove();\r\n $('.pif__search').append(HBS_AGNO_SEARCH({Result: false}));\r\n });\r\n }\r\n\r\n function API_AGNO_SUGGESTIONS(searchObj) {\r\n let api = $.ajax({ // eslint-disable-line\r\n url: searchObj.url,\r\n type: 'POST',\r\n dataType: 'json',\r\n data: { searchTerm: searchObj.term, productId: searchObj.product, itemId: searchObj.item},\r\n success: function (data) {\r\n window.dataLayer.push({\r\n 'event': 'view_search_results',\r\n 'search_term': searchObj.term\r\n });\r\n BUILD_SUGGESTIONS(data);\r\n }\r\n });\r\n }\r\n\r\n function BUILD_SUGGESTIONS(data) {\r\n let $suggestions = $('#agnoSearchSuggestions');\r\n $('.pif__suggestions').find('li').remove();\r\n\r\n if(data.length && !$suggestions.length) {\r\n $('#pifgnosticsearch').append(HBS_SUGGESTIONS({Data: data, Full: true}));\r\n } else {\r\n $suggestions.find('ul').append(HBS_SUGGESTIONS({Data: data, Full: false}));\r\n }\r\n }\r\n\r\n function BUILD_AGNO_RESULTS_URL(term) {\r\n let searchterm = (term) ? `searchTerm=${term}` : `searchTerm=${$('#searchField').val()}`;\r\n let searchQuery = 'productid=' + productId + '&' + searchterm;\r\n let url = agnoAPIUrl + 'GetAgnosticGeneSearchResults?';\r\n\r\n return url + searchQuery;\r\n }\r\n\r\n function CHECK_SUGGESTIONS() {\r\n // Check if the suggestions div is empty and remove if it is\r\n let $searchBar = $('#pifgnosticsearch');\r\n\r\n if(!$('.pif__suggestions').contents().length) {\r\n $searchBar.remove('.pif__suggestions ul');\r\n }\r\n }\r\n};\r\n\r\nexport default PIF_AGNO;\r\n","import HBS_CART from './hbs-templates/cart/pif-cart.hbs';\r\nimport HBS_CHOOSING_FIELDS from './hbs-templates/pif-choosing-fields.hbs';\r\nimport HBS_FIELDSET from './hbs-templates/pif-fieldset.hbs';\r\nimport HBS_PROD_SELECT from './hbs-templates/pif-product-select.hbs';\r\nimport HBS_PANEL_DYNAMIC_BUILD from './hbs-templates/panel/pif-panel-dynamic-build.hbs';\r\nimport HBS_PANEL_DYNAMIC_DATA from './hbs-templates/panel/pif-panel-dynamic-data.hbs';\r\nimport HBS_PANEL_GENERAL from './hbs-templates/panel/pif-panel-general.hbs';\r\nimport { queryObj } from '../../../lib/qsbuilder.js';\r\nimport { startInPageSpinner, stopInPageSpinner, htmlEncode } from '../../../lib/globalapi.js';\r\n\r\nconst PIF_SELECTORS = () => {\r\n let pifAPIUrl;\r\n let pifType;\r\n let productId = $('.pif').data('pif-prodid');\r\n let nodeid;\r\n let catalognumber;\r\n let paneldatatablabel;\r\n\r\n if($('.pif').hasClass('pif--cat')) {\r\n pifType = 'catalog';\r\n catalognumber = queryObj().catalognumber;\r\n } else if($('.pif').hasClass('pif--gene')) {\r\n pifType = 'gene';\r\n nodeid = queryObj().nodeid;\r\n catalognumber = queryObj().catalognumber;\r\n paneldatatablabel = queryObj().paneldatatablabel;\r\n }\r\n\r\n /****************************************************************\r\n To Test api call locally uncomment next line and\r\n comment out the live mode url variable\r\n ******************************************************************/\r\n // pifAPIUrl = 'https://cors-anywhere.herokuapp.com/https://int.horizondiscovery.com/api/pif/'; // dev mode\r\n /****************************************************************\r\n To set api call live uncomment next line and\r\n recomment the url variable line above\r\n ******************************************************************/\r\n pifAPIUrl = window.location.origin + '/api/pif/'; // live mode\r\n\r\n if(pifType === 'gene') {\r\n /******\r\n Gene PIF API URL build\r\n ******/\r\n API_CALL_PIF(`${pifAPIUrl}GetGeneProductSelector?productid=${productId}&nodeid=${nodeid}&catalognumber=${catalognumber}&paneldatatablabel=${paneldatatablabel}`);\r\n } else if(pifType === 'catalog') {\r\n /******\r\n Catalog PIF API URL build\r\n ******/\r\n API_CALL_PIF(`${pifAPIUrl}GetProductSelector?productid=${productId}&catalognumber=${catalognumber}`);\r\n }\r\n\r\n /************************************************************\r\n\r\n Events\r\n\r\n ************************************************************/\r\n // placeholder text for price on Pif pages.\r\n let displayPriceDictionaryValue = $('[data-price-placeholder]').data('price-placeholder');\r\n\r\n $(document).on('click', '[data-pif-el=\"selector-label\"]', function(e) {\r\n /*\r\n SELECTOR LABEL CLICK EVENT:\r\n Selectors are the button element options of the gene pif selector sequence.\r\n */\r\n let $this = $(this);\r\n let $option = $this;\r\n console.log(`$this: `, $this);\r\n $this.siblings('[data-pif-el=\"selector-label\"]').removeClass('pif__button__js-active');\r\n $this.addClass('pif__button__js-active');\r\n let optionJson = ($option.data('option-json').length === 1) ? $option.data('option-json')[0] : $option.data('option-json'); // grab json from coinciding label\r\n let isLeaf = $this.data('pif-leaf');\r\n let hasStock = $this.data('pif-stock');\r\n let isKit = (isLeaf) ? optionJson.IsKit : undefined;\r\n let isInquire = (isLeaf) ? optionJson.IsInquire : undefined;\r\n let panelData = (isLeaf) ? optionJson.PanelData : undefined;\r\n\r\n optionJson.DontAddToCart = !optionJson.CanAdd || optionJson.IsInquire;\r\n\r\n if($('.pif__fieldset--options').length > 1) {\r\n /******\r\n If there are fieldsets below the current, delete them before building new ones\r\n ******/\r\n $('.pif__fieldset--options').slice($this.closest('.pif__fieldset--options').index() + 1).remove();\r\n $('.pif__inquire').addClass('hidden');\r\n PANEL_TABS_REMOVE();\r\n }\r\n\r\n $('.add-cart--pif-form').addClass('is--disabled');\r\n\r\n if(isLeaf === false) { // Last set of pif__option buttons (can't drill down any further).\r\n /******\r\n Build new fieldset row with new appropriate data\r\n ******/\r\n BUILD_FIELDSET(optionJson);\r\n BUILD_CART(undefined, true, 'default');\r\n } else if(pifType === 'gene') {\r\n if(hasStock === 1 && !isKit) {\r\n /******\r\n No Choosers, Single Item Gene Pif\r\n ******/\r\n if(isInquire) {\r\n BUILD_CART(optionJson, false, 'inquire');\r\n } else {\r\n BUILD_CART(optionJson, false, 'singleGene');\r\n }\r\n PANEL_TABS_REMOVE();\r\n PANEL_TABS_GENERAL_BUILD(panelData);\r\n } else if(hasStock > 1 && !isKit) {\r\n /******\r\n Gene Pif with Choosers : No Kit\r\n ******/\r\n let choosingObj = CHOOSING_OBJ_NOKIT(optionJson);\r\n\r\n if(choosingObj.filters) {\r\n let filters = FILTERS_ARRAY(optionJson);\r\n choosingObj.filters.filterAttr = filters;\r\n }\r\n\r\n BUILD_CHOOSING_FIELDS(choosingObj);\r\n BUILD_CART(undefined, true, 'default'); // Keep cart disabled\r\n PANEL_TABS_REMOVE();\r\n PANEL_TABS_GENERAL_BUILD(panelData);\r\n } else if(hasStock && isKit) {\r\n /******\r\n Gene Pif with Choosers : Kit\r\n ******/\r\n let choosingObj = CHOOSING_OBJ_KIT(optionJson);\r\n\r\n if(choosingObj.filters) {\r\n let filters = FILTERS_ARRAY(optionJson.KitData.Components);\r\n choosingObj.filters.filterAttr = filters;\r\n }\r\n\r\n BUILD_CHOOSING_FIELDS(choosingObj);\r\n\r\n if(CHECK_PIF_AUTO_SELECT(choosingObj, panelData)) {\r\n // If auto-select is required do the following\r\n let cartData = {\r\n CatalogNumber: choosingObj.catalog,\r\n DisplayPrice: choosingObj.price,\r\n Components: [],\r\n Panel: panelData,\r\n kit: true\r\n };\r\n\r\n $(choosingObj.components).each(function(index, el) {\r\n cartData.Components.push(el.CatalogNumber);\r\n });\r\n\r\n BUILD_CART(cartData, false, 'kit');\r\n } else {\r\n // If auto-select is NOT required do the following\r\n PANEL_TABS_REMOVE();\r\n PANEL_DYNAMIC_BUILD({\r\n Panel: panelData // Find panel tab info and build blank tabs section\r\n });\r\n }\r\n }\r\n } else if(pifType === 'catalog') {\r\n /******\r\n Catalog Pif Selectors\r\n ******/\r\n if(optionJson.IsAgnosticWithinCatalogPif) {\r\n /******\r\n Display Order Instructions cart\r\n ******/\r\n PANEL_TABS_REMOVE();\r\n PANEL_TABS_CATALOG_BUILD(panelData);\r\n BUILD_CART(optionJson, false, 'AgnoInCatalog');\r\n } else if(!optionJson.IsInquire) {\r\n /******\r\n No Choosers, Single Item Catalog Pif\r\n ******/\r\n PANEL_TABS_REMOVE();\r\n PANEL_TABS_CATALOG_BUILD(panelData);\r\n BUILD_CART(optionJson, false, 'Catalog');\r\n } else {\r\n /******\r\n Inquire, Catalog Pif\r\n ******/\r\n PANEL_TABS_REMOVE();\r\n PANEL_TABS_CATALOG_BUILD(panelData);\r\n BUILD_CART(optionJson, false, 'inquire');\r\n }\r\n }\r\n\r\n return false; // prevent 2x click events from firing\r\n });\r\n\r\n $(document).on('click', '[data-pif-el=\"chooser-filter\"]', function(event) {\r\n /******\r\n Show and hide items based on chosen filter(s)\r\n ******/\r\n let $this = $(this);\r\n let filterChoice = String($this.data('pif-filter'));\r\n let $options = $('[data-pif-el=\"chooser-label\"]');\r\n\r\n $this.siblings('label').find('input').prop('checked', false);\r\n $this.siblings('[data-pif-el=\"chooser-filter\"]').removeClass('pif__button__js-active');\r\n $this.addClass('pif__button__js-active');\r\n\r\n if(filterChoice === 'ALL') {\r\n $options.each(function(index, el) {\r\n $(el).removeClass('hidden');\r\n });\r\n } else {\r\n $options.each(function(index, el) {\r\n let matches = $(el).data('pif-filter').split(',');\r\n let exists = $.inArray(filterChoice, matches);\r\n\r\n if(exists > -1) {\r\n $(el).removeClass('hidden');\r\n } else {\r\n $(el).addClass('hidden');\r\n }\r\n });\r\n }\r\n\r\n return false; // prevent 2x click events from firing\r\n });\r\n\r\n $(document).on('click', '[data-pif-el=\"chooser-label\"] input', function(e) {\r\n /*\r\n CHOOSER LABEL CLICK EVENT:\r\n Choosers are the final radio/checkbox options of the gene pif selector sequence.\r\n */\r\n let $chooser = $(this);\r\n let $chooserLabel = $chooser.closest('label');\r\n let minMaxCounter = 0;\r\n let $options = $chooser.closest('.pif__options');\r\n let $chooserList = $options.find('[data-pif-el=\"chooser-input\"]');\r\n let $fieldset = $chooser.closest('fieldset');\r\n let isKit = $fieldset.data('pif-kit');\r\n let itemJson = $chooserLabel.data('pif-json'); // full json for this specific item\r\n itemJson.DontAddToCart = !itemJson.CanAdd || itemJson.IsInquire;\r\n let panelData = itemJson.PanelData;\r\n\r\n if(isKit) {\r\n let min = $fieldset.data('pif-min');\r\n let max = $fieldset.data('pif-max');\r\n let $cartForm = $('.add-cart--pif-form');\r\n let cartData = {\r\n CatalogNumber: $fieldset.data('pif-catalog'),\r\n DisplayPrice: $fieldset.data('pif-price'),\r\n Components: [],\r\n Panel: panelData,\r\n kit: true\r\n };\r\n\r\n $chooserList.each(function(index, el) {\r\n let $chooserItem = $(el);\r\n let catId = $chooserItem.val();\r\n console.log(`catId `, catId);\r\n if($chooserItem.is(':checked')) {\r\n minMaxCounter += 1;\r\n cartData.Components.push(catId); // adding components data to input value\r\n\r\n $(panelData).each(function(index, el) {\r\n let panelLabel = el.Label;\r\n let $panelContent = $(`[data-panel-content=\"${panelLabel}\"]`);\r\n let contentPanelCheck = $panelContent.has(`[data-panel-id=\"${catId}\"]`).length;\r\n\r\n if(contentPanelCheck === 0) {\r\n $panelContent.append(HBS_PANEL_DYNAMIC_DATA({\r\n Data: panelData[index],\r\n Id: catId\r\n }));\r\n }\r\n });\r\n } else {\r\n $(`[data-panel-id=\"${catId}\"]`).remove();\r\n }\r\n });\r\n\r\n if(minMaxCounter >= min && minMaxCounter < max) {\r\n FORM_ACTIVE_TOGGLE($cartForm, true);\r\n if(itemJson.IsInquire) {\r\n BUILD_CART(cartData, false, 'inquire');\r\n } else {\r\n BUILD_CART(cartData, false, 'kit');\r\n }\r\n CHECKBOXES_TOGGLE($chooserList);\r\n } else if(minMaxCounter === max) {\r\n FORM_ACTIVE_TOGGLE($cartForm, true);\r\n if(itemJson.IsInquire) {\r\n BUILD_CART(cartData, false, 'inquire');\r\n } else {\r\n BUILD_CART(cartData, false, 'kit');\r\n }\r\n CHECKBOXES_TOGGLE($chooserList, true);\r\n } else {\r\n FORM_ACTIVE_TOGGLE($cartForm, false);\r\n BUILD_CART(cartData, true, 'default');\r\n CHECKBOXES_TOGGLE($chooserList);\r\n }\r\n } else if(isKit === false) {\r\n BUILD_CART(itemJson, false, 'noKit');\r\n PANEL_TABS_REMOVE();\r\n PANEL_TABS_GENERAL_BUILD(panelData);\r\n } else {\r\n BUILD_CART(undefined, true, 'default');\r\n }\r\n });\r\n\r\n /************************************************************\r\n\r\n Functions\r\n\r\n ************************************************************/\r\n\r\n function API_CALL_PIF(url) {\r\n startInPageSpinner('js-spinner-visibility-toggle', 'after');\r\n $.get(url, function(data) {}, 'json').done(function(data) {\r\n if(!data.message) {\r\n API_PIF_SUCCESS(data.result);\r\n stopInPageSpinner('js-spinner-visibility-toggle');\r\n } else {\r\n API_PIF_MESSAGE(data);\r\n stopInPageSpinner('js-spinner-visibility-toggle');\r\n }\r\n });\r\n // .fail(function(err) {\r\n // console.log('PIF DATA ERR', err);\r\n // });\r\n }\r\n\r\n function API_PIF_MESSAGE(data) {\r\n $('.pif__form--cart').append(`
${htmlEncode(data.message)}
`);\r\n BUILD_CART(undefined, true, 'none');\r\n }\r\n\r\n function API_PIF_SUCCESS(result) {\r\n $('[data-pif-el=\"form-cart\"] .pif__select').remove(); // Reset Selectors\r\n $('[data-pif-el=\"form-cart\"] .pif__cart').remove(); // Reset Cart\r\n let getUrlCatalogSearchedValue = result.PreselectedCatalogNumber; // gets the catalog number from the url. e.g. VCAS11865\r\n if(result.IsEmptyGeneResults) {\r\n BUILD_CART(result, false, 'noGeneResults');\r\n } else if(!result.FirstSelector && !result.HasSelectors) {\r\n if(result.StockItems.length > 1) {\r\n BUILD_TOPLEVEL_CHOOSERS(result);\r\n BUILD_CART(undefined, true, 'default');\r\n findPifSelectors(getUrlCatalogSearchedValue);\r\n } else if(result.StockItems.length === 1) {\r\n BUILD_CART(result, false, 'topLevel');\r\n PANEL_TABS_GENERAL_BUILD_SWAP_TAB_LOCATION(result.StockItems[0].PanelData);\r\n findPifSelectors(getUrlCatalogSearchedValue);\r\n } else {\r\n BUILD_CART(result, false, 'topLevel');\r\n findPifSelectors(getUrlCatalogSearchedValue);\r\n }\r\n } else {\r\n BUILD_PROD_SELECT(result);\r\n BUILD_CART(undefined, true, 'default');\r\n findPifSelectors(getUrlCatalogSearchedValue);\r\n }\r\n }\r\n\r\n // goes through an object and gets the value of the object.\r\n function findProp(obj, key, out) {\r\n let i;\r\n let proto = Object.prototype;\r\n let ts = proto.toString;\r\n let hasOwn = proto.hasOwnProperty.bind(obj);\r\n if(ts.call(out) !== '[object Array]') out = [];\r\n for (i in obj) {\r\n if(hasOwn(i)) {\r\n if(i === key) {\r\n out.push(obj[i]);\r\n } else if(ts.call(obj[i]) === '[object Array]' || ts.call(obj[i]) === '[object Object]') {\r\n findProp(obj[i], key, out);\r\n }\r\n }\r\n }\r\n return out;\r\n }\r\n\r\n function isRadioButtonMatched(returnedUrlCatalogSearchedValue) {\r\n let radioButtons = $('.pif__label--choosing'); // radio label\r\n let foundRadioButton = false;\r\n if($('.pif__label--choosing').data('pif-el') === 'chooser-label') {\r\n $(radioButtons).each(function (iterate, el) { // loop through each radio label\r\n let radioButtonClick = el;\r\n let radioOption = $(el).data('pif-json'); // radio button json-data\r\n $(radioOption).each(function (iterateTwo, d) { // loop through each radio button json-data\r\n let getRadioCatResults = findProp(d, 'CatalogNumber'); // in the json object find the catalog number\r\n let findRadioCatResults = getRadioCatResults.includes(returnedUrlCatalogSearchedValue); // if the catalog number is in the result it returns true\r\n if(findRadioCatResults === true) {\r\n radioButtonClick.click(); // click on the radio button that has the matching catalog number.\r\n foundRadioButton = true;\r\n return true;\r\n }\r\n });\r\n if(foundRadioButton === true) {\r\n return false;\r\n }\r\n });\r\n }\r\n return foundRadioButton;\r\n }\r\n\r\n function findPifSelectors(returnedUrlCatalogSearchedValue) {\r\n if(returnedUrlCatalogSearchedValue !== null && returnedUrlCatalogSearchedValue !== 'undefined') {\r\n let pifClickComplete = false;\r\n let pifClickCount = 0;\r\n\r\n while (pifClickComplete === false) {\r\n pifClickCount++;\r\n let clickedButton = false;\r\n let pifOptions = $('.pif__options'); // Each numbered section. 1. Contents (each button) 2. Size (each button)\r\n let currentPifOption = pifOptions[pifOptions.length - 1];\r\n let innerButtons = $(currentPifOption).find('.js-pif-button');\r\n if(innerButtons.length === 0) { // If there is no leaf and no buttons to click, automatically look for the matching radio button.\r\n // Searches radio buttons for a matching catalog number returns (true/false)\r\n clickedButton = isRadioButtonMatched(returnedUrlCatalogSearchedValue);\r\n if(clickedButton === true) {\r\n pifClickComplete = true;\r\n return false;\r\n }\r\n }\r\n $(innerButtons).each(function (i, e) { // loops through all buttons from each section\r\n let option = $(e).data('option-json');\r\n let findIsLeaf = $(e).parent().data('pif-leaf');\r\n let findhasStock = $(e).parent().data('pif-stock');\r\n // [{ IsLeaf: , IsPreSelected: },{CatalogNumber: }]\r\n let currentButton = $(e);\r\n $(option).each(function (counter, obj) { // looping through json of each button\r\n let IsPreSelectedResults = findProp(obj, 'IsPreSelected'); // gets boolean value of IsPreSelected true/false [true, false]\r\n let CatalogNumberResults = findProp(obj, 'CatalogNumber'); // gets the Catalog number of each button [\"VCAS11865\", \"CAS11873\"]\r\n let findResult = CatalogNumberResults.includes(returnedUrlCatalogSearchedValue); // finds only if that catalog number matches returns boolean true or false.\r\n let findPreSelectedTrue = IsPreSelectedResults.includes(true); // if array has the value true in it returns true as a boolean\r\n if(findPreSelectedTrue === true) { // not a leaf node. starts at [{CatalogNumber: }]\r\n if(!clickedButton) {\r\n $(currentButton).trigger('click'); // finds the first instance if button IsPreSelected true and clicks it.\r\n clickedButton = true; // stops current loop and over starts again clicking a [data-pif-el=\"selector-label\"] label.\r\n return false; // says we are done looping through the each function.\r\n }\r\n } else { // leaf node isLeaf = true\r\n if(findResult === true) { // if catalog matches returns true\r\n // if you find a matching catalog number on button.\r\n if(!clickedButton) {\r\n $(currentButton).trigger('click'); // finds the first instance of a button that has the matches Catalog number and clicks it.\r\n clickedButton = true; // stops current loop and over starts again.\r\n if(findIsLeaf === true && findhasStock === 1) {\r\n pifClickComplete = true;\r\n }\r\n return false;\r\n } else {\r\n clickedButton = isRadioButtonMatched(returnedUrlCatalogSearchedValue);\r\n if(clickedButton === true) {\r\n pifClickComplete = true;\r\n }\r\n return false;\r\n }\r\n }\r\n }\r\n });\r\n if(clickedButton === true) {\r\n return false;\r\n }\r\n });\r\n if(pifClickCount > 20) pifClickComplete = true;\r\n }\r\n }\r\n }\r\n\r\n function BUILD_CART(json, status, type) {\r\n /******\r\n Dynamically build pif fields based on json data\r\n ******/\r\n let cartObj = {\r\n data: json,\r\n disabled: status,\r\n type: type,\r\n DisplayPriceDictionary: displayPriceDictionaryValue\r\n };\r\n\r\n $('.pif__cart--form').remove();\r\n $('[data-pif-el=\"form-cart\"]').parent().parent().find('.js-pif-cart').append(HBS_CART(cartObj));\r\n }\r\n\r\n function BUILD_CHOOSING_FIELDS(data) {\r\n /******\r\n Dynamically build pif choosing fields based on json data\r\n ******/\r\n $('[data-pif-el=\"selectors\"]').append(HBS_CHOOSING_FIELDS(data));\r\n }\r\n\r\n function BUILD_FIELDSET(data) {\r\n /******\r\n Dynamically build pif fields based on json data\r\n ******/\r\n $('[data-pif-el=\"selectors\"]').append(HBS_FIELDSET(data));\r\n }\r\n\r\n function BUILD_PROD_SELECT(data) {\r\n /******\r\n Dynamically build the Pif selections based on json data\r\n ******/\r\n $('[data-pif-el=\"form-cart\"]').append(HBS_PROD_SELECT(data));\r\n }\r\n\r\n function BUILD_TOPLEVEL_CHOOSERS(data) {\r\n BUILD_PROD_SELECT(data);\r\n\r\n let stockItems = data.StockItems;\r\n let choosingObj = CHOOSING_OBJ_NOKIT(stockItems);\r\n\r\n if(choosingObj.filters) {\r\n let filters = FILTERS_ARRAY(stockItems);\r\n choosingObj.filters.filterAttr = filters;\r\n }\r\n\r\n BUILD_CHOOSING_FIELDS(choosingObj);\r\n }\r\n\r\n function CHECK_PIF_AUTO_SELECT(data, panelData) {\r\n let $checkboxes = $('[data-pif-el=\"chooser-label\"] input');\r\n\r\n if(data.min === data.max && data.max === $checkboxes.length) {\r\n PANEL_TABS_REMOVE();\r\n PANEL_DYNAMIC_BUILD({\r\n Panel: panelData\r\n });\r\n $checkboxes.click();\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n function CHECKBOXES_TOGGLE(boxes, disable) {\r\n if(disable) {\r\n boxes.each(function(index, el) {\r\n if($(el).is(':checked') === false) {\r\n $(el).prop('disabled', 'disabled');\r\n }\r\n });\r\n } else {\r\n boxes.each(function(index, el) {\r\n if($(el).is(':checked') === false) {\r\n $(el).prop('disabled', false);\r\n }\r\n });\r\n }\r\n }\r\n\r\n function CHOOSING_OBJ_NOKIT(json) {\r\n /******\r\n If not a kit, build non-kit choosing filter and fields\r\n ******/\r\n let firstStock = json[0];\r\n let filterCheck = json[0].FilterAttributes;\r\n let choosingObj = {\r\n components: json,\r\n isKit: false\r\n };\r\n\r\n if(filterCheck !== null) {\r\n if(firstStock.FilterAttributes) { // Checking first stock item\r\n choosingObj.filters = {\r\n filterAttr: [],\r\n filterLabel: firstStock.FilterAttributes[0].Label // using first stock item's filter label\r\n };\r\n }\r\n }\r\n\r\n return choosingObj;\r\n }\r\n\r\n function CHOOSING_OBJ_KIT(json) {\r\n /******\r\n If kit, build kit based choosing filter and fields\r\n ******/\r\n let kitData = json.KitData;\r\n let components = kitData.Components;\r\n let filterCheck = components[0].FilterAttributes;\r\n let choosingObj = {\r\n fullJson: json,\r\n isKit: true,\r\n max: kitData.MaxQuantity,\r\n min: kitData.MinQuantity,\r\n components: components,\r\n price: json.DisplayPrice,\r\n catalog: json.CatalogNumber\r\n };\r\n\r\n if(filterCheck !== null) {\r\n choosingObj.filters = {\r\n filterAttr: [],\r\n filterLabel: components[0].FilterAttributes[0].Label\r\n };\r\n }\r\n\r\n return choosingObj;\r\n }\r\n\r\n function FILTERS_ARRAY(data) {\r\n /******\r\n Return unique filter attributes\r\n ******/\r\n let arr;\r\n let filters = data.map(function(elem, index) {\r\n let filterNames = [];\r\n $(elem.FilterAttributes).each(function(i, attribute) {\r\n filterNames.push(attribute.Value);\r\n });\r\n return filterNames;\r\n });\r\n\r\n arr = [].concat.apply([], filters).filter(function(el, index, arr) {\r\n return index === arr.indexOf(el);\r\n });\r\n\r\n return arr.sort();\r\n }\r\n\r\n function FORM_ACTIVE_TOGGLE(cartForm, active) {\r\n if(active) {\r\n cartForm.removeClass('is--disabled');\r\n } else {\r\n cartForm.addClass('is--disabled');\r\n }\r\n }\r\n\r\n // this is the target for where tabs and pif__cart append to.\r\n function GetTarget() {\r\n var targetDiv = '.js-pif-tabs';\r\n return targetDiv;\r\n }\r\n\r\n function PANEL_TABS_GENERAL_BUILD_SWAP_TAB_LOCATION(data) {\r\n $('.js-pif-swap-tab-location').append(HBS_PANEL_GENERAL(data));\r\n $('.js-scroll-appended').addClass('js-margin-top');\r\n }\r\n\r\n function PANEL_TABS_GENERAL_BUILD(data) {\r\n $(GetTarget()).append(HBS_PANEL_GENERAL(data));\r\n }\r\n\r\n function PANEL_TABS_CATALOG_BUILD(data) {\r\n $(GetTarget()).append(HBS_PANEL_GENERAL(data));\r\n }\r\n\r\n function PANEL_DYNAMIC_BUILD(data) {\r\n $(GetTarget()).append(HBS_PANEL_DYNAMIC_BUILD(data));\r\n }\r\n\r\n function PANEL_TABS_REMOVE() {\r\n $('[data-pif-el=\"panel-tabs\"]').remove();\r\n }\r\n};\r\n\r\nexport default PIF_SELECTORS;\r\n","// Note: this file was adapted from pif-selectors.js and modified for PIF Bundle purposes.\r\nimport HBS_CHOOSING_FIELDS from './hbs-templates/pif-choosing-fields.hbs';\r\nimport HBS_FIELDSET from './hbs-templates/pif-fieldset.hbs';\r\nimport HBS_PROD_SELECT from './hbs-templates/pif-product-select.hbs';\r\nimport HBS_BUNDLEPROD_PANEL from './hbs-templates/panel/pif-bundleproduct-panel.hbs';\r\nimport HBS_PANEL_DYNAMIC_BUILD from './hbs-templates/panel/pif-panel-dynamic-build.hbs';\r\nimport HBS_PANEL_GENERAL from './hbs-templates/panel/pif-panel-general.hbs';\r\nimport currency from 'currency.js';\r\nimport { htmlEncode } from '../../../lib/globalapi.js';\r\nimport { queryObj } from '../../../lib/qsbuilder.js';\r\n\r\nconst PIF_BUNDLE_SELECTORS = () => {\r\n let pifAPIUrl;\r\n let nodeid;\r\n let $pifBundleItems = $('.js-pif__bundle-item');\r\n let $pifPanelItems = $('.js-pif__bundle-panels--panel');\r\n\r\n if(queryObj().nodeid) {\r\n nodeid = queryObj().nodeid;\r\n }\r\n\r\n /****************************************************************\r\n To Test api call locally uncomment next line and\r\n comment out the live mode url variable\r\n ******************************************************************/\r\n // pifAPIUrl = 'https://cors-anywhere.herokuapp.com/https://int.horizondiscovery.com/api/pif/'; // dev mode\r\n /****************************************************************\r\n To set api call live uncomment next line and\r\n recomment the url variable line above\r\n ******************************************************************/\r\n pifAPIUrl = window.location.origin + '/api/pif/'; // live mode\r\n\r\n // Entry point - loop through each pif bundle item div rendered by BE in PIFBundlePage.cshtml\r\n $pifBundleItems.each(function() {\r\n BUILD_PIF_BUNDLE_ITEM(this);\r\n });\r\n\r\n /************************************************************\r\n *\r\n Events\r\n\r\n ************************************************************/\r\n\r\n $(document).on('click', '[data-pif-el=\"selector-label\"]', function(e) {\r\n /*\r\n SELECTOR LABEL CLICK EVENT:\r\n Selectors are the button element options of the gene pif selector sequence.\r\n */\r\n let $this = $(this);\r\n let $thisBundleItem = $this.children('.js-pif__bundle-item');\r\n console.log(`thisBundleItem`, $thisBundleItem);\r\n let $thisSelectors = $this.closest('[data-pif-el=\"selectors\"]');\r\n let pifType;\r\n if($thisBundleItem.data('pif-geneid')) {\r\n pifType = 'gene';\r\n } else {\r\n pifType = 'catalog';\r\n }\r\n let $option = $this.children('button');\r\n console.log(`$this option is button:`, $option);\r\n $this.siblings('[data-pif-el=\"selector-label\"]').removeClass('pif__button__js-active');\r\n $this.addClass('pif__button__js-active');\r\n let optionJson = ($option.data('option-json').length === 1) ? $option.data('option-json')[0] : $option.data('option-json'); // grab json from coinciding label\r\n let isLeaf = $this.data('pif-leaf');\r\n let hasStock = $this.data('pif-stock');\r\n let isKit = (isLeaf) ? optionJson.IsKit : undefined;\r\n let isInquire = (isLeaf) ? optionJson.IsInquire : undefined;\r\n let panelData = (isLeaf) ? optionJson.PanelData : undefined;\r\n\r\n if($thisBundleItem.find('.pif__fieldset--options').length > 1) {\r\n /******\r\n If there are fieldsets below the current, delete them before building new ones\r\n ******/\r\n $thisBundleItem.find('.pif__fieldset--options').slice($this.closest('.pif__fieldset--options').index() + 1).remove();\r\n PANEL_TABS_REMOVE($thisBundleItem);\r\n }\r\n\r\n $('.add-cart--pif-form').addClass('is--disabled');\r\n\r\n if(isLeaf === false) { // Last set of pif__option buttons (can't drill down any further).\r\n /******\r\n Build new fieldset row with new appropriate data\r\n ******/\r\n BUILD_FIELDSET(optionJson, $thisBundleItem);\r\n BUILD_CART($thisBundleItem, undefined, true, 'default');\r\n } else if(pifType === 'gene') {\r\n if(hasStock === 1 && !isKit) {\r\n /******\r\n No Choosers, Single Item Gene Pif\r\n ******/\r\n if(isInquire) {\r\n BUILD_CART($thisBundleItem, optionJson, false, 'inquire');\r\n } else {\r\n BUILD_CART($thisBundleItem, optionJson, false, 'singleGene');\r\n }\r\n PANEL_TABS_REMOVE($thisBundleItem);\r\n PANEL_TABS_GENERAL_BUILD(panelData, $thisBundleItem);\r\n } else if(hasStock > 1 && !isKit) {\r\n /******\r\n Gene Pif with Choosers : No Kit\r\n ******/\r\n let choosingObj = CHOOSING_OBJ_NOKIT(optionJson);\r\n\r\n if(choosingObj.filters) {\r\n let filters = FILTERS_ARRAY(optionJson);\r\n choosingObj.filters.filterAttr = filters;\r\n }\r\n\r\n BUILD_CHOOSING_FIELDS(choosingObj, $thisSelectors);\r\n BUILD_CART($thisBundleItem, undefined, true, 'default'); // Keep cart disabled\r\n PANEL_TABS_REMOVE($thisBundleItem);\r\n PANEL_TABS_GENERAL_BUILD(panelData, $thisBundleItem);\r\n } else if(hasStock && isKit) {\r\n /******\r\n Gene Pif with Choosers : Kit\r\n ******/\r\n let choosingObj = CHOOSING_OBJ_KIT(optionJson);\r\n\r\n if(choosingObj.filters) {\r\n let filters = FILTERS_ARRAY(optionJson.KitData.Components);\r\n choosingObj.filters.filterAttr = filters;\r\n }\r\n\r\n BUILD_CHOOSING_FIELDS(choosingObj, $thisSelectors);\r\n\r\n if(CHECK_PIF_AUTO_SELECT(choosingObj, panelData, $thisBundleItem)) {\r\n // If auto-select is required do the following\r\n let cartData = {\r\n CatalogNumber: choosingObj.catalog,\r\n DisplayPrice: choosingObj.price,\r\n Components: [],\r\n Panel: panelData,\r\n kit: true\r\n };\r\n\r\n $(choosingObj.components).each(function(index, el) {\r\n cartData.Components.push(el.CatalogNumber);\r\n });\r\n\r\n BUILD_CART($thisBundleItem, cartData, false, 'kit');\r\n } else {\r\n // If auto-select is NOT required do the following\r\n PANEL_TABS_REMOVE($thisBundleItem);\r\n PANEL_DYNAMIC_BUILD({\r\n Panel: panelData // Find panel tab info and build blank tabs section\r\n }, $thisBundleItem);\r\n }\r\n }\r\n } else if(pifType === 'catalog') {\r\n /******\r\n Catalog Pif Selectors\r\n ******/\r\n if(optionJson.IsAgnosticWithinCatalogPif) {\r\n /******\r\n Display Order Instructions cart\r\n ******/\r\n PANEL_TABS_REMOVE($thisBundleItem);\r\n PANEL_TABS_CATALOG_BUILD(panelData, $thisBundleItem);\r\n BUILD_CART($thisBundleItem, optionJson, false, 'AgnoInCatalog');\r\n } else if(!optionJson.IsInquire) {\r\n /******\r\n No Choosers, Single Item Catalog Pif\r\n ******/\r\n PANEL_TABS_REMOVE($thisBundleItem);\r\n PANEL_TABS_CATALOG_BUILD(panelData, $thisBundleItem);\r\n BUILD_CART($thisBundleItem, optionJson, false, 'Catalog');\r\n } else {\r\n /******\r\n Inquire, Catalog Pif\r\n ******/\r\n PANEL_TABS_REMOVE($thisBundleItem);\r\n PANEL_TABS_CATALOG_BUILD(panelData, $thisBundleItem);\r\n BUILD_CART($thisBundleItem, optionJson, false, 'inquire');\r\n }\r\n }\r\n\r\n return false; // prevent 2x click events from firing\r\n });\r\n\r\n $(document).on('click', '[data-pif-el=\"chooser-filter\"]', function(event) {\r\n /******\r\n Show and hide items based on chosen filter(s)\r\n ******/\r\n let $this = $(this);\r\n let $thisBundleItem = $this.closest('.js-pif__bundle-item');\r\n let filterChoice = String($this.data('pif-filter'));\r\n let $options = $thisBundleItem.find('[data-pif-el=\"chooser-label\"]');\r\n $this.siblings('label').find('input').prop('checked', false);\r\n\r\n if(filterChoice === 'ALL') {\r\n $options.each(function(index, el) {\r\n $(el).removeClass('hidden');\r\n });\r\n } else {\r\n $options.each(function(index, el) {\r\n let matches = $(el).data('pif-filter').split(',');\r\n let exists = $.inArray(filterChoice, matches);\r\n\r\n if(exists > -1) {\r\n $(el).removeClass('hidden');\r\n } else {\r\n $(el).addClass('hidden');\r\n }\r\n });\r\n }\r\n\r\n return false; // prevent 2x click events from firing\r\n });\r\n\r\n $(document).on('click', '[data-pif-el=\"chooser-label\"] input', function(e) {\r\n /*\r\n CHOOSER LABEL CLICK EVENT:\r\n Choosers are the final radio/checkbox options of the gene pif selector sequence.\r\n */\r\n let $chooser = $(this);\r\n let $chooserLabel = $chooser.closest('label');\r\n let $fieldset = $chooser.closest('fieldset');\r\n let isKit = $fieldset.data('pif-kit');\r\n let itemJson = $chooserLabel.data('pif-json'); // full json for this specific item\r\n let panelData = itemJson.PanelData;\r\n let $thisBundleItem = $chooser.closest('.js-pif__bundle-item');\r\n\r\n // NOTE: isKit true not handled for PIF Bundles\r\n\r\n if(isKit === false) {\r\n BUILD_CART($thisBundleItem, itemJson, false, 'noKit');\r\n PANEL_TABS_REMOVE($thisBundleItem);\r\n PANEL_TABS_GENERAL_BUILD(panelData, $thisBundleItem);\r\n } else {\r\n BUILD_CART($thisBundleItem, undefined, true, 'default');\r\n }\r\n });\r\n\r\n $(document).on('click', '.pif__legend', function(event) {\r\n /******\r\n Toggle the fieldset to show/hide field options\r\n ******/\r\n let $this = $(this);\r\n let $thisBundleItem = $(this).closest('.js-pif__bundle-item');\r\n\r\n // remove min-height if added after optional item removed/reloaded\r\n $thisBundleItem.css('min-height', '0');\r\n\r\n $this.siblings('.pif__options').toggleClass('is--closed');\r\n $this.toggleClass('is--closed');\r\n });\r\n\r\n // Remove button, which shows when Optional items are completed\r\n $(document).on('click', '.js-pif__bundle-item--optional-remove', function() {\r\n let $thisBundleItem = $(this).closest('.js-pif__bundle-item');\r\n\r\n // set min height for bundle item and top selector for less layout thrash\r\n $thisBundleItem.css('min-height', '145px');\r\n\r\n // remove contents of el\r\n $thisBundleItem.empty();\r\n\r\n // clear out complete data attrs\r\n $thisBundleItem.attr('data-pif-selected-price', '0');\r\n $thisBundleItem.attr('data-pif-selected-id', '');\r\n\r\n // clear panel data\r\n PANEL_TABS_REMOVE($thisBundleItem);\r\n\r\n // reload PIF data from API(which then calls BUILD_CART)\r\n BUILD_PIF_BUNDLE_ITEM($thisBundleItem);\r\n });\r\n\r\n /************************************************************\r\n\r\n Functions\r\n\r\n ************************************************************/\r\n\r\n function BUILD_PIF_BUNDLE_ITEM(el) {\r\n let $this = $(el);\r\n let pifType;\r\n let selectorId = $this.data('pif-selectorid');\r\n\r\n if($this.data('pif-geneid')) {\r\n pifType = 'gene';\r\n } else {\r\n pifType = 'catalog';\r\n }\r\n\r\n if(pifType === 'gene') {\r\n /******\r\n Gene PIF API URL build\r\n ******/\r\n API_CALL_PIF(`${pifAPIUrl}GetGeneProductBundleSelector?selectorId=${selectorId}&nodeid=${nodeid}`, $this);\r\n } else if(pifType === 'catalog') {\r\n /******\r\n Catalog PIF API URL build\r\n ******/\r\n API_CALL_PIF(`${pifAPIUrl}GetProductBundleSelector?selectorId=${selectorId}`, $this);\r\n }\r\n }\r\n\r\n function API_CALL_PIF(url, $el) {\r\n $.get(url, function(data) {}, 'json').done(function(data) {\r\n if(!data.message) {\r\n API_PIF_SUCCESS(data.result, $el);\r\n } else {\r\n API_PIF_MESSAGE(data, $el);\r\n }\r\n });\r\n // must be commented out or shows up on veracode report.\r\n // .fail(function(err) {\r\n // console.log('PIF DATA ERR', err);\r\n // });\r\n }\r\n\r\n function API_PIF_MESSAGE(data, $el) {\r\n $el.append(`
${htmlEncode(data.message)}
`);\r\n BUILD_CART($el, undefined, true, 'none');\r\n }\r\n\r\n function API_PIF_SUCCESS(result, $el) {\r\n if(!result.FirstSelector && !result.HasSelectors) {\r\n if(result.StockItems.length > 1) {\r\n BUILD_TOPLEVEL_CHOOSERS(result, $el);\r\n BUILD_CART($el, undefined, true, 'default');\r\n } else {\r\n BUILD_CART($el, result, false, 'topLevel');\r\n PANEL_TABS_GENERAL_BUILD(result.StockItems[0].PanelData, $el);\r\n }\r\n } else {\r\n BUILD_PROD_SELECT(result, $el);\r\n BUILD_BUNDLEPROD_PANEL(result, $el);\r\n BUILD_CART($el, undefined, true, 'default');\r\n }\r\n\r\n // show cart once an item is built\r\n $('.js-pif__bundle-cart').removeClass('hidden');\r\n }\r\n\r\n function BUILD_CART($item, json, status, type) {\r\n /******\r\n Dynamically build pif fields based on json data\r\n ******/\r\n let cartObj = {\r\n data: json,\r\n disabled: status,\r\n type: type\r\n };\r\n let $bundlePriceEl = $('.js-pif__bundle-price');\r\n let $bundleCatsEl = $('.js-pif__bundle-catalogids');\r\n let $bundleItem = $item;\r\n\r\n // Handle required/optional display\r\n if($bundleItem.is('[data-pif-isoptional=\"True\"]')) {\r\n let $bundleItemOptional = $bundleItem.find('.pif__bundle-item--optional');\r\n let $bundleItemRemove = $bundleItem.find('.pif__bundle-item--optional-remove');\r\n\r\n // if item has status=disabled, it is not complete. show Optional, hide Remove\r\n if(cartObj.disabled) {\r\n $bundleItemOptional.removeClass('hidden');\r\n $bundleItemRemove.addClass('hidden');\r\n } else {\r\n $bundleItemOptional.addClass('hidden');\r\n $bundleItemRemove.removeClass('hidden');\r\n }\r\n }\r\n\r\n // Handle is item selected or not for add to cart enable. if status=disabled, it is not complete\r\n if(cartObj.disabled) {\r\n $bundleItem.removeClass('js-pif__bundle--complete');\r\n ADDTOCART_ENABLEDISABLE();\r\n } else {\r\n $bundleItem.addClass('js-pif__bundle--complete');\r\n ADDTOCART_ENABLEDISABLE();\r\n }\r\n\r\n if(cartObj.data != null) {\r\n // set data attrs with attr method, only use data method to get\r\n $bundleItem.attr('data-pif-selected-price', cartObj.data.DisplayPrice);\r\n $bundleItem.attr('data-pif-selected-id', cartObj.data.CatalogNumber);\r\n }\r\n\r\n let $bundleItemsCompleted = $('.js-pif__bundle-item.js-pif__bundle--complete');\r\n let bundleItemIdArr = [];\r\n let bundleTotalPrice = 0;\r\n let currencySymbol = '';\r\n let includesContactDistPrice = false;\r\n\r\n // loop through completed items and rebuild total price and catalog numbers\r\n $bundleItemsCompleted.each(function() {\r\n let $this = $(this);\r\n let $thisPrice = $this.attr('data-pif-selected-price');\r\n\r\n if($thisPrice === 'Request price') {\r\n $thisPrice = '';\r\n // NOTE: this result should be filtered out by BE. not handled here\r\n } else if($thisPrice === 'Contact Distributor') {\r\n includesContactDistPrice = true;\r\n\r\n // push to array of all selected catalog IDs\r\n if($this.attr('data-pif-selected-id')) {\r\n bundleItemIdArr.push($this.attr('data-pif-selected-id'));\r\n }\r\n } else if($thisPrice) {\r\n // add all prices with currency.js lib (handles currency symbol, float issues, etc)\r\n // https://github.com/scurker/currency.js/\r\n bundleTotalPrice = currency($thisPrice).add(bundleTotalPrice);\r\n\r\n // replace all numbers, spaces, commas, and periods with an empty string, leaving the currency symbol\r\n currencySymbol = $thisPrice.replace(/[\\d\\., ]/g, ''); // eslint-disable-line\r\n\r\n // push to array of all selected catalog IDs\r\n if($this.attr('data-pif-selected-id')) {\r\n bundleItemIdArr.push($this.attr('data-pif-selected-id'));\r\n }\r\n }\r\n });\r\n\r\n // handle result of any item containing Contact Distributor for price\r\n if(includesContactDistPrice) {\r\n bundleTotalPrice = 'Contact Distributor';\r\n } else {\r\n // format price with currency.lib with extracted currency symbol:\r\n bundleTotalPrice = currency(bundleTotalPrice, { symbol: currencySymbol }).format();\r\n }\r\n\r\n // display price\r\n $bundlePriceEl.text(bundleTotalPrice);\r\n\r\n // display catalog id #'s\r\n if(bundleItemIdArr.length > 0) {\r\n $('.js-pif__bundle-catalogids-pending').addClass('hidden');\r\n $bundleCatsEl.text(bundleItemIdArr.join(', '));\r\n\r\n // populate data attr for Add to Cart getCartData() with array of catalog id #'s\r\n $('[data-catalog-id]').attr('data-catalog-id', bundleItemIdArr);\r\n } else {\r\n $bundleCatsEl.text('');\r\n $('.js-pif__bundle-catalogids-pending').removeClass('hidden');\r\n $('[data-catalog-id]').attr('data-catalog-id', '');\r\n }\r\n }\r\n\r\n // Track if each item is complete to handle add to cart enable disable\r\n function ADDTOCART_ENABLEDISABLE() {\r\n let $bundleItemsRequired = $('.js-pif__bundle-item[data-pif-isoptional=\"False\"]');\r\n let $bundleItemsRequiredCompleted = $('.js-pif__bundle-item.js-pif__bundle--complete[data-pif-isoptional=\"False\"]');\r\n let $submitBtn = $('.js-pif__bundle-submit');\r\n let $cartForm = $('.add-cart--pif-form');\r\n\r\n if($bundleItemsRequired.length === $bundleItemsRequiredCompleted.length) {\r\n $cartForm.removeClass('is--disabled');\r\n $submitBtn.prop('disabled', false);\r\n } else {\r\n $cartForm.addClass('is--disabled');\r\n $submitBtn.prop('disabled', true);\r\n }\r\n }\r\n\r\n function BUILD_CHOOSING_FIELDS(data, $el) {\r\n /******\r\n Dynamically build pif choosing fields based on json data\r\n ******/\r\n $el.append(HBS_CHOOSING_FIELDS(data));\r\n }\r\n\r\n function BUILD_FIELDSET(data, $el) {\r\n /******\r\n Dynamically build pif fields based on json data\r\n ******/\r\n $el.find('[data-pif-el=\"selectors\"]').append(HBS_FIELDSET(data));\r\n }\r\n\r\n function BUILD_PROD_SELECT(data, $el) {\r\n /******\r\n Dynamically build the Pif selections based on json data\r\n ******/\r\n $el.append(HBS_PROD_SELECT(data));\r\n }\r\n\r\n function BUILD_BUNDLEPROD_PANEL(data, $el) {\r\n /******\r\n Dynamically build a panel for each bundle item based on json data. $el is bundleItem\r\n ******/\r\n let thisSelector = $el.data('pif-selectorid');\r\n let $thisPanel = $pifPanelItems.filter('[data-pif-selectorid=\"' + thisSelector + '\"]');\r\n // add panel if it doesn't already exist, in case of removal\r\n if($thisPanel.find('.js-pif__bundle-panels--panel-data').length === 0) {\r\n $thisPanel.append(HBS_BUNDLEPROD_PANEL(data));\r\n }\r\n }\r\n\r\n function BUILD_TOPLEVEL_CHOOSERS(data, $el) {\r\n BUILD_PROD_SELECT(data, $el);\r\n\r\n let stockItems = data.StockItems;\r\n let choosingObj = CHOOSING_OBJ_NOKIT(stockItems);\r\n\r\n if(choosingObj.filters) {\r\n let filters = FILTERS_ARRAY(stockItems);\r\n choosingObj.filters.filterAttr = filters;\r\n }\r\n\r\n BUILD_CHOOSING_FIELDS(choosingObj, $el);\r\n }\r\n\r\n function CHECK_PIF_AUTO_SELECT(data, panelData, $el) {\r\n let $checkboxes = $el.find('[data-pif-el=\"chooser-label\"] input');\r\n\r\n if(data.min === data.max && data.max === $checkboxes.length) {\r\n PANEL_TABS_REMOVE($el);\r\n PANEL_DYNAMIC_BUILD({Panel: panelData}, $el);\r\n $checkboxes.click();\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n function CHOOSING_OBJ_NOKIT(json) {\r\n /******\r\n If not a kit, build non-kit choosing filter and fields\r\n ******/\r\n let firstStock = json[0];\r\n let filterCheck = json[0].FilterAttributes;\r\n let choosingObj = {\r\n components: json,\r\n isKit: false\r\n };\r\n\r\n if(filterCheck !== null) {\r\n if(firstStock.FilterAttributes) { // Checking first stock item\r\n choosingObj.filters = {\r\n filterAttr: [],\r\n filterLabel: firstStock.FilterAttributes[0].Label // using first stock item's filter label\r\n };\r\n }\r\n }\r\n\r\n return choosingObj;\r\n }\r\n\r\n function CHOOSING_OBJ_KIT(json) {\r\n /******\r\n If kit, build kit based choosing filter and fields\r\n ******/\r\n let kitData = json.KitData;\r\n let components = kitData.Components;\r\n let filterCheck = components[0].FilterAttributes;\r\n let choosingObj = {\r\n fullJson: json,\r\n isKit: true,\r\n max: kitData.MaxQuantity,\r\n min: kitData.MinQuantity,\r\n components: components,\r\n price: json.DisplayPrice,\r\n catalog: json.CatalogNumber\r\n };\r\n\r\n if(filterCheck !== null) {\r\n choosingObj.filters = {\r\n filterAttr: [],\r\n filterLabel: components[0].FilterAttributes[0].Label\r\n };\r\n }\r\n\r\n return choosingObj;\r\n }\r\n\r\n function FILTERS_ARRAY(data) {\r\n /******\r\n Return unique filter attributes\r\n ******/\r\n let arr;\r\n let filters = data.map(function(elem, index) {\r\n let filterNames = [];\r\n $(elem.FilterAttributes).each(function(i, attribute) {\r\n filterNames.push(attribute.Value);\r\n });\r\n return filterNames;\r\n });\r\n\r\n arr = [].concat.apply([], filters).filter(function(el, index, arr) {\r\n return index === arr.indexOf(el);\r\n });\r\n\r\n return arr.sort();\r\n }\r\n\r\n function PANEL_TABS_GENERAL_BUILD(data, $el) {\r\n $(GetTarget($el)).html(HBS_PANEL_GENERAL(data));\r\n }\r\n\r\n function PANEL_TABS_CATALOG_BUILD(data, $el) {\r\n $(GetTarget($el)).html(HBS_PANEL_GENERAL(data));\r\n }\r\n\r\n function PANEL_DYNAMIC_BUILD(data, $el) {\r\n $(GetTarget($el)).html(HBS_PANEL_DYNAMIC_BUILD(data));\r\n }\r\n\r\n function PANEL_TABS_REMOVE($el) {\r\n $(GetTarget($el)).empty();\r\n }\r\n\r\n function GetTarget($el) {\r\n // for Pif Bundles, get which bundle item selector data belongs to to set correct panel target\r\n let thisSelector = $el.data('pif-selectorid');\r\n let $thisPanel = $pifPanelItems.filter('[data-pif-selectorid=\"' + thisSelector + '\"]');\r\n let $thisPanelData = $thisPanel.find('.js-pif__bundle-panels--panel-data');\r\n\r\n return $thisPanelData;\r\n }\r\n};\r\n\r\nexport default PIF_BUNDLE_SELECTORS;\r\n","import Escape from 'lodash.escape';\r\n\r\n/*****************************\r\n Refresh the page\r\n if it seems like the\r\n JS isn't working\r\n*****************************/\r\nimport {\r\n addrFormDataBuild,\r\n addrFormPrefill,\r\n addrFormValidate,\r\n addrFormUniqueStateId,\r\n TEMP_FORM_BUILD\r\n} from '../address-form/address-form.js';\r\nimport {\r\n cardActionButtons,\r\n cardBuild\r\n} from '../card/card.js';\r\nimport {\r\n apiMessage,\r\n globalContactGetList,\r\n globalContactNewEdit,\r\n escapeParamForUrl\r\n} from '../../../lib/globalapi.js';\r\n\r\n// profile detail page\r\n$(document).ready(function() {\r\n if($('.profile').length) {\r\n TEMP_FORM_BUILD();\r\n\r\n if($('#add-billing-form').length) {\r\n // look for billing form, if it exists try finding billing data\r\n globalContactGetList(profileAddressSuccess, profileAddressError, 'billing');\r\n globalContactGetList(profileAddressSuccess, profileAddressError, 'shipping');\r\n } else {\r\n // if no billing form, try finding shipping data\r\n globalContactGetList(profileAddressSuccess, profileAddressError, 'shipping');\r\n }\r\n\r\n cardActionButtons(addrFormPrefill, profileAddressError);\r\n addrFormUniqueStateId();\r\n\r\n profileShowHidePW('#hide-password', '#show-password', 'text');\r\n profileShowHidePW('#show-password', '#hide-password', 'password');\r\n profileListToggle();\r\n profileOrderToggle(); // profile orders page\r\n\r\n $(document).on('click', '[data-profile-el]', function(e) {\r\n e.preventDefault();\r\n let $this = $(this);\r\n let elementType = $this.data('profile-el');\r\n\r\n if(elementType === 'redeem') {\r\n profileRedeemQuote($this);\r\n } else if(elementType === 'redeemRow') {\r\n profileRedeemQuoteRow($this);\r\n } else if(elementType === 'remove') {\r\n profileRemoveQuote($this);\r\n } else if(elementType === 'downloadRow') {\r\n profileDownloadQuote($this);\r\n } else if(elementType === 'modifyRow') {\r\n profileModifyQuoteRow($this);\r\n }\r\n });\r\n\r\n $(document).on('click', '[data-form-el=\"save-addr\"]', function(e) {\r\n addrFormValidate(profileFormSubmitHandler, { forceSubmit: false, buttonType: 'save-button' });\r\n });\r\n\r\n $(document).on('click', '.profile-table__link--toggle', function(e) {\r\n e.preventDefault();\r\n });\r\n\r\n $(document).on('click', '.js-toggle-order', function (e) {\r\n e.preventDefault();\r\n });\r\n\r\n $(document).on('click', '.js-reorder-fromAccount', function (e) {\r\n e.preventDefault();\r\n profileReorder($('.profile__buttons').data('orderid'));\r\n });\r\n $(document).on('click', '.js-emailreceipt-fromAccount', function (e) {\r\n e.preventDefault();\r\n profileEmailReceipt($('.profile__buttons').data('orderid'));\r\n });\r\n\r\n $(document).on('click', '.js-viewreceipt-fromAccount', function (e) {\r\n e.preventDefault();\r\n profileViewReceipt($('.profile__buttons').data('orderid'));\r\n });\r\n\r\n $(document).on('click', '.js-toggle-quote', function () {\r\n $(this).parent().parent().next('tr').toggleClass('is--inactive');\r\n $(this).toggleClass('fa-circle-plus');\r\n $(this).toggleClass('fa-circle-minus');\r\n });\r\n }\r\n\r\n if($('.profile--order-details').length) {\r\n $('.js-tooltip').tooltip();\r\n }\r\n});\r\n\r\nfunction profileAddressError(data, addressType) {\r\n if(addressType) {\r\n $(`#add-${addressType.toLowerCase()}-form`).removeClass('hidden');\r\n }\r\n}\r\n\r\nfunction profileAddressSuccess(data, addressType) {\r\n // All API Calls for Billing and shipping require a refresh\r\n // of the card data. Therefore we always need to build on success\r\n if(data.length || data.length === 0) {\r\n cardBuild(data, addressType, 'profile');\r\n } else {\r\n // If there's no data returned\r\n $(`#add-${addressType.toLowerCase()}-form`).removeClass('hidden');\r\n }\r\n}\r\n\r\nfunction profileListToggle() {\r\n $('.profile__list').click(function(event) {\r\n let $clicked = $(event.target);\r\n let $item = $clicked.closest('.profile__item');\r\n let $content = $item.find('.profile__content');\r\n\r\n if($clicked.hasClass('profile__title')) {\r\n $content.slideToggle(300).toggleClass('is--active').toggleClass('is--inactive');\r\n $clicked.toggleClass('is--active');\r\n }\r\n });\r\n}\r\n\r\nfunction profileOrderToggle() {\r\n $('.js-order-details').click(function (e) {\r\n let $this = $(this).parent();\r\n let $target = $(e.target).parent();\r\n let $parent = $target.closest('.profile-table');\r\n if($this.data('hasdetails') === 'False') return;\r\n if($parent.is('.profile-table--order-details, .profile-table--quote') && !$target.hasClass('profile-table__cta')) {\r\n $this.next().slideToggle(300);\r\n let $ordericon = $this.find('.js-toggle-order');\r\n if($ordericon.hasClass('fa-circle-plus')) {\r\n $ordericon.addClass('fa-circle-minus');\r\n $ordericon.removeClass('fa-circle-plus');\r\n } else {\r\n $ordericon.addClass('fa-circle-plus');\r\n $ordericon.removeClass('fa-circle-minus');\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction profileRedeemQuote($this) {\r\n let redeemVal = $this.siblings('input').val();\r\n\r\n if(redeemVal) {\r\n let redeemValEncoded = escapeParamForUrl(redeemVal);\r\n console.log(redeemValEncoded);\r\n $.post(`/api/Account/RedeemQuote?quoteID=${redeemValEncoded}`, function() {}).done(function(result) {\r\n let resultRedirectUrlEncoded = Escape(result.redirectUrl);\r\n if(result.resultStatus) {\r\n if(/^\\/([A-Za-z0-1].*)?$/.test(resultRedirectUrlEncoded)) {\r\n window.location.href = resultRedirectUrlEncoded;\r\n }\r\n // apiMessage(result.resultMessage);\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n }).fail(function(err) {\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction profileDownloadQuote($this) {\r\n let downloadVal = $this.data('profile-val');\r\n if(downloadVal) {\r\n window.location.href = `/api/Account/DownloadQuote?documentnumber=${downloadVal}`;\r\n }\r\n}\r\n\r\nfunction profileRemoveQuote($this) {\r\n let removeVal = $this.data('profile-val');\r\n\r\n $.post(`/api/Account/RemoveQuote?quoteID=${removeVal}`, function() {})\r\n .done(function(result) {\r\n if(result.resultStatus) {\r\n apiMessage(result.resultMessage);\r\n window.location.reload();\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n })\r\n .fail(function(err) {\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n }\r\n });\r\n}\r\n\r\nfunction profileRedeemQuoteRow($this) {\r\n let redeemVal = $this.data('profile-val');\r\n if(redeemVal) {\r\n $.post(`/api/Account/RedeemQuote?quoteID=${redeemVal}`, function() {})\r\n .done(function(result) {\r\n let resultRedirectUrlEncoded = Escape(result.redirectUrl);\r\n if(result.resultStatus) {\r\n if(/^\\/([A-Za-z0-1].*)?$/.test(resultRedirectUrlEncoded)) {\r\n window.location.href = resultRedirectUrlEncoded;\r\n }\r\n // apiMessage(result.resultMessage);\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n })\r\n .fail(function(err) {\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction profileModifyQuoteRow($this) {\r\n let redeemVal = $this.data('profile-val');\r\n if(redeemVal) {\r\n $.post(`/api/Account/ModifyQuote?quoteID=${redeemVal}`, function () { })\r\n .done(function (result) {\r\n let resultRedirectUrlEncoded = Escape(result.redirectUrl);\r\n if(result.resultStatus) {\r\n if(/^\\/([A-Za-z0-1].*)?$/.test(resultRedirectUrlEncoded)) {\r\n window.location.href = resultRedirectUrlEncoded;\r\n }\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n })\r\n .fail(function (err) {\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n }\r\n });\r\n }\r\n}\r\nfunction profileShowHidePW(buttonToShow, buttonToHide, type) {\r\n $(buttonToHide).click(function() {\r\n $('#new-password').attr('type', type);\r\n $('#confirm-password').attr('type', type);\r\n $(buttonToShow).show();\r\n $(buttonToHide).hide();\r\n });\r\n}\r\n\r\nfunction profileFormSubmitHandler(form) {\r\n // $('.modal__content').empty();\r\n // $('.modal').removeClass('is--active');\r\n globalContactNewEdit(profileAddressError, addrFormDataBuild($(form)));\r\n}\r\n\r\nfunction profileReorder(documentnumber) {\r\n if(documentnumber) {\r\n apiMessage('Please Wait...');\r\n $.post(`/api/Account/Reorder?documentnumber=${documentnumber}`, function() {})\r\n .done(function(result) {\r\n let redirectUrlEncoded = Escape(result.redirectUrl);\r\n if(result.resultStatus) {\r\n if(/^\\/([A-Za-z0-1].*)?$/.test(redirectUrlEncoded)) {\r\n window.location.href = redirectUrlEncoded;\r\n }\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n })\r\n .fail(function(err) {\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction profileEmailReceipt(documentnumber) {\r\n if(documentnumber) {\r\n apiMessage('Please Wait...');\r\n $.post(`/api/Account/EmailReceipt?documentnumber=${documentnumber}`, function () { })\r\n .done(function (result) {\r\n apiMessage(result.resultMessage);\r\n });\r\n }\r\n}\r\n\r\nfunction profileViewReceipt(documentnumber) {\r\n if(documentnumber) {\r\n window.location.href = `/api/Account/DownloadReceipt?documentnumber=${documentnumber}`;\r\n }\r\n}\r\n","/****************************************************************\r\n Setup\r\n******************************************************************/\r\nimport PIF_ADD_TO_CART from './pif-addtocart.js';\r\nimport PIF_AGNO from './pif-agnostic.js';\r\nimport PIF_SELECTORS from './pif-selectors.js';\r\nimport PIF_BUNDLE_SELECTORS from './pif-bundle-selectors.js';\r\n\r\n$(document).ready(function() {\r\n if(!$('.js-gene-lp').length) {\r\n if($('.pif').length && $('.pif').hasClass('pif--agno')) {\r\n // PIF and PIF BUNDLES with pif--agno\r\n console.log('T-PIF-AGNO');\r\n PIF_AGNO();\r\n } else if($('.pif:not(.js-pif--bundle)').length && ($('.pif').hasClass('pif--gene') || $('.pif').hasClass('pif--cat'))) {\r\n // PIF gene or cat\r\n console.log('T-PIF-GENE || T-PIF-CAT');\r\n PIF_SELECTORS();\r\n PIF_ADD_TO_CART();\r\n } else if($('.pif:not(.pif--agno)').hasClass('js-pif--bundle')) {\r\n // PIF BUNDLE gene or cat\r\n console.log('T-PIF BUNDLE');\r\n PIF_BUNDLE_SELECTORS();\r\n PIF_ADD_TO_CART();\r\n }\r\n }\r\n});\r\n","$(document).ready(function() {\r\n $('.progress__step').each(function(index, el) {\r\n if(!$(el).hasClass('progress__step--active')) {\r\n $(el).find('.progress__link').click(function(event) {\r\n event.preventDefault();\r\n });\r\n }\r\n });\r\n});\r\n","import {\r\n apiMessage\r\n} from '../../../lib/globalapi.js';\r\nimport Escape from 'lodash.escape';\r\n$(document).ready(function () {\r\n if($('.profile-quick-quote').length) {\r\n $(document).on('click', '[data-profile-el]', function (e) {\r\n e.preventDefault();\r\n let $this = $(this);\r\n let elementType = $this.data('profile-el');\r\n\r\n if(elementType === 'redeemRow') {\r\n quickQuoteRedeemQuoteRow($this);\r\n }\r\n if(elementType === 'modifyRow') {\r\n quickQuoteModifyQuoteRow($this);\r\n }\r\n });\r\n\r\n if($('.profile-quick-quote').data('autoredeem') === 'True') {\r\n const value = JSON.parse(window.sessionStorage.getItem('quickquote'));\r\n $(value).html('Processing...');\r\n $(value).trigger('click');\r\n $('.js-auto-redeem').addClass('disabled').attr('disabled', 'disabled');\r\n $('.js-auto-modify').addClass('disabled').attr('disabled', 'disabled');\r\n }\r\n }\r\n});\r\n\r\nfunction quickQuoteRedeemQuoteRow($this) {\r\n let loggedIn = ($this.data('isloggedin') === 'True');\r\n if(!loggedIn) {\r\n window.sessionStorage.setItem('quickquote', JSON.stringify('.js-auto-redeem'));\r\n window.location.href = $('.jsSigninLink').attr('href') + '?redirect=' + window.location.pathname + window.location.search + '&autoredeem=true';\r\n return;\r\n }\r\n let redeemVal = $this.data('profile-val');\r\n if(redeemVal) {\r\n $.post(`/api/Account/RedeemQuoteAuth?quoteauth=${redeemVal}`, function () { })\r\n .done(function (result) {\r\n let resultRedirectUrlEncoded = Escape(result.redirectUrl);\r\n if(result.resultStatus) {\r\n if(/^\\/([A-Za-z0-1].*)?$/.test(resultRedirectUrlEncoded)) {\r\n window.location.href = resultRedirectUrlEncoded;\r\n }\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n })\r\n .fail(function (err) {\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n $('.js-auto-redeem').removeClass('disabled');\r\n $('.js-auto-modify').removeClass('disabled');\r\n }\r\n });\r\n }\r\n}\r\nfunction quickQuoteModifyQuoteRow($this) {\r\n let redeemVal = $this.data('profile-val');\r\n if(redeemVal) {\r\n $.post(`/api/Account/ModifyQuote?quoteID=${redeemVal}`, function () { })\r\n .done(function (result) {\r\n let resultRedirectUrlEncoded = Escape(result.redirectUrl);\r\n if(result.resultStatus) {\r\n if(/^\\/([A-Za-z0-1].*)?$/.test(resultRedirectUrlEncoded)) {\r\n window.location.href = resultRedirectUrlEncoded;\r\n }\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n })\r\n .fail(function (err) {\r\n if(err.resultMessage) {\r\n apiMessage(err.resultMessage);\r\n $('.js-auto-redeem').removeClass('disabled');\r\n $('.js-auto-modify').removeClass('disabled');\r\n }\r\n });\r\n }\r\n}\r\n","import HBSPromo from './hbs-templates/promo-list.hbs';\r\nimport {apiMessage} from '../../../lib/globalapi.js';\r\nimport { pageURL } from '../../../lib/qsbuilder.js';\r\n\r\n$(document).ready(function() {\r\n if($('.promo').length) {\r\n PromoListCall();\r\n }\r\n});\r\n\r\n$(document).on('click', '#addpromo', function() {\r\n let promocodeval = $('#PromoCode').val();\r\n // must be commented out or shows up on veracode report. console.log('data', promoListData);\r\n // must be commented out or shows up on veracode report. console.log('val', promocodeval);\r\n PromoAdd(promocodeval);\r\n});\r\n\r\n$(document).on('click', '[data-promo-el=\"remove\"]', function() {\r\n let promocode = $(this).siblings('.promo__code').data('promo-id');\r\n\r\n PromoRemove(promocode);\r\n});\r\n\r\nfunction PromoAdd(code) {\r\n let apiUrl = '/api/cartcheckout/addpromocode'; // live mode\r\n // let apiUrl = 'http://localhost:3004/promoUser'; // dev mod\r\n $.ajax({\r\n url: apiUrl,\r\n type: 'POST',\r\n data: {\r\n promoCode: code\r\n },\r\n success: function(result) {\r\n if(result.resultStatus) {\r\n SetPOStorage();\r\n ReloadOrderSummaryPromos();\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n }\r\n // ,\r\n // must be commented out or shows up on veracode report.\r\n // error: function(err) {\r\n // console.log(err);\r\n // }\r\n });\r\n}\r\n\r\nfunction PromoListLoad(data) {\r\n $('[data-promo-el=\"list\"]').empty();\r\n $('[data-promo-el=\"list\"]').append(HBSPromo(data));\r\n}\r\n\r\nfunction PromoListCall() {\r\n let apiUrl = '/api/cartcheckout/GetPromoCodes'; // live mode\r\n // let apiUrl = 'http://localhost:3004/GetPromoCodes'; // dev mode\r\n\r\n $.ajax({\r\n url: apiUrl,\r\n type: 'GET',\r\n success: function(result) {\r\n if(result) {\r\n PromoListLoad(result);\r\n } else {\r\n // must be commented out or shows up on veracode report. console.log(result.resultMessage);\r\n }\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // ,\r\n // error: function(err) {\r\n // console.log(err);\r\n // }\r\n });\r\n}\r\n\r\nfunction PromoRemove(code) {\r\n let apiUrl = '/api/cartcheckout/removepromocode'; // live mode\r\n // let apiUrl = 'http://localhost:3004/removepromocode'; // dev mode\r\n $.ajax({\r\n url: apiUrl,\r\n type: 'POST',\r\n data: {\r\n promoCode: code\r\n },\r\n success: function(result) {\r\n if(result.resultStatus) {\r\n SetPOStorage();\r\n ReloadOrderSummaryPromos();\r\n } else {\r\n apiMessage(result.resultMessage);\r\n }\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // ,\r\n // error: function(err) {\r\n // console.log(err);\r\n // }\r\n });\r\n}\r\n\r\nfunction SetPOStorage() {\r\n if(!$('#PONumber').length) return;\r\n let ponumber = $('#PONumber').val();\r\n if(ponumber !== '') {\r\n window.sessionStorage.setItem('ponumber', ponumber);\r\n }\r\n}\r\n\r\nfunction ReloadOrderSummaryPromos() {\r\n var sanitizedUrl = pageURL();\r\n $('#PromoForm').load(sanitizedUrl + ' #PromoForm>*', function() {\r\n $('#OrderSummary').load(sanitizedUrl + ' #OrderSummary>*', function() {\r\n PromoListCall();\r\n });\r\n $('#FullCartSummary').load(sanitizedUrl + ' #FullCartSummary>*', function() {\r\n PromoListCall();\r\n });\r\n $('.order-items').load(sanitizedUrl + ' .order-items>*', function() {\r\n PromoListCall();\r\n });\r\n });\r\n}\r\n","import {getAndSetCartCount, startBtnSpinner, stopBtnSpinner} from '../../../lib/globalapi.js';\r\n\r\n$(document).ready(function () {\r\n if($('.quick-cart').length > 0) {\r\n $('#PartialViewDiv').hide();\r\n $('#BackUrl').hide();\r\n console.log('does this run globally 2?');\r\n\r\n $('.quick-cart__button').click(function (e) {\r\n setTimeout(function () {\r\n getAndSetCartCount();\r\n }, 700);\r\n });\r\n\r\n $('#btnAddToCart').click(function () {\r\n startBtnSpinner('#btnAddToCart');\r\n var _catalogids = document.getElementById('items').value;\r\n if(_catalogids) {\r\n _catalogids = _catalogids.replace(/\\n/g, ' ');\r\n $.ajax({\r\n url: '/api/cartcheckout/AddToQuickCart',\r\n type: 'POST',\r\n data: {\r\n catalogIds: _catalogids\r\n },\r\n success: function (result) {\r\n if(result.resultStatus != null && !result.resultStatus) {\r\n window.apiMessage(result.errorMessage);\r\n return;\r\n }\r\n $('#PartialViewDiv').show();\r\n $('#BackUrl').show();\r\n $('#failureQuickCart').hide();\r\n $('#MainDiv').hide();\r\n $('#PartialViewDiv').html(result.html);\r\n stopBtnSpinner('#btnAddToCart');\r\n },\r\n error: function (err) {\r\n $('#failureQuickCart').html(err);\r\n $('#failureQuickCart').show();\r\n stopBtnSpinner('#btnAddToCart');\r\n }\r\n });\r\n }\r\n });\r\n\r\n $('body').on('click', '.jsQuickViewCart', function () {\r\n window.location.href = '/cart';\r\n });\r\n $('body').on('click', '.jsQuickViewBack', function () {\r\n window.location.reload();\r\n });\r\n }\r\n});\r\n","const QUOTE_SLIDER = {\r\n slick: () => {\r\n $('.quote-slider__views').slick({\r\n autoplay: true,\r\n arrows: true,\r\n appendArrows: $('.quote-slider__controls'),\r\n appendDots: $('.quote-slider'),\r\n cssEase: 'linear',\r\n dots: false,\r\n draggable: true,\r\n fade: true,\r\n nextArrow: $('.quote-slider__control--next'),\r\n prevArrow: $('.quote-slider__control--prev'),\r\n speed: 750,\r\n rows: 0,\r\n zIndex: 1\r\n });\r\n }\r\n};\r\n\r\n$(document).ready(function() {\r\n if($('.quote-slider__views').length) {\r\n QUOTE_SLIDER.slick();\r\n }\r\n});\r\n","/* global grecaptcha */\r\n\r\nexport function getRecaptchaToken() {\r\n console.log('recaptcha token code hit');\r\n return new Promise((resolve, reject) => {\r\n // Simulate an error for testing purposes\r\n // reject(new Error('Simulated error for testing'));\r\n if(typeof grecaptcha !== 'undefined') {\r\n const siteKey = document.querySelector('[data-sitekey]').getAttribute('data-sitekey');\r\n const action = document.querySelector('[data-action]').getAttribute('data-action');\r\n\r\n grecaptcha.enterprise.ready(async () => {\r\n try {\r\n // Execute reCAPTCHA to get the token\r\n const token = await grecaptcha.enterprise.execute(siteKey, { action: action });\r\n resolve({ token, action });\r\n } catch (error) {\r\n reject(error);\r\n }\r\n });\r\n } else {\r\n console.error('grecaptcha is not defined. Check the reCAPTCHA script loading.');\r\n reject(new Error('grecaptcha is not defined'));\r\n }\r\n });\r\n}\r\n","import { htmlEncode } from '../../../lib/globalapi.js';\r\nimport { getRecaptchaToken } from '../recaptcha/recaptcha.js';\r\n\r\n$(document).ready(function() {\r\n function enableSubmit() {\r\n // enable buttons and remove spinner if error\r\n $regSubmitBtn.attr('disabled', false);\r\n $regSubmitBtn.find('.js-submit-next').removeClass('hidden');\r\n $regSubmitBtn.find('.js-submit-loading').addClass('hidden');\r\n $regSubmitBtn.find('.js-spinner').removeClass('js-spinner-active');\r\n }\r\n\r\n if($('.js-register__form').length) {\r\n var $regForm = $('.js-register__form');\r\n var $regSubmitBtn = $regForm.find('#RegisterBtn');\r\n $('#SuccessSection').hide();\r\n\r\n $regSubmitBtn.on('click', async function (e) {\r\n e.stopPropagation();\r\n\r\n // disable button and show loading spinner on click\r\n var $this = $(this);\r\n $this.attr('disabled', true);\r\n $this.find('.js-submit-next').addClass('hidden');\r\n $this.find('.js-submit-loading').removeClass('hidden');\r\n $this.find('.js-spinner').addClass('js-spinner-active');\r\n\r\n try {\r\n const recaptchaResult = await getRecaptchaToken();\r\n\r\n var _salutation = $regForm.find('[name=\"salutation\"]').val();\r\n var _firstname = $regForm.find('[name=\"fname\"]').val();\r\n var _lastname = $regForm.find('[name=\"lname\"]').val();\r\n var _countrycode = $regForm.find('[name=\"country\"]').val();\r\n var _email = $regForm.find('[name=\"email\"]').val();\r\n var _username = _email;\r\n var _password = $regForm.find('[name=\"register-password\"]').val();\r\n var _accountHint = $('#account-hint').val();\r\n\r\n $.ajax({\r\n url: '/api/cartcheckout/RegisterUser',\r\n type: 'POST',\r\n data: {\r\n salutation: _salutation,\r\n firstname: _firstname,\r\n lastname: _lastname,\r\n countrycode: _countrycode,\r\n email: _email,\r\n username: _username,\r\n password: _password,\r\n accountHint: _accountHint,\r\n token: recaptchaResult.token,\r\n action: recaptchaResult.action\r\n },\r\n success: function (result) {\r\n let resultMessageEncoded = htmlEncode(result.resultMessage);\r\n if(result.resultStatus) {\r\n $('#failureRegister').addClass('hidden');\r\n $('#SuccessSection').show();\r\n $('#RegistrationForm').hide();\r\n } else {\r\n $('[data-form-el=\"register-fail\"]').html(resultMessageEncoded);\r\n $('#failureRegister').removeClass('hidden');\r\n enableSubmit();\r\n }\r\n },\r\n error: function(err) {\r\n $('[data-form-el=\"register-fail\"]').html(err);\r\n $('#failureRegister').removeClass('hidden');\r\n enableSubmit();\r\n }\r\n });\r\n } catch (error) {\r\n console.log('Error getting reCAPTCHA token:', error);\r\n $('[data-modal-key=\"register-modal\"]').addClass('is--active');\r\n enableSubmit();\r\n }\r\n });\r\n }\r\n});\r\n","import { readMoreComponent } from '../../../lib/globalapi.js';\r\n\r\n$(document).ready(function () {\r\n // global component JS in globalapi.js\r\n readMoreComponent('.js-read-more');\r\n});\r\n","import {checkboxesToggle} from '../../../lib/general.js';\r\nimport {cartAddExtrinsic} from '../../../lib/globalapi.js';\r\n\r\nlet cartData = {\r\n id: '',\r\n quantity: 1,\r\n components: []\r\n};\r\n\r\n$(document).on('click', '.search-cart__actions', function(e) {\r\n e.stopPropagation();\r\n let $this = $(this);\r\n const MODAL = $this.find('[data-search-el=\"modal\"]');\r\n let $target = $(e.target);\r\n let $checkboxes = $('[data-search-el=\"checkbox\"]');\r\n let $fieldset = $(this).find('fieldset');\r\n let searchEl = $target.data('search-el');\r\n let countData = {\r\n minMaxCounter: 0,\r\n min: $fieldset.data('count-min'),\r\n max: $fieldset.data('count-max')\r\n };\r\n\r\n cartData.id = $this.data('catalog-id');\r\n\r\n if(searchEl === 'modal-toggle') {\r\n MODAL.addClass('is--open');\r\n $this.addClass('is--open');\r\n } else if(searchEl === 'close' || searchEl === 'modal') {\r\n MODAL.removeClass('is--open');\r\n $this.removeClass('is--open');\r\n } else if(searchEl === 'save') {\r\n if($target.hasClass('is--active')) {\r\n MODAL.removeClass('is--open');\r\n }\r\n } else if(searchEl === 'checkbox') {\r\n $checkboxes.each(function(index, el) {\r\n let val = $(el).val();\r\n if($(el).is(':checked')) {\r\n countData.minMaxCounter += 1;\r\n cartData.components.push(val); // adding components data to input value\r\n console.log('val = ', val);\r\n }\r\n });\r\n\r\n if(countData.minMaxCounter >= countData.min && countData.minMaxCounter < countData.max) {\r\n checkboxesToggle($checkboxes);\r\n $this.find('[data-search-el=\"submit\"]').removeClass('is--disabled').prop('disabled', false);\r\n $this.find('[data-search-el=\"save\"]').addClass('is--active').prop('disabled', false);\r\n } else if(countData.minMaxCounter === countData.max) {\r\n checkboxesToggle($checkboxes, true);\r\n $this.find('[data-search-el=\"submit\"]').removeClass('is--disabled').prop('disabled', false);\r\n $this.find('[data-search-el=\"save\"]').addClass('is--active').prop('disabled', false);\r\n } else {\r\n checkboxesToggle($checkboxes);\r\n $this.find('[data-search-el=\"submit\"]').addClass('is--disabled').prop('disabled', 'disabled');\r\n $this.find('[data-search-el=\"save\"]').removeClass('is--active').prop('disabled', 'disabled');\r\n }\r\n } else if(searchEl === 'submit' && !$target.hasClass('is--disabled')) {\r\n let filterComponents = [...new Set(cartData.components)];\r\n cartData.components = filterComponents;\r\n cartAddExtrinsic(cartData.id, cartData.quantity, cartData.components);\r\n }\r\n});\r\n","function loadscreenActive() {\r\n const loadscreenDiv = document.createElement('div');\r\n loadscreenDiv.innerHTML += '
LoadingResults...
';\r\n document.body.appendChild(loadscreenDiv);\r\n $('[data-modal-key=\"loadscreen\"]').addClass('is--active');\r\n}\r\n\r\nfunction loadscreenInactive() {\r\n $('.modal[data-modal-key=\"loadscreen\"]').remove();\r\n}\r\n\r\nexport { loadscreenActive, loadscreenInactive };\r\n","import { htmlEncode } from '../../../lib/globalapi.js';\r\n\r\nconsole.log('search-cofa.js outer');\r\n$(document).ready(function () {\r\n var $searchCofa = $('.js-search-cofa');\r\n if($($searchCofa).length > 0) {\r\n console.log('search-cofa.js loaded');\r\n let apiUrl = `${window.location.origin}/api/search/CofADocumentSearch?searchterm=`;\r\n let $searchBtn = $('.js-search-cofa-bar__btn');\r\n let $searchInput = $('#js-search-cofa');\r\n let $searchCofaClosest = $searchBtn.closest('.search-cofa');\r\n let $spinner = $searchCofaClosest.find('.js-spinner');\r\n let $cofaLoading = $searchCofaClosest.find('.js-cofa-loading');\r\n let $resultsTable = $searchCofaClosest.find('#resultsTable');\r\n\r\n var startLoading = function () {\r\n $spinner.addClass('js-spinner-active');\r\n $cofaLoading.removeClass('hidden');\r\n $resultsTable.addClass('hidden');\r\n };\r\n\r\n var stopLoading = function () {\r\n $spinner.removeClass('js-spinner-active');\r\n $cofaLoading.addClass('hidden');\r\n $resultsTable.removeClass('hidden');\r\n };\r\n\r\n var noResultsStopLoading = function () {\r\n $spinner.removeClass('js-spinner-active');\r\n $cofaLoading.addClass('hidden');\r\n $resultsTable.addClass('hidden');\r\n };\r\n\r\n $searchBtn.on('click', function (e) {\r\n e.preventDefault();\r\n let searchTerm = $searchInput.val().trim();\r\n if(searchTerm.length === 0) {\r\n $('[data-modal-key=\"cofa\"]').addClass('is--active');\r\n noResultsStopLoading();\r\n return;\r\n }\r\n startLoading();\r\n $.ajax({\r\n url: apiUrl + encodeURIComponent(searchTerm),\r\n type: 'GET',\r\n contentType: 'application/json',\r\n success: function (data) {\r\n if(data.length === 0) {\r\n $('[data-modal-key=\"cofa\"]').addClass('is--active');\r\n noResultsStopLoading();\r\n } else {\r\n displayResults(data);\r\n stopLoading();\r\n }\r\n },\r\n error: function (xhr, status, error) {\r\n console.error('Error fetching data: ', status, error);\r\n $('.o-search__body').html('
Error fetching results. Please try again later.
');\r\n stopLoading();\r\n }\r\n });\r\n });\r\n\r\n $searchInput.on('keyup', function (e) {\r\n if(e.key === 'Enter' && $searchInput.val() !== '') {\r\n $searchBtn.trigger('click');\r\n }\r\n });\r\n\r\n if($searchInput.val() !== '') {\r\n $searchBtn.trigger('click');\r\n }\r\n }\r\n\r\n function displayResults(data) {\r\n var table = document.getElementById('resultsTable');\r\n if(table !== null) {\r\n table.innerHTML = '';\r\n // thead element\r\n var header = table.createTHead();\r\n header.className = 'search-cofa__thead';\r\n\r\n // tr element\r\n var headerRow = header.insertRow(0);\r\n\r\n // appending the th elements to the headerRow\r\n var headers = ['File Name', 'Catalog Number', 'Lot Number', 'Item Number', 'Document Link'];\r\n\r\n // this loop creates the th elements\r\n for (var i = 0; i < headers.length; i++) {\r\n var headerCell = document.createElement('th');\r\n headerCell.innerHTML = headers[i];\r\n headerCell.className = 'search-cofa__th';\r\n headerRow.appendChild(headerCell);\r\n }\r\n\r\n // Create tbody\r\n var tbody = document.createElement('tbody');\r\n tbody.className = 'search-cofa__tbody';\r\n table.appendChild(tbody);\r\n\r\n for (var j = 0; j < data.length; j++) {\r\n // tr element\r\n var row = tbody.insertRow(-1);\r\n\r\n // td data for each cell\r\n var cellData = [htmlEncode(data[j].FileName), htmlEncode(data[j].CatalogNumber), htmlEncode(data[j].LotNumber), htmlEncode(data[j].ItemNumber), 'View Document'];\r\n\r\n // this loop creates the td elements\r\n for (var k = 0; k < cellData.length; k++) {\r\n var cell = document.createElement('td');\r\n cell.innerHTML = cellData[k];\r\n cell.className = 'search-cofa__td';\r\n row.appendChild(cell);\r\n }\r\n }\r\n } else {\r\n console.error('Cannot find element with id \"resultsTable\"');\r\n }\r\n }\r\n});\r\n","import {he, queryObj, querystring, serial} from '../../../lib/qsbuilder.js'; // eslint-disable-line\r\nimport { loadscreenActive, loadscreenInactive } from '../loadscreen/loadscreen.js';\r\nimport HBSearchFilterRows from './hbs-templates/search-filter-rows.hbs';\r\nimport HBSearchFilterFull from './hbs-templates/search-filter-full.hbs';\r\nimport HBSearchCardBuilder from './hbs-templates/cards/search-card-builder.hbs';\r\nimport HBSearchCardMarketing from './hbs-templates/cards/search-card-marketing.hbs';\r\nimport HBSearchPag from './hbs-templates/search-pagination.hbs';\r\nimport HBSearchSort from './hbs-templates/search-sort.hbs'; // For page size & sorting\r\nimport HBSearchHeader from './hbs-templates/search-header.hbs';\r\nimport HBSearchFilterHeader from './hbs-templates/search-filter-header.hbs';\r\nimport { escapeRegExp } from 'lodash';\r\nimport { htmlEncode } from '../../../lib/globalapi.js';\r\nlet currentSearchedTerm;\r\n\r\n$(document).ready(function () {\r\n if($('.search').length) {\r\n const SEARCH_OBJ = {\r\n APIUrl: '',\r\n Categories: queryObj().categories,\r\n DataCapture: {},\r\n DataOriginal: {},\r\n LabelData: {},\r\n LabelUrl: '',\r\n PageCurrent: 1,\r\n PageSize: 10,\r\n PageTotal: 1,\r\n Preselect: {},\r\n ResultsTotal: 0,\r\n SearchTerm: queryObj().searchterm,\r\n SearchType: '',\r\n SortOptions: ['az', 'za', 'rel'],\r\n SortType: '',\r\n Tags: queryObj().tags,\r\n Total: 0,\r\n IsUnguided: true\r\n };\r\n let continueSearch = true;\r\n if(window.performance) {\r\n var navEntries = window.performance.getEntriesByType('navigation');\r\n if(navEntries.length > 0 && navEntries[0].type === 'back_forward') {\r\n const savedFormHtml = localStorage.getItem('searchResultsFormHtml');\r\n if(savedFormHtml) {\r\n $('#searchResultsForm').html(savedFormHtml);\r\n continueSearch = false;\r\n SEARCH_OBJ.IsUnguided = false;\r\n }\r\n } else {\r\n localStorage.removeItem('searchResultsFormHtml');\r\n }\r\n }\r\n\r\n SEARCH_OBJ.APIUrl = window.location.origin + '/api/search/'; // live mode\r\n SEARCH_OBJ.LabelUrl = window.location.origin + '/api/search/searchlabels/'; // live mode\r\n if(continueSearch) GET_LABEL_DATA(SEARCH_OBJ, GET_SEARCH_DATA); // Get label data and on success get search data\r\n\r\n $('#searchResultsForm').on('click', 'a', function () {\r\n const formHtml = $('#searchResultsForm').html();\r\n localStorage.setItem('searchResultsFormHtml', formHtml);\r\n });\r\n\r\n $(document).on('click', '[data-search-el=\"tabs-toggle\"]', function() {\r\n let $this = $(this);\r\n $this.toggleClass('my-4 is--active').siblings('.tabs').toggleClass('hidden');\r\n\r\n if($this.hasClass('is--active')) {\r\n $this.text('Less Information');\r\n } else {\r\n $this.text('More Information');\r\n }\r\n });\r\n\r\n // This needs to be an on 'click' so that the refinedby toggles can be triggered.\r\n $(document).on('click', '.filter', function (event) {\r\n let $target = $(event.target);\r\n let targetName = $target.attr('name');\r\n let url;\r\n let rebuild = false;\r\n\r\n if($target.prop('nodeName') === 'INPUT' && !$target.hasClass('search-bar__input')) {\r\n switch (targetName) {\r\n case 'Type':\r\n $('#filterOptions').empty();\r\n SEARCH_OBJ.SearchType = $target.val();\r\n rebuild = true;\r\n break;\r\n case 'result-filter':\r\n $('#filterOptions :input[type=\"checkbox\"][value=\"' + $target.val() + '\"]').prop('checked', false);\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n SEARCH_OBJ.PageCurrent = 1;\r\n $('input[name=\"Page\"]').attr('value', 1);\r\n url = API_URL_BUILD(SEARCH_OBJ, serial('#searchResultsForm'));\r\n LOAD_ON();\r\n API_CALL(url, SEARCH_OBJ, HBS_BUILD, rebuild);\r\n }\r\n\r\n if($target.data('filter-el') === 'clear') {\r\n url = API_URL_BUILD(SEARCH_OBJ, serial('#searchResultsForm'));\r\n LOAD_ON();\r\n API_CALL(url, SEARCH_OBJ, HBS_BUILD, false);\r\n }\r\n\r\n let $filterRow = $target.parents('.filter__row');\r\n let $filterLegendButton = $filterRow.find('.filter__legend-button');\r\n\r\n if($filterLegendButton.data('filter-el') === 'toggle' && $filterLegendButton.hasClass('is--active')) {\r\n // This counts the list items when the filter__row is clicked\r\n let itemsCount = $filterRow.find('.filter__item:not(.hidden)').length;\r\n\r\n if(itemsCount >= 10) {\r\n $target.closest('.filter__fieldset').find('.search-bar--filter').removeClass('hidden');\r\n } else {\r\n $target.closest('.filter__fieldset').find('.search-bar--filter').addClass('hidden');\r\n }\r\n } else if($filterLegendButton.data('filter-el') === 'toggle' && !$filterLegendButton.hasClass('is--active')) {\r\n let $filter = $target.siblings('.search-bar--filter');\r\n let $filterItems = $target.siblings('.filter__list').find('.filter__item');\r\n $target.closest('.filter__fieldset').find('.search-bar--filter').addClass('hidden');\r\n $filter.find('input').prop('value', '');\r\n $filterItems.removeClass('hidden');\r\n $filter.addClass('hidden');\r\n }\r\n PAGINATION_RESET();\r\n });\r\n\r\n $(document).on('keyup', '.search-bar__input--filter', function functionName() {\r\n let $searchField = $(this);\r\n let $searchBar = $searchField.closest('.search-bar--filter');\r\n let filterVal = $searchField.val().toUpperCase();\r\n let $filterList = $searchBar.siblings('.filter__list');\r\n let $filterItemsArr = $filterList.find('.filter__item');\r\n\r\n // Loop through all list items, and hide those who don't match the search query\r\n $filterItemsArr.each(function () {\r\n let filterLink = $(this).find('.checkbox__text');\r\n let textValue = filterLink.text();\r\n textValue = textValue.toUpperCase();\r\n if(textValue.indexOf(filterVal) > -1) {\r\n $(this).removeClass('hidden');\r\n } else {\r\n $(this).addClass('hidden');\r\n }\r\n });\r\n });\r\n\r\n /****************************************************************\r\n\r\n Updating page based on page size\r\n\r\n ******************************************************************/\r\n\r\n $(document).on('change', '[name=\"PageSize\"]', function(event) {\r\n let url = API_URL_BUILD(SEARCH_OBJ, serial('#searchResultsForm'));\r\n LOAD_ON();\r\n API_CALL(url, SEARCH_OBJ, HBS_BUILD, false);\r\n PAGINATION_RESET();\r\n });\r\n\r\n /****************************************************************\r\n\r\n Updating page based on pagination button clicked\r\n\r\n ******************************************************************/\r\n $(document).on('click', '.pagination', function(event) {\r\n event.preventDefault();\r\n let $target = $(event.target);\r\n let $targetName = $target.attr('name');\r\n let isNull = $target.closest('li').hasClass('is--null');\r\n let $pageNumBtns = $('[name=\"ctrl-page\"]');\r\n let url;\r\n\r\n if(!isNull) {\r\n switch ($targetName) {\r\n case 'ctrl-page':\r\n PAGINATION_PAGE_NUM(SEARCH_OBJ, $target);\r\n break;\r\n case 'ctrl-next':\r\n PAGINATION_NEXT(SEARCH_OBJ, $pageNumBtns);\r\n break;\r\n case 'ctrl-prev':\r\n PAGINATION_PREV(SEARCH_OBJ, $pageNumBtns);\r\n break;\r\n default:\r\n break;\r\n }\r\n url = API_URL_BUILD(SEARCH_OBJ, serial('#searchResultsForm'));\r\n LOAD_ON();\r\n API_CALL(url, SEARCH_OBJ, HBS_BUILD, false);\r\n PAGINATION_STATUS(SEARCH_OBJ);\r\n $('html, body').animate({ scrollTop: $('.search').offset().top }, 'slow');\r\n }\r\n });\r\n }\r\n});\r\n\r\nfunction API_CALL(url, searchObj, hbsBuildFunc, rebuild) {\r\n $.get(url, function(data) {}, 'json').done(function(data) {\r\n API_SUCCESS(data, searchObj, hbsBuildFunc);\r\n highlightedSearchTerm(currentSearchedTerm);\r\n }).fail(function (err) {\r\n API_FAIL(err);\r\n });\r\n}\r\n\r\nfunction API_FAIL(data) {\r\n LOAD_OFF();\r\n}\r\n\r\nfunction API_SUCCESS(searchResultsData, globalSearchObj, hbsBuildFunc, labelData) {\r\n LOAD_OFF();\r\n if(globalSearchObj.IsUnguided) {\r\n DATA_UNGUIDED(searchResultsData, globalSearchObj, hbsBuildFunc, labelData);\r\n PAGINATION_STATUS(globalSearchObj);\r\n } else {\r\n DATA_GUIDED(searchResultsData, globalSearchObj, hbsBuildFunc, labelData);\r\n PAGINATION_STATUS(globalSearchObj);\r\n }\r\n}\r\n\r\nfunction API_URL_BUILD(globalSearchObj, params) {\r\n let url = globalSearchObj.APIUrl + globalSearchObj.SearchType + '?' + params;\r\n return url;\r\n}\r\n\r\nfunction CALC_TOTALS(data) {\r\n let total = [Number(data.TotalGenes), Number(data.TotalProducts), Number(data.TotalResources), Number(data.TotalCofas), Number(data.TotalTools), Number(data.TotalAppliedScience), Number(data.TotalOther)];\r\n let calcTotalSum = total.reduce((accumulator, currentValue, currentIndex, array) => {\r\n if(currentValue !== null) {\r\n return Number(accumulator) + Number(currentValue);\r\n }\r\n });\r\n let totalSum = calcTotalSum.toLocaleString();\r\n return totalSum;\r\n}\r\n\r\nfunction CATEGORY_TYPE_CHECK() {\r\n const TYPE = $('[name=\"Type\"]');\r\n\r\n TYPE.each(function(index, el) {\r\n let $el = $(el);\r\n let $count = $el.siblings('[data-filter-el=\"label\"]').data('search-count');\r\n\r\n if($count === 0) {\r\n $el.attr('disabled', 'disabled');\r\n }\r\n });\r\n}\r\n\r\nfunction DATA_GUIDED(apiDATA, globalSearchObj, hbsBuildFunc) {\r\n globalSearchObj.DataCapture.Results = apiDATA.Results;\r\n globalSearchObj.PageTotal = Number(apiDATA.TotalPages);\r\n globalSearchObj.ResultsTotal = Number(apiDATA.NumFound).toLocaleString();\r\n\r\n hbsBuildFunc({ Results: apiDATA.Results, Type: globalSearchObj.SearchType }, 'cards');\r\n MARKETING_CARD(apiDATA.SearchMarketingCard);\r\n PAGINATION_STATUS(globalSearchObj);\r\n\r\n if(!$('#filterOptions').has('.filter__row').length) {\r\n hbsBuildFunc({ Data: apiDATA, Type: globalSearchObj.SearchType }, 'filterRows');\r\n } else {\r\n UpdateFilters(apiDATA);\r\n }\r\n\r\n $('[data-search-el=\"suggest\"]').empty();\r\n\r\n if(!apiDATA.Results.length) {\r\n $('[data-search-el=\"search-null\"]').removeClass('hidden');\r\n } else {\r\n $('[data-search-el=\"search-null\"]').addClass('hidden');\r\n }\r\n\r\n $('.js-filteredResults').html('');\r\n if(Object.prototype.hasOwnProperty.call(apiDATA, 'NumFound')) {\r\n $('.js-filteredResults').text('(Showing ' + globalSearchObj.ResultsTotal + ' results' + ')');\r\n }\r\n}\r\n\r\nfunction DATA_UNGUIDED(apiDATA, globalSearchObj, hbsBuildFunc) {\r\n let cardsJSON = JSON.parse(apiDATA.CardsJson);\r\n // console.log('***** DATA UNGUIDED ***** \\n', 'apidata', apiDATA, '\\n', 'cardsjson', cardsJSON, '\\n', 'Search Obj', globalSearchObj);\r\n\r\n globalSearchObj.DataCapture = cardsJSON; // Primarily for posterity\r\n globalSearchObj.DataOriginal = apiDATA; // Primarily for posterity\r\n if(!cardsJSON === false) {\r\n globalSearchObj.PageTotal = Number(cardsJSON.TotalPages);\r\n globalSearchObj.ResultsTotal = Number(cardsJSON.NumFound).toLocaleString();\r\n globalSearchObj.SearchTerm = cardsJSON.Term;\r\n globalSearchObj.DisplayTerm = cardsJSON.DisplayTerm || cardsJSON.Term;\r\n globalSearchObj.SearchType = cardsJSON.Type;\r\n globalSearchObj.SortType = cardsJSON.Sort;\r\n globalSearchObj.Total = CALC_TOTALS(apiDATA);\r\n globalSearchObj.DataOriginal.FormattedTotalProducts = Number(globalSearchObj.DataOriginal.TotalProducts).toLocaleString();\r\n globalSearchObj.DataOriginal.FormattedTotalGenes = Number(globalSearchObj.DataOriginal.TotalGenes).toLocaleString();\r\n globalSearchObj.DataOriginal.FormattedTotalResources = Number(globalSearchObj.DataOriginal.TotalResources).toLocaleString();\r\n globalSearchObj.DataOriginal.FormattedTotalCofas = Number(globalSearchObj.DataOriginal.TotalCofas).toLocaleString();\r\n globalSearchObj.DataOriginal.FormattedTotalAppliedScience = Number(globalSearchObj.DataOriginal.TotalAppliedScience).toLocaleString();\r\n globalSearchObj.DataOriginal.FormattedTotalOther = Number(globalSearchObj.DataOriginal.TotalOther).toLocaleString();\r\n\r\n hbsBuildFunc(globalSearchObj, 'sort');\r\n hbsBuildFunc({Results: cardsJSON.Results, Type: cardsJSON.Type}, 'cards');\r\n hbsBuildFunc(globalSearchObj, 'header');\r\n\r\n hbsBuildFunc(globalSearchObj, 'pagination');\r\n MARKETING_CARD(apiDATA.SearchMarketingCard);\r\n\r\n PAGESIZE_CHANGE(globalSearchObj);\r\n\r\n if(!cardsJSON.Results.length) {\r\n $('[data-search-el=\"search-null\"]').removeClass('hidden');\r\n } else {\r\n $('[data-search-el=\"search-null\"]').addClass('hidden');\r\n }\r\n } else {\r\n $('[data-search-el=\"search-null\"]').removeClass('hidden');\r\n }\r\n\r\n hbsBuildFunc(globalSearchObj, 'filterFull');\r\n hbsBuildFunc({Data: cardsJSON, Type: globalSearchObj.SearchType}, 'filterRows');\r\n\r\n globalSearchObj.IsUnguided = false;\r\n CATEGORY_TYPE_CHECK();\r\n\r\n for (let filterName in globalSearchObj.Preselect) {\r\n PRESELECT_TOGGLE(globalSearchObj.Preselect[filterName], true);\r\n }\r\n}\r\n\r\nfunction GET_LABEL_DATA(searchObj, searchDataApi) {\r\n $.get(searchObj.LabelUrl, function(data) {}, 'json').done(function(data) {\r\n searchObj.LabelData = data;\r\n GET_SEARCH_DATA(searchObj);\r\n }).fail(function(err) {\r\n API_FAIL(err);\r\n });\r\n}\r\n\r\nfunction GET_SEARCH_DATA(searchObj) {\r\n let searchTerm = $('#searchResultsForm').data('searchterm');\r\n let displayTerm = $('#searchResultsForm').data('displayterm');\r\n if(searchObj.IsUnguided) {\r\n let url = searchObj.APIUrl + 'unguided?' + querystring();\r\n if(searchTerm) {\r\n url = searchObj.APIUrl + 'unguidedwithterms?term=' + searchTerm + '&displayterms=' + displayTerm;\r\n }\r\n LOAD_ON();\r\n API_CALL(url, searchObj, HBS_BUILD, false);\r\n searchObj.SearchType = $('[data-filter-type=\"Page\"] input:checked').val();\r\n } else if(!searchObj.IsUnguided) {\r\n let url = searchObj.APIUrl + searchObj.SearchType + '?' + querystring();\r\n LOAD_ON();\r\n API_CALL(url, searchObj, HBS_BUILD, false);\r\n }\r\n // used for highlightedSearchTerm()\r\n currentSearchedTerm = searchObj.SearchTerm;\r\n}\r\n\r\n// The highlightedSearchTerm function captures the customer's search term, scans elements on the page within the js-search-term-highlighter class that match this term, and wraps them in a highlighting span.\r\nfunction highlightedSearchTerm(searchedTerm) {\r\n if(!searchedTerm) return;\r\n const elements = document.getElementsByClassName('js-search-term-highlighter');\r\n if(!elements) return;\r\n\r\n let term = escapeRegExp(searchedTerm).trim();\r\n // Regular Expression that matches the search term but excludes highlighting if it has =\" or ' before it. global and case-insensitive as well.\r\n const regex = new RegExp(`(?${htmlEncode(matched)}`;\r\n return highlightStyle;\r\n });\r\n }\r\n}\r\n\r\nfunction HBS_BUILD(data, buildType) {\r\n switch (buildType) {\r\n case 'cards':\r\n $('[data-search-el=\"search-results\"]').empty();\r\n $('[data-search-el=\"search-results\"]').append(HBSearchCardBuilder(data));\r\n break;\r\n case 'filterFull':\r\n $('[data-search-el=\"filter\"]').append(HBSearchFilterFull(data));\r\n break;\r\n case 'filterRows':\r\n $('#filterOptions').append(HBSearchFilterRows(data));\r\n break;\r\n case 'header':\r\n $('[data-search-el=\"pageheader\"]').append(HBSearchHeader(data));\r\n break;\r\n case 'pagination':\r\n $('[data-search-el=\"sort-paging\"]').append(HBSearchPag(data));\r\n break;\r\n case 'sort':\r\n $('[data-search-el=\"sort-items\"]').append(HBSearchSort(data)); // For page size & sorting\r\n break;\r\n case 'suggest':\r\n $('[data-search-el=\"suggest\"]').append(HBSearchFilterHeader(data));\r\n break;\r\n }\r\n}\r\n\r\nfunction LOAD_OFF() {\r\n loadscreenInactive();\r\n}\r\n\r\nfunction LOAD_ON() {\r\n loadscreenActive();\r\n}\r\n\r\nfunction MARKETING_CARD(data) {\r\n $('[data-search-el=\"search-featured\"]').empty();\r\n if(data) {\r\n $('[data-search-el=\"search-featured\"]').append(HBSearchCardMarketing(data));\r\n }\r\n}\r\n\r\nfunction PAGESIZE_CHANGE(globalSearchObj) {\r\n let $select = $('[name=\"ctrl-select\"]');\r\n for (let i = 0; i < globalSearchObj.PageTotal; i++) {\r\n $select.append(``);\r\n }\r\n}\r\n\r\nfunction PAGINATION_NEXT(searchObj, pgButtons) {\r\n let startPgVal = searchObj.PageCurrent;\r\n let nextPgVal = startPgVal + 1;\r\n let lastPgVal = Number(pgButtons.eq(3).val());\r\n let $nextPageButton = $(`.pagination__link[value=\"${nextPgVal}\"]`);\r\n\r\n searchObj.PageCurrent = nextPgVal;\r\n\r\n $('input[name=\"Page\"]').attr('value', nextPgVal);\r\n\r\n if($nextPageButton.length) {\r\n $nextPageButton.closest('li').siblings('.is--active').removeClass('is--active');\r\n $nextPageButton.closest('li').addClass('is--active');\r\n } else if(nextPgVal > lastPgVal) {\r\n // +1 to every pageset item\r\n // activate [0] of pageset\r\n pgButtons.each(function(index, el) {\r\n let $btn = $(el);\r\n $btn.val(Number($btn.val()) + 1);\r\n $btn.text($btn.val());\r\n });\r\n }\r\n}\r\n\r\nfunction PAGINATION_PAGE_NUM(globalSearchObj, $clickedButton) {\r\n $clickedButton.closest('li').toggleClass('is--active');\r\n $clickedButton.closest('li').siblings('.pagination__button--pg').removeClass('is--active');\r\n globalSearchObj.PageCurrent = Number($clickedButton.attr('value'));\r\n\r\n $('input[name=\"Page\"]').attr('value', globalSearchObj.PageCurrent);\r\n}\r\n\r\nfunction PAGINATION_PREV(searchObj, pgButtons) {\r\n // -1 to every pageset item\r\n // activate [0] of pageset\r\n let startPgVal = searchObj.PageCurrent;\r\n let prevPgVal = startPgVal - 1;\r\n let firstPgVal = Number(pgButtons.eq(0).val());\r\n let $prevPageButton = $(`.pagination__link[value=\"${prevPgVal}\"]`);\r\n\r\n searchObj.PageCurrent = prevPgVal;\r\n\r\n $('input[name=\"Page\"]').attr('value', prevPgVal);\r\n\r\n if($prevPageButton.length) {\r\n $prevPageButton.closest('li').siblings('.is--active').removeClass('is--active');\r\n $prevPageButton.closest('li').addClass('is--active');\r\n } else if(prevPgVal < firstPgVal) {\r\n // +1 to every pageset item\r\n // activate [0] of pageset\r\n pgButtons.each(function(index, el) {\r\n let $btn = $(el);\r\n $btn.val(Number($btn.val()) - 1);\r\n $btn.text($btn.val());\r\n });\r\n }\r\n}\r\n\r\nfunction PAGINATION_RESET() {\r\n let count = 1;\r\n $('[name=\"ctrl-page\"]').each(function(i, el) {\r\n let $el = $(el);\r\n let $closest = $el.closest('li');\r\n $el.val(count).text(count);\r\n $closest.removeClass('is--active');\r\n if(i === 0) {\r\n $closest.addClass('is--active');\r\n }\r\n count++;\r\n });\r\n}\r\n\r\nfunction PAGINATION_STATUS(searchObj) {\r\n let hasMorePages = (searchObj.PageCurrent < searchObj.PageTotal);\r\n let isNotPage1 = (searchObj.PageCurrent > 1);\r\n let $next = $('[name=\"ctrl-next\"]').closest('li');\r\n let $prev = $('[name=\"ctrl-prev\"]').closest('li');\r\n let $pageNumBtns = $('[name=\"ctrl-page\"]');\r\n\r\n if(hasMorePages) { // Toggle next button's active status\r\n $next.removeClass('is--null');\r\n } else {\r\n $next.addClass('is--null');\r\n }\r\n\r\n if(isNotPage1) { // Toggle prev button's active status\r\n $prev.removeClass('is--null');\r\n } else {\r\n $prev.addClass('is--null');\r\n }\r\n\r\n $pageNumBtns.each(function(i, el) { // Toggle page numbers active status\r\n let $el = $(el);\r\n if($el.val() > searchObj.PageTotal) {\r\n $el.closest('li').addClass('is--null');\r\n } else {\r\n $el.closest('li').removeClass('is--null');\r\n }\r\n });\r\n}\r\n\r\nfunction PRESELECT_TOGGLE(preselectProperty, change) {\r\n preselectProperty.forEach(function(val, i, arr) {\r\n let $input = $(`:input[value=\"${val}\"]`);\r\n let $filterToggle = $input.closest('.filter__row').find('[data-filter-el=\"toggle\"]');\r\n $input.attr('checked', 'checked');\r\n if(change) {\r\n $input.trigger('change');\r\n }\r\n if(!$filterToggle.hasClass('is--active')) {\r\n $filterToggle.trigger('click');\r\n }\r\n }, preselectProperty);\r\n}\r\n\r\n// UpdateFilters: Updates the display of filter options in the Refined By search section of search.\r\nfunction UpdateFilters(data) {\r\n// RESET Refine By section:\r\n // Reset all filter items and remove all js-results classes from current showing item\r\n $('#filterOptions .filter__item').addClass('hidden').removeClass('js-results');\r\n // Reset all filter fieldsets\r\n $('#filterOptions .filter__fieldset').addClass('hidden');\r\n // Reset all search bars\r\n $('#filterOptions .search-bar--filter').addClass('hidden');\r\n\r\n var filterElement;\r\n\r\n // Iterate through the different filters (e.g., \"Product Format,\" \"Species,\" \"Product Category\")\r\n $.each(data.Filters, function (i, filter) {\r\n // Initialize a count for visible filter items\r\n let visibleFilterItemsCount = 0;\r\n\r\n // Iterate through the filter items (e.g., \"Glycerol stock,\" \"Inducible promoter,\" \"Lentiviral particles\")\r\n $.each(filter.FilterItems, function (j, filterItem) {\r\n // Generate a selector string for the filter item with the given FilterItemGuid (creating the string to match the item)\r\n var filterElementString = '.filter__item :input[value=\"' + filterItem.FIlterItemGuid + '\"]';\r\n // Select the filter item (this finds the item with that guid)\r\n filterElement = $(filterElementString);\r\n // Remove the 'hidden' class from the closest filter fieldset\r\n filterElement.closest('.filter__fieldset').removeClass('hidden');\r\n // Store the count for this filter item in its data attribute\r\n var filterItemCount = filterItem.Count;\r\n // Update our item count and replace it with the data attribute filter-count\r\n filterElement.data('filter-count', filterItemCount);\r\n // Update the text of the corresponding checkbox label with the count\r\n var spanText = filterElement.parent().find('.checkbox__text');\r\n spanText.text(`${filterItem.FilterItemName} (${filterItemCount})`);\r\n // Select the container for the filter item and add the 'js-results' class\r\n var filterItemContainer = filterElement.closest('.filter__item');\r\n\r\n // Add the 'js-results' class to the filter item container if the FIlterItemGuid value matches to keep track of filter items that will show.\r\n filterItemContainer.removeClass('hidden').addClass('js-results');\r\n\r\n // If the filter item container has the 'js-results' class, increment the count\r\n if(filterItemContainer.hasClass('js-results')) {\r\n visibleFilterItemsCount++;\r\n }\r\n });\r\n\r\n // Get the context of the current filter fieldset\r\n const $filterFieldset = filterElement.closest('.filter__fieldset:has(.js-results)');\r\n\r\n // Find .search-bar--filter within the current filter fieldset\r\n const $searchBar = $filterFieldset.find('.search-bar--filter');\r\n\r\n let $filterToggled = $filterFieldset.find('.filter__legend-button').hasClass('is--active');\r\n\r\n // Show or hide the search bar based on the count for the current filter row\r\n if(visibleFilterItemsCount >= 10 && $filterToggled) {\r\n $searchBar.removeClass('hidden');\r\n } else {\r\n $searchBar.addClass('hidden');\r\n }\r\n });\r\n}\r\n","import HBS_SUGGESTIONS from './search-suggestions.hbs';\r\n\r\n$(document).ready(function() {\r\n // let apiUrl = 'https://cors-anywhere.herokuapp.com/https://demo.horizondiscovery.com/api/search/GetTopLevelSuggestions?searchterm='; // dev mode\r\n let apiUrl = `${window.location.origin}/api/search/GetTopLevelSuggestions?searchterm=`; // live mode\r\n let typingTimer; // timer identifier\r\n let doneTypingInterval = 300; // time in ms (5 seconds)\r\n let $searchInput = $('.site-header .search-bar__input');\r\n\r\n $searchInput.on('input',\r\n function (e) {\r\n let $this = $(this);\r\n let $submitBtn = $this.siblings('.search-bar__btn');\r\n let searchObj = {\r\n url: apiUrl,\r\n term: $this.val(),\r\n searchBar: $this.closest('.search-bar')\r\n };\r\n\r\n $('.search-bar__item').remove();\r\n\r\n clearTimeout(typingTimer);\r\n\r\n if($this.val()) {\r\n typingTimer = setTimeout(function() {\r\n API_SUGGESTIONS(searchObj);\r\n },\r\n doneTypingInterval);\r\n\r\n $submitBtn.prop('disabled', false);\r\n } else {\r\n $submitBtn.prop('disabled', 'disabled');\r\n }\r\n });\r\n\r\n $('.site-header__actions').on('click', function(e) {\r\n let $target = $(e.target);\r\n\r\n if(!$target.closest('.search-bar').length) {\r\n $('.search-bar__suggestions').remove();\r\n }\r\n });\r\n\r\n $('.site-header').on('click', '.search-bar', function(e) {\r\n let $target = $(e.target);\r\n let $searchBar = $(this);\r\n\r\n if($target.data('search-el') === 'info') {\r\n // For non final link based results\r\n let searchTerm = $target.data('search-term');\r\n let searchObj = {\r\n url: apiUrl,\r\n term: $target.data('search-term'),\r\n searchBar: $searchBar\r\n };\r\n\r\n $searchBar.find('.search-bar__input').val(searchTerm);\r\n $('.search-bar__item').remove();\r\n\r\n API_SUGGESTIONS(searchObj);\r\n }\r\n\r\n CHECK_SUGGESTIONS();\r\n });\r\n});\r\n\r\nfunction API_SUGGESTIONS(searchObj) {\r\n $.get(searchObj.url + searchObj.term, function(data) {}, 'json').done(function(data) {\r\n BUILD_SUGGESTIONS(data, searchObj.searchBar);\r\n });\r\n}\r\n\r\nfunction BUILD_SUGGESTIONS(data, $searchBar) {\r\n let $suggestions = $searchBar.find('.search-bar__suggestions');\r\n\r\n if(data.length && !$suggestions.length) {\r\n $searchBar.append(HBS_SUGGESTIONS({\r\n Data: data,\r\n Full: true\r\n }));\r\n } else {\r\n $suggestions.find('ul').append(HBS_SUGGESTIONS({\r\n Data: data,\r\n Full: false\r\n }));\r\n }\r\n}\r\n\r\nfunction CHECK_SUGGESTIONS() {\r\n // Check if the suggestions div is empty and remove if it is\r\n let $searchBar = $('.search-bar');\r\n\r\n if(!$('.search-bar__suggestions').contents().length) {\r\n $searchBar.remove('.search-bar__suggestions');\r\n }\r\n}\r\n","// import { initValidation } from '../../elements/forms/forms.js';\r\n$(document).ready(function () {\r\n let $contactForm = $('.js-sales-contact-form__form');\r\n\r\n if($contactForm.length) {\r\n $('.js-form-country').change(function () {\r\n var requireszip = $(this).find(':selected').data('zip');\r\n SetSalesRequiredFields(requireszip);\r\n });\r\n $('.js-postal-code').change(function () {\r\n var postalcode = $contactForm.find('input[name=\"Postal\"]');\r\n if($(postalcode).val().length >= 2) {\r\n $(postalcode).closest('.js-form__field').removeClass('js-form__error');\r\n $(postalcode).parent().next('.js-form__error-wrapper').remove();\r\n $('.js-form-country').trigger('change');\r\n }\r\n });\r\n $('.js-form-country').trigger('change');\r\n $('.js-form__submit').on('click', $contactForm, function (e) {\r\n e.preventDefault();\r\n let cf = {};\r\n cf.FirstName = $contactForm.find('[name=\"FirstName\"]').val();\r\n cf.LastName = $contactForm.find('[name=\"LastName\"]').val();\r\n cf.Email = $contactForm.find('[name=\"Email\"]').val();\r\n cf.Company = $contactForm.find('[name=\"Company\"]').val();\r\n cf.Country = $contactForm.find('[name=\"Country\"]').val();\r\n cf.zipPostal = $contactForm.find('[name=\"Postal\"]').val();\r\n cf.QuoteRouting = $contactForm.find('select[name=\"QuoteRouting\"]').val();\r\n cf.Message = $contactForm.find('textarea[name=\"Message\"]').val();\r\n cf.AgreeToTandC = $contactForm.find('input[name=\"AgreeToTandC\"]').prop('checked');\r\n cf.Subscribe = $contactForm.find('input[name=\"Subscribe\"]').prop('checked');\r\n cf.sEmail = $contactForm.find('input[name=\"sEmail\"]').val();\r\n cf.campaignSource = window.sessionStorage.getItem('utm_source');\r\n cf.campaignMedium = window.sessionStorage.getItem('utm_medium');\r\n cf.campaignName = window.sessionStorage.getItem('utm_campaign');\r\n cf.campaignTerm = window.sessionStorage.getItem('utm_term');\r\n cf.campaignContent = window.sessionStorage.getItem('utm_content');\r\n cf.utm_sc = window.sessionStorage.getItem('utm_sc');\r\n cf.LS = window.sessionStorage.getItem('LS');\r\n cf.adgroup = window.sessionStorage.getItem('adgroup');\r\n cf.ad = window.sessionStorage.getItem('ad');\r\n cf.keyword = window.sessionStorage.getItem('keyword');\r\n cf.formUrl = window.location.toString();\r\n cf.businessunit = $('.js-sales-contact-form__form').data('businessunit');\r\n cf.__RequestVerificationToken = $contactForm.find('[name=__RequestVerificationToken]').val();\r\n let url = '/api/contact/SendSalesContactForm';\r\n $.ajax({\r\n url: url,\r\n data: cf,\r\n type: 'POST',\r\n success: function () {\r\n $contactForm.addClass('hidden');\r\n $('.js-contact-form-success').removeClass('hidden');\r\n $('html,body').animate({ scrollTop: $('.js-contact-form-success').offset().top }, 300);\r\n },\r\n error: function (result) {\r\n console.log(result);\r\n }\r\n });\r\n });\r\n }\r\n\r\n let $cleContactForm = $('.js-cle-contact-form__form');\r\n if($cleContactForm.length) {\r\n $('.js-form-country').change(function () {\r\n var requireszip = $(this).find(':selected').data('zip');\r\n SetSalesRequiredFields(requireszip);\r\n });\r\n $('.js-postal-code').change(function () {\r\n var postalcode = $cleContactForm.find('input[name=\"Postal\"]');\r\n if($(postalcode).val().length >= 2) {\r\n $(postalcode).closest('.js-form__field').removeClass('js-form__error');\r\n }\r\n });\r\n $('input[name=\"AgreeToTandC\"]').on('change', function () {\r\n if($(this).prop('checked')) {\r\n var closestParent = $(this).closest('.js-form__error');\r\n closestParent.removeClass('js-form__error');\r\n }\r\n });\r\n $('.form__input').on('change', function () {\r\n if($(this).val().length >= 2) {\r\n $(this).closest('.js-form__field').removeClass('js-form__error');\r\n }\r\n });\r\n\r\n $('.radio__text').on('click', function () {\r\n $(this).closest('.js-radio-required').removeClass('js-form__error');\r\n });\r\n $cleContactForm.find('input[name=\"producttype\"]').on('click', function () {\r\n var required = $(this).data('required').split(',');\r\n $cleContactForm.find('.js-cellline-hideable').addClass('hidden');\r\n for (var i = 0; i < required.length; i++) {\r\n $('.' + required[i]).removeClass('hidden');\r\n }\r\n });\r\n\r\n $('.js-form-country').trigger('change');\r\n $('.js-form__submit').on('click', $cleContactForm, function (e) {\r\n e.preventDefault();\r\n $('.js-form__error').removeClass('js-form__error');\r\n var valid = true;\r\n var requireszip = $('.js-form-country').find(':selected').data('zip');\r\n if(requireszip === 'True' && $cleContactForm.find('input[name=\"Postal\"]').val().length < 2) {\r\n var postalcode = $cleContactForm.find('input[name=\"Postal\"]');\r\n $(postalcode).closest('.js-form__field').addClass('js-form__error');\r\n valid = false;\r\n }\r\n var radiogroupsvalid = ValidateRadioGroups();\r\n if(!radiogroupsvalid) valid = false;\r\n var textfieldsvalid = ValidateFormInputs(requireszip);\r\n if(textfieldsvalid) valid = false;\r\n if(!$cleContactForm.find('input[name=\"AgreeToTandC\"]').prop('checked')) {\r\n $cleContactForm.find('input[name=\"AgreeToTandC\"]').closest('.js-form__field').addClass('js-form__error');\r\n valid = false;\r\n }\r\n\r\n if(!valid) return false;\r\n let cf = {};\r\n cf.FirstName = $cleContactForm.find('[name=\"FirstName\"').val();\r\n cf.LastName = $cleContactForm.find('[name=\"LastName\"').val();\r\n cf.Email = $cleContactForm.find('[name=\"Email\"]').val();\r\n cf.PhoneNumber = $cleContactForm.find('[name=\"PhoneNumber\"]').val();\r\n cf.Company = $cleContactForm.find('[name=\"Company\"]').val();\r\n cf.Country = $cleContactForm.find('[name=\"Country\"]').val();\r\n cf.Postal = $cleContactForm.find('[name=\"Postal\"]').val();\r\n cf.GeneID = $cleContactForm.find('[name=\"GeneID\"]').val();\r\n cf.producttype = $cleContactForm.find('input[name=\"producttype\"]:checked').val();\r\n cf.LargeDeletion = $cleContactForm.find('[name=\"LargeDeletion\"]').val();\r\n cf.LargeDeletions = $cleContactForm.find('input[name=\"LargeDeletions\"]:checked').val();\r\n cf.Mutation = $cleContactForm.find('[name=\"Mutation\"]').val();\r\n cf.mutations = $cleContactForm.find('input[name=\"mutations\"]:checked').val();\r\n cf.tagreporter = $cleContactForm.find('[name=\"tagreporter\"]').val();\r\n cf.terminal = $cleContactForm.find('input[name=\"terminal\"]:checked').val();\r\n cf.reporters = $cleContactForm.find('input[name=\"reporters\"]:checked').val();\r\n cf.cellline = $cleContactForm.find('[name=\"cellline\"]').val();\r\n cf.alternativeoption = $cleContactForm.find('input[name=\"alternativeoption\"]:checked').val();\r\n cf.provider = $cleContactForm.find('input[name=\"provider\"]:checked').val();\r\n cf.Message = $cleContactForm.find('textarea[name=\"Message\"]').val();\r\n cf.AgreeToTandC = $cleContactForm.find('input[name=\"AgreeToTandC\"]').prop('checked');\r\n cf.emailOptin1 = $cleContactForm.find('input[name=\"Subscribe\"]').prop('checked');\r\n cf.sEmail = $cleContactForm.find('input[name=\"sEmail\"]').val();\r\n cf.campaignSource = window.sessionStorage.getItem('utm_source');\r\n cf.campaignMedium = window.sessionStorage.getItem('utm_medium');\r\n cf.campaignName = window.sessionStorage.getItem('utm_campaign');\r\n cf.campaignTerm = window.sessionStorage.getItem('utm_term');\r\n cf.campaignContent = window.sessionStorage.getItem('utm_content');\r\n cf.utm_sc = window.sessionStorage.getItem('utm_sc');\r\n cf.LS = window.sessionStorage.getItem('LS');\r\n cf.adgroup = window.sessionStorage.getItem('adgroup');\r\n cf.ad = window.sessionStorage.getItem('ad');\r\n cf.keyword = window.sessionStorage.getItem('keyword');\r\n cf.formUrl = window.location.toString();\r\n cf.__RequestVerificationToken = $cleContactForm.find('[name=__RequestVerificationToken]').val();\r\n let url = '/api/contact/SendCleContactForm';\r\n $.ajax({\r\n url: url,\r\n data: cf,\r\n type: 'POST',\r\n success: function () {\r\n $cleContactForm.addClass('hidden');\r\n $('.js-contact-form-general-success').removeClass('hidden');\r\n $('html,body').animate({ scrollTop: $('.js-contact-form-general-success').offset().top }, 300);\r\n },\r\n error: function (result) {\r\n console.log(result);\r\n }\r\n });\r\n });\r\n }\r\n\r\n let $sgContactForm = $('.js-sg-contact-form__form');\r\n if($sgContactForm.length) {\r\n $('.js-form-country').change(function () {\r\n var requireszip = $(this).find(':selected').data('zip');\r\n SetSalesRequiredFields(requireszip);\r\n });\r\n $('.js-postal-code').change(function () {\r\n var postalcode = $sgContactForm.find('input[name=\"Postal\"]');\r\n if($(postalcode).val().length >= 2) {\r\n $(postalcode).closest('.js-form__field').removeClass('js-form__error');\r\n $(postalcode).parent().next('.js-form__error-wrapper').remove();\r\n $('.js-form-country').trigger('change');\r\n }\r\n });\r\n $('.js-form-country').trigger('change');\r\n $('.js-form__submit').on('click', $sgContactForm, function (e) {\r\n e.preventDefault();\r\n let cf = {};\r\n cf.numberofgenes = $sgContactForm.find('[name=\"numberofgenes\"').val();\r\n cf.paragraphText6 = $sgContactForm.find('[name=\"paragraphText6\"').val();\r\n cf.dropdownMenu = $sgContactForm.find('[name=\"dropdownMenu\"]').val();\r\n cf.dropdownMenu2 = $sgContactForm.find('[name=\"dropdownMenu2\"]').val();\r\n cf.FirstName = $sgContactForm.find('[name=\"FirstName\"]').val();\r\n cf.LastName = $sgContactForm.find('[name=\"LastName\"]').val();\r\n cf.emailAddress = $sgContactForm.find('[name=\"emailAddress\"]').val();\r\n cf.Company = $sgContactForm.find('[name=\"Company\"]').val();\r\n cf.jobRole1 = $sgContactForm.find('[name=\"jobRole1\"]').val();\r\n cf.busPhone = $sgContactForm.find('[name=\"busPhone\"]').val();\r\n cf.Country = $sgContactForm.find('[name=\"Country\"]').val();\r\n cf.address1 = $sgContactForm.find('[name=\"address1\"]').val();\r\n cf.address2 = $sgContactForm.find('[name=\"address2\"]').val();\r\n cf.city = $sgContactForm.find('[name=\"City\"]').val();\r\n cf.stateProv = $sgContactForm.find('[name=\"stateProv\"]').val();\r\n cf.zipPostal = $sgContactForm.find('[name=\"zipPostal\"]').val();\r\n cf.AgreeToTandC = $sgContactForm.find('input[name=\"AgreeToTandC\"]').prop('checked');\r\n cf.emailOptin1 = $sgContactForm.find('input[name=\"emailOptin1\"]').prop('checked');\r\n cf.sEmail = $sgContactForm.find('input[name=\"sEmail\"]').val();\r\n cf.campaignSource = window.sessionStorage.getItem('utm_source');\r\n cf.campaignMedium = window.sessionStorage.getItem('utm_medium');\r\n cf.campaignName = window.sessionStorage.getItem('utm_campaign');\r\n cf.campaignTerm = window.sessionStorage.getItem('utm_term');\r\n cf.campaignContent = window.sessionStorage.getItem('utm_content');\r\n cf.utm_sc = window.sessionStorage.getItem('utm_sc');\r\n cf.formUrl = window.location.toString();\r\n cf.LS = window.sessionStorage.getItem('LS');\r\n cf.adgroup = window.sessionStorage.getItem('adgroup');\r\n cf.ad = window.sessionStorage.getItem('ad');\r\n cf.keyword = window.sessionStorage.getItem('keyword');\r\n cf.__RequestVerificationToken = $sgContactForm.find('[name=__RequestVerificationToken]').val();\r\n let url = '/api/contact/SendSgContactForm';\r\n $.ajax({\r\n url: url,\r\n data: cf,\r\n type: 'POST',\r\n success: function () {\r\n $sgContactForm.addClass('hidden');\r\n $('.js-contact-form-success').removeClass('hidden');\r\n $('html,body').animate({ scrollTop: $('.js-contact-form-success').offset().top }, 300);\r\n },\r\n error: function (result) {\r\n console.log(result);\r\n }\r\n });\r\n });\r\n }\r\n});\r\n\r\nfunction ValidateRadioGroups() {\r\n var radioRequiredElements = $('.js-radio-required:visible');\r\n var isValid = true;\r\n radioRequiredElements.each(function () {\r\n var radioGroup = $(this).find('input[type=\"radio\"]')[0].name;\r\n if(!ValidateRadioGroup(radioGroup)) {\r\n isValid = false;\r\n }\r\n });\r\n return isValid;\r\n}\r\n\r\nfunction ValidateRadioGroup(radioGroupName) {\r\n var valid = true;\r\n var radioGroup = $('input[name=\"' + radioGroupName + '\"]');\r\n if(radioGroup.is(':visible')) {\r\n if(radioGroup.filter(':checked').length === 0) {\r\n radioGroup.closest('.js-radio-required').addClass('js-form__error');\r\n valid = false;\r\n } else {\r\n radioGroup.closest('.js-radio-required').removeClass('js-form__error');\r\n }\r\n }\r\n return valid;\r\n}\r\nfunction ValidateFormInputs(requireszip) {\r\n var formInputs = document.querySelectorAll('.form__input:not(.js-cle-optional)');\r\n var isBlank = false;\r\n formInputs.forEach(function (input) {\r\n if(input.value.trim() === '' && input.offsetParent !== null) {\r\n if(input.name === 'Postal' && requireszip === 'False') {\r\n // Skip Postal if requireszip is False\r\n return;\r\n }\r\n $(input).closest('.js-form__field').addClass('js-form__error');\r\n isBlank = true;\r\n } else {\r\n $(input).closest('.js-form__field').removeClass('js-form__error');\r\n }\r\n });\r\n return isBlank;\r\n}\r\nfunction SetSalesRequiredFields(required) {\r\n if(required === 'True') {\r\n $('.js-zipcode-required').removeClass('hidden');\r\n $('.js-zipcode-optional').addClass('hidden');\r\n $('.js-zipcode-optional').removeClass('js-cle-optional');\r\n } else {\r\n $('.js-zipcode-required').addClass('hidden');\r\n $('.js-zipcode-optional').removeClass('hidden');\r\n $('.js-zipcode-optional').addClass('js-cle-optional');\r\n $('.js-postal-code').closest('.js-form__field').removeClass('js-form__error');\r\n }\r\n // isn't doing anything because this form doesn't have validation for zipcode yet\r\n // initValidation();\r\n}\r\n","import { getUTM } from '../../../lib/globalapi.js';\r\n\r\n$(document).ready(function () {\r\n getUTM();\r\n let $contactFormGeneral = $('.js-contact-form-general__form');\r\n if($contactFormGeneral.length) {\r\n $('.js-form-country').change(function () {\r\n var requireszip = $(this).find(':selected').data('zip');\r\n SetCountryRequiredfields(requireszip);\r\n });\r\n $('.js-postal-code').change(function () {\r\n var postalcode = $contactFormGeneral.find('input[name=\"Postal\"]');\r\n console.log($(postalcode).val().length + ' length');\r\n if($(postalcode).val().length >= 2) {\r\n $(postalcode).closest('.js-form__field').removeClass('js-form__error');\r\n $(postalcode).parent().next('.js-form__error-wrapper').remove();\r\n $('.js-form-country').trigger('change');\r\n }\r\n });\r\n $('.js-contact-subject').change(function () {\r\n if($(this).val() === 'Quote Request') {\r\n $('.js-contact-quote').removeClass('hidden');\r\n } else {\r\n $('.js-contact-quote').addClass('hidden');\r\n }\r\n });\r\n $('.js-form-country').trigger('change');\r\n $('.js-form__submit').on('click', $contactFormGeneral, function (e) {\r\n var $this = $(this);\r\n $this.prop('disabled', true);\r\n $this.find('.js-submit-label').addClass('hidden');\r\n $this.find('.js-submit-loading').removeClass('hidden');\r\n $this.find('.js-spinner').addClass('js-spinner-active');\r\n\r\n var issalesform = $('.contact-form-general__form').data('issalesform');\r\n var requireszip = $('.js-form-country').find(':selected').data('zip');\r\n\r\n if(requireszip === 'True' && $contactFormGeneral.find('input[name=\"Postal\"]').val().length < 2) {\r\n var postalcode = $contactFormGeneral.find('input[name=\"Postal\"]');\r\n let errorMessage = $(postalcode).data('validate-message');\r\n $(postalcode).focus();\r\n $(postalcode).closest('.js-form__input-wrapper').after('
' + errorMessage + '
');\r\n $(postalcode).closest('.js-form__field').addClass('js-form__error');\r\n ResetButtonText();\r\n return;\r\n }\r\n e.preventDefault();\r\n\r\n let cf = {};\r\n cf.CatalogId = $contactFormGeneral.find('input[name=\"CatalogId\"]').val();\r\n cf.Salutation = $contactFormGeneral.find('select[name=\"Salutation\"]').val();\r\n cf.FirstName = $contactFormGeneral.find('input[name=\"FirstName\"]').val();\r\n cf.LastName = $contactFormGeneral.find('input[name=\"LastName\"]').val();\r\n cf.Email = $contactFormGeneral.find('input[name=\"Email\"]').val();\r\n cf.Phone = $contactFormGeneral.find('input[name=\"Phone\"]').val();\r\n cf.Company = $contactFormGeneral.find('input[name=\"Company\"]').val();\r\n cf.Job = $contactFormGeneral.find('select[name=\"Job\"]').val();\r\n cf.Country = $contactFormGeneral.find('select[name=\"Country\"]').val();\r\n cf.StateOrProvince = $contactFormGeneral.find('select[name=\"state\"]').val();\r\n cf.AddressLine1 = $contactFormGeneral.find('input[name=\"AddressLine1\"]').val();\r\n cf.AddressLine2 = $contactFormGeneral.find('input[name=\"AddressLine2\"]').val();\r\n cf.City = $contactFormGeneral.find('input[name=\"City\"]').val();\r\n cf.PostalCode = $contactFormGeneral.find('input[name=\"Postal\"]').val();\r\n cf.Subject = $contactFormGeneral.find('select[name=\"Subject\"]').val();\r\n cf.QuoteRouting = $contactFormGeneral.find('select[name=\"QuoteRouting\"]').val();\r\n cf.Message = $contactFormGeneral.find('textarea[name=\"Message\"]').val();\r\n cf.AgreeToTandC = $contactFormGeneral.find('input[name=\"AgreeToTandC\"]').prop('checked');\r\n cf.Subscribe = $contactFormGeneral.find('input[name=\"Subscribe\"]').prop('checked');\r\n cf.sEmail = $contactFormGeneral.find('input[name=\"mapsEmail\"]').val();\r\n cf.campaignSource = window.sessionStorage.getItem('utm_source');\r\n cf.campaignMedium = window.sessionStorage.getItem('utm_medium');\r\n cf.campaignName = window.sessionStorage.getItem('utm_campaign');\r\n cf.campaignTerm = window.sessionStorage.getItem('utm_term');\r\n cf.campaignContent = window.sessionStorage.getItem('utm_content');\r\n cf.utm_sc = window.sessionStorage.getItem('utm_sc');\r\n cf.LS = window.sessionStorage.getItem('LS');\r\n cf.adgroup = window.sessionStorage.getItem('adgroup');\r\n cf.ad = window.sessionStorage.getItem('ad');\r\n cf.keyword = window.sessionStorage.getItem('keyword');\r\n cf.formUrl = window.location.toString();\r\n cf.IsSalesForm = issalesform;\r\n cf.__RequestVerificationToken = $contactFormGeneral.find('input[name=__RequestVerificationToken]').val();\r\n let url = '/api/contact/SendGeneralContactForm';\r\n $.ajax({\r\n url: url,\r\n data: cf,\r\n type: 'POST',\r\n success: function (data) {\r\n if(data.results === 'false') {\r\n $('.js-contact-form-failure').removeClass('hidden');\r\n $('.js-alert-text').text(data.Message);\r\n } else {\r\n $contactFormGeneral.addClass('hidden');\r\n $('.js-contact-form-general-success').removeClass('hidden');\r\n $('html,body').animate({ scrollTop: $('.js-contact-form-general-success').offset().top }, 300);\r\n $('.js-contact-form-failure').addClass('hidden');\r\n }\r\n },\r\n error: function (result) {\r\n console.log(result);\r\n ResetButtonText();\r\n }\r\n });\r\n });\r\n }\r\n});\r\n\r\nfunction ResetButtonText() {\r\n $('.js-form__submit').find('.js-submit-label').removeClass('hidden');\r\n $('.js-form__submit').find('.js-submit-loading').addClass('hidden');\r\n $('.js-form__submit').find('.js-spinner').removeClass('js-spinner-active');\r\n}\r\nfunction SetCountryRequiredfields(required) {\r\n if(required === 'True') {\r\n $('.js-zipcode-required').removeClass('hidden');\r\n $('.js-zipcode-optional').addClass('hidden');\r\n } else {\r\n $('.js-zipcode-required').addClass('hidden');\r\n $('.js-zipcode-optional').removeClass('hidden');\r\n }\r\n}\r\n","// Run validation after page load\r\n$(document).ready(function() {\r\n initValidation();\r\n});\r\n\r\n// Validation helper functions:\r\nfunction validateLength(inputValidating) {\r\n let characterLength = parseInt($(inputValidating).data('validate-length'));\r\n return $(inputValidating).val().length >= characterLength;\r\n}\r\nfunction validateEmail(inputValidating) {\r\n // below from http://emailregex.com/\r\n const re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/; // eslint-disable-line\r\n let emailResult = re.test(String(inputValidating));\r\n return emailResult;\r\n}\r\nfunction validatePhone(inputValidating) {\r\n // below from post 12 https://stackoverflow.com/questions/2113908/what-regular-expression-will-match-valid-international-phone-numbers\r\n const re = /([0-9\\s\\-]{7,})(?:\\s*(?:#|x\\.?|ext\\.?|extension)\\s*(\\d+))?$/; // eslint-disable-line\r\n let phoneResult = re.test(inputValidating);\r\n return phoneResult;\r\n}\r\nfunction validatePassword(inputValidating) {\r\n // based on Register form back end password requirements: min 8 char, a least 1 lowerase letter, at least 1 number\r\n // below based on https://stackoverflow.com/a/33589907 - checks for INvalid. matches anything with less than 8 characters OR anytthing with no numbers OR anything with no lowercase\r\n const re = /^(.{0,7}|[^0-9]*|[^a-z]*)$/; // eslint-disable-line\r\n let passwordResult = !(re.test(inputValidating));\r\n return passwordResult;\r\n}\r\n\r\n// Checks all inputs for any input (length)\r\nfunction validateDefault(inputValidating) {\r\n let defaultResult = false;\r\n if(inputValidating.val()) {\r\n if(inputValidating.val().length) {\r\n defaultResult = true;\r\n }\r\n }\r\n return defaultResult;\r\n}\r\n\r\n// Select / dropdown validatation. Validates Select input to make sure you have made a selection. If default selection [index 0] hasn't been changed it will throw validation error.\r\nfunction validateSelect(inputValidating) {\r\n let defaultResult = false;\r\n if(inputValidating.prop('selectedIndex') > 0) {\r\n defaultResult = true;\r\n }\r\n return defaultResult;\r\n}\r\n\r\n// Check validation type, call helpers, process\r\nfunction validationHandler(inputValidating, silent = false) {\r\n let $this = $(inputValidating);\r\n let validated = false;\r\n let dataType = $this.data('validate-type');\r\n\r\n if($this.is(':checkbox')) {\r\n dataType = 'checkbox';\r\n } else if($this.is(':radio')) {\r\n dataType = 'radio';\r\n } else if($this.is('select')) {\r\n dataType = 'select';\r\n }\r\n\r\n switch (dataType) {\r\n case 'length':\r\n validated = validateLength($this);\r\n break;\r\n case 'email':\r\n validated = validateEmail($this.val());\r\n break;\r\n case 'phone':\r\n validated = validatePhone($this.val());\r\n break;\r\n case 'password':\r\n validated = validatePassword($this.val());\r\n break;\r\n case 'checkbox':\r\n if($this.is('[data-validate-required=\"true\"]') && $this.is(':checked')) {\r\n validated = true;\r\n }\r\n break;\r\n case 'radio':\r\n if($this.is('[data-validate-required=\"true\"]') && $this.is(':checked')) {\r\n validated = true;\r\n }\r\n break;\r\n case 'select':\r\n validated = validateSelect($this);\r\n break;\r\n default:\r\n validated = validateDefault($this);\r\n }\r\n\r\n // Call sequential field validation if needed\r\n if($this.data('validate-results')) {\r\n handleSequentialFields($this, validated);\r\n }\r\n\r\n // Error message and valid class hooks\r\n if(!validated && !silent) {\r\n // If validation is false and not silent then display error classes and error message\r\n let errorMessage = $(inputValidating).data('validate-message');\r\n if($this.closest('.js-form__input-wrapper').siblings('.js-form__error-wrapper').length === 0) {\r\n $this.closest('.js-form__input-wrapper').after('
' + errorMessage + '
');\r\n $this.closest('.js-form__field').addClass('js-form__error');\r\n $this.removeClass('js-valid');\r\n }\r\n } else if(validated) {\r\n // If validation is true, add valid class whether silent or not\r\n $this.addClass('js-valid');\r\n }\r\n\r\n if(!validated) {\r\n // If validation is false and remove class js-valid\r\n $this.removeClass('js-valid');\r\n }\r\n}\r\n\r\n// Handle sequential field enabling, showing validation error messages, or marking as valid\r\nfunction handleSequentialFields(inputValidating, validationResults) {\r\n let enableArray;\r\n enableArray = $(inputValidating).data('validate-results').split(',');\r\n\r\n // If more than one data-validation-result parameters pass data-validation-result=\"parameter1, parameter2\" then it will loop through results\r\n $(enableArray).each(function(i, enableNextInput) {\r\n enableNextInput = '#' + enableNextInput.trim();\r\n\r\n // if true disables the next input or inputs\r\n if(validationResults) {\r\n $(enableNextInput).prop('disabled', false);\r\n $(enableNextInput).closest('.js-form__field').removeClass('all-disabled');\r\n // if validation returns false it stays disabled\r\n $(enableNextInput).addClass('js-valid');\r\n } else {\r\n $(enableNextInput).removeClass('js-valid');\r\n $(enableNextInput).prop('disabled', true);\r\n $(enableNextInput).closest('.js-form__field').addClass('all-disabled');\r\n }\r\n });\r\n}\r\n\r\n// Get # of required fields\r\nfunction getRequiredFields($thisForm) {\r\n let $requiredFields = $thisForm.find('[data-validate-required=\"true\"]');\r\n return $requiredFields.length;\r\n}\r\n\r\n// Check for required fields marked as valid vs all required fields to enable submit button\r\nfunction requiredHandler(form, reqLength, submitBtn) {\r\n if(reqLength === $(form).find('[data-validate-required=\"true\"].js-valid').length) {\r\n submitBtn.prop('disabled', false);\r\n $(submitBtn).siblings('.js-form__error-wrapper').remove();\r\n } else {\r\n submitBtn.prop('disabled', true);\r\n }\r\n}\r\n\r\n// Run validation, EVENT LISTENERS\r\nfunction initValidation() {\r\n if($('.js-form').length) {\r\n // Handle multiple forms\r\n $('.js-form').each(function (i) {\r\n let $thisForm = $(this);\r\n let $submitBtn = $thisForm.find('.js-form__submit');\r\n\r\n // Watch DOM for changes to form and update required fields handling\r\n let observer = new MutationObserver(function (mutations) { // eslint-disable-line\r\n mutations.forEach(function (mutation) {\r\n if(mutation.type === 'childList') {\r\n // check for child nodes (subtree) added or removed with data-validate-required\r\n if(mutation.addedNodes.length) {\r\n mutation.addedNodes.forEach(\r\n function (node) {\r\n if($(node).find('[data-validate-required=\"true\"]').length) {\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n }\r\n }\r\n );\r\n } else if(mutation.removedNodes.length) {\r\n mutation.removedNodes.forEach(\r\n function (node) {\r\n if($(node).find('[data-validate-required=\"true\"]').length) {\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n }\r\n }\r\n );\r\n }\r\n } else if(mutation.type === 'attributes') {\r\n // check for data-validate-required attr change on existing node\r\n if(mutation.attributeName === 'data-validate-required') {\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n if($(mutation.target).attr('data-validate-required') !== 'true') {\r\n $(mutation.target).parents('.js-form__field').removeClass('js-form__error');\r\n $(mutation.target).parents('.js-form__field').find('.form__label--required-text').remove();\r\n $(mutation.target).parents('.js-form__field').find('.js-form__error-wrapper').remove();\r\n }\r\n }\r\n }\r\n });\r\n });\r\n observer.observe($thisForm[0], { childList: true, subtree: true, attributes: true, attributeFilter: ['data-validate-required'] });\r\n\r\n // Check for already completed required fields on load in case some are completed from page reload or autofill\r\n $thisForm.find('[data-validate-required=\"true\"]').each(function(i) {\r\n // trigger silent validation\r\n validationHandler(this, true);\r\n });\r\n\r\n // Check for required fields on load in case there are none\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n\r\n // Handle Chrome/Webkit autofill on load - (Chrome autofill does not actually populate input value which can be read, so just skip actual validation and enable submit if ALL required fields are both autofilled)\r\n $(window).on('load', function() {\r\n if($('input:-webkit-autofill').length === getRequiredFields($thisForm)) {\r\n let allReqAutofilled = true;\r\n $('input:-webkit-autofill').each(function() {\r\n // check if all are actually required before doing this..\r\n if(!($(this).is('[data-validate-required=\"true\"]'))) {\r\n allReqAutofilled = false;\r\n }\r\n });\r\n if(allReqAutofilled) {\r\n $submitBtn.prop('disabled', false);\r\n }\r\n }\r\n });\r\n\r\n // Validate on Tab key press to ensure disabled fields get enabled to preserve tab order\r\n let wasTabbed = false;\r\n $thisForm.on('keydown', '[data-validate-type]', function (event) {\r\n let tabPressed = false;\r\n if('key' in event) {\r\n tabPressed = (event.key === 'Tab');\r\n }\r\n if(tabPressed) {\r\n wasTabbed = true;\r\n // validate if required or if optional but validated and any value is entered\r\n if($(this).is('[data-validate-required=\"true\"]') || $(this).val()) {\r\n validationHandler(this);\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n }\r\n }\r\n });\r\n\r\n // Validate fields with validation type specified on blur\r\n $thisForm.on('blur', '[data-validate-type]', function (event) {\r\n if(!wasTabbed) {\r\n // validate if required or if optional but validated and any value is entered\r\n if($(this).is('[data-validate-required=\"true\"]') || $(this).val()) {\r\n validationHandler(this);\r\n }\r\n }\r\n wasTabbed = false;\r\n });\r\n\r\n // Handle required without validation type defined (edge case)\r\n $thisForm.on('blur', '[data-validate-required=\"true\"]', function () {\r\n if(!$(this).is('[data-validate-type]')) {\r\n if(!wasTabbed) {\r\n validationHandler(this);\r\n }\r\n wasTabbed = false;\r\n }\r\n });\r\n\r\n // Validate required fields on any non-checkbox or radio input\r\n $thisForm.on('click input blur', '[data-validate-required=\"true\"]:not(input[type=checkbox], input[type=radio], select)', function() {\r\n // call silent validation on every input event\r\n validationHandler(this, true);\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n });\r\n\r\n // Handle required checkboxes\r\n if($thisForm.find($('input[type=checkbox][data-validate-required=\"true\"]')).length) {\r\n // check for already valid checkbox on load\r\n $thisForm.find($('input[type=checkbox][data-validate-required=\"true\"]')).each(function (i) {\r\n let $this = $(this);\r\n\r\n if($this.is('[data-validate-required=\"true\"]') && $this.is(':checked')) {\r\n $this.addClass('js-valid');\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n }\r\n });\r\n\r\n // checkbox change events\r\n $thisForm.on('change', 'input[type=checkbox][data-validate-required=\"true\"]', function (event) {\r\n let $this = $(this);\r\n\r\n if($this.is(':checked')) {\r\n $this.addClass('js-valid');\r\n } else {\r\n $this.removeClass('js-valid');\r\n }\r\n\r\n validationHandler(this);\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n });\r\n }\r\n\r\n // Handle required select / dropdown visibility\r\n function checkSelectVisibility($this) {\r\n let isVisible = $this.is(':visible');\r\n\r\n // *** Uncomment for testing *** : testing logs visibility status and name attribute\r\n /* let nameAttr = $this.attr('name');\r\n console.log(isVisible ? 'is visible:' : 'is not visible:', nameAttr);\r\n console.log($this); */\r\n\r\n // If visible, set required attribute and data attribute, else remove it\r\n $this.attr('data-validate-required', isVisible ? 'true' : 'false').attr('required', isVisible ? 'required' : false);\r\n if(isVisible && !$($this).parents('.js-form__field').find('.form__label--required-text').length) {\r\n $($this).parents('.js-form__field').find('.form__label').append(`\r\n \r\n *Required\r\n \r\n `);\r\n }\r\n\r\n if(validateSelect($this)) {\r\n $this.addClass('js-valid');\r\n } else {\r\n $this.removeClass('js-valid');\r\n }\r\n }\r\n\r\n // Handle required select / dropdown\r\n if($thisForm.find($('select[data-validate-required=\"true\"]')).length) {\r\n $thisForm.find($('select[data-validate-required=\"true\"]')).each(function (i) {\r\n let $this = $(this);\r\n\r\n // Check for already valid select on load\r\n if(validateSelect($this)) {\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n }\r\n\r\n // Select / dropdown change events\r\n $this.on('change', function (event) {\r\n // Need delay so that dom can refresh the hidden class before this code runs.\r\n setTimeout(function () {\r\n $thisForm.find('select[data-validate-required]').each(function (i) {\r\n checkSelectVisibility($(this));\r\n });\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n }, 100);\r\n });\r\n });\r\n }\r\n\r\n // Remove previous errors when focusing on validated or required input\r\n $thisForm.on('focus', '[data-validate-type], [data-validate-required=\"true\"]:not(input[type=radio])', function (event) {\r\n let $this = $(this);\r\n $this.closest('.js-form__input-wrapper').next('.js-form__error-wrapper').remove();\r\n $this.closest('.js-form__field').removeClass('js-form__error');\r\n });\r\n\r\n // Handle required radio input by listening to each radio group\r\n if($thisForm.find($('input[type=radio][data-validate-required=\"true\"]')).length) {\r\n $thisForm.find($('input[type=radio][data-validate-required=\"true\"]')).each(function (i) {\r\n let $this = $(this);\r\n\r\n // check for already valid radio inputs on load\r\n if($this.is('[data-validate-required=\"true\"]') && $this.is(':checked')) {\r\n $this.addClass('js-valid');\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n }\r\n\r\n let $radioInputs = $this.closest('.js-radio-group').find('input[type=radio]');\r\n\r\n // radio button change events\r\n $radioInputs.on('change blur', function (event) {\r\n let $this = $(this);\r\n if($this.is('[data-validate-required=\"true\"]') && $this.is(':checked')) {\r\n $this.addClass('js-valid');\r\n } else {\r\n $radioInputs.removeClass('js-valid');\r\n }\r\n\r\n validationHandler(this);\r\n requiredHandler($thisForm, getRequiredFields($thisForm), $submitBtn);\r\n });\r\n\r\n // Remove previous errors when focusing on validated or required input - special handling for radio structure\r\n $radioInputs.on('focus', function (event) {\r\n let $this = $(this);\r\n $this.closest('.js-form__input-wrapper').siblings('.js-form__error-wrapper').remove();\r\n $this.closest('.js-form__field').removeClass('js-form__error');\r\n });\r\n });\r\n }\r\n\r\n // Handle click on disabled button if user doesn't realize required fields are.. required\r\n $thisForm.find($('.js-form__submit-wrapper')).on('click', function (event) {\r\n // Prevent the default form submission\r\n event.preventDefault();\r\n\r\n // This code checks if any required fields are not validated\r\n let allFieldsValidated = true;\r\n $thisForm.find('[data-validate-required=\"true\"]').each(function () {\r\n if(!$(this).hasClass('js-valid')) {\r\n allFieldsValidated = false;\r\n return false; // Exits loop if a field is not validated\r\n }\r\n });\r\n\r\n if($submitBtn.prop('disabled') && !allFieldsValidated) {\r\n if($submitBtn.data('validate-message')) {\r\n $submitBtn.siblings('.js-form__error-wrapper').remove();\r\n let errorMessage = $submitBtn.data('validate-message');\r\n $(this).append('
' + errorMessage + '
');\r\n }\r\n }\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport {\r\n initValidation\r\n};\r\n","import { htmlEncode } from '../../../lib/globalapi.js';\r\nimport Escape from 'lodash.escape';\r\n$(document).on('click', '.sign-in', function(event) {\r\n let $target = $(event.target);\r\n let $submitBtn = $('#btnLogin');\r\n\r\n switch ($target.data('form-el')) {\r\n case 'signin-submit':\r\n SigninPost();\r\n break;\r\n case 'forgot-link':\r\n SigninForgotPW();\r\n break;\r\n default:\r\n // must be commented out or shows up on veracode report.\r\n // console.log('nothing', $(event.target));\r\n }\r\n\r\n function SigninForgotPW() {\r\n $('[data-form-el=\"forgot-form\"]').removeClass('hidden');\r\n $target.closest('form').addClass('hidden');\r\n }\r\n\r\n function enableSubmit() {\r\n $submitBtn.attr('disabled', false);\r\n $submitBtn.find('.js-submit-next').removeClass('hidden');\r\n $submitBtn.find('.js-submit-loading').addClass('hidden');\r\n $submitBtn.find('.js-spinner').removeClass('js-spinner-active');\r\n }\r\n\r\n function SigninPost() {\r\n // show loading spinner\r\n $submitBtn.attr('disabled', true);\r\n $submitBtn.find('.js-submit-next').addClass('hidden');\r\n $submitBtn.find('.js-submit-loading').removeClass('hidden');\r\n $submitBtn.find('.js-spinner').addClass('js-spinner-active');\r\n\r\n let email = $('#sign-in-email').val();\r\n let pass = $('#sign-in-password').val();\r\n let actToken = $('#activation-token').val();\r\n let redirect = $('#redirectUrl').val();\r\n let accountHint = $('#account-hint').val();\r\n\r\n // console.log('Posting Sign in data');\r\n\r\n $.ajax({\r\n url: '/api/cartcheckout/LoginCheck',\r\n type: 'POST',\r\n data: {\r\n email: email,\r\n password: pass,\r\n activationToken: actToken,\r\n redirectUrl: redirect,\r\n accountHint: accountHint\r\n },\r\n success: function (result) {\r\n let resultMessageEncoded = htmlEncode(result.resultMessage);\r\n let redirectUrlEncoded = Escape(redirect);\r\n\r\n if(result.resultStatus) {\r\n $('#SignInError').addClass('hidden');\r\n window.sessionStorage.removeItem('accountoptions');\r\n window.location.href = redirectUrlEncoded;\r\n } else {\r\n $('#SignInError').removeClass('hidden');\r\n $('#SignInError .sign-in__error-msg').html(resultMessageEncoded);\r\n enableSubmit();\r\n }\r\n }\r\n // must be commented out or shows up on veracode report.\r\n // ,\r\n // error: function (err) {\r\n // console.log('Sign in failure! : ', err);\r\n // $('#SignInError').html(err);\r\n // $('#SignInError').removeClass('hidden');\r\n // enableSubmit();\r\n // }\r\n });\r\n }\r\n});\r\n","$(document).ready(function() {\r\n $('.sitemap__folder').click(function(event) {\r\n let $folder = $(this);\r\n let $inner = $folder.siblings('.sitemap__inner');\r\n let $parentItem = $folder.closest('.sitemap__item');\r\n\r\n $folder.toggleClass('is--active');\r\n $inner.toggleClass('v-hidden');\r\n $parentItem.toggleClass('is--active');\r\n });\r\n});\r\n","import { setCookie } from '../../../lib/globalapi.js';\r\n\r\n$(document).ready(function () {\r\n $('.js-sw-header-banner-close').click(function(e) {\r\n let swHeaderBannerCookieTime = $('.js-sw-header-banner-cookie').data('swhb-cookietime');\r\n let swHeaderBannerCookieName = $('.js-sw-header-banner-cookie').data('swhb-cookiename');\r\n console.log({swHeaderBannerCookieTime});\r\n console.log({swHeaderBannerCookieName});\r\n setCookie(swHeaderBannerCookieName, 'true', swHeaderBannerCookieTime);\r\n $(e.target).parents().find('.sw-header-banner').remove();\r\n });\r\n});\r\n","import { checkTableOverflow } from '../../elements/table-overflow/table-overflow.js';\r\n\r\n$(document).ready(function () {\r\n var url = document.location.href.split('#');\r\n\r\n if(url.length > 1) {\r\n var anchorValue = url[1];\r\n if(!$('#app .xc-cl-app')) {\r\n var $selectedButton = $('#' + anchorValue);\r\n $selectedButton.addClass('is--active');\r\n var $siblings = $selectedButton.closest('.tabs__item').siblings();\r\n $siblings.find('.tabs__button').removeClass('is--active');\r\n }\r\n }\r\n});\r\n\r\n$(document).on('click', '.tabs__button', function(e) {\r\n const $tabsClickedButton = $(this);\r\n const $tabs = $tabsClickedButton.closest('.tabs');\r\n const $tabsButtonsArr = $tabs.find('.tabs__button');\r\n const $tabsContent = $tabs.find('.tabs__content');\r\n const tabIndex = $($tabsButtonsArr).index($tabsClickedButton);\r\n\r\n $($tabsContent).each((i, el) => {\r\n let $contentDiv = $(el);\r\n\r\n if(i === tabIndex) {\r\n $($tabsButtonsArr[i]).addClass('is--active');\r\n $contentDiv.addClass('is--active').removeClass('hidden');\r\n var tabid = $($tabsButtonsArr[i]).attr('id');\r\n if(tabid !== undefined) {\r\n window.history.pushState(null, null, '#' + tabid);\r\n }\r\n } else {\r\n $($tabsButtonsArr[i]).removeClass('is--active');\r\n $contentDiv.removeClass('is--active').addClass('hidden');\r\n }\r\n });\r\n\r\n // check for any tables that need overflow handling after tab hide/show\r\n checkTableOverflow();\r\n\r\n return false;\r\n});\r\n","// const {checkValidField} from '../../../lib/general.js');\r\n\r\n$(document).on('change', '.vat__file', function() {\r\n // let $vatFields = $('.vat__field');\r\n let $vatMessage = $('.vat__message');\r\n let $vatUpload = $('.vat__upload');\r\n let vatFile = $(this)[0].files;\r\n\r\n if(vatFile.length) {\r\n vatFile = vatFile[0];\r\n console.log('File Type', vatFile);\r\n if(vatFile.type === 'application/pdf') {\r\n let vatFileName = vatFile.name;\r\n $vatUpload.removeClass('vat__upload--error');\r\n $vatMessage.removeClass('hidden').text(vatFileName);\r\n $vatMessage.removeClass('form-error').text(vatFileName);\r\n console.log('file uploaded', vatFileName);\r\n } else {\r\n $vatMessage.removeClass('hidden');\r\n $vatMessage.text('Please upload valid file type of pdf');\r\n }\r\n }\r\n});\r\n\r\n// const vatFileCheck = () => {\r\n// let $vatMessage = $('.vat__message');\r\n// let $vatUpload = $('.vat__upload');\r\n// let $vatFile = $('#vat-file');\r\n//\r\n// if($vatUpload.length) {\r\n// checkValidField($vatFile.val(), $vatFile);\r\n//\r\n// if($vatUpload.find('.form-error').length) {\r\n// $vatUpload.addClass('vat__upload--error');\r\n// $vatMessage.removeClass('hidden');\r\n// $vatMessage.addClass('form-error').text('Please upload file');\r\n// }\r\n// }\r\n// };\r\n\r\n// export {vatFileCheck};\r\n","import { cartClear } from '../../../lib/globalapi.js';\r\n\r\n$(document).ready(function () {\r\n $('#cartClearBtn,#unlinkCartBtn').click(function (e) {\r\n cartClear();\r\n });\r\n});\r\n","$(document).ready(function() {\r\n let $contactForm = $('.js-contact-form__form');\r\n\r\n if($contactForm.length) {\r\n $('.js-form__submit').on('click', $contactForm, function (e) {\r\n e.preventDefault();\r\n\r\n var $this = $(this);\r\n $this.prop('disabled', true);\r\n $this.find('.js-submit-label').addClass('hidden');\r\n $this.find('.js-submit-loading').removeClass('hidden');\r\n $this.find('.js-spinner').addClass('js-spinner-active');\r\n\r\n let cf = {};\r\n cf.FirstName = $contactForm.find('[name=\"FirstName\"]').val();\r\n cf.LastName = $contactForm.find('[name=\"LastName\"]').val();\r\n cf.Email = $contactForm.find('[name=\"Email\"]').val();\r\n cf.Company = $contactForm.find('[name=\"Company\"]').val();\r\n cf.Message = $contactForm.find('textarea[name=\"Message\"]').val();\r\n cf.AgreeToTandC = $contactForm.find('input[name=\"AgreeToTandC\"]').prop('checked');\r\n cf.Subscribe = $contactForm.find('input[name=\"Subscribe\"]').prop('checked');\r\n cf.sEmail = $contactForm.find('input[name=\"sEmail\"]').val();\r\n cf.campaignSource = window.sessionStorage.getItem('utm_source');\r\n cf.campaignMedium = window.sessionStorage.getItem('utm_medium');\r\n cf.campaignName = window.sessionStorage.getItem('utm_campaign');\r\n cf.campaignTerm = window.sessionStorage.getItem('utm_term');\r\n cf.campaignContent = window.sessionStorage.getItem('utm_content');\r\n cf.utm_sc = window.sessionStorage.getItem('utm_sc');\r\n cf.LS = window.sessionStorage.getItem('LS');\r\n cf.adgroup = window.sessionStorage.getItem('adgroup');\r\n cf.ad = window.sessionStorage.getItem('ad');\r\n cf.keyword = window.sessionStorage.getItem('keyword');\r\n cf.formUrl = window.location.toString();\r\n cf.__RequestVerificationToken = $contactForm.find('[name=__RequestVerificationToken]').val();\r\n let url = '/api/contact/SendContactForm';\r\n $.ajax({\r\n url: url,\r\n data: cf,\r\n type: 'POST',\r\n success: function () {\r\n $contactForm.addClass('hidden');\r\n $('.js-contact-form-success').removeClass('hidden');\r\n $('html,body').animate({ scrollTop: $('.js-contact-form-success').offset().top }, 300);\r\n },\r\n error: function (result) {\r\n console.log(result);\r\n ResetButtonText();\r\n }\r\n });\r\n });\r\n }\r\n});\r\n\r\nfunction ResetButtonText() {\r\n $('.js-form__submit').find('.js-submit-label').removeClass('hidden');\r\n $('.js-form__submit').find('.js-submit-loading').addClass('hidden');\r\n $('.js-form__submit').find('.js-spinner').removeClass('js-spinner-active');\r\n}\r\n","$(document).ready(function() {\r\n let geocode = window.globalGeocode;\r\n\r\n let $countrySelect = $('.js-nav-secondary__country-select');\r\n let $countryNav = $('.js-nav-secondary__item-country');\r\n let $navlink = $('.js-nav-main__link');\r\n let $navbg = $('.js-nav-bg');\r\n let $countryFlag = $('.js-nav-secondary__country-flag');\r\n let $countryDisplay = $('.js-nav-secondary__country-display');\r\n\r\n var geoCookieValue = getCookie('geoIpCountry');\r\n if(geoCookieValue === '') {\r\n if(geocode === 'N/A') { geocode = 'US'; }\r\n setCookie('geoIpCountry', geocode, 1);\r\n setCountryOption(geocode);\r\n } else {\r\n if(geoCookieValue === 'JA') {\r\n geoCookieValue = 'JP';\r\n }\r\n setCountryOption(geoCookieValue);\r\n }\r\n\r\n function setCookie(cname, cvalue, exdays) {\r\n var d = new Date();\r\n d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));\r\n var expires = 'expires=' + d.toUTCString();\r\n document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';\r\n }\r\n function getCookie(cname) {\r\n var name = cname + '=';\r\n var decodedCookie = decodeURIComponent(document.cookie);\r\n var ca = decodedCookie.split(';');\r\n for (var i = 0; i < ca.length; i++) {\r\n var c = ca[i];\r\n while (c.charAt(0) === ' ') {\r\n c = c.substring(1);\r\n }\r\n if(c.indexOf(name) === 0) {\r\n return c.substring(name.length, c.length);\r\n }\r\n }\r\n return '';\r\n }\r\n function setCountryOption(countryCode) {\r\n let geoflag = '';\r\n let country = '';\r\n let $selectedCountryOption = $countrySelect.find('option[data-countryid=' + countryCode + ']');\r\n\r\n if($selectedCountryOption.length) {\r\n $selectedCountryOption.attr('selected', true);\r\n geoflag = $selectedCountryOption.data('countryid');\r\n country = $selectedCountryOption.text();\r\n }\r\n\r\n if(geoflag !== 'undefined') {\r\n geoflag = geoflag.toLowerCase();\r\n $countryFlag.attr('class', 'nav-secondary__country-flag nav-secondary__country-flag--' + geoflag);\r\n }\r\n if(country !== 'undefined') {\r\n $countryDisplay.text(country);\r\n }\r\n $countrySelect.on('focus', function() {\r\n $countryNav.addClass('js-active');\r\n });\r\n $countrySelect.on('blur', function() {\r\n $countryNav.removeClass('js-active');\r\n });\r\n $countryNav.on('click', function() {\r\n if($navlink.hasClass('js-active')) {\r\n $navbg.trigger('click');\r\n }\r\n });\r\n $countrySelect.on('change', function() {\r\n geocode = $(this.options[this.selectedIndex]).attr('data-countryid');\r\n if(geocode === 'N/A') { geocode = 'US'; }\r\n setCookie('geoIpCountry', geocode, 1);\r\n $.ajax({\r\n url: '/api/cartcheckout/ClearCartAddresses',\r\n method: 'POST'\r\n }).done(function() {\r\n window.location.reload();\r\n });\r\n });\r\n }\r\n});\r\n","$(document).ready(function () {\r\n createClockWidget('UTCclock', 'UTC', 'UTC');\r\n createClockWidget('UKclock', 'Europe/London', 'UK');\r\n createClockWidget('MSTclock', 'America/Denver', 'MST');\r\n\r\n function createClockWidget(clockId, timeZone, label) {\r\n if(document.getElementById(clockId)) {\r\n displayClockWidget(clockId, timeZone, label);\r\n setInterval(function () {\r\n displayClockWidget(clockId, timeZone, label);\r\n }, 60000);\r\n }\r\n }\r\n\r\n function displayClockWidget(clockId, timeZone, label) {\r\n var date = new Date();\r\n var localDate = new Date(date.toLocaleString('en-US', { timeZone: timeZone }));\r\n var hours = localDate.getHours();\r\n var minutes = localDate.getMinutes();\r\n var time = (hours < 10 ? '0' + hours : hours) + ':' + (minutes < 10 ? '0' + minutes : minutes) + ' ' + label;\r\n var clock = document.getElementById(clockId);\r\n if(clock) {\r\n clock.innerHTML = time;\r\n }\r\n }\r\n});\r\n","import { WriteToClipboard } from '../../../lib/general.js';\r\n$(document).ready(function () {\r\n $('.color__hex').click(function (e) {\r\n WriteToClipboard($(this).html());\r\n });\r\n});\r\n","import { WriteToClipboard } from '../../../lib/general.js';\r\n$(document).ready(function () {\r\n if($('.xc-cl-app__content').length) {\r\n var classes = '.uidna__body .fal, .uidna__body .far, .uidna__body .fas, .uidna__body .fab, .uidna__body .fa-solid, .uidna__body .svg';\r\n $('body').on('mouseenter', classes, function () {\r\n var classlist = '(' + $(this).attr('class').split(/\\s+/).join(' ') + ')';\r\n $(this).closest('.uidna-container__wrapper').find('.uidna__hint').html(classlist);\r\n });\r\n $('body').on('mouseleave', classes, function () {\r\n $(this).closest('.uidna-container__wrapper').find('.uidna__hint').html('');\r\n });\r\n $('body').on('click', classes, function () {\r\n var classlist = $(this).attr('class').split(/\\s+/).join(' ');\r\n $(this).closest('.uidna-container__wrapper').find('.uidna__hint').html('(' + classlist + ' - copied to clipboard' + ')');\r\n WriteToClipboard(classlist);\r\n });\r\n }\r\n\r\n // FOR TESTING TURN OFF WHEN YOU'RE\r\n if($('.xc-cl-app__content').length) {\r\n var testIconClass = '.uidna__body .js-test-icons';\r\n $(document).on('click', testIconClass, function () {\r\n $('.js-test-icon-toggle').toggleClass('hidden');\r\n });\r\n }\r\n});\r\n","$(document).ready(function () {\r\n $('.js-new-ui-styles').on('click', function (e) {\r\n e.preventDefault();\r\n $('body').toggleClass('newstyles');\r\n });\r\n});\r\n","$(document).ready(function() {\r\n /* OLD only called on CLE page:\r\n if($('.js-cell-line__wrapper').length > 0) {\r\n NEW called on any page with jQuery UI: */\r\n if($.ui) {\r\n // jQuery UI tooltip widget (not available sitewide)\r\n $('.js-tooltip').tooltip({\r\n tooltipClass: 'tooltip, tooltip__bold',\r\n content: function() {\r\n return $(this).prop('title');\r\n }\r\n });\r\n\r\n $('.js-tooltip-dark').tooltip({\r\n tooltipClass: 'tooltip, tooltip__bold, tooltip__dark',\r\n content: function() {\r\n return $(this).prop('title');\r\n },\r\n position: {\r\n my: 'center bottom-20',\r\n at: 'center top',\r\n using: function(position, feedback) {\r\n $(this).css(position);\r\n $('