').hide().insertBefore($target);\n\n\t\t\t$events.one(event_purge, function () {\n\t\t\t\t$inline.replaceWith($target);\n\t\t\t});\n\n\t\t\tprep($target);\n\t\t} else if (settings.get('iframe')) {\n\t\t\t// IFrame element won't be added to the DOM until it is ready to be displayed,\n\t\t\t// to avoid problems with DOM-ready JS that might be trying to run in that iframe.\n\t\t\tprep(\" \");\n\t\t} else if (settings.get('html')) {\n\t\t\tprep(settings.get('html'));\n\t\t} else if (isImage(settings, href)) {\n\n\t\t\thref = retinaUrl(settings, href);\n\n\t\t\tphoto = settings.get('createImg');\n\n\t\t\t$(photo)\n\t\t\t.addClass(prefix + 'Photo')\n\t\t\t.bind('error.'+prefix,function () {\n\t\t\t\tprep($tag(div, 'Error').html(settings.get('imgError')));\n\t\t\t})\n\t\t\t.one('load', function () {\n\t\t\t\tif (request !== requests) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// A small pause because some browsers will occassionaly report a\n\t\t\t\t// img.width and img.height of zero immediately after the img.onload fires\n\t\t\t\tsetTimeout(function(){\n\t\t\t\t\tvar percent;\n\n\t\t\t\t\tif (settings.get('retinaImage') && window.devicePixelRatio > 1) {\n\t\t\t\t\t\tphoto.height = photo.height / window.devicePixelRatio;\n\t\t\t\t\t\tphoto.width = photo.width / window.devicePixelRatio;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (settings.get('scalePhotos')) {\n\t\t\t\t\t\tsetResize = function () {\n\t\t\t\t\t\t\tphoto.height -= photo.height * percent;\n\t\t\t\t\t\t\tphoto.width -= photo.width * percent;\n\t\t\t\t\t\t};\n\t\t\t\t\t\tif (settings.mw && photo.width > settings.mw) {\n\t\t\t\t\t\t\tpercent = (photo.width - settings.mw) / photo.width;\n\t\t\t\t\t\t\tsetResize();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (settings.mh && photo.height > settings.mh) {\n\t\t\t\t\t\t\tpercent = (photo.height - settings.mh) / photo.height;\n\t\t\t\t\t\t\tsetResize();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (settings.h) {\n\t\t\t\t\t\tphoto.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';\n\t\t\t\t\t}\n\n\t\t\t\t\tif ($related[1] && (settings.get('loop') || $related[index + 1])) {\n\t\t\t\t\t\tphoto.style.cursor = 'pointer';\n\n\t\t\t\t\t\t$(photo).bind('click.'+prefix, function () {\n\t\t\t\t\t\t\tpublicMethod.next();\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tphoto.style.width = photo.width + 'px';\n\t\t\t\t\tphoto.style.height = photo.height + 'px';\n\t\t\t\t\tprep(photo);\n\t\t\t\t}, 1);\n\t\t\t});\n\n\t\t\tphoto.src = href;\n\n\t\t} else if (href) {\n\t\t\t$loadingBay.load(href, settings.get('data'), function (data, status) {\n\t\t\t\tif (request === requests) {\n\t\t\t\t\tprep(status === 'error' ? $tag(div, 'Error').html(settings.get('xhrError')) : $(this).contents());\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\t// Navigates to the next page/image in a set.\n\tpublicMethod.next = function () {\n\t\tif (!active && $related[1] && (settings.get('loop') || $related[index + 1])) {\n\t\t\tindex = getIndex(1);\n\t\t\tlaunch($related[index]);\n\t\t}\n\t};\n\n\tpublicMethod.prev = function () {\n\t\tif (!active && $related[1] && (settings.get('loop') || index)) {\n\t\t\tindex = getIndex(-1);\n\t\t\tlaunch($related[index]);\n\t\t}\n\t};\n\n\t// Note: to use this within an iframe use the following format: parent.jQuery.colorbox.close();\n\tpublicMethod.close = function () {\n\t\tif (open && !closing) {\n\n\t\t\tclosing = true;\n\t\t\topen = false;\n\t\t\ttrigger(event_cleanup);\n\t\t\tsettings.get('onCleanup');\n\t\t\t$window.unbind('.' + prefix);\n\t\t\t$overlay.fadeTo(settings.get('fadeOut') || 0, 0);\n\n\t\t\t$box.stop().fadeTo(settings.get('fadeOut') || 0, 0, function () {\n\t\t\t\t$box.hide();\n\t\t\t\t$overlay.hide();\n\t\t\t\ttrigger(event_purge);\n\t\t\t\t$loaded.remove();\n\n\t\t\t\tsetTimeout(function () {\n\t\t\t\t\tclosing = false;\n\t\t\t\t\ttrigger(event_closed);\n\t\t\t\t\tsettings.get('onClosed');\n\t\t\t\t}, 1);\n\t\t\t});\n\t\t}\n\t};\n\n\t// Removes changes Colorbox made to the document, but does not remove the plugin.\n\tpublicMethod.remove = function () {\n\t\tif (!$box) { return; }\n\n\t\t$box.stop();\n\t\t$[colorbox].close();\n\t\t$box.stop(false, true).remove();\n\t\t$overlay.remove();\n\t\tclosing = false;\n\t\t$box = null;\n\t\t$('.' + boxElement)\n\t\t\t.removeData(colorbox)\n\t\t\t.removeClass(boxElement);\n\n\t\t$(document).unbind('click.'+prefix).unbind('keydown.'+prefix);\n\t};\n\n\t// A method for fetching the current element Colorbox is referencing.\n\t// returns a jQuery object.\n\tpublicMethod.element = function () {\n\t\treturn $(settings.el);\n\t};\n\n\tpublicMethod.settings = defaults;\n\n}(jQuery, document, window));\n","define([\"knockout\", \"postal\"], function (ko, postal) {\r\n //Changing other elements visibility in the page can mean our sticky isn't placed correctly anymore\r\n //For example-- a div in the container of the container of our sticky might show, causing the container of the container to grow\r\n //I've monkey-patched the ko visibility binding so it will publish a message telling our sticky to recalculate its position\r\n var originalVisible = ko.bindingHandlers.visible.update;\r\n ko.bindingHandlers.visible.update = function(element, valueAccessor) {\r\n var ret = originalVisible( element, valueAccessor );\r\n postal.publish({\r\n channel: \"DOM\",\r\n topic: \"visibilityChange\"\r\n });\r\n return ret;\r\n };\r\n});\r\n\r\n","define([\r\n \"global-config\",\r\n \"page-context-javascript\",\r\n \"underscore\",\r\n \"knockout\",\r\n \"jquery\",\r\n \"postal\",\r\n \"ssm\",\r\n \"es6-promise\",\r\n \"js-cookie\",\r\n \"scroll-to-section\",\r\n \"react-dom\",\r\n \"../react/estimateBuilder/components/EstimateBanner\",\r\n \"react\",\r\n \"right-rails-fly-out-menu\",\r\n \"colorbox\",\r\n \"sticky-kit\",\r\n \"slick\",\r\n \"unveil\",\r\n \"jquery-validate\"\r\n], function(\r\n globalConfig,\r\n pageContextJavascript,\r\n _,\r\n ko,\r\n $,\r\n postal,\r\n ssm,\r\n promise,\r\n Cookies,\r\n scrollToSection,\r\n ReactDOM,\r\n estimateBanner,\r\n React\r\n) {\r\n \"use strict\";\r\n promise.polyfill();\r\n const EstimateBanner = estimateBanner.default;\r\n\r\n const estimateBannerRoot = document.getElementById(\"estimate-banner-root\");\r\n\r\n if (estimateBannerRoot) {\r\n ReactDOM.render(\r\n
,\r\n estimateBannerRoot\r\n );\r\n }\r\n\r\n // Configures SimpleStateManager States\r\n (function(ssm) {\r\n var ObservableState = function(id, query) {\r\n var self = this;\r\n self.id = id;\r\n self.query = query;\r\n self.observableIsActive = ko.observable(false);\r\n self.onEnter = function() {\r\n self.observableIsActive(true);\r\n };\r\n self.onLeave = function() {\r\n self.observableIsActive(false);\r\n };\r\n };\r\n\r\n ssm.addState(new ObservableState(\"mobile\", \"(max-width: 767px)\"));\r\n ssm.addState(new ObservableState(\"tablet\", \"(min-device-width: 768px)\"));\r\n ssm.addState(new ObservableState(\"desktop\", \"(min-device-width: 1024px)\"));\r\n ssm.addState(\r\n new ObservableState(\r\n \"tablet-only\",\r\n \"(min-device-width: 768px) and (max-device-width: 1024px)\"\r\n )\r\n );\r\n })(ssm);\r\n\r\n var globals = {\r\n alert: function() {\r\n return window ? window.alert : {};\r\n },\r\n breakpoint: {},\r\n ssm: ssm,\r\n dictionaryEntryForTerm:\r\n \"/DictionaryManagement/Definition/DictionaryEntryForTerm\",\r\n setBodyOverlay: function(bodyOverlay) {\r\n if (bodyOverlay) {\r\n $(\"body\").addClass(\"bdc-remove-body-scrolling\");\r\n } else {\r\n $(\"body\").removeClass(\"bdc-remove-body-scrolling\");\r\n }\r\n }\r\n };\r\n\r\n _.extend(globals, window.globalConfig);\r\n _.extend(globals, pageContextJavascript);\r\n\r\n globals.breakpoint.refreshValue = function() {\r\n this.value = window\r\n .getComputedStyle(document.querySelector(\"body\"), \":before\")\r\n .getPropertyValue(\"content\")\r\n .replace(/\\\"/g, \"\");\r\n };\r\n globals.breakpoint.refreshValue();\r\n\r\n window.addEventListener(\"resize\", function(e) {\r\n globals.breakpoint.refreshValue();\r\n });\r\n\r\n window.addEventListener(\"orientationchange\", function() {\r\n globals.breakpoint.refreshValue();\r\n });\r\n\r\n // Browser specific JavaScript\r\n var userAgent = window.navigator.userAgent;\r\n var isIE =\r\n userAgent &&\r\n (userAgent.indexOf(\"MSIE \") > 0 || userAgent.indexOf(\"Trident/\") > 0);\r\n var isIE10 = document.all && window.atob;\r\n var isIE9 = document.all && document.addEventListener && !window.atob;\r\n if (isIE) {\r\n $(\"html\").addClass(\"ie\");\r\n if (isIE9) {\r\n require([\"ie9-only\"]);\r\n } else if (isIE10) {\r\n $(\"html\").addClass(\"ie10\");\r\n require([\"ie10-only\"]);\r\n }\r\n }\r\n globals.isIOS =\r\n /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\r\n globals.isIE9 = isIE9;\r\n\r\n //exposed globally for infopages\r\n window.globals = globals;\r\n window.Cookies = Cookies;\r\n window.scrollToSection = scrollToSection;\r\n //503 means we are under construction\r\n var readCookie = function(name, c, C, i) {\r\n c = document.cookie.split(\"; \");\r\n var cookies = {};\r\n for (i = c.length - 1; i >= 0; i--) {\r\n C = c[i].split(\"=\");\r\n cookies[C[0]] = C[1];\r\n }\r\n return cookies[name];\r\n };\r\n $.ajaxSetup({\r\n beforeSend: function(request, settings) {\r\n var blindsCookie = readCookie(\"internalUser\");\r\n //Look to see if the request is mentioned in the _cacheCheck list on the page\r\n if (globals.cacheCheck !== undefined) {\r\n var hasCheck = _.filter(globals.cacheCheck, function(url) {\r\n return settings.url.toLowerCase().indexOf(url.toLowerCase()) !== -1;\r\n });\r\n //If so, we send a request header for akamai to say it should not cache this response\r\n if (hasCheck.length > 0) {\r\n if (blindsCookie !== undefined) {\r\n request.setRequestHeader(\"x-blinds-internal\", \"true\");\r\n }\r\n }\r\n }\r\n },\r\n error: function(xhr, textStatus, errorThrown) {\r\n if (xhr.status === 503) {\r\n var newDoc = document.open(\"text/html\", \"replace\");\r\n newDoc.write(xhr.responseText);\r\n newDoc.close();\r\n }\r\n }\r\n });\r\n\r\n $(function() {\r\n if (globals.siteId === 3) {\r\n $(document).on('click', 'a[href*=\"/surefit\"]', function(event) {\r\n event.preventDefault();\r\n event.stopImmediatePropagation();\r\n let output = '';\r\n const {\r\n globalConfig: { prismicApi },\r\n } = window;\r\n $.ajax({ url: prismicApi }).then(function(val) {\r\n var ref = val.refs[0].ref;\r\n $.ajax({\r\n url: `${prismicApi}/documents/search?ref=${ref}&q=[[at(my.contentpage.uid, \"surefit-guarantee-to-fit\")]]`\r\n }).then(function(surefitObj) {\r\n surefitObj.results[0].data.body[0].items[0].article.forEach(function (obj, index) {\r\n if (obj.type === 'paragraph') {\r\n output += `
${obj.text}
`;\r\n } else if (obj.type === 'list-item') {\r\n if (surefitObj.results[0].data.body[0].items[0].article[index - 1].type !== 'list-item') {\r\n output += '
';\r\n }\r\n output += `- ${obj.text}
`;\r\n if (surefitObj.results[0].data.body[0].items[0].article[index + 1] &&\r\n surefitObj.results[0].data.body[0].items[0].article[index + 1].type !== 'list-item'\r\n ) {\r\n output += '
';\r\n }\r\n }\r\n });\r\n var surefitContent = ' \\\r\n
\\\r\n
\\\r\n
\\\r\n
' + surefitObj.results[0].data.page_h1[0].text + '
\\\r\n
\\\r\n
\\\r\n
' + surefitObj.results[0].data.hero_h2_subtitle[0].text + '
\\\r\n ' + output + ' \\\r\n \\\r\n
';\r\n $.colorbox({\r\n html: surefitContent,\r\n transition: \"none\",\r\n width: '600px',\r\n maxWidth: '95%',\r\n maxHeight: '95%',\r\n });\r\n });\r\n });\r\n });\r\n }\r\n });\r\n\r\n // Prevents scrolling of page when any modal (colorbox) is open\r\n $(document)\r\n .on(\"cbox_open\", function(event, myName) {\r\n $(\"body\").css({\r\n overflow: \"hidden\"\r\n });\r\n })\r\n .on(\"cbox_closed\", function(event, myName) {\r\n $(\"body\").css({\r\n overflow: \"\"\r\n });\r\n });\r\n\r\n (function() {\r\n if (\r\n \"-ms-user-select\" in document.documentElement.style &&\r\n navigator.userAgent.match(/iemobile/i) === true\r\n ) {\r\n var msViewportStyle = document.createElement(\"style\");\r\n msViewportStyle.appendChild(\r\n document.createTextNode(\"@-ms-viewport{width:auto!important}\")\r\n );\r\n document.getElementsByTagName(\"head\")[0].appendChild(msViewportStyle);\r\n }\r\n })();\r\n return globals;\r\n});\r\n","\"use strict\";\n\nvar CivicColorBox = require(\"./colorbox-confirm-civic\");\nvar FoodtruckColorBox = require(\"./colorbox-confirm-foodtruck\");\nvar globals = require(\"globals\");\n\nmodule.exports = function (settings, okCallback, cancelCallback, closedCallback) {\n if (globals.siteId === 5) {\n return new FoodtruckColorBox(settings, okCallback, cancelCallback, closedCallback);\n }\n settings.siteId = globals.siteId;\n return new CivicColorBox(settings, okCallback, cancelCallback, closedCallback);\n};","define([\r\n \"jquery\",\r\n \"colorbox\"],\r\nfunction($) {\r\n\r\n var colorboxConfirm = function(settings, okCallback, cancelCallback,closedCallback) {\r\n\r\n var _settings = settings || {};\r\n /*\r\n Example of settings\r\n {\r\n title: \"Remove Item\",\r\n msg: \"Are you sure you would like to remove this item?\",\r\n buttons: { ok: { text: \"Yes\"}, cancel: { text: \"No\" } }\r\n cssClass: \"error\"\r\n }\r\n Example of settings\r\n {\r\n html: \"
Hello world
\"\r\n }\r\n Example of settings\r\n {\r\n html: \"
Click ok
\",\r\n okElementId: \"btn-ok\",\r\n }\r\n Example of settings\r\n {\r\n html: \"
Click ok
\",\r\n okElementId: \"btn-ok\",\r\n cancelElementId: \"btn-cancel\"\r\n }\r\n */\r\n\r\n var html = \"\";\r\n if (_settings.html) {\r\n html = _settings.html;\r\n } else {\r\n var cssClass = _settings.cssClass || \"\";\r\n var buttonSettings = _settings.buttons || {};\r\n var okId = \"colorbox-ok\";\r\n var okText = (buttonSettings.ok && buttonSettings.ok.text) || \"Ok\";\r\n var cancelId = \"colorbox-cancel\";\r\n var cancelText = ( buttonSettings.cancel && buttonSettings.cancel.text ) || \"Cancel\";\r\n\r\n // Blinds.com\r\n if (_settings.siteId === 3) {\r\n html = \r\n \"
\" +\r\n \"
\" +\r\n \"
\" + _settings.title + \"
\" +\r\n \"
\" + settings.msg + \"
\" +\r\n \"
\" +\r\n \" \" +\r\n \" \" +\r\n \"
\" +\r\n \"
\" +\r\n \"
\";\r\n } else {\r\n html = \"
\" +\r\n \"
\" +\r\n \"
\" + _settings.title + \"
\" +\r\n \"
\" + settings.msg + \"
\" +\r\n \"
\" +\r\n \"\" +\r\n \"\" +\r\n \"
\" +\r\n \"
\" +\r\n \"
\";\r\n }\r\n _settings.okElementId = okId;\r\n _settings.cancelElementId = cancelId;\r\n }\r\n\r\n var registerCallbacks = function (okHandler, cancelHandler) {\r\n\r\n if (okHandler && okHandler.elementId) {\r\n var ok = document.getElementById(okHandler.elementId);\r\n if (ok) {\r\n ok.onclick = function () {\r\n okHandler.callback && okHandler.callback.call(this);\r\n $.colorbox.close();\r\n };\r\n }\r\n }\r\n\r\n if (cancelHandler && cancelHandler.elementId) {\r\n var cancel = document.getElementById(cancelHandler.elementId);\r\n if (cancel) {\r\n cancel.onclick = function () {\r\n cancelHandler.callback && cancelHandler.callback.call(this);\r\n $.colorbox.close();\r\n };\r\n }\r\n }\r\n }\r\n\r\n var okHandler = { elementId: _settings.okElementId, callback: okCallback };\r\n var cancelHandler = { elementId: _settings.cancelElementId, callback: cancelCallback };\r\n\r\n $.colorbox({\r\n html: html,\r\n transition: \"none\",\r\n maxWidth: \"95%\",\r\n maxHeight: \"95%\",\r\n onComplete: function () {\r\n $.colorbox.resize();\r\n registerCallbacks(okHandler, cancelHandler);\r\n },\r\n onClosed: function () {\r\n if (closedCallback && !!( closedCallback && closedCallback.constructor && closedCallback.call && closedCallback.apply )) {\r\n closedCallback();\r\n }\r\n }\r\n });\r\n\r\n };\r\n\r\n return colorboxConfirm;\r\n\r\n});\r\n","define([\r\n \"jquery\",\r\n \"colorbox\"],\r\nfunction($) {\r\n\r\n var colorboxConfirm = function(settings, okCallback, cancelCallback,closedCallback) {\r\n\r\n var _settings = settings || {};\r\n /*\r\n Example of settings\r\n {\r\n title: \"Remove Item\",\r\n msg: \"Are you sure you would like to remove this item?\",\r\n buttons: { ok: { text: \"Yes\"}, cancel: { text: \"No\" } }\r\n cssClass: \"error\"\r\n }\r\n Example of settings\r\n {\r\n html: \"
Hello world
\"\r\n }\r\n Example of settings\r\n {\r\n html: \"
Click ok
\",\r\n okElementId: \"btn-ok\",\r\n }\r\n Example of settings\r\n {\r\n html: \"
Click ok
\",\r\n okElementId: \"btn-ok\",\r\n cancelElementId: \"btn-cancel\"\r\n }\r\n */\r\n\r\n var html = \"\";\r\n if (_settings.html) {\r\n html = _settings.html;\r\n } else {\r\n var cssClass = _settings.cssClass || \"\";\r\n var buttonSettings = _settings.buttons || {};\r\n var okId = \"colorbox-ok\";\r\n var okText = (buttonSettings.ok && buttonSettings.ok.text) || \"Ok\";\r\n var cancelId = \"colorbox-cancel\";\r\n var cancelText = ( buttonSettings.cancel && buttonSettings.cancel.text ) || \"Cancel\";\r\n\r\n html = \"
\" +\r\n \"
\" +\r\n \"
\" + _settings.title + \"
\" +\r\n \"
\" + settings.msg + \"
\" +\r\n \"
\" +\r\n \"\" +\r\n \"\" +\r\n \"
\" +\r\n \"
\" +\r\n \"
\";\r\n _settings.okElementId = okId;\r\n _settings.cancelElementId = cancelId;\r\n }\r\n\r\n var registerCallbacks = function (okHandler, cancelHandler) {\r\n\r\n if (okHandler && okHandler.elementId) {\r\n var ok = document.getElementById(okHandler.elementId);\r\n if (ok) {\r\n ok.onclick = function () {\r\n okHandler.callback && okHandler.callback.call(this);\r\n $.colorbox.close();\r\n };\r\n }\r\n }\r\n\r\n if (cancelHandler && cancelHandler.elementId) {\r\n var cancel = document.getElementById(cancelHandler.elementId);\r\n if (cancel) {\r\n cancel.onclick = function () {\r\n cancelHandler.callback && cancelHandler.callback.call(this);\r\n $.colorbox.close();\r\n };\r\n }\r\n }\r\n }\r\n\r\n var okHandler = { elementId: _settings.okElementId, callback: okCallback };\r\n var cancelHandler = { elementId: _settings.cancelElementId, callback: cancelCallback };\r\n\r\n $.colorbox({\r\n html: html,\r\n transition: \"none\",\r\n maxWidth: \"95%\",\r\n maxHeight: \"95%\",\r\n onComplete: function () {\r\n $.colorbox.resize();\r\n registerCallbacks(okHandler, cancelHandler);\r\n },\r\n onClosed: function () {\r\n if (closedCallback && !!( closedCallback && closedCallback.constructor && closedCallback.call && closedCallback.apply )) {\r\n closedCallback();\r\n }\r\n }\r\n });\r\n\r\n };\r\n\r\n return colorboxConfirm;\r\n\r\n});\r\n","class Paypal {\r\n constructor(args) {\r\n const $this = this;\r\n $this.paypalLandingPage = '/paypal';\r\n $this.paypal = window.paypal;\r\n if (args) {\r\n Object.assign(this, args);\r\n }\r\n if (!Element.prototype.matches) {\r\n Element.prototype.matches = Element.prototype.msMatchesSelector;\r\n }\r\n }\r\n\r\n async createOrder() {\r\n const paypalLegacyReturnCancelUrl = 'https://www.paypal.com/checkoutnow/error';\r\n const { globals } = window\r\n const paypalParams = {\r\n cancelUrl: paypalLegacyReturnCancelUrl,\r\n returnUrl: paypalLegacyReturnCancelUrl,\r\n };\r\n return fetch(globals.paths.setPaypalExpressCheckout, {\r\n body: JSON.stringify(paypalParams),\r\n credentials: 'same-origin',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'POST',\r\n }).then(res => res.json()).then(data => data.Data.Token);\r\n }\r\n\r\n onApprove(data, actions) {\r\n const { orderID, payerID } = data\r\n const { globals, jQuery, pageContextJavascript } = window;\r\n\r\n if ((pageContextJavascript !== null || pageContextJavascript !== undefined) && pageContextJavascript.showNewShippingBillingPage) {\r\n $.post(globals.paths.getPayPalExpressDetails, { token: orderID })\r\n .then(() => {\r\n window.location.href = `/Ordering/Checkout/Review?FeatureGate.NewShippingBillingPage=true&token=${orderID}&PayerID=${payerID}`;\r\n });\r\n } else {\r\n window.location.href = `/Ordering/Checkout/Review?token=${orderID}&PayerID=${payerID}`;\r\n }\r\n }\r\n\r\n onClick(data) {\r\n const page = window.digitalData.page.pageInfo.pageType;\r\n const pageVar = page === 'checkout' ? 'shipping' : page;\r\n const { fundingSource } = data;\r\n const isPayPalCredit = fundingSource === 'credit' || fundingSource === 'venmo';\r\n this.triggerAnalyticsEvent(pageVar, isPayPalCredit);\r\n }\r\n\r\n triggerAnalyticsEventBanners = (page, mktBannerId) => {\r\n window.ddoEventInit({\r\n category: {\r\n primaryCategory: 'button submission'\r\n },\r\n eventInfo: {\r\n eventName: 'flex button',\r\n eventDescription: `paypal banner - ${page} page - ${mktBannerId.substr(1)}`,\r\n }\r\n });\r\n }\r\n\r\n triggerAnalyticsEvent = (page, isFinancing) => {\r\n if (isFinancing) {\r\n window.ddoEventInit({\r\n category: {\r\n primaryCategory: 'button submission'\r\n },\r\n eventInfo: {\r\n eventName: 'flex button',\r\n eventDescription: `paypal credit - ${page} page`,\r\n }\r\n });\r\n } else {\r\n const pageVar = page === 'checkout' ? 'shipping' : page;\r\n window.ddoEventInit({\r\n category: {\r\n primaryCategory: 'button submission',\r\n },\r\n eventInfo: {\r\n eventName: `blinds paypal ${pageVar}`,\r\n },\r\n });\r\n }\r\n }\r\n\r\n watchClickOnMarketingBanners = mktBannerContainerSelector => {\r\n const $this = this;\r\n var mktBannersObj = {\r\n iframeMouseOver : false,\r\n };\r\n\r\n window.addEventListener('blur', () => {\r\n window.setTimeout(() => {\r\n if (\r\n document.activeElement instanceof HTMLIFrameElement &&\r\n document.activeElement.closest(mktBannerContainerSelector)\r\n ) {\r\n const page = window.digitalData.page.pageInfo.pageType;\r\n $this.triggerAnalyticsEventBanners(page, mktBannerContainerSelector);\r\n }\r\n }, 0);\r\n });\r\n\r\n document.addEventListener('mouseover', (event) => {\r\n if (event.target.matches('[title=\"paypal_buttons\"]')) {\r\n mktBannersObj.iframeMouseOver = true;\r\n }\r\n });\r\n\r\n document.addEventListener('mouseout', (event) => {\r\n if (event.target.matches('[title=\"paypal_buttons\"]')) {\r\n mktBannersObj.iframeMouseOver = false;\r\n }\r\n });\r\n }\r\n\r\n getScript(url, callback) {\r\n const { jQuery } = window\r\n jQuery.ajax({\r\n cache: true,\r\n dataType: 'script',\r\n success: callback,\r\n type: 'GET',\r\n url,\r\n });\r\n }\r\n\r\n addHorizontalButtons(container, stylesParam) {\r\n const $this = this;\r\n const defaultStyles = {\r\n color: 'gold',\r\n fundingicons: false,\r\n height: 41,\r\n label: 'paypal',\r\n layout: 'horizontal',\r\n shape: 'rect',\r\n tagline: false,\r\n };\r\n const style = {...defaultStyles, ...stylesParam};\r\n if (typeof this.paypal !== 'undefined') {\r\n this.paypal.Buttons({\r\n createOrder: this.createOrder,\r\n onApprove: this.onApprove,\r\n onClick: (data) => {\r\n $this.onClick(data);\r\n },\r\n style,\r\n }).render(container);\r\n }\r\n }\r\n\r\n addVerticalButtons(container) {\r\n const $this = this;\r\n if (typeof this.paypal !== 'undefined') {\r\n this.paypal.Buttons({\r\n createOrder: this.createOrder,\r\n onApprove: this.onApprove,\r\n onClick: (data) => {\r\n $this.onClick(data);\r\n },\r\n style: {\r\n color: 'gold',\r\n fundingicons: false,\r\n label: 'paypal',\r\n layout: 'vertical',\r\n shape: 'rect',\r\n tagline: false,\r\n },\r\n }).render(container);\r\n }\r\n }\r\n\r\n addMarketingBanner(containerSelector, options) {\r\n const container = document.querySelector(containerSelector);\r\n if (container) {\r\n this.watchClickOnMarketingBanners(containerSelector);\r\n\r\n const { pageContextJavascript } = window;\r\n const defaultOptions = {\r\n account: pageContextJavascript.paypalAccountId,\r\n style: {\r\n layout: 'text',\r\n logo: {\r\n type: 'primary',\r\n position: 'left',\r\n },\r\n },\r\n };\r\n // eslint-disable-next-line no-param-reassign\r\n options = options || {};\r\n this.getScript('https://www.paypalobjects.com/upstream/bizcomponents/js/messaging.js', () => {\r\n const { paypal } = window;\r\n paypal.Message.render({ ...defaultOptions, ...options }, containerSelector);\r\n });\r\n }\r\n }\r\n\r\n updateMarketingBanner(containerSelector, options) {\r\n const container = document.querySelector(containerSelector);\r\n if (container) {\r\n this.watchClickOnMarketingBanners(containerSelector);\r\n\r\n const { pageContextJavascript } = window;\r\n const defaultOptions = {\r\n account: pageContextJavascript.paypalAccountId,\r\n style: {\r\n layout: 'text',\r\n logo: {\r\n type: 'primary',\r\n position: 'left',\r\n },\r\n },\r\n };\r\n const newOptions = options || {};\r\n const { paypal } = window;\r\n paypal.Message.render({ ...defaultOptions, ...newOptions }, containerSelector);\r\n }\r\n }\r\n}\r\n\r\nexport default Paypal;\r\n","import 'jquery-colorbox';\r\nimport { getExperience } from '@gcc/autobahn-utilities';\r\nimport globals from 'globals';\r\nimport ko from '../../../vendor/knockout';\r\nimport MixedCartViewModel from '../../../content/mixed-cart/view-models/mixed-cart-view-model';\r\nimport '../../../binding-handlers/blur-handle';\r\n\r\nconst cartViewModel = new MixedCartViewModel();\r\nko.applyBindings(cartViewModel, document.querySelector('.bdc-cart'));\r\nwindow.getExperience = getExperience;\r\nwindow.addEventListener('DOMContentLoaded', () => {\r\n // Use the paypal buttons through view model.\r\n cartViewModel.addPaypalButtons();\r\n\r\n // Auto apply promo if applicable\r\n cartViewModel.autoApplyBestPromo();\r\n\r\n function sessionSet(key, value, expirationInMin = 10) {\r\n const expirationDate = new Date(new Date().getTime() + (60000 * expirationInMin));\r\n const newValue = {\r\n value,\r\n expirationDate: expirationDate.toISOString(),\r\n };\r\n window.sessionStorage.setItem(key, JSON.stringify(newValue));\r\n }\r\n\r\n function onVisible(element, callback) {\r\n new IntersectionObserver((entries, observer) => {\r\n entries.forEach((entry) => {\r\n if (entry.intersectionRatio > 0) {\r\n callback(element);\r\n observer.disconnect();\r\n }\r\n });\r\n }).observe(element);\r\n }\r\n\r\n onVisible(document.querySelector('#gcc-cart-proceed-to-checkout-bottom'), () => {\r\n if (globals.siteId === 3) {\r\n sessionSet('paypalSession', true, 60);\r\n setInterval(() => {\r\n cartViewModel.proceedToCheckout(false);\r\n }, 60000 * 30);\r\n }\r\n });\r\n});\r\n","define([\r\n \"jquery\",\r\n \"knockout\"],\r\nfunction($, ko) {\r\n\r\n ko.bindingHandlers.blurHandle = {\r\n\r\n init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {\r\n\r\n var data = valueAccessor().data;\r\n var onBlur = valueAccessor().blur;\r\n var doProcess = valueAccessor().process;\r\n\r\n $(element).blur(function() {\r\n if (typeof onBlur !== \"undefined\") {\r\n onBlur(data);\r\n }\r\n if (typeof doProcess !== \"undefined\") {\r\n doProcess(data);\r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n});\r\n","(function (root, factory) {\r\n if (typeof define === 'function' && define.amd) {\r\n // AMD\r\n define(['underscore'], factory);\r\n } else if (typeof exports === 'object') {\r\n // Node, CommonJS-like\r\n module.exports = factory(require('underscore'));\r\n } else {\r\n // Browser globals (root is window)\r\n root.returnExports = factory(root._);\r\n }\r\n}(this, function (_) {\r\n // methods\r\n var readCookie = function(name, c, C, i) {\r\n c = document.cookie.split(\"; \");\r\n var cookies = {};\r\n for (i = c.length - 1; i >= 0; i--) {\r\n C = c[i].split(\"=\");\r\n cookies[C[0]] = C[1];\r\n }\r\n return cookies[name];\r\n };\r\n\r\n var getCartOnBehalfOf = function() {\r\n var blindsCookie = readCookie(\"CartOnBehalfOf\");\r\n return blindsCookie;\r\n }\r\n\r\n var getDateAsOf = function() {\r\n var blindsCookie = readCookie(\"dateAsOf\");\r\n if (blindsCookie === undefined) {\r\n return undefined;\r\n }\r\n //TODO: remove this entire feature!!!\r\n //var fullDateTime = blindsCookie.substr(0, blindsCookie.indexOf(\"|\"));\r\n // HACK - Spit away the time from the view\r\n return undefined;\r\n };\r\n\r\n var getUsername = function() {\r\n var blindsCookie = readCookie(\"internalUser\");\r\n if (blindsCookie === undefined) {\r\n return undefined;\r\n }\r\n return blindsCookie.substr(0, blindsCookie.indexOf(\":\"));\r\n };\r\n\r\n return {\r\n\r\n addAjaxCacheHeader: function(xhr, settings) {\r\n return addAjaxCacheHeader(xhr, settings);\r\n },\r\n\r\n isInternalUser: function() {\r\n return getUsername() !== undefined;\r\n },\r\n checkInternal: function(callback) {\r\n var name = getUsername();\r\n if (name === undefined) {\r\n callback(false);\r\n return;\r\n }\r\n callback(true);\r\n },\r\n\r\n dateAsOf: function() {\r\n return getDateAsOf();\r\n },\r\n\r\n cartOnBehalfOf: function() {\r\n return getCartOnBehalfOf();\r\n },\r\n\r\n userName: function() {\r\n return getUsername();\r\n },\r\n\r\n userNameWithoutDomainPrefix: function () {\r\n var username = getUsername();\r\n if ( username && username.indexOf( '\\\\' ) > -1 ) {\r\n username = _.last( username.split( '\\\\' ) );\r\n }\r\n return username;\r\n }\r\n };\r\n}));\r\n","import PayPal from '../../../modules/paypal/paypal';\r\n\r\ndefine([\r\n \"globals\",\r\n \"jquery\",\r\n \"knockout\",\r\n \"feature!colorbox-confirm\",\r\n \"colorbox-message\",\r\n \"cookies-factory\",\r\n \"js-cookie\",\r\n \"colorbox\"],\r\n function (globals, $, ko, ColorboxConfirm, ColorboxMessage, cookiesFactory, Cookies) {\r\n\r\n \"use strict\";\r\n\r\n return function MixedCartViewModel() {\r\n\r\n var self = this;\r\n self.isMobile = ko.computed(function () {\r\n var isMobile = globals.ssm.getState(\"mobile\").options.observableIsActive();\r\n return isMobile;\r\n });\r\n\r\n self.measureProductId = 502796;\r\n self.installProductId = 502797;\r\n self.hideStatisfactionGuarantee = ko.observable(self.isMobile() ? true : false);\r\n self.lineItemsSelected = ko.observable(0);\r\n self.shouldShowLearnMore = ko.observable(self.isMobile() ? true : false);\r\n self.promoCode = ko.observable();\r\n self.selectedLineItems = ko.observableArray();\r\n self.showCosts = ko.observable(true);\r\n self.hideUnitPrice = ko.observable(false);\r\n self.isSubmitting = ko.observable(false);\r\n\r\n if (globals.error &&\r\n globals.error.message &&\r\n globals.error.message.length > 0) {\r\n var uri = window.location.toString();\r\n if (uri.indexOf(\"?\") > 0) {\r\n var clear_uri = uri.substring(0, uri.indexOf(\"?\"));\r\n window.history.replaceState({}, document.title, clear_uri);\r\n }\r\n var colorboxConfirm = new ColorboxMessage({\r\n title: globals.error.title,\r\n msg: globals.error.message,\r\n cssClass: \"bdc-colorbox-confirm-deletion\",\r\n buttons: {\r\n ok: {\r\n text: \"OK\"\r\n },\r\n }\r\n }, function () {\r\n globals.error = null;\r\n return true;\r\n });\r\n };\r\n\r\n if(self.isMobile){\r\n var summaryElement = document.getElementById('order-summary-section');\r\n var mobileSummaryElement = document.getElementById('mobile-sticky-checkout');\r\n document.addEventListener(\"scroll\", (event) => {\r\n var diff = document.documentElement.scrollTop - summaryElement.getBoundingClientRect().top;\r\n var deadpoolOffset = globals.deadpoolCartProducts.length > 0 ? 500 : 100;\r\n if (diff > deadpoolOffset)\r\n {\r\n mobileSummaryElement.classList.add('dn');\r\n } else {\r\n mobileSummaryElement.classList.remove('dn');\r\n }\r\n });\r\n }\r\n\r\n if (globals.isEstimatesFeatureEnabled && !globals.isInternalUser && !globals.isAuthenticated) {\r\n document.addEventListener('loginStatusChange', (e) => onLoginStatusChange(e, ''));\r\n }\r\n\r\n self.promoCode.subscribe(function () {\r\n $(\".field-validation-error\").hide();\r\n });\r\n\r\n self.hasCandidatePromo = ko.computed(function () {\r\n return (self.promoCode() !== undefined && self.promoCode().length > 0);\r\n });\r\n\r\n self.toggleIsLineItemSelected = function (data, e) {\r\n var index = self.selectedLineItems.indexOf(e.target.value);\r\n if (self.selectedLineItems.indexOf(e.target.value) === -1) {\r\n self.selectedLineItems.push(e.target.value);\r\n }\r\n else {\r\n self.selectedLineItems.remove(e.target.value);\r\n }\r\n\r\n var selectAllShouldBeChecked = $(\".bdc-cart-item-select-col input[type=checkbox]:not(:checked)\").length === 0;\r\n $(\"#gcc-select-all\").prop(\"checked\", selectAllShouldBeChecked ? \"checked\" : \"\");\r\n };\r\n\r\n self.addPaypalButtons = () => {\r\n // These two checks aren't necessary since there are no other sites with these selectors on thier pages\r\n const isBC = globals.siteId === 3;\r\n const isAB = globals.siteId === 1;\r\n if (isBC || isAB) {\r\n const paypalMount = document.querySelector('#gcc-cart-paypal-bottom');\r\n if (paypalMount)\r\n {\r\n const paypal = new PayPal();\r\n paypal.addVerticalButtons('#gcc-cart-paypal-bottom', { tagline: false });\r\n }\r\n }\r\n }\r\n\r\n self.whenPromoApplied = function (data) {\r\n const isBC = globals.siteId === 3;\r\n self.promoCode('');\r\n ko.cleanNode(document.querySelector('.bdc-cart'));\r\n $('.bdc-cart-wrapper').html(data);\r\n ko.applyBindings(self, document.querySelector('.bdc-cart'));\r\n self.addPaypalButtons();\r\n if (isBC) {\r\n window.renderDeadpoolLineItem();\r\n }\r\n };\r\n\r\n self.reportApplyingSpecificPromo = () => {\r\n const button = $('.bdc-cart-promo-codes button');\r\n button.text('Applying Promo...');\r\n };\r\n\r\n self.reportApplyingPromo = () => {\r\n const button = $('.bdc-cart-promo-codes-available button');\r\n button.text('Applying Promo...');\r\n button.prop('disabled', true);\r\n };\r\n\r\n self.applyExclusivePromo = (data, event) => {\r\n var candidatePromoFromEvent = event.target.dataset.promoid;\r\n self.reportApplyingSpecificPromo();\r\n $.post('/Ordering/Promo/ApplyExclusive ', {\r\n promoId: candidatePromoFromEvent,\r\n }, self.whenPromoApplied);\r\n };\r\n\r\n self.applyPromo = (promoCode, isSpecificPromo) => {\r\n if (isSpecificPromo) {\r\n self.reportApplyingSpecificPromo();\r\n } else {\r\n self.reportApplyingPromo();\r\n }\r\n return $.post('/Ordering/Promo/Apply', {\r\n promoCode,\r\n }, self.whenPromoApplied);\r\n };\r\n\r\n self.autoApplyBestPromo = (promoCode) => {\r\n var bestPromoCode = promoCode || globals.bestAvailablePromo;\r\n if (bestPromoCode !== undefined && bestPromoCode !== '' && bestPromoCode !== 'null') {\r\n $.post('/Ordering/Promo/ClearAllPromos')\r\n .then((res) => {\r\n console.log(`Auto apply PromoCode: ${bestPromoCode}`);\r\n self.applyPromo(bestPromoCode, true);\r\n });\r\n }\r\n };\r\n\r\n self.applySuggestedPromo = (data, event) => {\r\n var candidatePromoFromEvent = event.target.dataset.promocode;\r\n var candidatePromo = candidatePromoFromEvent ? candidatePromoFromEvent : self.promoCode();\r\n self.applyPromo(candidatePromo);\r\n };\r\n\r\n self.applySpecificPromo = () => {\r\n const candidatePromo = self.promoCode();\r\n self.applyPromo(candidatePromo, true);\r\n };\r\n\r\n $('body').on('click', '.bdc-cart-totals-remove-promo', function () {\r\n $('body').addClass('loading');\r\n $('#gcc-cart-items').addClass('o-30');\r\n $.post('/Ordering/Promo/Remove', { promoCode: $(this).attr('data-promo-code') }, function (data) {\r\n $('.bdc-cart-wrapper').html(data);\r\n self.promoCode('');\r\n $('body').removeClass('loading');\r\n $('#gcc-cart-items').removeClass('o-30');\r\n ko.applyBindings(self, document.querySelector('.bdc-cart'));\r\n self.addPaypalButtons();\r\n if (globals.siteId === 3) {\r\n window.renderDeadpoolLineItem();\r\n }\r\n });\r\n });\r\n\r\n self.fireCartUpdateEvent = function ($cartItem, newQuantity) {\r\n var eventName = '';\r\n var originalQuantity = parseInt($cartItem.attr('data-quantity'));\r\n\r\n if (originalQuantity < newQuantity) {\r\n eventName = 'cart add';\r\n }\r\n else {\r\n eventName = 'cart remove';\r\n }\r\n\r\n var quantity = Math.abs(originalQuantity - newQuantity)\r\n var basePrice = (quantity * parseFloat($cartItem.attr('data-base-price'))).toFixed(2);\r\n var optionPrice = (quantity * parseFloat($cartItem.attr('data-option-price'))).toFixed(2);\r\n var isRemake = $cartItem.attr('data-is-remake') === 'True';\r\n var isSample = $cartItem.attr('data-is-sample') === 'True';\r\n var productType = \"product\";\r\n if (isRemake)\r\n productType = \"remake\";\r\n if (isSample)\r\n productType = \"sample\";\r\n var thdAnalyticsEvent = {\r\n category: {\r\n primaryCategory: 'cart view modification'\r\n },\r\n eventInfo: {\r\n eventName: eventName\r\n },\r\n item: [\r\n {\r\n quantity: quantity,\r\n price: {\r\n basePrice: basePrice\r\n },\r\n productInfo: {\r\n sku: $cartItem.attr('data-product-id'),\r\n productName: $cartItem.attr('data-product-name').toLowerCase(),\r\n productCategory: $cartItem.attr('data-category').toLowerCase(),\r\n manufacturer: isSample ? \"\" : $cartItem.attr('data-brand').toLowerCase(),\r\n productType: productType,\r\n option: {\r\n color: $cartItem.attr(\"data-color\").toLowerCase(),\r\n price: isRemake ? 0 : optionPrice\r\n }\r\n }\r\n }\r\n ]\r\n };\r\n\r\n ddoEventInit(thdAnalyticsEvent);\r\n };\r\n\r\n // Quantity\r\n\r\n self.changeQuantity = function (vm, event) {\r\n var isBC = globals.siteId === 3;\r\n $(\".bdc-cart-item-col-total-price\").css(\"opacity\", .4);\r\n var $cartItem = $(event.target).parents('.bdc-cart-item');\r\n\r\n $.post(globals.paths.changeLineItemQuantity, {\r\n quantity: event.target.value,\r\n lineItemId: event.target.dataset[\"lineitemid\"]\r\n }, function (data) {\r\n\r\n self.fireCartUpdateEvent($cartItem, parseInt(event.target.value));\r\n\r\n ko.cleanNode($(\".bdc-cart\")[0]);\r\n $(\".bdc-cart-wrapper\").html(data);\r\n ko.applyBindings(self, $(\".bdc-cart\")[0]);\r\n self.addPaypalButtons();\r\n self.updateCartCount();\r\n if (isBC) {\r\n window.renderDeadpoolLineItem();\r\n }\r\n })\r\n .then((res) => {\r\n if(window.pageContextJavascript.bestAvailablePromo){\r\n self.autoApplyBestPromo(window.pageContextJavascript.bestAvailablePromo);\r\n }\r\n });\r\n };\r\n\r\n self.proceedToCheckout = function (isCheckout = true) {\r\n $(\"#bdc-spinner-checkout\").show();\r\n self.isSubmitting(true);\r\n $.post(globals.paths.checkSiteProductAvailability, function (data) {\r\n var updatedCartItems = $(data).find(\".bdc-cart-item\");\r\n var inactiveSiteProducts = {\r\n lineItemValidations: [...new Set($.map(updatedCartItems, function (lineItem) {\r\n return $(lineItem).attr(\"data-is-valid\");\r\n }))]\r\n };\r\n if (!inactiveSiteProducts.lineItemValidations.includes('False') && isCheckout) {\r\n const thdAnalyticsEvent = {\r\n category: {\r\n primaryCategory: 'button submission',\r\n },\r\n eventInfo: {\r\n eventName: 'cart checkout',\r\n },\r\n };\r\n // send event object for processing\r\n window.ddoEventInit(thdAnalyticsEvent);\r\n var useDelorean = globals.siteId === 3;\r\n var internalUser = Cookies.get(\"internalUser\");\r\n // var shouldSeePreCheckout = !globals.isAuthenticated && useDelorean && !internalUser && globals.siteId === 3;\r\n // var path = shouldSeePreCheckout ? '/Ordering/Checkout/Signin' : globals.paths.checkout;\r\n setTimeout(() => { window.location = globals.paths.checkout; }, 500);\r\n } else {\r\n ko.cleanNode($(\".bdc-cart\")[0]);\r\n $(\".bdc-cart-wrapper\").html(data);\r\n ko.applyBindings(self, $(\".bdc-cart\")[0]);\r\n self.addPaypalButtons();\r\n self.updateCartCount();\r\n if (globals.siteId === 3) {\r\n window.renderDeadpoolLineItem();\r\n }\r\n }\r\n })\r\n .fail(function(res){\r\n $(\"#bdc-spinner-checkout\").hide();\r\n self.isSubmitting(false);\r\n });\r\n };\r\n\r\n self.toggleShowCost = function () {\r\n self.showCosts(!self.showCosts());\r\n }\r\n\r\n self.toggleUnitPrice = function () {\r\n self.hideUnitPrice(!self.hideUnitPrice());\r\n }\r\n\r\n function removeLineItems(lineItems) {\r\n $(\".bdc-spinner\").show();\r\n $('body').addClass('loading');\r\n $(\".bdc-content-container\").css(\"opacity\", .4);\r\n $('#gcc-cart-items').css(\"opacity\", .4);\r\n var lineItemIds = $.map(lineItems, function (lineItem) {\r\n return $(lineItem).attr(\"data-line-item-id\");\r\n });\r\n\r\n return $.post(globals.paths.removeLineItem, {\r\n lineItemIds: lineItemIds\r\n }, function (data) {\r\n $('body').removeClass('loading');\r\n $.each(lineItems, function (index, cartItem) {\r\n self.fireCartUpdateEvent($(cartItem), 0);\r\n });\r\n\r\n if (data === \"\") {\r\n window.location.href = \"/Ordering/Cart\";\r\n } else {\r\n ko.cleanNode($(\".bdc-cart\")[0]);\r\n $(\".bdc-cart-wrapper\").html(data);\r\n ko.applyBindings(self, $(\".bdc-cart\")[0]);\r\n self.addPaypalButtons();\r\n self.updateCartCount();\r\n\r\n window.renderDeadpoolLineItem();\r\n }\r\n })\r\n .then((res) => {\r\n if(window.pageContextJavascript.bestAvailablePromo){\r\n self.autoApplyBestPromo(window.pageContextJavascript.bestAvailablePromo);\r\n }\r\n });;\r\n }\r\n\r\n function onRemoveLineItemClick() {\r\n var lineItem = $(this).parents(\".bdc-cart-item\")[0];\r\n var allLineItems = $(\".bdc-cart-item\");\r\n var cartHasInstall = !!document.querySelector(\"[data-product-id='502797']\");\r\n var cartHasInstallationOnlyInstall = !!document.querySelector(\"[data-testid*='service-type']\");\r\n const dataProductId = $(lineItem).attr('data-product-id');\r\n const isMandiEligible = $(lineItem).attr('data-is-mandi-eligible') === \"True\";\r\n var lineItemToRemoveIsInstall = dataProductId == self.installProductId;\r\n var lineItemToRemoveIsMeasure = dataProductId == self.measureProductId;\r\n const { isDeadpool } = window.pageContextJavascript;\r\n\r\n var allMandiEligibleProductItems = $(allLineItems).filter(itemIndex => {\r\n const { isMandiEligible } = $($(allLineItems)[itemIndex]).data();\r\n return isMandiEligible === \"True\";\r\n });\r\n\r\n const isLastMandiEligibleProductToRemove = allMandiEligibleProductItems.length === 1 && isMandiEligible;\r\n const isMeasureOrInstallToRemove = lineItemToRemoveIsMeasure || lineItemToRemoveIsInstall;\r\n\r\n if (cartHasInstall && !cartHasInstallationOnlyInstall && allLineItems.length === 2 && !lineItemToRemoveIsInstall) {\r\n if (globals.isInternalUser) {\r\n showOptionNoLongerAvailableModal(allLineItems);\r\n } else {\r\n showLookingForInstallationOnlyModal(allLineItems);\r\n }\r\n } else if (isDeadpool && isMeasureOrInstallToRemove) {\r\n showRemoveDeadpoolItemsModal(lineItem, false);\r\n } else if (isDeadpool && isLastMandiEligibleProductToRemove) {\r\n showRemoveDeadpoolItemsModal(lineItem, true);\r\n } else {\r\n showRemoveItemModal(lineItem);\r\n }\r\n }\r\n\r\n function showRemoveItemModal(lineItem) {\r\n new ColorboxConfirm({\r\n title: \"Remove Item\",\r\n msg: \"Are you sure you would like to remove this item from your cart?\",\r\n cssClass: \"bdc-colorbox-confirm-deletion\",\r\n buttons: {\r\n ok: {\r\n text: \"Yes\"\r\n },\r\n cancel: {\r\n text: \"Cancel\"\r\n }\r\n }\r\n }, function () {\r\n removeLineItems([lineItem]);\r\n });\r\n }\r\n\r\n function showRemoveDeadpoolItemsModal(lineItem, isLastMandiEligibleProduct) {\r\n var allLineItems = $(\".bdc-cart-item\");\r\n var $removableMandiServiceItems = $(allLineItems).filter(itemIndex => {\r\n const { productId } = $($(allLineItems)[itemIndex]).data();\r\n return productId === self.measureProductId || productId === self.installProductId;\r\n });\r\n\r\n var removableItems = $removableMandiServiceItems;\r\n var message = \"Removing one of the bundled service items from your cart will remove all related Professional Installation service items.\";\r\n\r\n if (isLastMandiEligibleProduct) {\r\n removableItems = $.merge([lineItem], $removableMandiServiceItems);\r\n message = \"This product is the only product eligible for professional measure and install. Removing it will remove this service.\";\r\n }\r\n\r\n new ColorboxConfirm({\r\n title: \"Are you sure you want to remove?\",\r\n msg: message,\r\n cssClass: \"bdc-colorbox-confirm-deletion\",\r\n buttons: {\r\n ok: {\r\n text: \"Remove\"\r\n },\r\n cancel: {\r\n text: \"Cancel\"\r\n }\r\n }\r\n }, function () {\r\n removeLineItems(removableItems);\r\n });\r\n }\r\n\r\n function showLookingForInstallationOnlyModal(allLineItems) {\r\n new ColorboxConfirm({\r\n title: \"Looking for installation only?\",\r\n msg: `If you want to order only the Installation service, please call us at ${window.globalConfig.contactNumber} and we'll be glad to help you`,\r\n cssClass: \"bdc-colorbox-confirm-deletion\",\r\n buttons: {\r\n ok: {\r\n text: \"Continue Shopping\"\r\n },\r\n cancel: {\r\n text: \"Empty Cart\"\r\n }\r\n }\r\n }, null, function () {\r\n removeLineItems(allLineItems);\r\n });\r\n };\r\n\r\n function showOptionNoLongerAvailableModal(allLineItems) {\r\n new ColorboxConfirm({\r\n title: \"Option no longer available\",\r\n msg: `If you want to order only installation for the customer, please use the Installation-Only Feature available in the M&I experience`,\r\n cssClass: \"bdc-colorbox-confirm-deletion\",\r\n buttons: {\r\n ok: {\r\n text: \"Close\"\r\n },\r\n cancel: {\r\n text: \"Empty Cart\"\r\n }\r\n }\r\n }, null, function () {\r\n removeLineItems(allLineItems);\r\n });\r\n };\r\n\r\n function onRemoveSelectedLineItemsClick(lineItemId) {\r\n var $selected = $(\".bdc-cart-item-select-col input[type=checkbox]:checked\");\r\n var itemsSelected = $selected.length;\r\n var $cartItems = $selected.parents(\".bdc-cart-item\");\r\n var allLineItems = $(\".bdc-cart-item\");\r\n\r\n var cartHasInstall = !!document.querySelector(\"[data-product-id='502797']\");\r\n var cartHasInstallationOnlyInstall = !!document.querySelector(\"[data-testid*='service-type']\");\r\n var lineItemsToRemoveHasInstall = $cartItems.filter(\"[data-product-id=\" + self.installProductId + \"]\").length;\r\n var lineItemsToRemoveHasMeasure = $cartItems.filter(\"[data-product-id=\" + self.measureProductId + \"]\").length;\r\n const { isDeadpool } = window.pageContextJavascript;\r\n\r\n var selectedMandiEligibleProductItems = $cartItems.filter(itemIndex => {\r\n const { isMandiEligible } = $($($cartItems)[itemIndex]).data();\r\n return isMandiEligible === \"True\";\r\n });\r\n\r\n var allMandiEligibleProductItems = $(allLineItems).filter(itemIndex => {\r\n const { isMandiEligible } = $($(allLineItems)[itemIndex]).data();\r\n return isMandiEligible === \"True\";\r\n });\r\n\r\n const allMandiEligibleProductsToRemove = selectedMandiEligibleProductItems.length === allMandiEligibleProductItems.length && selectedMandiEligibleProductItems.length > 0;\r\n\r\n if (cartHasInstall && !cartHasInstallationOnlyInstall && itemsSelected == allLineItems.length - 1 && !lineItemsToRemoveHasInstall) {\r\n if (globals.isInternalUser) {\r\n showOptionNoLongerAvailableModal(allLineItems);\r\n } else {\r\n showLookingForInstallationOnlyModal(allLineItems);\r\n }\r\n } else if (isDeadpool && (lineItemsToRemoveHasMeasure !== lineItemsToRemoveHasInstall)) {\r\n // removing measure should also remove install since its a bundled service(deadpool).\r\n showRemoveDeadpoolSelectedLineItemsModal(itemsSelected, $cartItems, allLineItems, false);\r\n } else if (isDeadpool && !lineItemsToRemoveHasMeasure && !lineItemsToRemoveHasInstall && allMandiEligibleProductsToRemove) {\r\n //removing last eligible mandi product when measure and install services are in the cart.\r\n showRemoveDeadpoolSelectedLineItemsModal(itemsSelected, $cartItems, allLineItems, true);\r\n } else {\r\n showRemoveSelectedLineItemsModal(itemsSelected, $cartItems);\r\n }\r\n };\r\n\r\n function removeLineItemsForEdit(lineItems, estimatebuilderUrl) {\r\n $(\".bdc-spinner\").show();\r\n $('body').addClass('loading');\r\n $(\".bdc-content-container\").css(\"opacity\", .4);\r\n $('#gcc-cart-items').css(\"opacity\", .4);\r\n var lineItemIds = $.map(lineItems, function (lineItem) {\r\n return $(lineItem).attr(\"data-line-item-id\");\r\n });\r\n\r\n $.post(globals.paths.removeLineItem, {\r\n lineItemIds: lineItemIds\r\n }, function (data) {\r\n $('body').removeClass('loading');\r\n $.each(lineItems, function (index, cartItem) {\r\n self.fireCartUpdateEvent($(cartItem), 0);\r\n });\r\n\r\n if (data === \"\") {\r\n window.location.href = estimatebuilderUrl;\r\n }\r\n });\r\n }\r\n\r\n function onEditInstallProductClick() {\r\n //Remove is needed to re-add install\r\n var parentJobId = $(this).attr(\"data-parent-job-id\");\r\n var $selected = $(\".bdc-cart-item-select-col input[type=checkbox]\");\r\n var $cartItems = $selected.parents(\".bdc-cart-item\");\r\n var ebUrl = `/estimatebuilder/${parentJobId}`;\r\n removeLineItemsForEdit($cartItems, ebUrl)\r\n }\r\n\r\n function showRemoveSelectedLineItemsModal(itemsSelected, $cartItems) {\r\n var message = \"Are you sure you would like to remove these \" + itemsSelected + \" items from your cart?\";\r\n\r\n var colorboxConfirm = new ColorboxConfirm({\r\n title: \"Remove Items\",\r\n msg: message,\r\n cssClass: \"bdc-colorbox-confirm-deletion\",\r\n buttons: {\r\n ok: {\r\n text: \"Yes\"\r\n },\r\n cancel: {\r\n text: \"Cancel\"\r\n }\r\n }\r\n }, function () {\r\n removeLineItems($cartItems);\r\n });\r\n };\r\n\r\n function showRemoveDeadpoolSelectedLineItemsModal(itemsSelected, $cartItems, allLineItems, lastMandiEligibleProduct) {\r\n var $removableProductItems = $cartItems.filter(itemIndex => {\r\n const { productId } = $($($cartItems)[itemIndex]).data();\r\n return productId != self.measureProductId && productId != self.installProductId;\r\n });\r\n\r\n var $removableMandiServiceItems = $(allLineItems).filter(itemIndex => {\r\n const { productId } = $($(allLineItems)[itemIndex]).data();\r\n return productId === self.measureProductId || productId === self.installProductId;\r\n });\r\n\r\n var $removalbleItems = $.merge($removableProductItems, $removableMandiServiceItems);\r\n\r\n var titleMsg = \"Are you sure you would like to remove these \" + itemsSelected + \" items from your cart?\";\r\n var message = \"Removing one of the bundled service items from your cart will remove all related Professional Installation service items.\";\r\n\r\n if (lastMandiEligibleProduct) {\r\n titleMsg = \"Are you sure you want to remove?\";\r\n message = \"This product is the only product eligible for professional measure and install. Removing it will remove this service.\";\r\n }\r\n\r\n var colorboxConfirm = new ColorboxConfirm({\r\n title: titleMsg,\r\n msg: message,\r\n cssClass: \"bdc-colorbox-confirm-deletion\",\r\n buttons: {\r\n ok: {\r\n text: \"Remove\"\r\n },\r\n cancel: {\r\n text: \"Cancel\"\r\n }\r\n }\r\n }, function () {\r\n removeLineItems($removalbleItems);\r\n });\r\n };\r\n\r\n $(\".bdc-cart-wrapper\").on(\"click\", \".bdc-cart-item-btn-remove-item\", onRemoveLineItemClick);\r\n $(\".bdc-cart-wrapper\").on(\"click\", \"#gcc-cart-remove-items\", onRemoveSelectedLineItemsClick);\r\n $(\".bdc-cart-wrapper\").on(\"click\", \"#gcc-cart-edit-install\", onEditInstallProductClick);\r\n\r\n self.updateCartCount = function () {\r\n var cartCount = 0;\r\n $(\".bdc-cart-item\").each(function () {\r\n cartCount += $(this).data(\"quantity\");\r\n });\r\n $(\"[data-testid='header-cart-count']\").text(cartCount);\r\n $(\"[data-cart-count]\").attr(\"data-cart-count\", cartCount);\r\n };\r\n\r\n self.showLearnMore = function () {\r\n self.shouldShowLearnMore(true);\r\n };\r\n\r\n self.toggleSelectAll = function (data, event) {\r\n $(\".bdc-cart-item-select-col input[type=checkbox]\").prop(\"checked\", $(event.target).prop(\"checked\"));\r\n\r\n self.selectedLineItems([]);\r\n\r\n if ($(event.target).prop(\"checked\")) {\r\n $(\".bdc-cart-item-select-col input[type=checkbox]\").each(function (index, input) {\r\n self.selectedLineItems.push($(input).val());\r\n });\r\n }\r\n };\r\n\r\n self.toggleStatisfactionGuarantee = function () {\r\n self.hideStatisfactionGuarantee(!self.hideStatisfactionGuarantee());\r\n };\r\n\r\n\r\n self.saveYourCart = function (vm, event) {\r\n if (globals.isAuthenticated || globals.isInternalUser) {\r\n doSave(event);\r\n }\r\n else {\r\n dispatchRequestForLogin();\r\n };\r\n };\r\n\r\n function dispatchRequestForLogin() {\r\n var loginEvent = new CustomEvent('loginRequested', {\r\n detail: {\r\n taskName: 'SaveCartAsEstimate',\r\n caller: 'mixedCartModel',\r\n redirectAfterCreate: false\r\n }\r\n });\r\n document.dispatchEvent(loginEvent);\r\n document.addEventListener('loginStatusChange', (e) => onLoginStatusChange(e));\r\n return false;\r\n };\r\n\r\n function onLoginStatusChange(e) {\r\n document.removeEventListener('loginStatusChange', (e) => onLoginStatusChange(e))\r\n globals.isAuthenticated = e.detail.isLoggedIn;\r\n if (e.detail.caller === 'mixedCartModel' && e.detail.isLoggedIn) {\r\n doSave();\r\n }\r\n return false;\r\n };\r\n\r\n function doSave(event) {\r\n if (globals.hasSamples) {\r\n displaySaveYourCartConfirmation(event);\r\n } else {\r\n submitFormToSaveForLater(event);\r\n };\r\n }\r\n\r\n function displaySaveYourCartConfirmation(event) {\r\n var confirmSettings = buildSaveYourCartConfirmSettings();\r\n var saveCartConfirm = new ColorboxConfirm(confirmSettings,\r\n function () {\r\n $(\".bdc-spinner\").show();\r\n submitFormToSaveForLater(event);\r\n },\r\n function () {\r\n return false;\r\n });\r\n\r\n $('#cboxLoadedContent').css({ 'width': '455px', 'height': '175px' });\r\n $('#cboxContent').css('height', '175px')\r\n }\r\n\r\n function buildSaveYourCartConfirmSettings() {\r\n return {\r\n title: \"Save your cart\",\r\n msg: 'Please note that sample swatches will not be saved.',\r\n cssClass: \"bdc-colorbox-confirm-deletion\",\r\n buttons: {\r\n ok: { text: \"I understand, please save this cart\" },\r\n cancel: { text: \"Cancel\" }\r\n }\r\n };\r\n };\r\n\r\n function submitFormToSaveForLater(event) {\r\n if (event) {\r\n $(event.target).closest('form').submit()\r\n } else {\r\n window.location.href = globals.paths.saveForLater;\r\n }\r\n };\r\n\r\n // Enable 'Show More' and 'Show Less' buttons for measure cart line items\r\n function onShowMoreDetailsClick() {\r\n let currentButton = $(this);\r\n let detailsToShow = currentButton.next();\r\n let hideDetailsButton = detailsToShow.next();\r\n\r\n currentButton.hide();\r\n detailsToShow.show();\r\n hideDetailsButton.show();\r\n }\r\n\r\n function onShowLessDetailsClick() {\r\n let currentButton = $(this);\r\n let detailsToHide = currentButton.prev();\r\n let showDetailsButton = detailsToHide.prev();\r\n\r\n currentButton.hide();\r\n detailsToHide.hide();\r\n showDetailsButton.show();\r\n }\r\n\r\n $(document).on(\"click\", \"[id^='cart-item-show-more-']\", onShowMoreDetailsClick);\r\n $(document).on(\"click\", \"[id^='cart-item-show-less-']\", onShowLessDetailsClick);\r\n }\r\n\r\n });\r\n","define([\r\n \"jquery\",\r\n \"colorbox\"],\r\nfunction($) {\r\n\r\n var colorboxMessage = function(settings, okCallback, closedCallback) {\r\n\r\n var _settings = settings || {};\r\n /*\r\n Example of settings\r\n {\r\n title: \"Remove Item\",\r\n msg: \"Are you sure you would like to remove this item?\",\r\n cssClass: \"error\"\r\n }\r\n */\r\n\r\n var html = \"\";\r\n if (_settings.html) {\r\n html = _settings.html;\r\n } else {\r\n var cssClass = _settings.cssClass || \"\";\r\n var buttonSettings = _settings.buttons || {};\r\n var okId = \"colorbox-ok\";\r\n var okText = (buttonSettings.ok && buttonSettings.ok.text) || \"Ok\";\r\n\r\n html = \"
\" +\r\n \"
\" +\r\n \"
\" + _settings.title + \"
\" +\r\n \"
\" + settings.msg + \"
\" +\r\n \"
\" +\r\n \"\" +\r\n \"
\" +\r\n \"
\" +\r\n \"
\";\r\n _settings.okElementId = okId;\r\n }\r\n\r\n var registerCallbacks = function (okHandler) {\r\n var ok = document.getElementById(okHandler.elementId);\r\n if (ok) {\r\n ok.onclick = function () {\r\n okHandler.callback && okHandler.callback.call(this);\r\n $.colorbox.close();\r\n };\r\n }\r\n }\r\n\r\n var okHandler = { elementId: _settings.okElementId, callback: okCallback };\r\n\r\n $.colorbox({\r\n html: html,\r\n transition: \"none\",\r\n maxWidth: \"95%\",\r\n maxHeight: \"95%\",\r\n onComplete: function () {\r\n $.colorbox.resize();\r\n registerCallbacks(okHandler);\r\n },\r\n onClosed: function () {\r\n if (closedCallback && !!( closedCallback && closedCallback.constructor && closedCallback.call && closedCallback.apply )) {\r\n closedCallback();\r\n }\r\n }\r\n });\r\n\r\n };\r\n\r\n return colorboxMessage;\r\n});\r\n","define([\r\n 'jquery'],\r\nfunction ($) {\r\n var scrollToSection = function (cssSelector, callback) {\r\n let $container, scrollTop;\r\n const globals = window.globals;\r\n let offset = globals.scrollOffset || 0;\r\n if ($('#gcc-site-container').length > 0) {\r\n let headerHeight = 0;\r\n $container = $('#gcc-site-container');\r\n if (globals.breakpoint.value === 'small' || globals.breakpoint.value === 'medium') {\r\n headerHeight = ($('#gcc-header').outerHeight() + $('#gcc-header-search').outerHeight() + $('#gcc-header-banner').outerHeight());\r\n } else {\r\n headerHeight = ($('#gcc-header').outerHeight() + $('#gcc-header-banner').outerHeight());\r\n }\r\n scrollTop = $(cssSelector).position().top + offset + headerHeight;\r\n } else {\r\n $container = $('html, body');\r\n scrollTop = $(cssSelector).offset().top + offset;\r\n }\r\n $container.animate({\r\n scrollTop: scrollTop\r\n }, 1000, function() {\r\n if (callback) {\r\n callback();\r\n }\r\n });\r\n }\r\n return scrollToSection;\r\n});\r\n","define(function () {\r\n return {};\r\n});\r\n","define( function () {\r\n return window.pageContextJavascript;\r\n} );\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst EstimateBanner = ({ location, data }) => {\r\n if (!location || !data) return null;\r\n if (location.pathname.toLowerCase().indexOf('estimatebuilder') !== -1) return null;\r\n\r\n const { action, estimateName } = JSON.parse(data);\r\n const editText = action === 'edit' ? 'editing' : 'adding to';\r\n\r\n return (\r\n
\r\n );\r\n};\r\n\r\nEstimateBanner.propTypes = {\r\n location: PropTypes.shape({}).isRequired,\r\n data: PropTypes.string,\r\n};\r\n\r\nEstimateBanner.defaultProps = {\r\n data: undefined,\r\n};\r\n\r\nexport default EstimateBanner;\r\n","define( [\r\n \"jquery\",\r\n \"cookies-factory\"],\r\n function ( $,cookiesFactory ) {\r\n \r\n if ( cookiesFactory.isInternalUser() ) {\r\n // hide the right rails layout menu \r\n $( \".bdc-rrf\" ).hide();\r\n $( \".slider-icons\" ).hide();\r\n }\r\n\r\n } );"],"sourceRoot":""}