{Name}
\r\n\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n - \r\n {\r\n Lists.map((list, i) =>\r\n
\r\n
\r\n {translateResourceString('/Wishlist/CreateANewList')}
\r\n\r\n {UseLoginLink\r\n ? \r\n \r\n {SrText}\r\n {!UseIconOnly && {LinkText}}\r\n \r\n : \r\n }\r\n
\r\n );\r\n};\r\n\r\nModalLink.propType = {\r\n ClassName: PropTypes.string,\r\n ButtonClasses: PropTypes.string,\r\n LinkText: PropTypes.string.isRequired,\r\n TitleText: PropTypes.string,\r\n SrText: PropTypes.string,\r\n Disabled: PropTypes.bool,\r\n ToggleModal: PropTypes.func.isRequired\r\n};\r\n\r\nexport default ModalLink;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass CallToActionExploreBlock extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n \r\n render() {\r\n const style = this.props.image && this.props.image !== \"null\"\r\n ? { 'backgroundImage': 'url(' + this.props.image + ')', 'backgroundColor': this.props.color}\r\n : { 'backgroundColor': this.props.color };\r\n const overlayStyle = this.props.overlayToggle === \"True\"\r\n ? { 'backgroundColor': 'rgba(' + this.props.overlayColor + ', .35)' }\r\n : { };\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nCallToActionExploreBlock.propTypes = {\r\n text: PropTypes.string,\r\n color: PropTypes.string,\r\n image: PropTypes.string,\r\n linkUrl: PropTypes.string,\r\n linkText: PropTypes.string,\r\n overlayColor: PropTypes.string,\r\n overlayToggle: PropTypes.string\r\n};\r\n\r\nexport default CallToActionExploreBlock;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass CallToActionIconBlock extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n \r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCallToActionIconBlock.propTypes = {\r\n text: PropTypes.string,\r\n color: PropTypes.string,\r\n subtitle: PropTypes.string,\r\n icon1: PropTypes.string,\r\n icon1Link: PropTypes.string,\r\n icon2: PropTypes.string,\r\n icon2Link: PropTypes.string,\r\n icon3: PropTypes.string,\r\n icon3Link: PropTypes.string\r\n};\r\n\r\nexport default CallToActionIconBlock;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { pushGtmData } from '../util/gtm'\r\n \r\nclass CallToActionImageBlock extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n \r\n render() {\r\n const style = this.props.image && this.props.image !== \"null\"\r\n ? {'backgroundImage': 'url(' + this.props.image + ')'} \r\n : {};\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.props.text}
\r\n {this.props.subtitle}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nCallToActionImageBlock.propTypes = {\r\n text: PropTypes.string,\r\n color: PropTypes.string,\r\n image: PropTypes.string,\r\n linkUrl: PropTypes.string,\r\n linkText: PropTypes.string,\r\n linkGTMCategory: PropTypes.string,\r\n linkGTMAction: PropTypes.string,\r\n linkGTMLabel: PropTypes.string\r\n};\r\n\r\nexport default CallToActionImageBlock;","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nexports.__esModule = true;\r\nexports.toggleShowMoreAttribute = exports.toggleExpandAttribute = exports.toggleAttribute = exports.clearAttributes = exports.updateAttributes = exports.selectedAttributes = exports.getResultAttributes = void 0;\r\nvar getResultAttributes = function (attrs) {\r\n if (!attrs) {\r\n return null;\r\n }\r\n return attrs.map(function (attr) { return ({\r\n name: attr.Name,\r\n displayName: attr.DisplayName,\r\n sortOrder: attr.SortOrder,\r\n values: attr.Values.map(function (value) { return ({\r\n name: value.Name,\r\n displayName: value.DisplayName,\r\n checked: value.Checked,\r\n count: value.Count\r\n }); }),\r\n expanded: true,\r\n showMore: false\r\n }); });\r\n};\r\nexports.getResultAttributes = getResultAttributes;\r\nvar selectedAttributes = function (attributes) {\r\n if (attributes === null) {\r\n return [];\r\n }\r\n var selected = [];\r\n attributes.forEach(function (attribute) {\r\n attribute.values\r\n .filter(function (value) { return value.checked; })\r\n .forEach(function (value) { return selected\r\n .push({ name: attribute.name, value: value.name }); });\r\n });\r\n return selected;\r\n};\r\nexports.selectedAttributes = selectedAttributes;\r\nvar updateAttributes = function (updatedAttrs, currentAttrs) {\r\n return refreshAttributes(currentAttrs, exports.getResultAttributes(updatedAttrs));\r\n};\r\nexports.updateAttributes = updateAttributes;\r\nvar clearAttributes = function (attrs) {\r\n if (attrs === null) {\r\n return null;\r\n }\r\n return attrs.map(function (attr) { return (__assign(__assign({}, attr), { values: attr.values.map(function (value) {\r\n return (__assign(__assign({}, value), { checked: false }));\r\n }) })); });\r\n};\r\nexports.clearAttributes = clearAttributes;\r\nvar toggleAttribute = function (attrs, attribute, val) {\r\n if (attrs === null) {\r\n return null;\r\n }\r\n return attrs.map(function (attr) { return (__assign(__assign({}, attr), { values: attr.values.map(function (value) {\r\n return (__assign(__assign({}, value), { checked: attr.name === attribute && value.name === val ?\r\n !value.checked : value.checked }));\r\n }) })); });\r\n};\r\nexports.toggleAttribute = toggleAttribute;\r\nvar toggleExpandAttribute = function (attrs, attribute) {\r\n if (attrs === null) {\r\n return null;\r\n }\r\n return attrs.map(function (attr) { return (__assign(__assign({}, attr), { expanded: attr.name === attribute ?\r\n !attr.expanded : attr.expanded })); });\r\n};\r\nexports.toggleExpandAttribute = toggleExpandAttribute;\r\nvar toggleShowMoreAttribute = function (attrs, attribute) {\r\n if (attrs === null) {\r\n return null;\r\n }\r\n return attrs.map(function (attr) { return (__assign(__assign({}, attr), { showMore: attr.name === attribute ?\r\n !attr.showMore : attr.showMore })); });\r\n};\r\nexports.toggleShowMoreAttribute = toggleShowMoreAttribute;\r\nvar refreshAttributes = function (current, updated) {\r\n if (!updated) {\r\n return null;\r\n }\r\n return updated.map(function (attr) {\r\n var oldAttr = current ? current.find(function (old) { return old.name === attr.name; }) : null;\r\n if (oldAttr) {\r\n return __assign(__assign({}, attr), { expanded: oldAttr.expanded, showMore: oldAttr.showMore });\r\n }\r\n return attr;\r\n });\r\n};\r\n","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nexports.__esModule = true;\r\nexports.currentSortBy = exports.updateSortBy = exports.changePageIndex = exports.changeItemsPerPage = exports.updatePagination = void 0;\r\nvar updatePagination = function (pagination) { return ({\r\n currentPageIndex: pagination.CurrentPageIndex ? pagination.CurrentPageIndex : 0,\r\n currentPageFirstItemIndex: pagination.CurrentPageFirstItemIndex ? pagination.CurrentPageFirstItemIndex : 0,\r\n currentItemsOnPage: pagination.CurrentItemsOnPage,\r\n resultsTotal: pagination.ResultsTotal,\r\n currentItemsPerPage: pagination.CurrentItemsPerPage,\r\n sortOptions: pagination.SortOptions\r\n ? pagination.SortOptions.map(function (sort) { return ({\r\n name: sort.Name,\r\n displayName: sort.DisplayName,\r\n selected: sort.Selected\r\n }); }) : null\r\n}); };\r\nexports.updatePagination = updatePagination;\r\nvar changeItemsPerPage = function (pagination, itemsPerPage) {\r\n var firstArticleNumberOnNewPage = pagination.currentPageIndex * itemsPerPage + 1;\r\n var requestedPageIndex = firstArticleNumberOnNewPage > pagination.resultsTotal\r\n ? Math.floor(pagination.resultsTotal / itemsPerPage)\r\n : pagination.currentPageIndex;\r\n return __assign(__assign({}, pagination), { currentPageIndex: requestedPageIndex, currentItemsPerPage: itemsPerPage });\r\n};\r\nexports.changeItemsPerPage = changeItemsPerPage;\r\nvar changePageIndex = function (pagination, requestedPageIndex) {\r\n return __assign(__assign({}, pagination), { currentPageIndex: requestedPageIndex });\r\n};\r\nexports.changePageIndex = changePageIndex;\r\nvar updateSortBy = function (pagination, requestSort) {\r\n if (pagination.sortOptions) {\r\n return __assign(__assign({}, pagination), { sortOptions: pagination.sortOptions.map(function (option) { return (__assign(__assign({}, option), { selected: requestSort === option.name })); }) });\r\n }\r\n return pagination;\r\n};\r\nexports.updateSortBy = updateSortBy;\r\nvar currentSortBy = function (sortOptions) {\r\n if (sortOptions && sortOptions.length) {\r\n var selected = sortOptions.filter(function (option) { return option.selected; });\r\n if (selected.length > 0) {\r\n return selected[0];\r\n }\r\n return sortOptions[0];\r\n }\r\n};\r\nexports.currentSortBy = currentSortBy;\r\n","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nexports.__esModule = true;\r\nexports.updateState = void 0;\r\nvar pagination_1 = require(\"./pagination\");\r\nvar attributes_1 = require(\"./attributes\");\r\nvar updateState = function (currentState, newData, usingLoadMore) {\r\n if (usingLoadMore === void 0) { usingLoadMore = false; }\r\n var paginationLowestPageIndex = newData.Pagination.CurrentPageIndex;\r\n var paginationFirstItemIndex = newData.Pagination.CurrentPageFirstItemIndex;\r\n var updatedAttributes = attributes_1.updateAttributes(newData.Filters.Attributes, currentState.attributes);\r\n var updatedPagination = pagination_1.updatePagination(newData.Pagination);\r\n for (var i = 0; i < newData.Results.length; i++) {\r\n if (!!newData.Results[i].Variations && newData.Results[i].Variations.length > 0) {\r\n for (var o = 0; o < newData.Results[i].Variations.length; o++) {\r\n newData.Results[i].Variations[o].addToListLinkClass = \"far fa-bookmark\";\r\n }\r\n }\r\n }\r\n if (usingLoadMore) {\r\n var changedFiltersOrSort = JSON.stringify(currentState.attributes) != JSON.stringify(updatedAttributes) // Changed a filter\r\n || JSON.stringify(currentState.pagination.sortOptions) != JSON.stringify(updatedPagination.sortOptions); // Changed sort order\r\n if (!changedFiltersOrSort) { // Only combine results when loading more\r\n if (JSON.stringify(currentState.results) == JSON.stringify(newData.Results)) {\r\n // If for some reason the results are duplicated, ignore the update\r\n return;\r\n }\r\n if (currentState.pagination.currentPageIndex < newData.Pagination.CurrentPageIndex) { // Load More\r\n paginationLowestPageIndex = currentState.paginationLowestPageIndex;\r\n newData.Results = currentState.results.concat(newData.Results);\r\n }\r\n else { // Load Previous\r\n newData.Results = newData.Results.concat(currentState.results);\r\n updatedPagination.currentPageIndex = currentState.pagination.currentPageIndex;\r\n }\r\n updatedPagination.currentItemsOnPage = newData.Results.length;\r\n paginationFirstItemIndex = Math.min(currentState.paginationFirstItemIndex, paginationFirstItemIndex);\r\n }\r\n }\r\n return __assign(__assign({}, currentState), { pagination: updatedPagination, paginationLowestPageIndex: paginationLowestPageIndex, paginationFirstItemIndex: paginationFirstItemIndex, attributes: updatedAttributes, results: newData.Results, searchString: newData.SearchString, additionalBlocks: newData.AdditionalBlocks });\r\n};\r\nexports.updateState = updateState;\r\n","\"use strict\";\r\nexports.__esModule = true;\r\nexports.serialize = exports.buildQueryString = exports.buildAttributesQueryString = void 0;\r\nvar attributes_1 = require(\"./attributes\");\r\nvar pagination_1 = require(\"./pagination\");\r\nfunction buildAttributesQueryString(attributes) {\r\n var attributeString = attributes.map(function (x) { return x.name + \";\" + x.value; }).reduce(function (prev, current) { return prev + '|' + current; }, '');\r\n return attributeString;\r\n}\r\nexports.buildAttributesQueryString = buildAttributesQueryString;\r\nfunction buildQueryString(state) {\r\n var queryParams = {};\r\n var viewName = state.viewName;\r\n if (state.searchString)\r\n queryParams.searchString = state.searchString;\r\n if (state.pagination.currentPageIndex)\r\n queryParams[viewName + \"p\"] = state.pagination.currentPageIndex + 1;\r\n if (state.pagination.currentItemsPerPage)\r\n queryParams[viewName + \"q\"] = state.pagination.currentItemsPerPage;\r\n if (viewName)\r\n queryParams.view = viewName;\r\n var sortBy = pagination_1.currentSortBy(state.pagination.sortOptions);\r\n if (sortBy)\r\n queryParams[viewName + \"s\"] = sortBy.name;\r\n var attributesQueryString = buildAttributesQueryString(attributes_1.selectedAttributes(state.attributes));\r\n if (attributesQueryString && attributesQueryString.length > 0)\r\n queryParams[viewName + \"c\"] = attributesQueryString;\r\n if (state.dontAutoDirect)\r\n queryParams[\"da\"] = true;\r\n if (!!state.originalSearchString)\r\n queryParams[\"os\"] = state.originalSearchString;\r\n return serialize(queryParams);\r\n}\r\nexports.buildQueryString = buildQueryString;\r\nfunction serialize(obj) {\r\n return '?' + Object.keys(obj)\r\n .reduce(function (a, k) { a.push(k + '=' + encodeURIComponent(obj[k])); return a; }, [])\r\n .join('&');\r\n}\r\nexports.serialize = serialize;\r\n","import React, { useRef, useState } from 'react'\r\nimport axios from 'axios';\r\nimport PropTypes from 'prop-types'\r\nimport { Button } from 'reactstrap'\r\nimport { translateResourceString } from '../../util/translationUtility';\r\nimport { displayListSuccessMessage } from '../../util/messageUtility';\r\nimport { defaultAxiosCatalystPostConfig, makeAxiosCatalystPostData } from \"../../util/axiosUtility\";\r\n\r\nconst NewListInput = ({\r\n Lists,\r\n UpdateLists,\r\n ToggleNewListModal = null,\r\n SelectActiveTab = null,\r\n AddProduct = null,\r\n CreateListEndpoint,\r\n}) => {\r\n \r\n const newListName = useRef(null)\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const createList = (listName) => {\r\n if (!Lists.some(list => list.Name === listName)) {\r\n UpdateLists([{ Name: listName, Items: [] }, ...Lists])\r\n\r\n if (SelectActiveTab) SelectActiveTab(0)\r\n newListName.current.value = \"\"\r\n\r\n if (ToggleNewListModal != null) {\r\n ToggleNewListModal(false)\r\n }\r\n \r\n if (AddProduct != null) {\r\n AddProduct(listName)\r\n }\r\n }\r\n }\r\n\r\n const Create = (endpoint, listName) => {\r\n setIsLoading(true);\r\n axios.post(endpoint, makeAxiosCatalystPostData({\r\n listName: listName\r\n }), defaultAxiosCatalystPostConfig)\r\n .then(function (response) {\r\n switch (response.data) {\r\n case 'OK':\r\n case 200:\r\n createList(listName)\r\n displayListSuccessMessage();\r\n break\r\n case 'Conflict':\r\n case 409:\r\n alert(translateResourceString(\"/Wishlist/CreateNameConflict\"))\r\n break\r\n case 'BadRequest':\r\n case 400:\r\n alert(translateResourceString(\"/Wishlist/CreateBadRequest\"))\r\n break\r\n }\r\n })\r\n .catch(function (error) {\r\n console.log(error)\r\n })\r\n .finally(function () {\r\n setIsLoading(false);\r\n });\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.props.text}
\r\n { pushGtmData(this.props.linkGTMCategory, this.props.linkGTMAction, this.props.linkGTMLabel); }}>\r\n {this.props.linkText}\r\n \r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nNewListInput.propType = {\r\n Lists: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n Name: PropTypes.string\r\n })\r\n ).isRequired,\r\n UpdateLists: PropTypes.func.isRequired,\r\n ToggleNewListModal: PropTypes.func,\r\n SelectActiveTab: PropTypes.func,\r\n CreateListEndpoint: PropTypes.string.isRequired\r\n};\r\n\r\nexport default NewListInput;","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\n\r\nconst ProductItem = ({ \r\n Name, \r\n ImageUrl,\r\n Link,\r\n SKU \r\n}) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n 
\r\n \r\n
\r\n );\r\n};\r\n\r\nProductItem.propType = {\r\n Name: PropTypes.string,\r\n ImageUrl: PropTypes.string,\r\n Link: PropTypes.string\r\n};\r\n\r\nexport default ProductItem;","import { makeFormData } from \"./catalystFormDataBuilder\";\r\n\r\nconst makeAxiosCatalystPostData = data => makeFormData(data);\r\n\r\nconst defaultAxiosCatalystPostConfig = {\r\n headers: {\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/x-www-form-urlencoded',\r\n 'X-Requested-With': 'XMLHttpRequest',\r\n }\r\n}\r\n\r\nexport { makeAxiosCatalystPostData, defaultAxiosCatalystPostConfig }\r\n","/** Create a URLSearchParams from a FormData object. Not suitable for Blob\r\n * @throws if data is Blob\r\n * */\r\nconst formDataToBody = (formData) => {\r\n if (formData instanceof FormData) {\r\n for (var value of formData.values()) {\r\n if (value instanceof Blob) {\r\n // to do this we should implement a multipart-form-data content-type\r\n // see https://stackoverflow.com/questions/4007969/application-x-www-form-urlencoded-or-multipart-form-data\r\n // see https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects\r\n throw new Error(\"cannot yet use Blobs in catalystFormDataBuilder\")\r\n }\r\n }\r\n }\r\n return new URLSearchParams(formData);\r\n};\r\n\r\nlet addArrayElement = (formData, prefix, datum, i) => {\r\n addData(formData, `${prefix}[${i}]`, datum)\r\n}\r\n\r\nlet addArray = (formData, prefix, data) => {\r\n let i = 0\r\n data.forEach(datum => addArrayElement(formData, prefix, datum, i++))\r\n}\r\n\r\nlet addObject = (formData, prefix, data) => {\r\n var keys = Object.getOwnPropertyNames(data);\r\n if (prefix !== \"\") {\r\n prefix += \".\"\r\n }\r\n for (const key of keys) {\r\n addData(formData, prefix + key, data[key])\r\n }\r\n}\r\n\r\nlet addData = (formData, prefix, data) => {\r\n if (data === null) return;\r\n if (Array.isArray(data)) {\r\n addArray(formData, prefix, data)\r\n } else if (data instanceof Date) {\r\n formData.append(prefix, data.toUTCString());\r\n } else if (typeof data === 'object') {\r\n addObject(formData, prefix, data);\r\n } else {\r\n formData.append(prefix, data);\r\n }\r\n}\r\n\r\n/** Build form data that will have keys that can be bound to a model using asp.net core form data model-binder */\r\nconst makeFormData = data => {\r\n const prefix = \"\";\r\n const formData = new FormData();\r\n if (typeof 'data' != 'undefined' && data !== null) {\r\n addData(formData, prefix, data);\r\n }\r\n return formData;\r\n}\r\n\r\nexport {formDataToBody, makeFormData}\r\n","// https://developers.google.com/tag-manager/enhanced-ecommerce#checkout\r\nexport const sendCheckoutStepToDataLayer = (checkoutStep, products, location, option) => {\r\n if (window && window.dataLayer) {\r\n try {\r\n var eventName = '';\r\n var optionName;\r\n \r\n switch (checkoutStep) {\r\n case checkoutSteps.pageLoad:\r\n eventName = 'begin_checkout';\r\n break;\r\n case checkoutSteps.selectShippingMethod:\r\n return; // WTB 09-11-24 Don't send event for add_shipping_info\r\n case checkoutSteps.confirmPaymentMethod:\r\n eventName = 'add_payment_info';\r\n optionName = 'payment_type';\r\n break;\r\n default:\r\n break;\r\n }\r\n const currencyCode = products[0].currencyCode || products[0].CurrencyCode;\r\n \r\n var dataLayerObj = {\r\n 'event': eventName,\r\n 'ecommerce': {\r\n 'currency': currencyCode,\r\n 'value': products.reduce((acc, product) => acc + ((product.price || product.Price) * (product.quantity || product.Quantity)), 0),\r\n 'items': products.map((product) => {\r\n const p =\r\n {\r\n 'item_name': product.name || product.Name,\r\n 'item_id': product.id || product.Id,\r\n 'price': product.price || product.Price,\r\n 'item_brand': product.brand || product.Brand,\r\n 'item_category': product.category || product.Category,\r\n 'item_variant': product.variant || product.Variant,\r\n }\r\n const quantity = product.quantity || product.Quantity;\r\n if(quantity)\r\n p.quantity = quantity;\r\n return p;\r\n }\r\n )\r\n }\r\n };\r\n \r\n // Add option to dataLayer object for shipping tier or payment type.\r\n if (optionName && option) {\r\n dataLayerObj.ecommerce[optionName] = option;\r\n }\r\n \r\n // Add coupon if it exists from couponActionCreators.\r\n if (window.couponCode) {\r\n dataLayerObj.ecommerce['coupon'] = window.couponCode;\r\n }\r\n\r\n window.dataLayer.push({ ecommerce: null });\r\n window.dataLayer.push(dataLayerObj);\r\n } catch (e) {\r\n console.log(\"Error pushing to gtm\", e)\r\n }\r\n }\r\n}\r\n\r\nexport const checkoutSteps = {\r\n pageLoad: 1,\r\n selectShippingMethod: 2,\r\n confirmPaymentMethod: 3\r\n}\r\n\r\nexport const sendWishListToDataLayer = (product, quantity) => {\r\n if (window && window.dataLayer) {\r\n try {\r\n const currencyCode = product.currencyCode || product.CurrencyCode;\r\n const price = product.price || product.Price;\r\n const gtmQuantity = quantity || product.Quantity || product.quantity;\r\n const value = price > 0 ? price * parseInt(quantity) : 0;\r\n\r\n window.dataLayer.push({ ecommerce: null });\r\n window.dataLayer.push({\r\n 'event': 'add_to_wishlist',\r\n 'ecommerce': {\r\n 'currency': currencyCode,\r\n 'value' : value,\r\n 'items': [{\r\n 'item_id': product.id || product.Id,\r\n 'item_name': product.name || product.Name,\r\n 'item_brand': product.brand || product.Brand,\r\n 'item_category': product.category || product.Category,\r\n 'item_variant': product.variant || product.Variant,\r\n 'price': price,\r\n 'quantity': gtmQuantity,\r\n }]\r\n }\r\n });\r\n } catch (e) {\r\n console.log(\"Error pushing Wishlist item to Data Layer\", e)\r\n }\r\n }\r\n}\r\n\r\nexport const pushGtmData = (linkGTMCategory, linkGTMAction, linkGTMLabel) => {\r\n let values = [];\r\n\r\n if (!!linkGTMCategory) {\r\n values.push('\"category\": \"' + linkGTMCategory + '\"');\r\n }\r\n if (!!linkGTMAction) {\r\n values.push('\"action\": \"' + linkGTMAction + '\"');\r\n }\r\n if (!!linkGTMLabel) {\r\n values.push('\"label\": \"' + linkGTMLabel + '\"');\r\n }\r\n if (!!values.Count) {\r\n window.dataLayer.push(JSON.parse(\"{\" + values.join(\", \") + \"}\"));\r\n }\r\n}\r\n\r\nexport const sendFilterDataToDataLayer = (Category, Term) => {\r\n if (window && window.dataLayer) {\r\n try {\r\n window.dataLayer = window.dataLayer || []\r\n window.dataLayer.push({\r\n 'filterCategory': Category,\r\n 'filterTerm': Term,\r\n 'event': \"filterUsed\"\r\n });\r\n\r\n } catch (e) {\r\n console.log(\"Error pushing Filters item to Data Layer\", e)\r\n }\r\n }\r\n}\r\n\r\nexport const sendSortingToDataLayer = (SortByType) => {\r\n if (window && window.dataLayer) {\r\n try {\r\n window.dataLayer = window.dataLayer || []\r\n window.dataLayer.push({\r\n 'sortBy': SortByType, // expected values include Most Popular, Most Relevant, Most Recent etc\r\n 'event': \"sortBy\"\r\n });\r\n\r\n\r\n } catch (e) {\r\n console.log(\"Error pushing Filters item to Data Layer\", e)\r\n }\r\n }\r\n}\r\n\r\nexport const sendCustomerServiceClickToDataLayer = (contactAvailbilityType) => {\r\n if (window && window.dataLayer) {\r\n try {\r\n window.dataLayer.push({\r\n 'event': 'customerServiceContact',\r\n 'contact_availbility_type': contactAvailbilityType,\r\n });\r\n } catch (e) {\r\n console.log(\"Error pushing Customer Service Contact click event to Data Layer\", e)\r\n }\r\n }\r\n}\r\n","// BBS DDD from https://stackoverflow.com/questions/7905929/how-to-test-valid-uuid-guid\r\nconst guidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;\r\n\r\nexport const isValidGuid = (s) => guidRegex.test(s);\r\n\r\n// https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript\r\nexport const createGuid = () => {\r\n try {\r\n if (typeof crypto === \"undefined\") {\r\n crypto = window.msCrypto || window.crypto;\r\n }\r\n return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c => \r\n (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16));\r\n } catch(error) {\r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {\r\n var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);\r\n return v.toString(16);\r\n });\r\n }\r\n};","const loginModal = window && window.LoginModal || {}\r\nconst client = {\r\n displayLoginModal() {\r\n return loginModal.displayLoginModal && loginModal.displayLoginModal();\r\n }\r\n}\r\nexport default client;","\r\n// This could be made more universal, but it meets the current needs.\r\nexport const generateLoginPageWithReturnUrlLink = (baseLoginPageUrl, masterItemNumber, addToList = false, addToCart = false) => {\r\n if (!window?.location) return baseLoginPageUrl;\r\n\r\n let returnParams = new URLSearchParams(window.location.search);\r\n\r\n if (!!masterItemNumber) returnParams.set('min', masterItemNumber);\r\n\r\n if (addToList)\r\n returnParams.set('addtolist', 'true');\r\n if (addToCart)\r\n returnParams.set('addtocart', 'true');\r\n\r\n return baseLoginPageUrl + \"?ReturnUrl=\" + encodeURIComponent(window.location.pathname + \"?\" + returnParams.toString());\r\n}","export const displayListSuccessMessage = () => {\r\n window.displayListSuccessMessage(); \r\n} ","export class TranslationUtility {\r\n constructor(localizationItems) {\r\n this.localizationItems = localizationItems;\r\n }\r\n\r\n translateResourceString(itemKey) {\r\n var localizationItem = this.localizationItems.find(item => {\r\n return item.Key === itemKey;\r\n });\r\n if (localizationItem && localizationItem.Value) {\r\n return localizationItem.Value;\r\n }\r\n return itemKey;\r\n }\r\n}\r\n\r\nexport const translateResourceString = (itemKey, ...formatChars) => {\r\n if (window.clientTranslationStrings) {\r\n var translation = window.clientTranslationStrings[itemKey];\r\n if (translation !== null && translation !== undefined) {\r\n return window.clientTranslationStrings[itemKey].formatUnicorn(...formatChars);\r\n }\r\n }\r\n return itemKey;\r\n}\r\n\r\nexport const addResourceStrings = (resourceStrings) => {\r\n if (!window.clientTranslationStrings) {\r\n window.clientTranslationStrings = resourceStrings\r\n } else {\r\n window.clientTranslationStrings = { ...window.clientTranslationStrings, ...resourceStrings };\r\n }\r\n}\r\n\r\nString.prototype.formatUnicorn = String.prototype.formatUnicorn ||\r\n function () {\r\n \"use strict\";\r\n var str = this.toString();\r\n if (arguments.length) {\r\n var t = typeof arguments[0];\r\n var key;\r\n var args = (\"string\" === t || \"number\" === t) ?\r\n Array.prototype.slice.call(arguments)\r\n : arguments[0];\r\n\r\n for (key in args) {\r\n str = str.replace(new RegExp(\"\\\\{\" + key + \"\\\\}\", \"gi\"), args[key]);\r\n }\r\n }\r\n\r\n return str;\r\n };","export const ARTICLES = 'articles';\r\nexport const PRODUCTS = 'products';\r\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"color\", \"body\", \"inverse\", \"outline\", \"tag\", \"innerRef\"];\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar propTypes = {\n tag: tagPropType,\n inverse: PropTypes.bool,\n color: PropTypes.string,\n body: PropTypes.bool,\n outline: PropTypes.bool,\n className: PropTypes.string,\n cssModule: PropTypes.object,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func])\n};\nvar defaultProps = {\n tag: 'div'\n};\n\nvar Card = function Card(props) {\n var className = props.className,\n cssModule = props.cssModule,\n color = props.color,\n body = props.body,\n inverse = props.inverse,\n outline = props.outline,\n Tag = props.tag,\n innerRef = props.innerRef,\n attributes = _objectWithoutPropertiesLoose(props, _excluded);\n\n var classes = mapToCssModules(classNames(className, 'card', inverse ? 'text-white' : false, body ? 'card-body' : false, color ? (outline ? 'border' : 'bg') + \"-\" + color : false), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: classes,\n ref: innerRef\n }));\n};\n\nCard.propTypes = propTypes;\nCard.defaultProps = defaultProps;\nexport default Card;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _excluded = [\"tag\", \"isOpen\", \"className\", \"navbar\", \"cssModule\", \"children\", \"innerRef\"];\n\nvar _transitionStatusToCl;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Transition } from 'react-transition-group';\nimport { mapToCssModules, omit, pick, TransitionTimeouts, TransitionPropTypeKeys, TransitionStatuses, tagPropType } from './utils';\n\nvar propTypes = _objectSpread(_objectSpread({}, Transition.propTypes), {}, {\n isOpen: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n tag: tagPropType,\n className: PropTypes.node,\n navbar: PropTypes.bool,\n cssModule: PropTypes.object,\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.object])\n});\n\nvar defaultProps = _objectSpread(_objectSpread({}, Transition.defaultProps), {}, {\n isOpen: false,\n appear: false,\n enter: true,\n exit: true,\n tag: 'div',\n timeout: TransitionTimeouts.Collapse\n});\n\nvar transitionStatusToClassHash = (_transitionStatusToCl = {}, _transitionStatusToCl[TransitionStatuses.ENTERING] = 'collapsing', _transitionStatusToCl[TransitionStatuses.ENTERED] = 'collapse show', _transitionStatusToCl[TransitionStatuses.EXITING] = 'collapsing', _transitionStatusToCl[TransitionStatuses.EXITED] = 'collapse', _transitionStatusToCl);\n\nfunction getTransitionClass(status) {\n return transitionStatusToClassHash[status] || 'collapse';\n}\n\nfunction getHeight(node) {\n return node.scrollHeight;\n}\n\nvar Collapse = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Collapse, _Component);\n\n function Collapse(props) {\n var _this;\n\n _this = _Component.call(this, props) || this;\n _this.state = {\n height: null\n };\n ['onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited'].forEach(function (name) {\n _this[name] = _this[name].bind(_assertThisInitialized(_this));\n });\n return _this;\n }\n\n var _proto = Collapse.prototype;\n\n _proto.onEntering = function onEntering(node, isAppearing) {\n this.setState({\n height: getHeight(node)\n });\n this.props.onEntering(node, isAppearing);\n };\n\n _proto.onEntered = function onEntered(node, isAppearing) {\n this.setState({\n height: null\n });\n this.props.onEntered(node, isAppearing);\n };\n\n _proto.onExit = function onExit(node) {\n this.setState({\n height: getHeight(node)\n });\n this.props.onExit(node);\n };\n\n _proto.onExiting = function onExiting(node) {\n // getting this variable triggers a reflow\n var _unused = node.offsetHeight; // eslint-disable-line no-unused-vars\n\n this.setState({\n height: 0\n });\n this.props.onExiting(node);\n };\n\n _proto.onExited = function onExited(node) {\n this.setState({\n height: null\n });\n this.props.onExited(node);\n };\n\n _proto.render = function render() {\n var _this2 = this;\n\n var _this$props = this.props,\n Tag = _this$props.tag,\n isOpen = _this$props.isOpen,\n className = _this$props.className,\n navbar = _this$props.navbar,\n cssModule = _this$props.cssModule,\n children = _this$props.children,\n innerRef = _this$props.innerRef,\n otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);\n\n var height = this.state.height;\n var transitionProps = pick(otherProps, TransitionPropTypeKeys);\n var childProps = omit(otherProps, TransitionPropTypeKeys);\n return /*#__PURE__*/React.createElement(Transition, _extends({}, transitionProps, {\n in: isOpen,\n onEntering: this.onEntering,\n onEntered: this.onEntered,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited\n }), function (status) {\n var collapseClass = getTransitionClass(status);\n var classes = mapToCssModules(classNames(className, collapseClass, navbar && 'navbar-collapse'), cssModule);\n var style = height === null ? null : {\n height: height\n };\n return /*#__PURE__*/React.createElement(Tag, _extends({}, childProps, {\n style: _objectSpread(_objectSpread({}, childProps.style), style),\n className: classes,\n ref: _this2.props.innerRef\n }), children);\n });\n };\n\n return Collapse;\n}(Component);\n\nCollapse.propTypes = propTypes;\nCollapse.defaultProps = defaultProps;\nexport default Collapse;","import React from 'react';\r\nimport { Card, CardHeader, Collapse, CardBody } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\nimport { translateResourceString } from '../../../util/translationUtility';\r\nimport sortBy from 'lodash/sortBy';\r\nimport { createGuid } from '../../../util/guidUtility';\r\n\r\nconst downArrow = ;\r\nconst upArrow = ;\r\nconst showMoreThreshold = 10;\r\n\r\nclass Facet extends React.Component {\r\n componentWillMount() {\r\n this.setState({ expanded: true });\r\n }\r\n\r\n render() {\r\n const {\r\n name,\r\n displayName,\r\n values,\r\n onAttributeChange,\r\n expanded,\r\n onToggleFacetExpanded,\r\n updateOnToggle,\r\n showMore,\r\n onToggleShowMore,\r\n } = this.props;\r\n const arrow = expanded ? upArrow : downArrow;\r\n const sizeToShow = showMore\r\n ? values.length\r\n : Math.min(showMoreThreshold, values.length);\r\n const showShowMore = !showMore && values.length > showMoreThreshold;\r\n const showShowLess = showMore && values.length > showMoreThreshold;\r\n return (\r\n \r\n \r\n
\r\n {Name}
\r\n \r\n\r\n onToggleFacetExpanded(name)}>\r\n
\r\n
\r\n onToggleFacetExpanded(name)}>\r\n \r\n {displayName}\r\n
\r\n \r\n {arrow}\r\n \r\n
\r\n \r\n {\r\n sortBy(values, a => a.name)\r\n .slice(0, sizeToShow)\r\n .map((value, k) => {\r\n // generate unique ID\r\n const uniqueGuid = createGuid();\r\n return (\r\n
\r\n \r\n {\r\n if (updateOnToggle) {\r\n value.checked = !value.checked;\r\n }\r\n onAttributeChange(name, value.name);\r\n }}\r\n >\r\n \r\n \r\n \r\n\r\n
\r\n )\r\n })\r\n }\r\n {showShowMore && }\r\n {showShowLess && }\r\n \r\n {\r\n sortBy(attributes, a => a.sortOrder)\r\n .map((attribute, i) => {\r\n return (\r\n
\r\n );\r\n};\r\n\r\nFacets.propTypes = {...AttributesParamShape};\r\n\r\nexport default Facets;","import React from 'react';\r\nimport Facets from './Facets';\r\nimport { Button } from 'reactstrap';\r\nimport { AttributesParamShape } from '../../Infrastructure/propShapes.js';\r\nimport { translateResourceString } from '../../../util/translationUtility';\r\n\r\nclass MobileFacets extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n require('./MobileFacets.css');\r\n }\r\n\r\n render() {\r\n const {\r\n onClearAttributes,\r\n showMobileFacets,\r\n onShowMobileFacetsChange,\r\n } = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n })\r\n }\r\n \r\n { showMobileFacets &&\r\n
\r\n );\r\n }\r\n}\r\n\r\nMobileFacets.propType = {\r\n ...AttributesParamShape\r\n};\r\n\r\nexport default MobileFacets;","import React from 'react';\n/**\n * DropdownContext\n * {\n * toggle: PropTypes.func.isRequired,\n * isOpen: PropTypes.bool.isRequired,\n * direction: PropTypes.oneOf(['up', 'down', 'left', 'right']).isRequired,\n * inNavbar: PropTypes.bool.isRequired,\n * disabled: PropTypes.bool\n * }\n */\n\nexport var DropdownContext = /*#__PURE__*/React.createContext({});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"direction\", \"isOpen\", \"group\", \"size\", \"nav\", \"setActiveFromChild\", \"active\", \"addonType\", \"tag\", \"menuRole\"];\n\n/* eslint react/no-find-dom-node: 0 */\n// https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-find-dom-node.md\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { Manager } from 'react-popper';\nimport classNames from 'classnames';\nimport { DropdownContext } from './DropdownContext';\nimport { mapToCssModules, omit, keyCodes, tagPropType } from './utils';\nvar propTypes = {\n a11y: PropTypes.bool,\n disabled: PropTypes.bool,\n direction: PropTypes.oneOf(['up', 'down', 'left', 'right']),\n group: PropTypes.bool,\n isOpen: PropTypes.bool,\n nav: PropTypes.bool,\n active: PropTypes.bool,\n addonType: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['prepend', 'append'])]),\n size: PropTypes.string,\n tag: tagPropType,\n toggle: PropTypes.func,\n children: PropTypes.node,\n className: PropTypes.string,\n cssModule: PropTypes.object,\n inNavbar: PropTypes.bool,\n setActiveFromChild: PropTypes.bool,\n menuRole: PropTypes.oneOf(['listbox', 'menu'])\n};\nvar defaultProps = {\n a11y: true,\n isOpen: false,\n direction: 'down',\n nav: false,\n active: false,\n addonType: false,\n inNavbar: false,\n setActiveFromChild: false\n};\nvar preventDefaultKeys = [keyCodes.space, keyCodes.enter, keyCodes.up, keyCodes.down, keyCodes.end, keyCodes.home];\n\nvar Dropdown = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Dropdown, _React$Component);\n\n function Dropdown(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.addEvents = _this.addEvents.bind(_assertThisInitialized(_this));\n _this.handleDocumentClick = _this.handleDocumentClick.bind(_assertThisInitialized(_this));\n _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));\n _this.removeEvents = _this.removeEvents.bind(_assertThisInitialized(_this));\n _this.toggle = _this.toggle.bind(_assertThisInitialized(_this));\n _this.handleMenuRef = _this.handleMenuRef.bind(_assertThisInitialized(_this));\n _this.containerRef = /*#__PURE__*/React.createRef();\n _this.menuRef = /*#__PURE__*/React.createRef();\n return _this;\n }\n\n var _proto = Dropdown.prototype;\n\n _proto.handleMenuRef = function handleMenuRef(menuRef) {\n this.menuRef.current = menuRef;\n };\n\n _proto.getContextValue = function getContextValue() {\n return {\n toggle: this.toggle,\n isOpen: this.props.isOpen,\n direction: this.props.direction === 'down' && this.props.dropup ? 'up' : this.props.direction,\n inNavbar: this.props.inNavbar,\n disabled: this.props.disabled,\n // Callback that should be called by DropdownMenu to provide a ref to\n // a HTML tag that's used for the DropdownMenu\n onMenuRef: this.handleMenuRef,\n menuRole: this.props.menuRole\n };\n };\n\n _proto.componentDidMount = function componentDidMount() {\n this.handleProps();\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (this.props.isOpen !== prevProps.isOpen) {\n this.handleProps();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.removeEvents();\n };\n\n _proto.getContainer = function getContainer() {\n return this.containerRef.current;\n };\n\n _proto.getMenu = function getMenu() {\n return this.menuRef.current;\n };\n\n _proto.getMenuCtrl = function getMenuCtrl() {\n if (this._$menuCtrl) return this._$menuCtrl;\n this._$menuCtrl = this.getContainer().querySelector('[aria-expanded]');\n return this._$menuCtrl;\n };\n\n _proto.getItemType = function getItemType() {\n if (this.context.menuRole === 'listbox') {\n return 'option';\n }\n\n return 'menuitem';\n };\n\n _proto.getMenuItems = function getMenuItems() {\n // In a real menu with a child DropdownMenu, `this.getMenu()` should never\n // be null, but it is sometimes null in tests. To mitigate that, we just\n // use `this.getContainer()` as the fallback `menuContainer`.\n var menuContainer = this.getMenu() || this.getContainer();\n return [].slice.call(menuContainer.querySelectorAll(\"[role=\\\"\" + this.getItemType() + \"\\\"]\"));\n };\n\n _proto.addEvents = function addEvents() {\n var _this2 = this;\n\n ['click', 'touchstart', 'keyup'].forEach(function (event) {\n return document.addEventListener(event, _this2.handleDocumentClick, true);\n });\n };\n\n _proto.removeEvents = function removeEvents() {\n var _this3 = this;\n\n ['click', 'touchstart', 'keyup'].forEach(function (event) {\n return document.removeEventListener(event, _this3.handleDocumentClick, true);\n });\n };\n\n _proto.handleDocumentClick = function handleDocumentClick(e) {\n if (e && (e.which === 3 || e.type === 'keyup' && e.which !== keyCodes.tab)) return;\n var container = this.getContainer();\n var menu = this.getMenu();\n var clickIsInContainer = container.contains(e.target) && container !== e.target;\n var clickIsInMenu = menu && menu.contains(e.target) && menu !== e.target;\n\n if ((clickIsInContainer || clickIsInMenu) && (e.type !== 'keyup' || e.which === keyCodes.tab)) {\n return;\n }\n\n this.toggle(e);\n };\n\n _proto.handleKeyDown = function handleKeyDown(e) {\n var _this4 = this;\n\n var isTargetMenuItem = e.target.getAttribute('role') === 'menuitem' || e.target.getAttribute('role') === 'option';\n var isTargetMenuCtrl = this.getMenuCtrl() === e.target;\n var isTab = keyCodes.tab === e.which;\n\n if (/input|textarea/i.test(e.target.tagName) || isTab && !this.props.a11y || isTab && !(isTargetMenuItem || isTargetMenuCtrl)) {\n return;\n }\n\n if (preventDefaultKeys.indexOf(e.which) !== -1 || e.which >= 48 && e.which <= 90) {\n e.preventDefault();\n }\n\n if (this.props.disabled) return;\n\n if (isTargetMenuCtrl) {\n if ([keyCodes.space, keyCodes.enter, keyCodes.up, keyCodes.down].indexOf(e.which) > -1) {\n // Open the menu (if not open) and focus the first menu item\n if (!this.props.isOpen) {\n this.toggle(e);\n }\n\n setTimeout(function () {\n return _this4.getMenuItems()[0].focus();\n });\n } else if (this.props.isOpen && isTab) {\n // Focus the first menu item if tabbing from an open menu. We need this\n // for cases where the DropdownMenu sets a custom container, which may\n // not be the natural next item to tab to from the DropdownToggle.\n e.preventDefault();\n this.getMenuItems()[0].focus();\n } else if (this.props.isOpen && e.which === keyCodes.esc) {\n this.toggle(e);\n }\n }\n\n if (this.props.isOpen && isTargetMenuItem) {\n if ([keyCodes.tab, keyCodes.esc].indexOf(e.which) > -1) {\n this.toggle(e);\n this.getMenuCtrl().focus();\n } else if ([keyCodes.space, keyCodes.enter].indexOf(e.which) > -1) {\n e.target.click();\n this.getMenuCtrl().focus();\n } else if ([keyCodes.down, keyCodes.up].indexOf(e.which) > -1 || [keyCodes.n, keyCodes.p].indexOf(e.which) > -1 && e.ctrlKey) {\n var $menuitems = this.getMenuItems();\n var index = $menuitems.indexOf(e.target);\n\n if (keyCodes.up === e.which || keyCodes.p === e.which && e.ctrlKey) {\n index = index !== 0 ? index - 1 : $menuitems.length - 1;\n } else if (keyCodes.down === e.which || keyCodes.n === e.which && e.ctrlKey) {\n index = index === $menuitems.length - 1 ? 0 : index + 1;\n }\n\n $menuitems[index].focus();\n } else if (keyCodes.end === e.which) {\n var _$menuitems = this.getMenuItems();\n\n _$menuitems[_$menuitems.length - 1].focus();\n } else if (keyCodes.home === e.which) {\n var _$menuitems2 = this.getMenuItems();\n\n _$menuitems2[0].focus();\n } else if (e.which >= 48 && e.which <= 90) {\n var _$menuitems3 = this.getMenuItems();\n\n var charPressed = String.fromCharCode(e.which).toLowerCase();\n\n for (var i = 0; i < _$menuitems3.length; i += 1) {\n var firstLetter = _$menuitems3[i].textContent && _$menuitems3[i].textContent[0].toLowerCase();\n\n if (firstLetter === charPressed) {\n _$menuitems3[i].focus();\n\n break;\n }\n }\n }\n }\n };\n\n _proto.handleProps = function handleProps() {\n if (this.props.isOpen) {\n this.addEvents();\n } else {\n this.removeEvents();\n }\n };\n\n _proto.toggle = function toggle(e) {\n if (this.props.disabled) {\n return e && e.preventDefault();\n }\n\n return this.props.toggle(e);\n };\n\n _proto.render = function render() {\n var _classNames, _ref;\n\n var _omit = omit(this.props, ['toggle', 'disabled', 'inNavbar', 'a11y']),\n className = _omit.className,\n cssModule = _omit.cssModule,\n direction = _omit.direction,\n isOpen = _omit.isOpen,\n group = _omit.group,\n size = _omit.size,\n nav = _omit.nav,\n setActiveFromChild = _omit.setActiveFromChild,\n active = _omit.active,\n addonType = _omit.addonType,\n tag = _omit.tag,\n menuRole = _omit.menuRole,\n attrs = _objectWithoutPropertiesLoose(_omit, _excluded);\n\n var Tag = tag || (nav ? 'li' : 'div');\n var subItemIsActive = false;\n\n if (setActiveFromChild) {\n React.Children.map(this.props.children[1].props.children, function (dropdownItem) {\n if (dropdownItem && dropdownItem.props.active) subItemIsActive = true;\n });\n }\n\n var classes = mapToCssModules(classNames(className, direction !== 'down' && \"drop\" + direction, nav && active ? 'active' : false, setActiveFromChild && subItemIsActive ? 'active' : false, (_classNames = {}, _classNames[\"input-group-\" + addonType] = addonType, _classNames['btn-group'] = group, _classNames[\"btn-group-\" + size] = !!size, _classNames.dropdown = !group && !addonType, _classNames.show = isOpen, _classNames['nav-item'] = nav, _classNames)), cssModule);\n return /*#__PURE__*/React.createElement(DropdownContext.Provider, {\n value: this.getContextValue()\n }, /*#__PURE__*/React.createElement(Manager, null, /*#__PURE__*/React.createElement(Tag, _extends({}, attrs, (_ref = {}, _ref[typeof Tag === 'string' ? 'ref' : 'innerRef'] = this.containerRef, _ref), {\n onKeyDown: this.handleKeyDown,\n className: classes\n }))));\n };\n\n return Dropdown;\n}(React.Component);\n\nDropdown.propTypes = propTypes;\nDropdown.defaultProps = defaultProps;\nexport default Dropdown;","import _extends from \"@babel/runtime/helpers/extends\";\nimport _inheritsLoose from \"@babel/runtime/helpers/inheritsLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport * as React from 'react';\nimport warning from 'warning';\nimport { ManagerReferenceNodeSetterContext } from './Manager';\nimport { safeInvoke, unwrapArray, setRef } from './utils';\n\nvar InnerReference =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(InnerReference, _React$Component);\n\n function InnerReference() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"refHandler\", function (node) {\n setRef(_this.props.innerRef, node);\n safeInvoke(_this.props.setReferenceNode, node);\n });\n\n return _this;\n }\n\n var _proto = InnerReference.prototype;\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n setRef(this.props.innerRef, null);\n };\n\n _proto.render = function render() {\n warning(Boolean(this.props.setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');\n return unwrapArray(this.props.children)({\n ref: this.refHandler\n });\n };\n\n return InnerReference;\n}(React.Component);\n\nexport default function Reference(props) {\n return React.createElement(ManagerReferenceNodeSetterContext.Consumer, null, function (setReferenceNode) {\n return React.createElement(InnerReference, _extends({\n setReferenceNode: setReferenceNode\n }, props));\n });\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nvar _excluded = [\"className\", \"color\", \"cssModule\", \"caret\", \"split\", \"nav\", \"tag\", \"innerRef\"];\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Reference } from 'react-popper';\nimport { DropdownContext } from './DropdownContext';\nimport { mapToCssModules, tagPropType } from './utils';\nimport Button from './Button';\nvar propTypes = {\n caret: PropTypes.bool,\n color: PropTypes.string,\n children: PropTypes.node,\n className: PropTypes.string,\n cssModule: PropTypes.object,\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n 'aria-haspopup': PropTypes.bool,\n split: PropTypes.bool,\n tag: tagPropType,\n nav: PropTypes.bool\n};\nvar defaultProps = {\n color: 'secondary',\n 'aria-haspopup': true\n};\n\nvar DropdownToggle = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(DropdownToggle, _React$Component);\n\n function DropdownToggle(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n var _proto = DropdownToggle.prototype;\n\n _proto.onClick = function onClick(e) {\n if (this.props.disabled || this.context.disabled) {\n e.preventDefault();\n return;\n }\n\n if (this.props.nav && !this.props.tag) {\n e.preventDefault();\n }\n\n if (this.props.onClick) {\n this.props.onClick(e);\n }\n\n this.context.toggle(e);\n };\n\n _proto.getRole = function getRole() {\n return this.context.menuRole || this.props['aria-haspopup'];\n };\n\n _proto.render = function render() {\n var _this2 = this;\n\n var _this$props = this.props,\n className = _this$props.className,\n color = _this$props.color,\n cssModule = _this$props.cssModule,\n caret = _this$props.caret,\n split = _this$props.split,\n nav = _this$props.nav,\n tag = _this$props.tag,\n innerRef = _this$props.innerRef,\n props = _objectWithoutPropertiesLoose(_this$props, _excluded);\n\n var ariaLabel = props['aria-label'] || 'Toggle Dropdown';\n var classes = mapToCssModules(classNames(className, {\n 'dropdown-toggle': caret || split,\n 'dropdown-toggle-split': split,\n 'nav-link': nav\n }), cssModule);\n var children = typeof props.children !== 'undefined' ? props.children : /*#__PURE__*/React.createElement(\"span\", {\n className: \"sr-only\"\n }, ariaLabel);\n var Tag;\n\n if (nav && !tag) {\n Tag = 'a';\n props.href = '#';\n } else if (!tag) {\n Tag = Button;\n props.color = color;\n props.cssModule = cssModule;\n } else {\n Tag = tag;\n }\n\n if (this.context.inNavbar) {\n return /*#__PURE__*/React.createElement(Tag, _extends({}, props, {\n className: classes,\n onClick: this.onClick,\n \"aria-expanded\": this.context.isOpen,\n \"aria-haspopup\": this.getRole(),\n children: children\n }));\n }\n\n return /*#__PURE__*/React.createElement(Reference, {\n innerRef: innerRef\n }, function (_ref) {\n var _ref2;\n\n var ref = _ref.ref;\n return /*#__PURE__*/React.createElement(Tag, _extends({}, props, (_ref2 = {}, _ref2[typeof Tag === 'string' ? 'ref' : 'innerRef'] = ref, _ref2), {\n className: classes,\n onClick: _this2.onClick,\n \"aria-expanded\": _this2.context.isOpen,\n \"aria-haspopup\": _this2.getRole(),\n children: children\n }));\n });\n };\n\n return DropdownToggle;\n}(React.Component);\n\nDropdownToggle.propTypes = propTypes;\nDropdownToggle.defaultProps = defaultProps;\nDropdownToggle.contextType = DropdownContext;\nexport default DropdownToggle;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"right\", \"tag\", \"flip\", \"modifiers\", \"persist\", \"positionFixed\", \"container\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport { Popper } from 'react-popper';\nimport { DropdownContext } from './DropdownContext';\nimport { mapToCssModules, tagPropType, targetPropType, getTarget } from './utils';\nvar propTypes = {\n tag: tagPropType,\n children: PropTypes.node.isRequired,\n right: PropTypes.bool,\n flip: PropTypes.bool,\n modifiers: PropTypes.object,\n className: PropTypes.string,\n cssModule: PropTypes.object,\n persist: PropTypes.bool,\n positionFixed: PropTypes.bool,\n container: targetPropType\n};\nvar defaultProps = {\n tag: 'div',\n flip: true\n};\nvar noFlipModifier = {\n flip: {\n enabled: false\n }\n};\nvar directionPositionMap = {\n up: 'top',\n left: 'left',\n right: 'right',\n down: 'bottom'\n};\n\nvar DropdownMenu = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(DropdownMenu, _React$Component);\n\n function DropdownMenu() {\n return _React$Component.apply(this, arguments) || this;\n }\n\n var _proto = DropdownMenu.prototype;\n\n _proto.getRole = function getRole() {\n if (this.context.menuRole === 'listbox') {\n return 'listbox';\n }\n\n return 'menu';\n };\n\n _proto.render = function render() {\n var _this = this;\n\n var _this$props = this.props,\n className = _this$props.className,\n cssModule = _this$props.cssModule,\n right = _this$props.right,\n tag = _this$props.tag,\n flip = _this$props.flip,\n modifiers = _this$props.modifiers,\n persist = _this$props.persist,\n positionFixed = _this$props.positionFixed,\n container = _this$props.container,\n attrs = _objectWithoutPropertiesLoose(_this$props, _excluded);\n\n var classes = mapToCssModules(classNames(className, 'dropdown-menu', {\n 'dropdown-menu-right': right,\n show: this.context.isOpen\n }), cssModule);\n var Tag = tag;\n\n if (persist || this.context.isOpen && !this.context.inNavbar) {\n var position1 = directionPositionMap[this.context.direction] || 'bottom';\n var position2 = right ? 'end' : 'start';\n var poperPlacement = position1 + \"-\" + position2;\n var poperModifiers = !flip ? _objectSpread(_objectSpread({}, modifiers), noFlipModifier) : modifiers;\n var popperPositionFixed = !!positionFixed;\n var popper = /*#__PURE__*/React.createElement(Popper, {\n placement: poperPlacement,\n modifiers: poperModifiers,\n positionFixed: popperPositionFixed\n }, function (_ref) {\n var ref = _ref.ref,\n style = _ref.style,\n placement = _ref.placement;\n\n var combinedStyle = _objectSpread(_objectSpread({}, _this.props.style), style);\n\n var handleRef = function handleRef(tagRef) {\n // Send the ref to `react-popper`\n ref(tagRef); // Send the ref to the parent Dropdown so that clicks outside\n // it will cause it to close\n\n var onMenuRef = _this.context.onMenuRef;\n if (onMenuRef) onMenuRef(tagRef);\n };\n\n return /*#__PURE__*/React.createElement(Tag, _extends({\n tabIndex: \"-1\",\n role: _this.getRole(),\n ref: handleRef\n }, attrs, {\n style: combinedStyle,\n \"aria-hidden\": !_this.context.isOpen,\n className: classes,\n \"x-placement\": placement\n }));\n });\n\n if (container) {\n return /*#__PURE__*/ReactDOM.createPortal(popper, getTarget(container));\n } else {\n return popper;\n }\n }\n\n return /*#__PURE__*/React.createElement(Tag, _extends({\n tabIndex: \"-1\",\n role: this.getRole()\n }, attrs, {\n \"aria-hidden\": !this.context.isOpen,\n className: classes,\n \"x-placement\": attrs.placement\n }));\n };\n\n return DropdownMenu;\n}(React.Component);\n\n;\nDropdownMenu.propTypes = propTypes;\nDropdownMenu.defaultProps = defaultProps;\nDropdownMenu.contextType = DropdownContext;\nexport default DropdownMenu;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"divider\", \"tag\", \"header\", \"active\", \"text\"];\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { DropdownContext } from './DropdownContext';\nimport { mapToCssModules, omit, tagPropType } from './utils';\nvar propTypes = {\n children: PropTypes.node,\n active: PropTypes.bool,\n disabled: PropTypes.bool,\n divider: PropTypes.bool,\n tag: tagPropType,\n header: PropTypes.bool,\n onClick: PropTypes.func,\n className: PropTypes.string,\n cssModule: PropTypes.object,\n toggle: PropTypes.bool,\n text: PropTypes.bool\n};\nvar defaultProps = {\n tag: 'button',\n toggle: true\n};\n\nvar DropdownItem = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(DropdownItem, _React$Component);\n\n function DropdownItem(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n _this.getTabIndex = _this.getTabIndex.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n var _proto = DropdownItem.prototype;\n\n _proto.getRole = function getRole() {\n if (this.context.menuRole === 'listbox') {\n return 'option';\n }\n\n return 'menuitem';\n };\n\n _proto.onClick = function onClick(e) {\n var _this$props = this.props,\n disabled = _this$props.disabled,\n header = _this$props.header,\n divider = _this$props.divider,\n text = _this$props.text;\n\n if (disabled || header || divider || text) {\n e.preventDefault();\n return;\n }\n\n if (this.props.onClick) {\n this.props.onClick(e);\n }\n\n if (this.props.toggle) {\n this.context.toggle(e);\n }\n };\n\n _proto.getTabIndex = function getTabIndex() {\n var _this$props2 = this.props,\n disabled = _this$props2.disabled,\n header = _this$props2.header,\n divider = _this$props2.divider,\n text = _this$props2.text;\n\n if (disabled || header || divider || text) {\n return '-1';\n }\n\n return '0';\n };\n\n _proto.render = function render() {\n var tabIndex = this.getTabIndex();\n var role = tabIndex > -1 ? this.getRole() : undefined;\n\n var _omit = omit(this.props, ['toggle']),\n className = _omit.className,\n cssModule = _omit.cssModule,\n divider = _omit.divider,\n Tag = _omit.tag,\n header = _omit.header,\n active = _omit.active,\n text = _omit.text,\n props = _objectWithoutPropertiesLoose(_omit, _excluded);\n\n var classes = mapToCssModules(classNames(className, {\n disabled: props.disabled,\n 'dropdown-item': !divider && !header && !text,\n active: active,\n 'dropdown-header': header,\n 'dropdown-divider': divider,\n 'dropdown-item-text': text\n }), cssModule);\n\n if (Tag === 'button') {\n if (header) {\n Tag = 'h6';\n } else if (divider) {\n Tag = 'div';\n } else if (props.href) {\n Tag = 'a';\n } else if (text) {\n Tag = 'span';\n }\n }\n\n return /*#__PURE__*/React.createElement(Tag, _extends({\n type: Tag === 'button' && (props.onClick || this.props.toggle) ? 'button' : undefined\n }, props, {\n tabIndex: tabIndex,\n role: role,\n className: classes,\n onClick: this.onClick\n }));\n };\n\n return DropdownItem;\n}(React.Component);\n\nDropdownItem.propTypes = propTypes;\nDropdownItem.defaultProps = defaultProps;\nDropdownItem.contextType = DropdownContext;\nexport default DropdownItem;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\r\nimport { SortOptionShape } from '../Infrastructure/propShapes';\r\nimport { currentSortBy } from '../Infrastructure/pagination';\r\nimport { translateResourceString } from '../../util/translationUtility';\r\n\r\nclass SortByDropdown extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.toggle = this.toggle.bind(this);\r\n this.state = {\r\n dropdownOpen: false\r\n };\r\n }\r\n\r\n toggle() {\r\n this.setState(prevState => ({\r\n dropdownOpen: !prevState.dropdownOpen\r\n }));\r\n }\r\n\r\n render() {\r\n const { sortOptions, onCurrentSortByChange } = this.props;\r\n if(sortOptions == null || sortOptions.length === 0) { return; }\r\n\r\n const selectedSort = currentSortBy(sortOptions);\r\n const title = {translateResourceString(\"/Search/SortBy\")} {selectedSort.displayName} ;\r\n return (\r\n \r\n {/*
\r\n }\r\n */}\r\n {/*
*/}\r\n {/**/}\r\n {/* Filter Products onShowMobileFacetsChange(false)} className=\"float-right\">*/}\r\n {/*
*/}\r\n {/**/}\r\n {/*
*/}\r\n \r\n */}\r\n {/*
*/}\r\n {/**/}\r\n {/* */}\r\n {/* Filter Products*/}\r\n {/* */}\r\n {/* */}\r\n {/* Clear all filters*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* \r\n
\r\n \r\n \r\n
\r\n \r\n onShowMobileFacetsChange(false)}\r\n className=\"see-results-button\"\r\n block\r\n >\r\n {translateResourceString('/Search/SeeResults')}\r\n \r\n
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nPaginationContainer.propTypes = { ...PaginationPropShape };\r\n\r\nexport default PaginationContainer;","import React from 'react';\r\nimport ReactPaginate from 'react-paginate';\r\nimport PropTypes from 'prop-types';\r\nimport { PaginationPropShape } from '../Infrastructure/propShapes'\r\nimport { translateResourceString } from '../../util/translationUtility';\r\n\r\nclass PageNumbers extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n \r\n }\r\n \r\n render() {\r\n \r\n const {\r\n pagination,\r\n } = this.props;\r\n \r\n const pageCount = Math.ceil(pagination.resultsTotal / pagination.currentItemsPerPage);\r\n\r\n return (\r\n \r\n
\r\n\r\n {pagination.sortOptions &&\r\n \r\n {onShowMobileFacetsToggle &&\r\n \r\n {translateResourceString(\"/Search/Filters\")}\r\n \r\n }\r\n\r\n {/*\r\n {translateResourceString(\"/Search/ClearAll\")}\r\n \r\n \r\n }\r\n\r\n {\r\n activeFilters.map(attr => (\r\n attr.values.map(filter => (\r\n { this.clearFilter(attr.name, filter.name) }}>\r\n {filter.displayName}\r\n \r\n \r\n ))\r\n ))\r\n }\r\n
\r\n */}\r\n {/* Filters*/}\r\n {/*
*/}\r\n\r\n {showClearAttributes &&\r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n \r\n
\r\n {useLoadMoreButton || alwaysShowResultsTotal\r\n ? \r\n {translateResourceString(\"/Search/Results\")} {pagination.resultsTotal}\r\n
\r\n : \r\n {translateResourceString(\"/Search/Results\")} {paginationRange} {translateResourceString(\"/Search/Of\")} {pagination.resultsTotal}\r\n
\r\n }\r\n \r\n \r\n this.props.onCurrentPageIndexChange(selectedItem.selected)}\r\n />\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPageNumbers.propTypes = {...PaginationPropShape};\r\n\r\nexport default PageNumbers;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { translateResourceString } from '../../util/translationUtility';\r\n\r\nconst MoreButton = ({onClick}) => \r\n\r\n
\r\n : null\r\n : \r\n onLoadMoreOrPrevious(false)} />\r\n
\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nProductSearchResultsContainer.propType = {\r\n ...AttributesParamShape,\r\n ...PaginationPropShape,\r\n ...ResultShape\r\n};\r\n\r\nexport default ProductSearchResultsContainer;\r\n","import React from 'react';\r\nimport { selectedAttributes } from '../Infrastructure/attributes';\r\nimport PropTypes from 'prop-types';\r\nimport { translateResourceString } from '../../util/translationUtility';\r\nimport { PRODUCTS } from \"../constants\";\r\n\r\nconst ProductSearchResultsNonFound = ({ attributes, onClearAttributes, resultType, isCategoryPage, customerServiceTextAndLink }) => {\r\n const hasAttributes = attributes && selectedAttributes(attributes).length > 0;\r\n return (\r\n \r\n {facets &&\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n {(containerData.UseLoadMoreButton && paginationFirstItemIndex > 0) &&\r\n \r\n
\r\n }\r\n\r\n \r\n onLoadMoreOrPrevious(true)} />\r\n
\r\n \r\n
\r\n\r\n {paginationOrLoadMoreButton}\r\n\r\n \r\n {pagination.resultsTotal > 0\r\n ?
\r\n {translateResourceString(\"/Search/NoResultsWithFilters\")}
\r\n }\r\n\r\n \r\n {(isCategoryPage && !hasAttributes)\r\n ? translateResourceString(\"/Search/NoProductsInMarket\")\r\n : (resultType === PRODUCTS)\r\n ? translateResourceString(\"/Search/NoResultsFound\")\r\n : translateResourceString(\"/Search/NoResultsFoundArticles\")\r\n }\r\n \r\n\r\n {isCategoryPage && !hasAttributes &&\r\n \r\n }\r\n\r\n {hasAttributes &&\r\n \r\n {translateResourceString(\"/Search/Try\")}\r\n \r\n \r\n }\r\n
\r\n )\r\n}\r\n\r\nProductSearchResultsNonFound.propType = {};\r\n\r\nexport default ProductSearchResultsNonFound;","import React from 'react';\r\nimport SearchResultsContainer from './SearchResultsContainer';\r\nimport SearchResultsNonFound from './SearchResultsNonFound';\r\nimport PropTypes from 'prop-types';\r\nimport { AttributesParamShape, PaginationPropShape } from '../Infrastructure/propShapes.js'\r\n\r\nconst SearchResults = tileContainer => ({\r\n attributes, \r\n onAttributeChange, \r\n onClearAttributes,\r\n onToggleFacetExpanded,\r\n onToggleShowMoreFacet,\r\n\r\n pagination,\r\n paginationFirstItemIndex,\r\n onCurrentItemsPerPageChange, \r\n onCurrentSortByChange, \r\n onCurrentPageIndexChange,\r\n onShowMobileFacetsToggle,\r\n onLoadMoreOrPrevious,\r\n\r\n results,\r\n onResultClick,\r\n additionalBlocks,\r\n isFiltered,\r\n\r\n containerData,\r\n addToCartEndPoint,\r\n loginPageUrl,\r\n isUserLoggedIn,\r\n isOrderRequestOnlyMarket,\r\n\r\n wishlistData,\r\n updateLists,\r\n toggleAddToListModal,\r\n setAddToListLinkClass,\r\n resultType,\r\n isCategoryPage,\r\n customerServiceTextAndLink\r\n}) => {\r\n\r\n return (\r\n \r\n {results.length > 0 || attributes.length > 0? \r\n
\r\n );\r\n};\r\n\r\nSearchResults.propType = {\r\n ...AttributesParamShape,\r\n ...PaginationPropShape,\r\n results: PropTypes.arrayOf(PropTypes.object),\r\n};\r\n\r\nexport default SearchResults;","import React from 'react';\r\nconst Loading = ({children}) =>\r\n \r\n {/*
;\r\n\r\nexport default Loading;","import React from 'react';\r\nimport Loading from './Loading';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst getDisplayName = (WrappedComponent) => WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n\r\nconst WithLoading = function(Component) {\r\n let withLoading = function({ isLoading, ...rest }) {\r\n return (\r\n isLoading\r\n ? \r\n \r\n
*/}\r\n {children}\r\n \r\n {!!variation.PriceViewModel && !variation.HidePrice &&\r\n \r\n {variation.PriceViewModel.IsSalePrice ? (\r\n \r\n }\r\n
\r\n \r\n
\r\n ) : (\r\n {variation.PriceViewModel.SalePrice}
\r\n{variation.PriceViewModel.RegularPrice}
\r\n\r\n
\r\n )}\r\n {variation.PriceViewModel.RegularPrice}
\r\n{translateResourceString(\"/Product/Index/InStock\")}
\r\n : <>\r\n {translateResourceString(\"/Product/Index/OutOfStock\")}
\r\n \r\n )\r\n }\r\n \r\n {!variation.CanAddToCart\r\n ? \r\n : <>\r\n
\r\n \r\n {variation.MinimumOrderQuantity > 0 &&\r\n
\r\n \r\n \r\n {isUserLoggedIn || !isOrderRequestOnlyMarket\r\n ? \r\n : {translateResourceString(\"/Search/AddToCartButton\")}\r\n }\r\n \r\n } \r\n \r\n {translateResourceString(\"/ShoppingCart/Index/Item/MinQtyMessage\").replace(\"{0}\", variation.MinimumOrderQuantity)}\r\n
\r\n }\r\n {variation.EnforceCaseCount &&\r\n \r\n {translateResourceString(\"/ShoppingCart/Index/Item/CaseQtyMessage\").replace(\"{0}\", variation.CaseCount)}\r\n
\r\n }\r\n \r\n
\r\n \r\n {!variation.CanAddToCart ?\r\n onProductClick(e, variation)}>{translateResourceString(\"/Search/ViewButton\")}\r\n : <>\r\n
\r\n \r\n {variation.MinimumOrderQuantity > 0 &&\r\n
\r\n \r\n \r\n {isUserLoggedIn || !isOrderRequestOnlyMarket\r\n ? \r\n : {translateResourceString(\"/Search/AddToCartButton\")}\r\n }\r\n \r\n } \r\n \r\n {translateResourceString(\"/ShoppingCart/Index/Item/MinQtyMessage\").replace(\"{0}\", variation.MinimumOrderQuantity)}\r\n
\r\n }\r\n {variation.EnforceCaseCount &&\r\n \r\n {translateResourceString(\"/ShoppingCart/Index/Item/CaseQtyMessage\").replace(\"{0}\", variation.CaseCount)}\r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nProductTileWithVariations.propTypes = {\r\n Link: PropTypes.string,\r\n Name: PropTypes.string,\r\n Description: PropTypes.string,\r\n DefaultVariationCode: PropTypes.string,\r\n Image: PropTypes.shape({\r\n Url: PropTypes.string,\r\n Alt: PropTypes.string\r\n }),\r\n HidePricing: PropTypes.bool,\r\n IsTestingOrTestingStandaloneProduct: PropTypes.bool,\r\n ProceedLink: PropTypes.string,\r\n HasMultipleVariations: PropTypes.bool,\r\n FeaturedAttributes: PropTypes.arrayOf(PropTypes.shape({\r\n Name: PropTypes.string,\r\n Value: PropTypes.string,\r\n SortOrder: PropTypes.number\r\n })),\r\n RestrictedShipToAreas: PropTypes.arrayOf(PropTypes.string),\r\n Variations: PropTypes.arrayOf(PropTypes.shape({\r\n Link: PropTypes.string,\r\n Name: PropTypes.string,\r\n GtmName: PropTypes.string,\r\n SKU: PropTypes.string,\r\n Code: PropTypes.string,\r\n MasterItemNumber: PropTypes.string,\r\n PriceViewModel: PropTypes.shape({\r\n RegularPrice: PropTypes.string,\r\n SalePrice: PropTypes.string,\r\n IsSalePrice: PropTypes.bool\r\n }),\r\n CanAddToCart: PropTypes.bool,\r\n HidePrice: PropTypes.bool,\r\n ShowInventoryAvailable: PropTypes.bool,\r\n IsInStock: PropTypes.bool,\r\n GoogleTagManagerProductFieldObject: PropTypes.object,\r\n MinimumOrderQuantity: PropTypes.number,\r\n CaseCount: PropTypes.number,\r\n EnforceCaseCount: PropTypes.bool,\r\n })),\r\n addToCartEndPoint: PropTypes.string,\r\n listName: PropTypes.string,\r\n wishlistData: PropTypes.object,\r\n loginPageUrl: PropTypes.string,\r\n isUserLoggedIn: PropTypes.bool,\r\n isOrderRequestOnlyMarket: PropTypes.bool\r\n};\r\n\r\nexport default ProductTileWithVariations;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst getDisplayName = (WrappedComponent) => WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n\r\nconst WithClickTracking = function(Component) {\r\n let withClickTracking = function({ onResultClick, HitId, ...rest }) {\r\n return (\r\n onResultClick && HitId \r\n ? \r\n
\r\n {showVariations &&\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {!showVariations &&\r\n <>\r\n
\r\n \r\n {!hidePrices && defaultVariation.PriceViewModel && !defaultVariation.HidePrice &&\r\n
\r\n \r\n <>\r\n {defaultVariation.PriceViewModel.IsSalePrice ? (\r\n
\r\n }\r\n\r\n {defaultVariation.ShowInventoryAvailable && (\r\n defaultVariation.IsInStock\r\n ? \r\n {defaultVariation.PriceViewModel.SalePrice} {translateResourceString(\"/Search/ProductTile/EachLabel\")}\r\n {defaultVariation.PriceViewModel.RegularPrice} {translateResourceString(\"/Search/ProductTile/EachLabel\")}\r\n
\r\n ) : (\r\n \r\n {defaultVariation.PriceViewModel.RegularPrice} {translateResourceString(\"/Search/ProductTile/EachLabel\")}\r\n
\r\n )}\r\n \r\n {translateResourceString(\"/Product/Index/InStock\")}
\r\n : {translateResourceString(\"/Product/Index/OutOfStock\")}
\r\n )}\r\n \r\n
\r\n \r\n }\r\n \r\n {!canAddToCart\r\n ? {translateResourceString(\"/Search/ViewButton\")}\r\n : <>\r\n \r\n \r\n {isUserLoggedIn || !isOrderRequestOnlyMarket\r\n ? \r\n : {translateResourceString(\"/Search/AddToCartButton\")}\r\n }\r\n \r\n }\r\n {!!defaultVariation.Code &&\r\n
\r\n {canAddToCart &&\r\n \r\n
\r\n }\r\n \r\n {defaultVariation.MinimumOrderQuantity > 0 &&\r\n
\r\n }\r\n \r\n {translateResourceString(\"/ShoppingCart/Index/Item/MinQtyMessage\").replace(\"{0}\", defaultVariation.MinimumOrderQuantity)}\r\n
\r\n }\r\n {defaultVariation.EnforceCaseCount &&\r\n \r\n {translateResourceString(\"/ShoppingCart/Index/Item/CaseQtyMessage\").replace(\"{0}\", defaultVariation.CaseCount)}\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n {Variations.length > variationsToShow &&\r\n
\r\n }\r\n | {translateResourceString(\"/Search/ProductTile/ItemNameHeader\")} | \r\n {hasCatalogNumbers\r\n ?{translateResourceString(\"/Shared/Products/ErpItemNumberLabel\")} | {translateResourceString(\"/Shared/Products/CatalogNumberLabel\")} | \r\n :{translateResourceString(\"/Shared/Products/ErpItemNumberLabel\")} | \r\n }\r\n {!hidePrices &&{translateResourceString(\"/Search/ProductTile/UnitPriceHeader\")} | }\r\n {!hideInventory &&{translateResourceString(\"/Search/ProductTile/AvailabilityHeader\")} | }\r\n
|---|
\r\n \r\n
\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nProductTileWithVariationsContainer.propTypes = {\r\n results: PropTypes.arrayOf(PropTypes.shape({\r\n name: PropTypes.string,\r\n Link: PropTypes.string,\r\n Image: PropTypes.shape({\r\n Url: PropTypes.string,\r\n Alt: PropTypes.string\r\n }),\r\n Description: PropTypes.string,\r\n Variations: PropTypes.arrayOf(PropTypes.shape())\r\n })),\r\n addToCartEndPoint: PropTypes.string,\r\n loginPageUrl: PropTypes.string,\r\n isUserLoggedIn: PropTypes.bool,\r\n isOrderRequestOnlyMarket: PropTypes.bool\r\n};\r\n\r\nexport default ProductTileWithVariationsContainer;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WithClickTracking from '../../components/WithClickTracking';\r\nimport CallToActionImageBlock from '../../../blocks/CallToActionImageBlock';\r\nimport CallToActionIconBlock from '../../../blocks/CallToActionIconBlock';\r\nimport CallToActionExploreBlock from '../../../blocks/CallToActionExploreBlock';\r\n\r\nimport ProductTileWithVariations from '../Products/ProductTileWithVariations';\r\nimport { solutionListName } from '../../Infrastructure/gtm';\r\n\r\nconst ProductTileWithVariationsWithClickTracking = WithClickTracking(ProductTileWithVariations);\r\n\r\nconst SolutionTileContainer = ({ results, onResultClick, additionalBlocks, addToCartEndPoint, wishlistData, toggleAddToListModal, setNewVariantQuantity, loginPageUrl, isUserLoggedIn, isOrderRequestOnlyMarket }) => {\r\n return(\r\n \r\n {results.map((product, i) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n );\r\n};\r\n\r\n\r\nSolutionTileContainer.propTypes = {\r\n results: PropTypes.arrayOf(PropTypes.shape({\r\n name: PropTypes.string,\r\n Link: PropTypes.string,\r\n Image: PropTypes.shape({\r\n Url: PropTypes.string,\r\n Alt: PropTypes.string\r\n }),\r\n Description: PropTypes.string,\r\n DefaultVariationCode: PropTypes.string\r\n })),\r\n addToCartEndPoint: PropTypes.string\r\n};\r\n\r\nexport default SolutionTileContainer;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { format } from 'react-string-format';\r\nimport { translateResourceString } from '../../../util/translationUtility';\r\n\r\nclass Article extends React.Component {\r\n render() {\r\n const { Link, Title, Description, onClick, DocumentType, DocumentTypeConstant, DisplayDate } = this.props;\r\n let colorClass = \"\";\r\n let displayDate = DisplayDate;\r\n // See Common.Constants.SearchPage.DocumentTypes\r\n switch (DocumentTypeConstant) {\r\n case \"Industry\":\r\n case \"Solution\":\r\n colorClass = \"--bg-green\";\r\n displayDate = '';\r\n break;\r\n case \"Blog\":\r\n case \"Event\":\r\n case \"Resource\":\r\n case \"Press Release\":\r\n case \"Video\":\r\n colorClass = \"--bg-teal\"\r\n break;\r\n default: //General \r\n colorClass = \"--bg-cool-gray\"\r\n break;\r\n }\r\n\r\n const updateUrl = () => window.location.href = Link;\r\n\r\n const onArticleClick = (e) => {\r\n e.preventDefault();\r\n onClick().then(() => {\r\n updateUrl();\r\n }).catch((error) => {\r\n console.log(error);\r\n updateUrl();\r\n })\r\n }\r\n\r\n const linkTitle = format(translateResourceString(\"/Search/ReadArticleTitle\"), Title);\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nArticle.propType = {\r\n Link: PropTypes.string,\r\n Title: PropTypes.string,\r\n Description: PropTypes.string,\r\n onClick: PropTypes.func,\r\n DocumentType: PropTypes.string,\r\n DocumentTypeConstant: PropTypes.string\r\n};\r\n\r\nexport default Article;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport WithClickTracking from '../../components/WithClickTracking';\r\nimport Article from './Article';\r\nimport MoreButton from '../../components/MoreButton';\r\n\r\nclass ArticleSearchResultsContainer extends React.Component {\r\n render() {\r\n const { results, onResultClick } = this.props;\r\n \r\n return (\r\n\r\n \r\n {results.map((product, i) => {\r\n var showCallToAction = (results.length < 7 && i === 3 || i === 6) && !!additionalBlocks;\r\n return (\r\n \r\n {showCallToAction && additionalBlocks.callToActionImage &&\r\n \r\n );\r\n })}\r\n
\r\n \r\n
\r\n }\r\n {showCallToAction && additionalBlocks.callToActionExplore &&\r\n \r\n
\r\n }\r\n {showCallToAction && additionalBlocks.callToActionIcon &&\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {results.map((result, i) => {\r\n return (\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst ArticleWithClickTracking = WithClickTracking(Article);\r\n\r\nArticleSearchResultsContainer.propType = {\r\n results: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n Title: PropTypes.string,\r\n Link: PropTypes.string,\r\n Description: PropTypes.string\r\n })\r\n )\r\n};\r\n\r\nexport default ArticleSearchResultsContainer;","import React from 'react';\r\nimport NeoCenterListingTile from './NeoCenterListingTile';\r\nimport WithClickTracking from '../../components/WithClickTracking';\r\nimport CallToActionImageBlock from '../../../blocks/CallToActionImageBlock';\r\nimport { translateResourceString } from '../../../util/translationUtility';\r\nimport { pushGtmData } from \"../../../util/gtm\";\r\n\r\nconst NeoCenterListingWithClickTracking = WithClickTracking(NeoCenterListingTile);\r\n\r\nexport default ({ results, onResultClick, additionalBlocks, isFiltered }) => {\r\n return (\r\n \r\n
\r\n );\r\n })\r\n }\r\n \r\n\r\n {additionalBlocks && additionalBlocks.featured && !isFiltered &&\r\n
\r\n );\r\n};","import React from 'react';\r\nimport { translateResourceString } from '../../../util/translationUtility';\r\n\r\nexport default ({\r\n Type,\r\n Title,\r\n Date,\r\n Description,\r\n Image,\r\n Url\r\n}) => {\r\n const imageStyle = Image && Image !== \"null\" ? { backgroundImage: `url(${Image})` } : {};\r\n return (\r\n \r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n \r\n
\r\n {translateResourceString(\"/NeoCenter/ListingPage/Featured\")}
\r\n\r\n {additionalBlocks.featured.title}\r\n
\r\n {additionalBlocks.featured.date}
\r\n \r\n \r\n
\r\n { pushGtmData(additionalBlocks.featured.linkGtmCategory, additionalBlocks.featured.linkGtmAction, additionalBlocks.featured.linkGtmLabel) }}>\r\n {translateResourceString(\"/NeoCenter/ListingPage/FeaturedReadMore\")}\r\n \r\n \r\n {results.map((product, i) => {\r\n return (\r\n \r\n {i === 6 && additionalBlocks && additionalBlocks.callToAction &&\r\n \r\n );\r\n })}\r\n
\r\n \r\n
\r\n )\r\n};","const windowTruncate = window && window.truncate || (() => { }); // See truncate.js\r\n\r\nconst truncateUtility = {\r\n truncate() {\r\n windowTruncate();\r\n }\r\n}\r\n\r\nexport default truncateUtility;","import React from 'react';\r\nimport {createBrowserHistory} from 'history';\r\nimport fetch from 'cross-fetch';\r\nimport {addResourceStrings} from '../util/translationUtility';\r\nimport {buildQueryString,} from './Infrastructure/urlBuilder';\r\nimport {buildStateFromModel,} from './Infrastructure/modelBuilder';\r\nimport {trackClick} from './Infrastructure/find';\r\nimport MobileFacets from './Features/Facets/MobileFacets';\r\nimport SearchResults from './components/SearchResults';\r\nimport WithLoading from './components/WithLoading';\r\nimport {updateState} from './Infrastructure/state';\r\n\r\nimport * as Attributes from './Infrastructure/attributes';\r\nimport * as Pagination from './Infrastructure/pagination';\r\n\r\nimport ProductTileWithVariationsContainer from './Features/Products/ProductTileWithVariationsContainer';\r\nimport SolutionTileContainer from './Features/Solutions/SolutionTileContainer';\r\nimport ArticleSearchResultsContainer from './Features/Articles/ArticleSearchResultsContainer';\r\nimport NeoCenterListingContainer from './Features/NeoCenterListingPage/NeoCenterListingContainer';\r\nimport {onProductSearchResultsUpdate, onSolutionResultsUpdated} from './Infrastructure/gtm';\r\nimport {ARTICLES, PRODUCTS} from \"./constants\";\r\n\r\nimport AddToModal from '../addtoshoppinglist/AddToModal';\r\nimport LoginModal from '../util/loginModalClient';\r\nimport truncateUtility from '../util/truncateUtility';\r\nimport { sendFilterDataToDataLayer, sendSortingToDataLayer } from '../util/gtm';\r\n\r\nfunction reactFindSearch(tileComponent, onResultsUpdate, resultType) {\r\n return class extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = buildStateFromModel({ ...props, resultType });\r\n this.containerRef = React.createRef();\r\n this.onAttributeChange = this.onAttributeChange.bind(this);\r\n this.onClearAttributes = this.onClearAttributes.bind(this);\r\n this.onCurrentItemsPerPageChange = this.onCurrentItemsPerPageChange.bind(this);\r\n this.onCurrentSortByChange = this.onCurrentSortByChange.bind(this);\r\n this.onCurrentPageIndexChange = this.onCurrentPageIndexChange.bind(this);\r\n this.onChangeView = this.onChangeView.bind(this);\r\n this.onResultClick = this.onResultClick.bind(this);\r\n this.onShowMobileFacetsChange = this.onShowMobileFacetsChange.bind(this);\r\n this.onShowMobileFacetsToggle = this.onShowMobileFacetsToggle.bind(this);\r\n this.onToggleFacetExpanded = this.onToggleFacetExpanded.bind(this);\r\n this.hasSearchString = this.hasSearchString.bind(this);\r\n this.onToggleShowMoreFacet = this.onToggleShowMoreFacet.bind(this);\r\n\r\n this.onResultsUpdate = onResultsUpdate;\r\n if (onResultsUpdate)\r\n this.callOnResultsUpdate(props)\r\n addResourceStrings(this.props.LocalizationItems);\r\n this.TileComponent = WithLoading(SearchResults(tileComponent));\r\n }\r\n \r\n callOnResultsUpdate = (searchResults) => {\r\n var listName = \"Search\";\r\n if (this.props.IsCategoryPage) {\r\n listName = this.props.GtmCategoryName;\r\n }\r\n this.onResultsUpdate(searchResults, listName);\r\n }\r\n\r\n componentDidMount() {\r\n require('./SearchApp.css');\r\n\r\n this.history = createBrowserHistory();\r\n this.history.listen((location, action) => {\r\n if (location.state && location.state.view) {\r\n this.setState({ view: location.state.view });\r\n }\r\n this.fetchProductsUsingUrl(location.search);\r\n });\r\n }\r\n\r\n componentDidUpdate() {\r\n truncateUtility.truncate();\r\n }\r\n\r\n updateSearchResults(searchResults) {\r\n this.setState({\r\n ...updateState(this.state, searchResults, this.props.ContainerData.UseLoadMoreButton),\r\n isLoading: false,\r\n });\r\n if (this.onResultsUpdate) {\r\n this.callOnResultsUpdate(searchResults);\r\n }\r\n }\r\n\r\n updateUrl(state, useReplace = false) {\r\n const queryString = buildQueryString(state);\r\n // Going to let history listener take care of it\r\n if (useReplace) {\r\n this.history.replace({\r\n search: queryString,\r\n state: { state: state }\r\n });\r\n } else {\r\n this.history.push({\r\n search: queryString,\r\n state: { state: state }\r\n });\r\n }\r\n\r\n // TODO: Move this logic to fe if possible or remove it if the relevant code has all been removed\r\n var loginLinks = [...document.getElementsByClassName(\"js-updating-login-link\")];\r\n loginLinks.forEach((e, i) => {\r\n var loginUrl = new URL(e.href);\r\n var params = new URLSearchParams(loginUrl.search);\r\n params.set('ReturnUrl', window.location.pathname + window.location.search);\r\n loginUrl.search = params.toString();\r\n e.href = loginUrl;\r\n });\r\n }\r\n\r\n fetchProductsUsingUrl(queryString, afterFunction) {\r\n if (this.contentLinkId) {\r\n if (queryString && queryString.indexOf(\"?\") > -1) {\r\n queryString = `${queryString}&contentLinkId=${this.contentLinkId}`;\r\n }\r\n else {\r\n queryString = `?contentLinkId=${this.contentLinkId}`;\r\n }\r\n }\r\n this.setState({ isLoading: true });\r\n const url = `${this.props.ApiEndpoint}${queryString}`;\r\n fetch(url, { credentials: 'same-origin' })\r\n .then(response => response.json())\r\n .then(result => this.updateSearchResults(result))\r\n .then(result => !!afterFunction && afterFunction());\r\n }\r\n\r\n onCurrentSortByChange(requestedSortBy) {\r\n let pagination = Pagination.updateSortBy(this.state.pagination, requestedSortBy);\r\n if (this.props.ContainerData.UseLoadMoreButton) {\r\n pagination = Pagination.changePageIndex(pagination, 0);\r\n }\r\n\r\n this.updateUrl({\r\n ...this.state,\r\n pagination: pagination\r\n });\r\n sendSortingToDataLayer(requestedSortBy);\r\n }\r\n\r\n onCurrentItemsPerPageChange(requestedItemsPerPage) {\r\n this.updateUrl(\r\n {\r\n ...this.state,\r\n pagination: Pagination.changeItemsPerPage(this.state.pagination, requestedItemsPerPage)\r\n }\r\n );\r\n }\r\n\r\n onCurrentPageIndexChange(requestedPageIndex) {\r\n this.updateUrl(\r\n {\r\n ...this.state,\r\n pagination: Pagination.changePageIndex(this.state.pagination, requestedPageIndex)\r\n },\r\n this.props.ContainerData.UseLoadMoreButton // Don't push a new state unless actually switching pages\r\n );\r\n\r\n if (!this.props.ContainerData.UseLoadMoreButton) {\r\n this.scrollToTop();\r\n }\r\n }\r\n\r\n onAttributeChange(name, value) {\r\n const newOptions = {\r\n ...this.state,\r\n attributes: Attributes.toggleAttribute(this.state.attributes, name, value),\r\n pagination: Pagination.changePageIndex(this.state.pagination, 0)\r\n };\r\n this.updateUrl(newOptions);\r\n if(newOptions.attributes.find(obj => obj.name==name)?.values.find(val => val.name==value && val.checked)!=undefined){ \r\n sendFilterDataToDataLayer(name, value);\r\n }\r\n }\r\n\r\n onLoadMoreOrPrevious = (loadPrevious = false) => {\r\n if (loadPrevious) {\r\n // When loading previous, load the results, but don't update the url.\r\n var loadPreviousStateForQueryString = {\r\n ...this.state,\r\n pagination: Pagination.changePageIndex(this.state.pagination, this.state.paginationLowestPageIndex - 1)\r\n };\r\n const queryString = buildQueryString(loadPreviousStateForQueryString);\r\n\r\n //const container = this.containerRef.current;\r\n //const containerBottom = container.getBoundingClientRect().bottom;\r\n\r\n //this.fetchProductsUsingUrl(queryString, () => this.scrollToPrevious(containerBottom));\r\n\r\n this.fetchProductsUsingUrl(queryString);\r\n } else {\r\n this.onCurrentPageIndexChange(this.state.pagination.currentPageIndex + 1);\r\n }\r\n }\r\n\r\n onClearAttributes() {\r\n const newOptions = {\r\n ...this.state,\r\n attributes: Attributes.clearAttributes(this.state.attributes),\r\n pagination: Pagination.changePageIndex(this.state.pagination, 0)\r\n };\r\n this.updateUrl(newOptions);\r\n }\r\n\r\n /**\r\n * Updates current view (Products vs Articles)\r\n * @param {string} view Current View name.\r\n * @returns {void}\r\n */\r\n onChangeView(view) {\r\n const changes = { view: view };\r\n const newOptions = { ...this.state, ...changes };\r\n this.updateUrl(newOptions);\r\n }\r\n\r\n /**\r\n * Tracking for Find\r\n * @param {string} hitId HitId for Find result.\r\n * @returns {Promise}\r\n */\r\n onResultClick(hitId) {\r\n // Call tracking api\r\n if (typeof this.state.findClickTrackingViewModel !== \"undefined\") {\r\n const { TrackId, TwoLetterLanguageCode, SiteDefinitionId, ClickTrackingApiEndpoint, SearchTerm } = this.state.findClickTrackingViewModel;\r\n return trackClick(ClickTrackingApiEndpoint, hitId, TrackId, TwoLetterLanguageCode, SiteDefinitionId, SearchTerm);\r\n }\r\n return Promise.resolve();\r\n }\r\n\r\n onShowMobileFacetsChange(showMobileFacets) {\r\n this.setState({ showMobileFacets });\r\n }\r\n\r\n onShowMobileFacetsToggle() {\r\n const { showMobileFacets } = this.state;\r\n this.setState({ showMobileFacets: !showMobileFacets });\r\n }\r\n\r\n onToggleFacetExpanded(facetName) {\r\n\r\n this.setState({\r\n attributes: Attributes.toggleExpandAttribute(\r\n this.state.attributes,\r\n facetName\r\n )\r\n });\r\n\r\n }\r\n\r\n onToggleShowMoreFacet(facetName) {\r\n this.setState({\r\n attributes: Attributes.toggleShowMoreAttribute(\r\n this.state.attributes,\r\n facetName\r\n )\r\n });\r\n }\r\n\r\n\r\n hasSearchString() {\r\n const { searchString } = this.state;\r\n return searchString && searchString.length > 0;\r\n }\r\n\r\n getHeaderHeight = () => {\r\n const defaultHeaderHeight = 192;\r\n var header = document.getElementById('header');\r\n var headerHeight = header != null ? header.offsetHeight : defaultHeaderHeight;\r\n return headerHeight;\r\n }\r\n\r\n scrollToPrevious = (previousBottom) => {\r\n const container = this.containerRef.current;\r\n const containerBottom = container.getBoundingClientRect().bottom;\r\n const offset = containerBottom - previousBottom;\r\n window.scrollTo({ top: window.pageYOffset + offset });\r\n }\r\n\r\n scrollToTop = () => {\r\n const container = this.containerRef.current;\r\n const containerOffset = container.getBoundingClientRect().top;\r\n window.scrollTo({ top: window.pageYOffset + containerOffset - this.getHeaderHeight(), behavior: \"smooth\" });\r\n }\r\n\r\n updateLists = (newLists) => {\r\n this.setState((prevState) => {\r\n return {\r\n wishlistData: {\r\n ...prevState.wishlistData,\r\n Wishlists: newLists\r\n }\r\n };\r\n });\r\n }\r\n\r\n toggleAddToListModal = (isOpen, variation = null, isLoggedIn = true) => {\r\n if (isLoggedIn) {\r\n\r\n if (!this.state.wishlistsInitialized) {\r\n this.setState({ wishlistsLoading: true });\r\n\r\n fetch(this.state.wishlistData.GetWishlistsEndpoint)\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n } else {\r\n throw new Error('Something went wrong');\r\n }\r\n })\r\n .then(result => {\r\n this.updateLists(result.Wishlists);\r\n this.setState({\r\n wishlistsLoading: false,\r\n wishlistsInitialized: true,\r\n });\r\n })\r\n .catch((e) => {\r\n console.error(\"Unexpected error fetching wishlists.\");\r\n this.setState({\r\n wishlistsLoading: false,\r\n });\r\n });\r\n }\r\n\r\n this.setState({\r\n addToListVariation: variation,\r\n addToListModalIsOpen: isOpen\r\n });\r\n } else {\r\n LoginModal.displayLoginModal(); \r\n }\r\n }\r\n\r\n setAddToListLinkClass = (linkClass, variationCode) => {\r\n this.setState((prevState) => {\r\n let results = [...prevState.results];\r\n let found = false;\r\n let index = 0;\r\n for (let i = 0; i < results.length; i++) {\r\n for (let o = 0; o < results[i].Variations.length; o++) {\r\n if (results[i].Variations[o].Code === variationCode) {\r\n // deep copy variant to change object reference and force rerender of PureComponent for just this variant\r\n let variant = Object.assign({}, results[i].Variations[o]);\r\n variant.addToListLinkClass = linkClass;\r\n results[i].Variations[o] = variant;\r\n found = true;\r\n index = i;\r\n break;\r\n }\r\n }\r\n if (found) break;\r\n }\r\n if (found) {\r\n // deep copy variants to change array reference and force rerender of PureComponent for just this product\r\n results[index].Variations = results[index].Variations.map(x => x);\r\n }\r\n return {\r\n results: results\r\n };\r\n })\r\n }\r\n\r\n render() {\r\n const {\r\n isLoading,\r\n showMobileFacets,\r\n attributes,\r\n results,\r\n pagination,\r\n paginationFirstItemIndex,\r\n additionalBlocks,\r\n wishlistData,\r\n addToListModalIsOpen\r\n } = this.state;\r\n\r\n const isFiltered = Attributes.selectedAttributes(attributes).length > 0;\r\n\r\n const TileComponent = this.TileComponent;\r\n\r\n const addToListVariation = !!this.state.addToListVariation\r\n ? this.state.addToListVariation\r\n : {};\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {Title}\r\n
\r\n {Date}
\r\n \r\n \r\n
\r\n {translateResourceString(\"/NeoCenter/ListingPage/ReadArticle\")}\r\n \r\n { attributes &&\r\n this.setAddToListLinkClass(linkClass, addToListVariation.Code)}\r\n SetSrText={() => { }}\r\n SetLinkText={() => { }}\r\n ProductVariation={addToListVariation}\r\n />}\r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport const ProductSearch = reactFindSearch(ProductTileWithVariationsContainer, onProductSearchResultsUpdate, PRODUCTS);\r\nexport const SolutionSearch = reactFindSearch(SolutionTileContainer, onSolutionResultsUpdated, PRODUCTS);\r\nexport const ArticleSearch = reactFindSearch(ArticleSearchResultsContainer, null, ARTICLES);\r\nexport const NeoCenterListingPage = reactFindSearch(NeoCenterListingContainer);\r\n","\r\nimport { getResultAttributes } from './attributes';\r\nimport { updatePagination } from './pagination';\r\nimport { ARTICLES, PRODUCTS } from \"../constants\";\r\n\r\nexport function buildStateFromModel({\r\n Filters,\r\n Results,\r\n Pagination,\r\n SearchString,\r\n OriginalSearchString,\r\n Recommendations,\r\n View,\r\n FindClickTracking,\r\n Suggestions,\r\n PromotionalArea,\r\n ViewName,\r\n AdditionalBlocks,\r\n WishlistData,\r\n DontAutoDirect,\r\n resultType\r\n}) {\r\n let results = Results ? Results : [];\r\n if (resultType == PRODUCTS) {\r\n for (let i = 0; i < results.length; i++) {\r\n if (!!results[i].Variations && results[i].Variations.length > 0) {\r\n for (let o = 0; o < results[i].Variations.length; o++) {\r\n results[i].Variations[o].addToListLinkClass = \"far fa-bookmark\";\r\n }\r\n }\r\n }\r\n }\r\n\r\n const state = {\r\n searchString: SearchString,\r\n originalSearchString: OriginalSearchString,\r\n results: results,\r\n attributes: Filters ? getResultAttributes(Filters.Attributes) : [],\r\n // ???\r\n showMobileFacets: false,\r\n // facet\r\n pagination: updatePagination(Pagination),\r\n paginationLowestPageIndex: Pagination.CurrentPageIndex,\r\n paginationFirstItemIndex: Pagination.CurrentPageFirstItemIndex,\r\n recommendedProducts: Recommendations ? getRecommendedProducts(Recommendations) : [],\r\n isLoading: false,\r\n view: View,\r\n findClickTrackingViewModel: FindClickTracking,\r\n suggestions: Suggestions,\r\n promotionalArea: PromotionalArea,\r\n viewName: ViewName,\r\n additionalBlocks: AdditionalBlocks,\r\n wishlistsIninitialized: false,\r\n wishlistsLoading: false,\r\n wishlistData: WishlistData,\r\n addToListModalIsOpen: false,\r\n addToListVariation: null,\r\n dontAutoDirect: DontAutoDirect\r\n };\r\n\r\n return state;\r\n}\r\n\r\nfunction getRecommendedProducts(recommendations) {\r\n return recommendations.slice(0, 3).map(({ RecommendationId, TileViewModel }) => {\r\n return {\r\n RecommendationId,\r\n name: TileViewModel.name,\r\n Url: TileViewModel.Url,\r\n Image: TileViewModel.Image,\r\n Description: TileViewModel.Description\r\n };\r\n });\r\n}","import fetch from 'cross-fetch';\r\nimport {serialize} from './urlBuilder';\r\n\r\n/**\r\n * @param {string} clickTrackingApiEndpoint Url for API Call.\r\n * @param {string} hitId HitId for Find Result.\r\n * @param {string} trackId TrackId for Find Search.\r\n * @param {string} twoLetterLanguageCode Two letter language code IE 'en' for Find search.\r\n * @param {string} siteDefinitionId GUID for site where search took place.\r\n * @param {string} searchTerm Term used in search.\r\n * @returns {Promise}\r\n */\r\nexport function trackClick(clickTrackingApiEndpoint, hitId, trackId, twoLetterLanguageCode, siteDefinitionId, searchTerm) {\r\n const queryParameters = {\r\n trackId: trackId,\r\n twoLetterLanguageCode: twoLetterLanguageCode,\r\n siteDefinitionId: siteDefinitionId,\r\n searchTerm: searchTerm,\r\n hitId: hitId\r\n };\r\n const queryString = serialize(queryParameters);\r\n const url = `${clickTrackingApiEndpoint}${queryString}`;\r\n return fetch(url);\r\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"tag\"];\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar propTypes = {\n tag: tagPropType,\n className: PropTypes.string,\n cssModule: PropTypes.object\n};\nvar defaultProps = {\n tag: 'div'\n};\n\nvar CardHeader = function CardHeader(props) {\n var className = props.className,\n cssModule = props.cssModule,\n Tag = props.tag,\n attributes = _objectWithoutPropertiesLoose(props, _excluded);\n\n var classes = mapToCssModules(classNames(className, 'card-header'), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: classes\n }));\n};\n\nCardHeader.propTypes = propTypes;\nCardHeader.defaultProps = defaultProps;\nexport default CardHeader;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"active\", \"tag\"];\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar propTypes = {\n tag: tagPropType,\n active: PropTypes.bool,\n className: PropTypes.string,\n cssModule: PropTypes.object\n};\nvar defaultProps = {\n tag: 'li'\n};\n\nvar NavItem = function NavItem(props) {\n var className = props.className,\n cssModule = props.cssModule,\n active = props.active,\n Tag = props.tag,\n attributes = _objectWithoutPropertiesLoose(props, _excluded);\n\n var classes = mapToCssModules(classNames(className, 'nav-item', active ? 'active' : false), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: classes\n }));\n};\n\nNavItem.propTypes = propTypes;\nNavItem.defaultProps = defaultProps;\nexport default NavItem;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"active\", \"tag\", \"innerRef\"];\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar propTypes = {\n tag: tagPropType,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),\n disabled: PropTypes.bool,\n active: PropTypes.bool,\n className: PropTypes.string,\n cssModule: PropTypes.object,\n onClick: PropTypes.func,\n href: PropTypes.any\n};\nvar defaultProps = {\n tag: 'a'\n};\n\nvar NavLink = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(NavLink, _React$Component);\n\n function NavLink(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n var _proto = NavLink.prototype;\n\n _proto.onClick = function onClick(e) {\n if (this.props.disabled) {\n e.preventDefault();\n return;\n }\n\n if (this.props.href === '#') {\n e.preventDefault();\n }\n\n if (this.props.onClick) {\n this.props.onClick(e);\n }\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n className = _this$props.className,\n cssModule = _this$props.cssModule,\n active = _this$props.active,\n Tag = _this$props.tag,\n innerRef = _this$props.innerRef,\n attributes = _objectWithoutPropertiesLoose(_this$props, _excluded);\n\n var classes = mapToCssModules(classNames(className, 'nav-link', {\n disabled: attributes.disabled,\n active: active\n }), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n ref: innerRef,\n onClick: this.onClick,\n className: classes\n }));\n };\n\n return NavLink;\n}(React.Component);\n\nNavLink.propTypes = propTypes;\nNavLink.defaultProps = defaultProps;\nexport default NavLink;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"innerRef\", \"tag\"];\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar propTypes = {\n tag: tagPropType,\n className: PropTypes.string,\n cssModule: PropTypes.object,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func])\n};\nvar defaultProps = {\n tag: 'div'\n};\n\nvar CardBody = function CardBody(props) {\n var className = props.className,\n cssModule = props.cssModule,\n innerRef = props.innerRef,\n Tag = props.tag,\n attributes = _objectWithoutPropertiesLoose(props, _excluded);\n\n var classes = mapToCssModules(classNames(className, 'card-body'), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: classes,\n ref: innerRef\n }));\n};\n\nCardBody.propTypes = propTypes;\nCardBody.defaultProps = defaultProps;\nexport default CardBody;","import React from 'react';\n/**\n * TabContext\n * {\n * activeTabId: PropTypes.any\n * }\n */\n\nexport var TabContext = /*#__PURE__*/React.createContext({});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { TabContext } from './TabContext';\nimport { mapToCssModules, omit, tagPropType } from './utils';\nvar propTypes = {\n tag: tagPropType,\n activeTab: PropTypes.any,\n className: PropTypes.string,\n cssModule: PropTypes.object\n};\nvar defaultProps = {\n tag: 'div'\n};\n\nvar TabContent = /*#__PURE__*/function (_Component) {\n _inheritsLoose(TabContent, _Component);\n\n TabContent.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n if (prevState.activeTab !== nextProps.activeTab) {\n return {\n activeTab: nextProps.activeTab\n };\n }\n\n return null;\n };\n\n function TabContent(props) {\n var _this;\n\n _this = _Component.call(this, props) || this;\n _this.state = {\n activeTab: _this.props.activeTab\n };\n return _this;\n }\n\n var _proto = TabContent.prototype;\n\n _proto.render = function render() {\n var _this$props = this.props,\n className = _this$props.className,\n cssModule = _this$props.cssModule,\n Tag = _this$props.tag;\n var attributes = omit(this.props, Object.keys(propTypes));\n var classes = mapToCssModules(classNames('tab-content', className), cssModule);\n return /*#__PURE__*/React.createElement(TabContext.Provider, {\n value: {\n activeTabId: this.state.activeTab\n }\n }, /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: classes\n })));\n };\n\n return TabContent;\n}(Component);\n\nexport default TabContent;\nTabContent.propTypes = propTypes;\nTabContent.defaultProps = defaultProps;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"tabId\", \"tag\"];\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { TabContext } from './TabContext';\nimport { mapToCssModules, tagPropType } from './utils';\nvar propTypes = {\n tag: tagPropType,\n className: PropTypes.string,\n cssModule: PropTypes.object,\n tabId: PropTypes.any\n};\nvar defaultProps = {\n tag: 'div'\n};\nexport default function TabPane(props) {\n var className = props.className,\n cssModule = props.cssModule,\n tabId = props.tabId,\n Tag = props.tag,\n attributes = _objectWithoutPropertiesLoose(props, _excluded);\n\n var getClasses = function getClasses(activeTabId) {\n return mapToCssModules(classNames('tab-pane', className, {\n active: tabId === activeTabId\n }), cssModule);\n };\n\n return /*#__PURE__*/React.createElement(TabContext.Consumer, null, function (_ref) {\n var activeTabId = _ref.activeTabId;\n return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n className: getClasses(activeTabId)\n }));\n });\n}\nTabPane.propTypes = propTypes;\nTabPane.defaultProps = defaultProps;","import React from 'react';\r\nimport {\r\n ARTICLES,\r\n PRODUCTS\r\n} from '../../constants/index.js';\r\nimport {\r\n addResourceStrings,\r\n translateResourceString\r\n} from '../../../util/translationUtility';\r\n\r\nimport { ArticleSearch, ProductSearch } from '../../SearchApp';\r\n\r\nimport { NavItem, NavLink, TabContent, TabPane, Card, CardHeader, CardBody } from 'reactstrap';\r\n\r\nexport default class extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n view: props.View && props.View === ARTICLES\r\n ? ARTICLES\r\n : PRODUCTS\r\n };\r\n\r\n this.onChangeView = this.onChangeView.bind(this);\r\n addResourceStrings(props.LocalizationItems);\r\n }\r\n\r\n onChangeView(view) {\r\n this.setState({ view: view });\r\n }\r\n\r\n render() {\r\n const { Articles, Products, SearchString, OriginalSearchString, Suggestions, FindClickTracking, WishlistData } = this.props;\r\n const showNoResultsFound = Articles.Pagination.ResultsTotal + Products.Pagination.ResultsTotal === 0;\r\n const showArticles = this.state.view === ARTICLES;\r\n const showProducts = !showArticles;\r\n\r\n return (\r\n \r\n
\r\n\r\n {resultType === PRODUCTS &&\r\n \r\n
\r\n \r\n {showNoResultsFound ?\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport fetch from 'cross-fetch';\r\n\r\nclass SDSSearchDocuments extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n };\r\n\r\n this.getName = this.getName.bind(this);\r\n this.getIconClass = this.getIconClass.bind(this);\r\n }\r\n\r\n getName(item) {\r\n let name = item.Title;\r\n if (item.Title && item.ShortDescription) {\r\n name += \" - \";\r\n }\r\n name += item.ShortDescription;\r\n return name;\r\n }\r\n\r\n getIconClass(extension) {\r\n if (extension === \".pdf\") {\r\n return \"far fa-file-pdf\";\r\n }\r\n return \"\";\r\n }\r\n\r\n render() {\r\n if (!this.props.items || this.props.items.length === 0) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n : \r\n \r\n
\r\n {Suggestions && Suggestions.length > 0 &&\r\n \r\n
\r\n \r\n
\r\n \r\n {translateResourceString(\"/Search/YourSearchOf\")} \"{SearchString}\" {translateResourceString(\"/Search/DidNotMatch\")}\r\n
\r\n\r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {translateResourceString(\"/Search/DidYouMean\")} {Suggestions.map((suggestion, i) => {\r\n return (\r\n \r\n {suggestion.Text}\r\n {i + 1 < Suggestions.length ? \", \" : \"\"}\r\n \r\n )\r\n })}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {translateResourceString(\"/Search/TrySomethingLike\")}:\r\n
\r\n- \r\n
- {translateResourceString(\"/Search/UsingMoreGeneral\")} \r\n
- {translateResourceString(\"/Search/CheckingYourSpelling\")} \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n {!OriginalSearchString\r\n ?
\r\n \r\n {translateResourceString(\"/Search/ResultHeader\")} {SearchString && {translateResourceString(\"/Search/ResultFor\")} \"{SearchString}\"}
\r\n :<>\r\n{translateResourceString(\"/Search/AutocorrectShowingResultsFor\")} \"{SearchString}\"
\r\n{translateResourceString(\"/Search/AutocorrectNoResultsFoundFor\")} \"{OriginalSearchString}\"
\r\n \r\n }\r\n\r\n \r\n this.onChangeView(PRODUCTS)}\r\n href=\"#\"\r\n role=\"button\"\r\n >\r\n {translateResourceString(\"/Search/ProductsTab\")}\r\n \r\n \r\n \r\n this.onChangeView(ARTICLES)}\r\n href=\"#\"\r\n role=\"button\"\r\n >\r\n {translateResourceString(\"/Search/ArticlesTab\")}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nSDSSearchDocuments.propTypes = {\r\n translationUtilty: PropTypes.object,\r\n items: PropTypes.arrayOf(PropTypes.object),\r\n};\r\n\r\nexport default SDSSearchDocuments;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport fetch from 'cross-fetch';\r\n\r\nimport SDSSearchDocuments from \"./Features/SDSSearchDocuments\";\r\n\r\nimport { TranslationUtility } from '../util/translationUtility';\r\n\r\nclass SDSSearchApp extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n searchTerm: props.SearchTerm,\r\n documents: props.Results,\r\n };\r\n\r\n this.translationUtilty = new TranslationUtility(props.LocalizationItems);\r\n if (window !== undefined && window.$ !== undefined) {\r\n this.noResults = window.$(\".js-sds-search-no-results\");\r\n }\r\n\r\n this.onSearchTermChange = this.onSearchTermChange.bind(this);\r\n this.onSearchTermKeyUp = this.onSearchTermKeyUp.bind(this);\r\n this.onSearch = this.onSearch.bind(this);\r\n this.replaceQueryString = this.replaceQueryString.bind(this);\r\n }\r\n\r\n onSearchTermChange(e) {\r\n this.setState({ searchTerm: e.target.value });\r\n this.noResults.hide();\r\n }\r\n\r\n onSearchTermKeyUp(e) {\r\n if (e.keyCode === 13) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n onSearch() {\r\n const { searchTerm } = this.state;\r\n this.replaceQueryString(searchTerm);\r\n const { ApiEndPoint } = this.props;\r\n fetch(`${ApiEndPoint}?searchTerm=${searchTerm}`)\r\n .then(response => response.json())\r\n .then(result => this.setSearchResult(result));\r\n }\r\n\r\n setSearchResult(result) {\r\n if (this.state.searchTerm && (!result.documents || result.documents.length === 0)) {\r\n this.noResults.show();\r\n } else {\r\n this.noResults.hide();\r\n }\r\n\r\n this.setState({ documents: result.documents });\r\n }\r\n \r\n replaceQueryString(searchTerm) {\r\n if (window.history.replaceState) {\r\n var newurl = window.location.protocol + \"//\" + window.location.host + window.location.pathname + `?searchTerm=${searchTerm}`;\r\n window.history.replaceState({path:newurl},'',newurl);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n | \r\n | {this.props.translationUtilty.translateResourceString(\"/SDSSearch/Results/Columns/ItemNumber\")} | \r\n{this.props.translationUtilty.translateResourceString(\"/SDSSearch/Results/Columns/Name\")} | \r\n{this.props.translationUtilty.translateResourceString(\"/SDSSearch/Results/Columns/Division\")} | \r\n{this.props.translationUtilty.translateResourceString(\"/SDSSearch/Results/Columns/Language\")} | \r\n
|---|---|---|---|---|
| \r\n | \r\n {item.ERPItems.map((x) => \r\n {x} \r\n )}\r\n | \r\n {item.name} | \r\n\r\n {item.LinesOfBusiness.map((x) =>\r\n {x} \r\n )}\r\n | \r\n {item.Language} | \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nSDSSearchApp.propTypes = {\r\n ApiEndPoint: PropTypes.string,\r\n LocalizationItems: PropTypes.array,\r\n Results: PropTypes.arrayOf(PropTypes.object),\r\n SearchTerm: PropTypes.string\r\n};\r\n\r\nexport default SDSSearchApp;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport fetch from 'cross-fetch';\r\n\r\nclass KitInsertSearchResults extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n };\r\n\r\n this.getName = this.getName.bind(this);\r\n this.getIconClass = this.getIconClass.bind(this);\r\n }\r\n\r\n getName(item) {\r\n return item.DisplayName;\r\n }\r\n\r\n getIconClass(extension) {\r\n if (extension === \".pdf\") {\r\n return \"far fa-file-pdf\";\r\n }\r\n return \"\";\r\n }\r\n\r\n render() {\r\n if (!this.props.items || this.props.items.length === 0) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nKitInsertSearchResults.propTypes = {\r\n translationUtilty: PropTypes.object,\r\n items: PropTypes.arrayOf(PropTypes.object),\r\n};\r\n\r\nexport default KitInsertSearchResults;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport fetch from 'cross-fetch';\r\n\r\nimport KitInsertSearchResults from \"./Features/KitInsertSearchResults\";\r\n\r\nimport { TranslationUtility } from '../util/translationUtility';\r\n\r\nclass KitInsertSearchApp extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n searchTerm: props.SearchTerm,\r\n documents: props.Results,\r\n };\r\n\r\n this.translationUtilty = new TranslationUtility(props.LocalizationItems);\r\n\r\n if (window !== undefined && window.$ !== undefined) {\r\n this.noResults = window.$(\".js-kit-insert-search-no-results\");\r\n }\r\n\r\n this.onSearchTermChange = this.onSearchTermChange.bind(this);\r\n this.onSearchTermKeyUp = this.onSearchTermKeyUp.bind(this);\r\n this.onSearch = this.onSearch.bind(this);\r\n this.replaceQueryString = this.replaceQueryString.bind(this);\r\n }\r\n\r\n onSearchTermChange(e) {\r\n this.setState({ searchTerm: e.target.value });\r\n this.noResults.hide();\r\n }\r\n\r\n onSearchTermKeyUp(e) {\r\n if (e.keyCode === 13) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n onSearch() {\r\n const { searchTerm } = this.state;\r\n this.replaceQueryString(searchTerm);\r\n const { ApiEndPoint } = this.props;\r\n fetch(`${ApiEndPoint}?searchTerm=${searchTerm}`)\r\n .then(response => response.json())\r\n .then(result => this.setSearchResult(result));\r\n }\r\n\r\n setSearchResult(result) {\r\n if (this.state.searchTerm && (!result.documents || result.documents.length === 0)) {\r\n this.noResults.show();\r\n } else {\r\n this.noResults.hide();\r\n }\r\n\r\n this.setState({ documents: result.documents });\r\n }\r\n\r\n replaceQueryString(searchTerm) {\r\n if (window.history.replaceState) {\r\n var newurl = window.location.protocol + \"//\" + window.location.host + window.location.pathname + `?searchTerm=${searchTerm}`;\r\n window.history.replaceState({path:newurl},'',newurl);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nKitInsertSearchApp.propTypes = {\r\n ApiEndPoint: PropTypes.string,\r\n LocalizationItems: PropTypes.array,\r\n Results: PropTypes.arrayOf(PropTypes.object),\r\n SearchTerm: PropTypes.string\r\n};\r\n\r\nexport default KitInsertSearchApp;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { translateResourceString } from '../../util/translationUtility';\r\n\r\nclass SearchDocuments extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n };\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSearchDocuments.propTypes = {\r\n items: PropTypes.arrayOf(PropTypes.object),\r\n};\r\n\r\nexport default SearchDocuments;","import React from 'react';\r\nimport classNames from \"classnames\";\r\n\r\nconst DocumentTypeaheadResults = ({\r\n itemNumbers,\r\n onTypeaheadResultClick,\r\n selectedIndex\r\n}) => {\r\n return (\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nexport default DocumentTypeaheadResults;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport fetch from 'cross-fetch';\r\n\r\nimport SearchDocuments from \"./Features/SearchDocuments\";\r\nimport DocumentTypeaheadResults from \"./Features/DocumentTypeaheadResults\";\r\nimport MobileFacets from '../search/Features/Facets/MobileFacets';\r\nimport Facets from '../search/Features/Facets/Facets';\r\nimport * as Attributes from '../search/Infrastructure/attributes';\r\nimport { getResultAttributes } from '../search/Infrastructure/attributes';\r\nimport PaginationContainer from '../search/components/PaginationContainer';\r\nimport { addResourceStrings, translateResourceString } from '../util/translationUtility';\r\n\r\n\r\nconst MIN_LENGTH = 3;\r\nconst TYPE_INTERVAL_IN_MS = 300;\r\n\r\nclass DocumentSearchApp extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.maxAutocompleteSuggestions = 5;\r\n\r\n this.state = {\r\n itemNumber: props.ItemNumber,\r\n lotNumber: props.LotNumber,\r\n searchString: props.ItemNumber ? props.ItemNumber : props.LotNumber ? props.LotNumber : '',\r\n suggestestedItemNumbers: [], \r\n showSuggestions: false,\r\n documents: props.Documents,\r\n showMobileFacets: false,\r\n attributes: getResultAttributes(props.Filters.Attributes),\r\n displayLotValidationErr: false,\r\n displayItemNumberValidationErr: false,\r\n autoCompleteSelectedIndex: -1\r\n };\r\n\r\n addResourceStrings(props.LocalizationItems);\r\n\r\n if (window !== undefined && window.$ !== undefined) {\r\n this.noResults = window.$(\".js-document-search-no-results\");\r\n this.documentRequestForm = window.$(\".forms-section\");\r\n }\r\n\r\n this.onItemNumberChange = this.onItemNumberChange.bind(this);\r\n this.onItemNumberKeyUp = this.onItemNumberKeyUp.bind(this);\r\n this.onLotNumberChange = this.onLotNumberChange.bind(this);\r\n this.onLotNumberKeyUp = this.onLotNumberKeyUp.bind(this);\r\n this.onSearch = this.onSearch.bind(this);\r\n this.onCofASearch = this.onCofASearch.bind(this);\r\n this.onDocumentSearch = this.onDocumentSearch.bind(this);\r\n this.replaceQueryString = this.replaceQueryString.bind(this);\r\n this.onShowMobileFacetsChange = this.onShowMobileFacetsChange.bind(this);\r\n this.onShowMobileFacetsToggle = this.onShowMobileFacetsToggle.bind(this);\r\n this.onToggleFacetExpanded = this.onToggleFacetExpanded.bind(this);\r\n this.onToggleShowMoreFacet = this.onToggleShowMoreFacet.bind(this);\r\n this.onAttributeChange = this.onAttributeChange.bind(this);\r\n this.onTypeaheadResultClick = this.onTypeaheadResultClick.bind(this);\r\n this.onFocus = this.onFocus.bind(this);\r\n this.onLostFocus = this.onLostFocus.bind(this);\r\n this.needsToSearch = this.needsToSearch.bind(this);\r\n this.onClearAttributes = this.onClearAttributes.bind(this)\r\n this.clearLotNumber = this.clearLotNumber.bind(this);\r\n this.clearItemNumber = this.clearItemNumber.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n if ((!!this.props.ItemNumber || !!this.props.LotNumber) && (!this.props.Documents || this.props.Documents.length === 0)) {\r\n this.noResults.removeClass(\"d-none\");\r\n this.documentRequestForm.removeClass(\"d-none\").slideDown();\r\n }\r\n }\r\n\r\n onTypeaheadResultClick(item) {\r\n this.setState({ itemNumber: item, suggestestedItemNumbers: [] }, () => this.onDocumentSearch());\r\n }\r\n\r\n onFocus() {\r\n this.setState({ showSuggestions: true});\r\n }\r\n\r\n onLostFocus() {\r\n setTimeout(() => this.setState({ showSuggestions: false, autoCompleteSelectedIndex: - 1}), 300);\r\n }\r\n\r\n onShowMobileFacetsChange(showMobileFacets) {\r\n this.setState({ showMobileFacets });\r\n }\r\n\r\n onShowMobileFacetsToggle() {\r\n const { showMobileFacets } = this.state;\r\n this.setState({ showMobileFacets: !showMobileFacets });\r\n }\r\n\r\n onToggleFacetExpanded(facetName) {\r\n\r\n this.setState({\r\n attributes: Attributes.toggleExpandAttribute(\r\n this.state.attributes,\r\n facetName\r\n )\r\n });\r\n\r\n }\r\n\r\n onToggleShowMoreFacet(facetName) {\r\n this.setState({\r\n attributes: Attributes.toggleShowMoreAttribute(\r\n this.state.attributes,\r\n facetName\r\n )\r\n });\r\n }\r\n\r\n onAttributeChange(name, value) {\r\n this.setState({\r\n attributes: Attributes.toggleAttribute(this.state.attributes, name, value)\r\n });\r\n }\r\n\r\n onClearAttributes() {\r\n this.setState({\r\n attributes: Attributes.clearAttributes(this.state.attributes)\r\n });\r\n }\r\n\r\n onItemNumberChange(e) {\r\n this.updateItemNumber(e.target.value);\r\n }\r\n\r\n clearItemNumber(e) {\r\n this.setState({ itemNumber: \"\" });\r\n }\r\n\r\n updateItemNumber = (value) => {\r\n this.setState({ itemNumber: value });\r\n if (value.length === 0) \r\n {\r\n this.setState({ suggestestedItemNumbers: [], showSuggestions: false});\r\n return;\r\n }\r\n if (this.needsToSearch(value)) {\r\n clearTimeout(this.fetchIntervalId);\r\n this.fetchIntervalId = setTimeout(() => this.itemNumberAutocomplete(value), TYPE_INTERVAL_IN_MS)\r\n }\r\n this.noResults.addClass('d-none');\r\n }\r\n\r\n needsToSearch(searchKey) {\r\n return searchKey && searchKey.length > MIN_LENGTH && (!this.state.suggestestedItemNumbers || !this.state.suggestestedItemNumbers[searchKey]);\r\n }\r\n\r\n itemNumberAutocomplete(itemNumber) {\r\n const { ApiEndPoint } = this.props;\r\n fetch(`${ApiEndPoint}?itemNumber=${itemNumber}`)\r\n .then(response => response.json())\r\n .then(result => this.setItemNumberAutocomplete(result, itemNumber));\r\n }\r\n\r\n setItemNumberAutocomplete(result, itemNumber) {\r\n if (!result || !result.documents) return;\r\n \r\n let itemNumbers = [...new Set(result.documents.flatMap(x => x.ErpItems)\r\n .filter(x => x.toLowerCase().includes(itemNumber.toLowerCase())))]\r\n .slice(0, this.maxAutocompleteSuggestions);\r\n let showSuggestions = itemNumbers && itemNumbers.length > 0;\r\n this.setState({ suggestestedItemNumbers: itemNumbers, showSuggestions: showSuggestions});\r\n }\r\n\r\n onItemNumberKeyUp(e) {\r\n if (e.keyCode === 13) {\r\n this.onLostFocus();\r\n if (this.state.autoCompleteSelectedIndex > -1 && this.state.suggestestedItemNumbers.length > this.state.autoCompleteSelectedIndex){\r\n this.onTypeaheadResultClick(this.state.suggestestedItemNumbers[this.state.autoCompleteSelectedIndex])\r\n \r\n } else {\r\n this.onDocumentSearch();\r\n }\r\n } else if (e.keyCode === 40) {\r\n let newIndex = this.state.autoCompleteSelectedIndex === this.state.suggestestedItemNumbers.length - 1? 0 : this.state.autoCompleteSelectedIndex + 1;\r\n this.setState({ autoCompleteSelectedIndex: newIndex});\r\n } else if (e.keyCode === 38) {\r\n let newIndex = this.state.autoCompleteSelectedIndex === 0 ? this.state.suggestestedItemNumbers.length - 1 : this.state.autoCompleteSelectedIndex - 1;\r\n this.setState({ autoCompleteSelectedIndex: newIndex});\r\n } else if (e.keyCode === 27) {\r\n this.setState({ autoCompleteSelectedIndex: -1, showSuggestions: false});\r\n }\r\n }\r\n\r\n onLotNumberChange(e) {\r\n this.setState({ lotNumber: e.target.value });\r\n this.noResults.addClass('d-none');\r\n }\r\n \r\n onLotNumberKeyUp(e) {\r\n if (e.keyCode === 13) {\r\n this.onCofASearch();\r\n }\r\n }\r\n\r\n clearLotNumber(e) {\r\n this.setState({ lotNumber: \"\" });\r\n }\r\n\r\n onCofASearch() {\r\n if (!!this.state.lotNumber) {\r\n this.setState({ displayLotValidationErr: false, itemNumber: \"\", searchString: this.state.lotNumber });\r\n this.onSearch(this.state.lotNumber, \"\");\r\n return;\r\n }\r\n\r\n this.setState({ displayLotValidationErr: true });\r\n }\r\n\r\n onDocumentSearch() {\r\n this.setState({autoCompleteSelectedIndex: -1});\r\n if (!!this.state.itemNumber) {\r\n this.setState({ displayItemNumberValidationErr: false, lotNumber: \"\", searchString: this.state.itemNumber });\r\n this.onSearch(\"\", this.state.itemNumber);\r\n return;\r\n }\r\n this.setState({ displayItemNumberValidationErr: true })\r\n }\r\n\r\n onSearch(lotNumber, itemNumber) {\r\n lotNumber = lotNumber.trim();\r\n itemNumber = itemNumber.trim();\r\n this.setState({ lotNumber: lotNumber, itemNumber: itemNumber });\r\n\r\n this.replaceQueryString(lotNumber, itemNumber);\r\n const { ApiEndPoint } = this.props;\r\n fetch(`${ApiEndPoint}?itemNumber=${itemNumber}&lotNumber=${lotNumber}`)\r\n .then(response => response.json())\r\n .then(result => this.setSearchResult(result));\r\n }\r\n\r\n setSearchResult(result) {\r\n var showNoResults = ((this.state.itemNumber || this.state.lotNumber) && (!result.documents || result.documents.length === 0));\r\n this.noResults.toggleClass('d-none', !showNoResults);\r\n this.setState({ documents: result.documents, attributes: getResultAttributes(result.filters.Attributes) });\r\n this.documentRequestForm.removeClass(\"d-none\").slideDown();\r\n }\r\n\r\n replaceQueryString(lotNumber, itemNumber) {\r\n if (window.history.replaceState) {\r\n var newurl = window.location.protocol + \"//\" + window.location.host + window.location.pathname + `?itemNumber=${itemNumber}&lotNumber=${lotNumber}`;\r\n window.history.replaceState({ path: newurl }, '', newurl);\r\n }\r\n }\r\n\r\n render() {\r\n let attributes = this.state.attributes;\r\n const facets = attributes ? attributes.length > 0 : false;\r\n const showClearAttributes = attributes.filter(\r\n attribute => attribute.values.filter(\r\n value => value.checked).length > 0).length > 0;\r\n \r\n\r\n let selectedAttributes = Attributes.selectedAttributes(this.state.attributes);\r\n let selectedTypes = selectedAttributes.filter(x => x.name === \"type\").map(x => x.value);\r\n let selectedLanguages = selectedAttributes.filter(x => x.name === \"language\").map(x => x.value);\r\n\r\n let documents = selectedTypes && selectedTypes.length > 0 ? this.state.documents.filter(doc => selectedTypes.includes(doc.Type)) : this.state.documents;\r\n documents = selectedLanguages && selectedLanguages.length > 0 ? documents.filter(doc => selectedLanguages.includes(doc.Language)) : documents;\r\n\r\n return (\r\n \r\n
\r\n \r\n {itemNumbers.length > 0 &&\r\n \r\n {itemNumbers.map((item, key) => {\r\n return (\r\n
\r\n }\r\n onTypeaheadResultClick(item)}>{item}
\r\n )\r\n })}\r\n \r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\nDocumentSearchApp.propTypes = {\r\n ApiEndPoint: PropTypes.string,\r\n LocalizationItems: PropTypes.array,\r\n Documents: PropTypes.arrayOf(PropTypes.object),\r\n ItemNumber: PropTypes.string,\r\n LotNumber: PropTypes.string\r\n};\r\n\r\nexport default DocumentSearchApp;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport ReactDOMServer from 'react-dom/server';\r\n\r\n// Uncomment to package css transpiled from index.scss into index.css\r\n//import './index.css';\r\nimport './shims/polyfills'\r\n\r\nimport * as Search from './Components/search/SearchApp';\r\nimport SearchApp from './Components/search/Features/Combined/CombinedSearchResults'\r\nimport SDSSearch from './Components/sdssearch/SDSSearchApp';\r\nimport KitInsertSearch from './Components/kitinsertsearch/KitInsertSearchApp';\r\nimport DocumentSearch from './Components/documentsearch/DocumentSearchApp';\r\n\r\nif (typeof window === 'undefined')\r\n var window = {};\r\n\r\nglobal.React = React;\r\nglobal.ReactDOM = ReactDOM;\r\nglobal.ReactDOMServer = ReactDOMServer\r\n\r\nglobal.Search = SearchApp;\r\nglobal.SolutionSearch = Search.SolutionSearch;\r\nglobal.ArticleSearch = Search.ArticleSearch;\r\nglobal.NeoCenterListingPage = Search.NeoCenterListingPage;\r\nglobal.SDSSearch = SDSSearch;\r\nglobal.KitInsertSearch = KitInsertSearch;\r\nglobal.DocumentSearch = DocumentSearch;","import 'promise-polyfill/src/polyfill';\r\n\r\n/***\r\n * BEGIN Null Shims\r\n *\r\n * DDD 2018-08-09\r\n * these globally-defined objects have no value (functions do nothing), but\r\n * are used to fix reference errors server-side in libraries that must be\r\n * included in the project.\r\n *\r\n *\r\n * No names that are defined in Null Shims should be used in\r\n * 1) code that could run server side,\r\n * or\r\n * 2) code that fails to test these values\r\n * for null.\r\n *\r\n * ok:\r\n * componentDidMount() {\r\n * // we're in the browser here\r\n * window.location = \"example.com\";\r\n * }\r\n *\r\n * ok:\r\n * if (window.location){\r\n * // we're sure location is something\r\n * window.location = \"example.com\";\r\n * }\r\n *\r\n * not ok: *\r\n * window.location = \"example.com\"\r\n * \r\n */\r\n\r\n/***\r\n * END Null Shims\r\n */\r\n\r\n/***\r\n * Begin replacement shims\r\n * These shims should work like the native browser when\r\n * used server-side.\r\n */\r\n\r\n// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js\r\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart\r\nif (!String.prototype.padStart) {\r\n String.prototype.padStart = function padStart(targetLength,padString) {\r\n targetLength = targetLength>>0; //truncate if number or convert non-number to 0;\r\n padString = String((typeof padString !== 'undefined' ? padString : ' '));\r\n if (this.length > targetLength) {\r\n return String(this);\r\n }\r\n else {\r\n targetLength = targetLength-this.length;\r\n if (targetLength > padString.length) {\r\n padString += padString.repeat(targetLength/padString.length); //append to original to ensure we are longer than needed\r\n }\r\n return padString.slice(0,targetLength) + String(this);\r\n }\r\n };\r\n}\r\n\r\n//https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes\r\nif (!String.prototype.includes) {\r\n String.prototype.includes = function(search, start) {\r\n 'use strict';\r\n if (typeof start !== 'number') {\r\n start = 0;\r\n }\r\n \r\n if (start + search.length > this.length) {\r\n return false;\r\n } else {\r\n return this.indexOf(search, start) !== -1;\r\n }\r\n };\r\n}\r\n\r\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes\r\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\r\nif (!Array.prototype.includes) {\r\n Object.defineProperty(Array.prototype, 'includes', {\r\n value: function(searchElement, fromIndex) {\r\n\r\n if (this == null) {\r\n throw new TypeError('\"this\" is null or not defined');\r\n }\r\n\r\n // 1. Let O be ? ToObject(this value).\r\n var o = Object(this);\r\n\r\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\r\n var len = o.length >>> 0;\r\n\r\n // 3. If len is 0, return false.\r\n if (len === 0) {\r\n return false;\r\n }\r\n\r\n // 4. Let n be ? ToInteger(fromIndex).\r\n // (If fromIndex is undefined, this step produces the value 0.)\r\n var n = fromIndex | 0;\r\n\r\n // 5. If n ≥ 0, then\r\n // a. Let k be n.\r\n // 6. Else n < 0,\r\n // a. Let k be len + n.\r\n // b. If k < 0, let k be 0.\r\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\r\n\r\n function sameValueZero(x, y) {\r\n return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));\r\n }\r\n\r\n // 7. Repeat, while k < len\r\n while (k < len) {\r\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\r\n // b. If SameValueZero(searchElement, elementK) is true, return true.\r\n if (sameValueZero(o[k], searchElement)) {\r\n return true;\r\n }\r\n // c. Increase k by 1. \r\n k++;\r\n }\r\n\r\n // 8. Return false\r\n return false;\r\n }\r\n });\r\n}\r\n\r\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find\r\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\r\nif (!Array.prototype.find) {\r\n Object.defineProperty(Array.prototype, 'find', {\r\n value: function(predicate) {\r\n // 1. Let O be ? ToObject(this value).\r\n if (this == null) {\r\n throw new TypeError('\"this\" is null or not defined');\r\n }\r\n\r\n var o = Object(this);\r\n\r\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\r\n var len = o.length >>> 0;\r\n\r\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\r\n if (typeof predicate !== 'function') {\r\n throw new TypeError('predicate must be a function');\r\n }\r\n\r\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\r\n var thisArg = arguments[1];\r\n\r\n // 5. Let k be 0.\r\n var k = 0;\r\n\r\n // 6. Repeat, while k < len\r\n while (k < len) {\r\n // a. Let Pk be ! ToString(k).\r\n // b. Let kValue be ? Get(O, Pk).\r\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\r\n // d. If testResult is true, return kValue.\r\n var kValue = o[k];\r\n if (predicate.call(thisArg, kValue, k, o)) {\r\n return kValue;\r\n }\r\n // e. Increase k by 1.\r\n k++;\r\n }\r\n\r\n // 7. Return undefined.\r\n return undefined;\r\n },\r\n configurable: true,\r\n writable: true\r\n });\r\n}\r\n\r\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\r\nif (typeof Object.assign != 'function') {\r\n Object.assign = function(target) {\r\n 'use strict';\r\n if (target == null) {\r\n throw new TypeError('Cannot convert undefined or null to object');\r\n }\r\n\r\n target = Object(target);\r\n for (var index = 1; index < arguments.length; index++) {\r\n var source = arguments[index];\r\n if (source != null) {\r\n for (var key in source) {\r\n if (Object.prototype.hasOwnProperty.call(source, key)) {\r\n target[key] = source[key];\r\n }\r\n }\r\n }\r\n }\r\n return target;\r\n };\r\n}\r\n\r\n// https://tc39.github.io/ecma262/#sec-array.prototype.findindex\r\nif (!Array.prototype.findIndex) {\r\n Object.defineProperty(Array.prototype, 'findIndex', {\r\n value: function(predicate) {\r\n // 1. Let O be ? ToObject(this value).\r\n if (this == null) {\r\n throw new TypeError('\"this\" is null or not defined');\r\n }\r\n\r\n var o = Object(this);\r\n\r\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\r\n var len = o.length >>> 0;\r\n\r\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\r\n if (typeof predicate !== 'function') {\r\n throw new TypeError('predicate must be a function');\r\n }\r\n\r\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\r\n var thisArg = arguments[1];\r\n\r\n // 5. Let k be 0.\r\n var k = 0;\r\n\r\n // 6. Repeat, while k < len\r\n while (k < len) {\r\n // a. Let Pk be ! ToString(k).\r\n // b. Let kValue be ? Get(O, Pk).\r\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\r\n // d. If testResult is true, return k.\r\n var kValue = o[k];\r\n if (predicate.call(thisArg, kValue, k, o)) {\r\n return k;\r\n }\r\n // e. Increase k by 1.\r\n k++;\r\n }\r\n\r\n // 7. Return -1.\r\n return -1;\r\n },\r\n configurable: true,\r\n writable: true\r\n });\r\n}","'use strict';\n\nexports.__esModule = true;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _gud = require('gud');\n\nvar _gud2 = _interopRequireDefault(_gud);\n\nvar _warning = require('warning');\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MAX_SIGNED_31_BIT_INT = 1073741823;\n\n// Inlined Object.is polyfill.\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\nfunction objectIs(x, y) {\n if (x === y) {\n return x !== 0 || 1 / x === 1 / y;\n } else {\n return x !== x && y !== y;\n }\n}\n\nfunction createEventEmitter(value) {\n var handlers = [];\n return {\n on: function on(handler) {\n handlers.push(handler);\n },\n off: function off(handler) {\n handlers = handlers.filter(function (h) {\n return h !== handler;\n });\n },\n get: function get() {\n return value;\n },\n set: function set(newValue, changedBits) {\n value = newValue;\n handlers.forEach(function (handler) {\n return handler(value, changedBits);\n });\n }\n };\n}\n\nfunction onlyChild(children) {\n return Array.isArray(children) ? children[0] : children;\n}\n\nfunction createReactContext(defaultValue, calculateChangedBits) {\n var _Provider$childContex, _Consumer$contextType;\n\n var contextProp = '__create-react-context-' + (0, _gud2.default)() + '__';\n\n var Provider = function (_Component) {\n _inherits(Provider, _Component);\n\n function Provider() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, Provider);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.emitter = createEventEmitter(_this.props.value), _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n Provider.prototype.getChildContext = function getChildContext() {\n var _ref;\n\n return _ref = {}, _ref[contextProp] = this.emitter, _ref;\n };\n\n Provider.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.props.value !== nextProps.value) {\n var oldValue = this.props.value;\n var newValue = nextProps.value;\n var changedBits = void 0;\n\n if (objectIs(oldValue, newValue)) {\n changedBits = 0; // No change\n } else {\n changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;\n if (process.env.NODE_ENV !== 'production') {\n (0, _warning2.default)((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits, 'calculateChangedBits: Expected the return value to be a ' + '31-bit integer. Instead received: %s', changedBits);\n }\n\n changedBits |= 0;\n\n if (changedBits !== 0) {\n this.emitter.set(nextProps.value, changedBits);\n }\n }\n }\n };\n\n Provider.prototype.render = function render() {\n return this.props.children;\n };\n\n return Provider;\n }(_react.Component);\n\n Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = _propTypes2.default.object.isRequired, _Provider$childContex);\n\n var Consumer = function (_Component2) {\n _inherits(Consumer, _Component2);\n\n function Consumer() {\n var _temp2, _this2, _ret2;\n\n _classCallCheck(this, Consumer);\n\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return _ret2 = (_temp2 = (_this2 = _possibleConstructorReturn(this, _Component2.call.apply(_Component2, [this].concat(args))), _this2), _this2.state = {\n value: _this2.getValue()\n }, _this2.onUpdate = function (newValue, changedBits) {\n var observedBits = _this2.observedBits | 0;\n if ((observedBits & changedBits) !== 0) {\n _this2.setState({ value: _this2.getValue() });\n }\n }, _temp2), _possibleConstructorReturn(_this2, _ret2);\n }\n\n Consumer.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var observedBits = nextProps.observedBits;\n\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default\n : observedBits;\n };\n\n Consumer.prototype.componentDidMount = function componentDidMount() {\n if (this.context[contextProp]) {\n this.context[contextProp].on(this.onUpdate);\n }\n var observedBits = this.props.observedBits;\n\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default\n : observedBits;\n };\n\n Consumer.prototype.componentWillUnmount = function componentWillUnmount() {\n if (this.context[contextProp]) {\n this.context[contextProp].off(this.onUpdate);\n }\n };\n\n Consumer.prototype.getValue = function getValue() {\n if (this.context[contextProp]) {\n return this.context[contextProp].get();\n } else {\n return defaultValue;\n }\n };\n\n Consumer.prototype.render = function render() {\n return onlyChild(this.props.children)(this.state.value);\n };\n\n return Consumer;\n }(_react.Component);\n\n Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = _propTypes2.default.object, _Consumer$contextType);\n\n\n return {\n Provider: Provider,\n Consumer: Consumer\n };\n}\n\nexports.default = createReactContext;\nmodule.exports = exports['default'];","'use strict';\n\nexports.__esModule = true;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _implementation = require('./implementation');\n\nvar _implementation2 = _interopRequireDefault(_implementation);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _react2.default.createContext || _implementation2.default;\nmodule.exports = exports['default'];","module.exports = require('./lib/axios');","'use strict';\n\nvar utils = require('./../utils');\nvar settle = require('./../core/settle');\nvar cookies = require('./../helpers/cookies');\nvar buildURL = require('./../helpers/buildURL');\nvar buildFullPath = require('../core/buildFullPath');\nvar parseHeaders = require('./../helpers/parseHeaders');\nvar isURLSameOrigin = require('./../helpers/isURLSameOrigin');\nvar createError = require('../core/createError');\nvar defaults = require('../defaults');\nvar Cancel = require('../cancel/Cancel');\n\nmodule.exports = function xhrAdapter(config) {\n return new Promise(function dispatchXhrRequest(resolve, reject) {\n var requestData = config.data;\n var requestHeaders = config.headers;\n var responseType = config.responseType;\n var onCanceled;\n function done() {\n if (config.cancelToken) {\n config.cancelToken.unsubscribe(onCanceled);\n }\n\n if (config.signal) {\n config.signal.removeEventListener('abort', onCanceled);\n }\n }\n\n if (utils.isFormData(requestData)) {\n delete requestHeaders['Content-Type']; // Let the browser set it\n }\n\n var request = new XMLHttpRequest();\n\n // HTTP basic authentication\n if (config.auth) {\n var username = config.auth.username || '';\n var password = config.auth.password ? unescape(encodeURIComponent(config.auth.password)) : '';\n requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);\n }\n\n var fullPath = buildFullPath(config.baseURL, config.url);\n request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);\n\n // Set the request timeout in MS\n request.timeout = config.timeout;\n\n function onloadend() {\n if (!request) {\n return;\n }\n // Prepare the response\n var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;\n var responseData = !responseType || responseType === 'text' || responseType === 'json' ?\n request.responseText : request.response;\n var response = {\n data: responseData,\n status: request.status,\n statusText: request.statusText,\n headers: responseHeaders,\n config: config,\n request: request\n };\n\n settle(function _resolve(value) {\n resolve(value);\n done();\n }, function _reject(err) {\n reject(err);\n done();\n }, response);\n\n // Clean up request\n request = null;\n }\n\n if ('onloadend' in request) {\n // Use onloadend if available\n request.onloadend = onloadend;\n } else {\n // Listen for ready state to emulate onloadend\n request.onreadystatechange = function handleLoad() {\n if (!request || request.readyState !== 4) {\n return;\n }\n\n // The request errored out and we didn't get a response, this will be\n // handled by onerror instead\n // With one exception: request that using file: protocol, most browsers\n // will return status as 0 even though it's a successful request\n if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {\n return;\n }\n // readystate handler is calling before onerror or ontimeout handlers,\n // so we should call onloadend on the next 'tick'\n setTimeout(onloadend);\n };\n }\n\n // Handle browser request cancellation (as opposed to a manual cancellation)\n request.onabort = function handleAbort() {\n if (!request) {\n return;\n }\n\n reject(createError('Request aborted', config, 'ECONNABORTED', request));\n\n // Clean up request\n request = null;\n };\n\n // Handle low level network errors\n request.onerror = function handleError() {\n // Real errors are hidden from us by the browser\n // onerror should only fire if it's a network error\n reject(createError('Network Error', config, null, request));\n\n // Clean up request\n request = null;\n };\n\n // Handle timeout\n request.ontimeout = function handleTimeout() {\n var timeoutErrorMessage = config.timeout ? 'timeout of ' + config.timeout + 'ms exceeded' : 'timeout exceeded';\n var transitional = config.transitional || defaults.transitional;\n if (config.timeoutErrorMessage) {\n timeoutErrorMessage = config.timeoutErrorMessage;\n }\n reject(createError(\n timeoutErrorMessage,\n config,\n transitional.clarifyTimeoutError ? 'ETIMEDOUT' : 'ECONNABORTED',\n request));\n\n // Clean up request\n request = null;\n };\n\n // Add xsrf header\n // This is only done if running in a standard browser environment.\n // Specifically not if we're in a web worker, or react-native.\n if (utils.isStandardBrowserEnv()) {\n // Add xsrf header\n var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?\n cookies.read(config.xsrfCookieName) :\n undefined;\n\n if (xsrfValue) {\n requestHeaders[config.xsrfHeaderName] = xsrfValue;\n }\n }\n\n // Add headers to the request\n if ('setRequestHeader' in request) {\n utils.forEach(requestHeaders, function setRequestHeader(val, key) {\n if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {\n // Remove Content-Type if data is undefined\n delete requestHeaders[key];\n } else {\n // Otherwise add header to the request\n request.setRequestHeader(key, val);\n }\n });\n }\n\n // Add withCredentials to request if needed\n if (!utils.isUndefined(config.withCredentials)) {\n request.withCredentials = !!config.withCredentials;\n }\n\n // Add responseType to request if needed\n if (responseType && responseType !== 'json') {\n request.responseType = config.responseType;\n }\n\n // Handle progress if needed\n if (typeof config.onDownloadProgress === 'function') {\n request.addEventListener('progress', config.onDownloadProgress);\n }\n\n // Not all browsers support upload events\n if (typeof config.onUploadProgress === 'function' && request.upload) {\n request.upload.addEventListener('progress', config.onUploadProgress);\n }\n\n if (config.cancelToken || config.signal) {\n // Handle cancellation\n // eslint-disable-next-line func-names\n onCanceled = function(cancel) {\n if (!request) {\n return;\n }\n reject(!cancel || (cancel && cancel.type) ? new Cancel('canceled') : cancel);\n request.abort();\n request = null;\n };\n\n config.cancelToken && config.cancelToken.subscribe(onCanceled);\n if (config.signal) {\n config.signal.aborted ? onCanceled() : config.signal.addEventListener('abort', onCanceled);\n }\n }\n\n if (!requestData) {\n requestData = null;\n }\n\n // Send the request\n request.send(requestData);\n });\n};\n","'use strict';\n\nvar utils = require('./utils');\nvar bind = require('./helpers/bind');\nvar Axios = require('./core/Axios');\nvar mergeConfig = require('./core/mergeConfig');\nvar defaults = require('./defaults');\n\n/**\n * Create an instance of Axios\n *\n * @param {Object} defaultConfig The default config for the instance\n * @return {Axios} A new instance of Axios\n */\nfunction createInstance(defaultConfig) {\n var context = new Axios(defaultConfig);\n var instance = bind(Axios.prototype.request, context);\n\n // Copy axios.prototype to instance\n utils.extend(instance, Axios.prototype, context);\n\n // Copy context to instance\n utils.extend(instance, context);\n\n // Factory for creating new instances\n instance.create = function create(instanceConfig) {\n return createInstance(mergeConfig(defaultConfig, instanceConfig));\n };\n\n return instance;\n}\n\n// Create the default instance to be exported\nvar axios = createInstance(defaults);\n\n// Expose Axios class to allow class inheritance\naxios.Axios = Axios;\n\n// Expose Cancel & CancelToken\naxios.Cancel = require('./cancel/Cancel');\naxios.CancelToken = require('./cancel/CancelToken');\naxios.isCancel = require('./cancel/isCancel');\naxios.VERSION = require('./env/data').version;\n\n// Expose all/spread\naxios.all = function all(promises) {\n return Promise.all(promises);\n};\naxios.spread = require('./helpers/spread');\n\n// Expose isAxiosError\naxios.isAxiosError = require('./helpers/isAxiosError');\n\nmodule.exports = axios;\n\n// Allow use of default import syntax in TypeScript\nmodule.exports.default = axios;\n","'use strict';\n\n/**\n * A `Cancel` is an object that is thrown when an operation is canceled.\n *\n * @class\n * @param {string=} message The message.\n */\nfunction Cancel(message) {\n this.message = message;\n}\n\nCancel.prototype.toString = function toString() {\n return 'Cancel' + (this.message ? ': ' + this.message : '');\n};\n\nCancel.prototype.__CANCEL__ = true;\n\nmodule.exports = Cancel;\n","'use strict';\n\nvar Cancel = require('./Cancel');\n\n/**\n * A `CancelToken` is an object that can be used to request cancellation of an operation.\n *\n * @class\n * @param {Function} executor The executor function.\n */\nfunction CancelToken(executor) {\n if (typeof executor !== 'function') {\n throw new TypeError('executor must be a function.');\n }\n\n var resolvePromise;\n\n this.promise = new Promise(function promiseExecutor(resolve) {\n resolvePromise = resolve;\n });\n\n var token = this;\n\n // eslint-disable-next-line func-names\n this.promise.then(function(cancel) {\n if (!token._listeners) return;\n\n var i;\n var l = token._listeners.length;\n\n for (i = 0; i < l; i++) {\n token._listeners[i](cancel);\n }\n token._listeners = null;\n });\n\n // eslint-disable-next-line func-names\n this.promise.then = function(onfulfilled) {\n var _resolve;\n // eslint-disable-next-line func-names\n var promise = new Promise(function(resolve) {\n token.subscribe(resolve);\n _resolve = resolve;\n }).then(onfulfilled);\n\n promise.cancel = function reject() {\n token.unsubscribe(_resolve);\n };\n\n return promise;\n };\n\n executor(function cancel(message) {\n if (token.reason) {\n // Cancellation has already been requested\n return;\n }\n\n token.reason = new Cancel(message);\n resolvePromise(token.reason);\n });\n}\n\n/**\n * Throws a `Cancel` if cancellation has been requested.\n */\nCancelToken.prototype.throwIfRequested = function throwIfRequested() {\n if (this.reason) {\n throw this.reason;\n }\n};\n\n/**\n * Subscribe to the cancel signal\n */\n\nCancelToken.prototype.subscribe = function subscribe(listener) {\n if (this.reason) {\n listener(this.reason);\n return;\n }\n\n if (this._listeners) {\n this._listeners.push(listener);\n } else {\n this._listeners = [listener];\n }\n};\n\n/**\n * Unsubscribe from the cancel signal\n */\n\nCancelToken.prototype.unsubscribe = function unsubscribe(listener) {\n if (!this._listeners) {\n return;\n }\n var index = this._listeners.indexOf(listener);\n if (index !== -1) {\n this._listeners.splice(index, 1);\n }\n};\n\n/**\n * Returns an object that contains a new `CancelToken` and a function that, when called,\n * cancels the `CancelToken`.\n */\nCancelToken.source = function source() {\n var cancel;\n var token = new CancelToken(function executor(c) {\n cancel = c;\n });\n return {\n token: token,\n cancel: cancel\n };\n};\n\nmodule.exports = CancelToken;\n","'use strict';\n\nmodule.exports = function isCancel(value) {\n return !!(value && value.__CANCEL__);\n};\n","'use strict';\n\nvar utils = require('./../utils');\nvar buildURL = require('../helpers/buildURL');\nvar InterceptorManager = require('./InterceptorManager');\nvar dispatchRequest = require('./dispatchRequest');\nvar mergeConfig = require('./mergeConfig');\nvar validator = require('../helpers/validator');\n\nvar validators = validator.validators;\n/**\n * Create a new instance of Axios\n *\n * @param {Object} instanceConfig The default config for the instance\n */\nfunction Axios(instanceConfig) {\n this.defaults = instanceConfig;\n this.interceptors = {\n request: new InterceptorManager(),\n response: new InterceptorManager()\n };\n}\n\n/**\n * Dispatch a request\n *\n * @param {Object} config The config specific for this request (merged with this.defaults)\n */\nAxios.prototype.request = function request(configOrUrl, config) {\n /*eslint no-param-reassign:0*/\n // Allow for axios('example/url'[, config]) a la fetch API\n if (typeof configOrUrl === 'string') {\n config = config || {};\n config.url = configOrUrl;\n } else {\n config = configOrUrl || {};\n }\n\n if (!config.url) {\n throw new Error('Provided config url is not valid');\n }\n\n config = mergeConfig(this.defaults, config);\n\n // Set config.method\n if (config.method) {\n config.method = config.method.toLowerCase();\n } else if (this.defaults.method) {\n config.method = this.defaults.method.toLowerCase();\n } else {\n config.method = 'get';\n }\n\n var transitional = config.transitional;\n\n if (transitional !== undefined) {\n validator.assertOptions(transitional, {\n silentJSONParsing: validators.transitional(validators.boolean),\n forcedJSONParsing: validators.transitional(validators.boolean),\n clarifyTimeoutError: validators.transitional(validators.boolean)\n }, false);\n }\n\n // filter out skipped interceptors\n var requestInterceptorChain = [];\n var synchronousRequestInterceptors = true;\n this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {\n if (typeof interceptor.runWhen === 'function' && interceptor.runWhen(config) === false) {\n return;\n }\n\n synchronousRequestInterceptors = synchronousRequestInterceptors && interceptor.synchronous;\n\n requestInterceptorChain.unshift(interceptor.fulfilled, interceptor.rejected);\n });\n\n var responseInterceptorChain = [];\n this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {\n responseInterceptorChain.push(interceptor.fulfilled, interceptor.rejected);\n });\n\n var promise;\n\n if (!synchronousRequestInterceptors) {\n var chain = [dispatchRequest, undefined];\n\n Array.prototype.unshift.apply(chain, requestInterceptorChain);\n chain = chain.concat(responseInterceptorChain);\n\n promise = Promise.resolve(config);\n while (chain.length) {\n promise = promise.then(chain.shift(), chain.shift());\n }\n\n return promise;\n }\n\n\n var newConfig = config;\n while (requestInterceptorChain.length) {\n var onFulfilled = requestInterceptorChain.shift();\n var onRejected = requestInterceptorChain.shift();\n try {\n newConfig = onFulfilled(newConfig);\n } catch (error) {\n onRejected(error);\n break;\n }\n }\n\n try {\n promise = dispatchRequest(newConfig);\n } catch (error) {\n return Promise.reject(error);\n }\n\n while (responseInterceptorChain.length) {\n promise = promise.then(responseInterceptorChain.shift(), responseInterceptorChain.shift());\n }\n\n return promise;\n};\n\nAxios.prototype.getUri = function getUri(config) {\n if (!config.url) {\n throw new Error('Provided config url is not valid');\n }\n config = mergeConfig(this.defaults, config);\n return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\\?/, '');\n};\n\n// Provide aliases for supported request methods\nutils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {\n /*eslint func-names:0*/\n Axios.prototype[method] = function(url, config) {\n return this.request(mergeConfig(config || {}, {\n method: method,\n url: url,\n data: (config || {}).data\n }));\n };\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n /*eslint func-names:0*/\n Axios.prototype[method] = function(url, data, config) {\n return this.request(mergeConfig(config || {}, {\n method: method,\n url: url,\n data: data\n }));\n };\n});\n\nmodule.exports = Axios;\n","'use strict';\n\nvar utils = require('./../utils');\n\nfunction InterceptorManager() {\n this.handlers = [];\n}\n\n/**\n * Add a new interceptor to the stack\n *\n * @param {Function} fulfilled The function to handle `then` for a `Promise`\n * @param {Function} rejected The function to handle `reject` for a `Promise`\n *\n * @return {Number} An ID used to remove interceptor later\n */\nInterceptorManager.prototype.use = function use(fulfilled, rejected, options) {\n this.handlers.push({\n fulfilled: fulfilled,\n rejected: rejected,\n synchronous: options ? options.synchronous : false,\n runWhen: options ? options.runWhen : null\n });\n return this.handlers.length - 1;\n};\n\n/**\n * Remove an interceptor from the stack\n *\n * @param {Number} id The ID that was returned by `use`\n */\nInterceptorManager.prototype.eject = function eject(id) {\n if (this.handlers[id]) {\n this.handlers[id] = null;\n }\n};\n\n/**\n * Iterate over all the registered interceptors\n *\n * This method is particularly useful for skipping over any\n * interceptors that may have become `null` calling `eject`.\n *\n * @param {Function} fn The function to call for each interceptor\n */\nInterceptorManager.prototype.forEach = function forEach(fn) {\n utils.forEach(this.handlers, function forEachHandler(h) {\n if (h !== null) {\n fn(h);\n }\n });\n};\n\nmodule.exports = InterceptorManager;\n","'use strict';\n\nvar isAbsoluteURL = require('../helpers/isAbsoluteURL');\nvar combineURLs = require('../helpers/combineURLs');\n\n/**\n * Creates a new URL by combining the baseURL with the requestedURL,\n * only when the requestedURL is not already an absolute URL.\n * If the requestURL is absolute, this function returns the requestedURL untouched.\n *\n * @param {string} baseURL The base URL\n * @param {string} requestedURL Absolute or relative URL to combine\n * @returns {string} The combined full path\n */\nmodule.exports = function buildFullPath(baseURL, requestedURL) {\n if (baseURL && !isAbsoluteURL(requestedURL)) {\n return combineURLs(baseURL, requestedURL);\n }\n return requestedURL;\n};\n","'use strict';\n\nvar enhanceError = require('./enhanceError');\n\n/**\n * Create an Error with the specified message, config, error code, request and response.\n *\n * @param {string} message The error message.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The created error.\n */\nmodule.exports = function createError(message, config, code, request, response) {\n var error = new Error(message);\n return enhanceError(error, config, code, request, response);\n};\n","'use strict';\n\nvar utils = require('./../utils');\nvar transformData = require('./transformData');\nvar isCancel = require('../cancel/isCancel');\nvar defaults = require('../defaults');\nvar Cancel = require('../cancel/Cancel');\n\n/**\n * Throws a `Cancel` if cancellation has been requested.\n */\nfunction throwIfCancellationRequested(config) {\n if (config.cancelToken) {\n config.cancelToken.throwIfRequested();\n }\n\n if (config.signal && config.signal.aborted) {\n throw new Cancel('canceled');\n }\n}\n\n/**\n * Dispatch a request to the server using the configured adapter.\n *\n * @param {object} config The config that is to be used for the request\n * @returns {Promise} The Promise to be fulfilled\n */\nmodule.exports = function dispatchRequest(config) {\n throwIfCancellationRequested(config);\n\n // Ensure headers exist\n config.headers = config.headers || {};\n\n // Transform request data\n config.data = transformData.call(\n config,\n config.data,\n config.headers,\n config.transformRequest\n );\n\n // Flatten headers\n config.headers = utils.merge(\n config.headers.common || {},\n config.headers[config.method] || {},\n config.headers\n );\n\n utils.forEach(\n ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],\n function cleanHeaderConfig(method) {\n delete config.headers[method];\n }\n );\n\n var adapter = config.adapter || defaults.adapter;\n\n return adapter(config).then(function onAdapterResolution(response) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n response.data = transformData.call(\n config,\n response.data,\n response.headers,\n config.transformResponse\n );\n\n return response;\n }, function onAdapterRejection(reason) {\n if (!isCancel(reason)) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n if (reason && reason.response) {\n reason.response.data = transformData.call(\n config,\n reason.response.data,\n reason.response.headers,\n config.transformResponse\n );\n }\n }\n\n return Promise.reject(reason);\n });\n};\n","'use strict';\n\n/**\n * Update an Error with the specified config, error code, and response.\n *\n * @param {Error} error The error to update.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The error.\n */\nmodule.exports = function enhanceError(error, config, code, request, response) {\n error.config = config;\n if (code) {\n error.code = code;\n }\n\n error.request = request;\n error.response = response;\n error.isAxiosError = true;\n\n error.toJSON = function toJSON() {\n return {\n // Standard\n message: this.message,\n name: this.name,\n // Microsoft\n description: this.description,\n number: this.number,\n // Mozilla\n fileName: this.fileName,\n lineNumber: this.lineNumber,\n columnNumber: this.columnNumber,\n stack: this.stack,\n // Axios\n config: this.config,\n code: this.code,\n status: this.response && this.response.status ? this.response.status : null\n };\n };\n return error;\n};\n","'use strict';\n\nvar utils = require('../utils');\n\n/**\n * Config-specific merge-function which creates a new config-object\n * by merging two configuration objects together.\n *\n * @param {Object} config1\n * @param {Object} config2\n * @returns {Object} New object resulting from merging config2 to config1\n */\nmodule.exports = function mergeConfig(config1, config2) {\n // eslint-disable-next-line no-param-reassign\n config2 = config2 || {};\n var config = {};\n\n function getMergedValue(target, source) {\n if (utils.isPlainObject(target) && utils.isPlainObject(source)) {\n return utils.merge(target, source);\n } else if (utils.isPlainObject(source)) {\n return utils.merge({}, source);\n } else if (utils.isArray(source)) {\n return source.slice();\n }\n return source;\n }\n\n // eslint-disable-next-line consistent-return\n function mergeDeepProperties(prop) {\n if (!utils.isUndefined(config2[prop])) {\n return getMergedValue(config1[prop], config2[prop]);\n } else if (!utils.isUndefined(config1[prop])) {\n return getMergedValue(undefined, config1[prop]);\n }\n }\n\n // eslint-disable-next-line consistent-return\n function valueFromConfig2(prop) {\n if (!utils.isUndefined(config2[prop])) {\n return getMergedValue(undefined, config2[prop]);\n }\n }\n\n // eslint-disable-next-line consistent-return\n function defaultToConfig2(prop) {\n if (!utils.isUndefined(config2[prop])) {\n return getMergedValue(undefined, config2[prop]);\n } else if (!utils.isUndefined(config1[prop])) {\n return getMergedValue(undefined, config1[prop]);\n }\n }\n\n // eslint-disable-next-line consistent-return\n function mergeDirectKeys(prop) {\n if (prop in config2) {\n return getMergedValue(config1[prop], config2[prop]);\n } else if (prop in config1) {\n return getMergedValue(undefined, config1[prop]);\n }\n }\n\n var mergeMap = {\n 'url': valueFromConfig2,\n 'method': valueFromConfig2,\n 'data': valueFromConfig2,\n 'baseURL': defaultToConfig2,\n 'transformRequest': defaultToConfig2,\n 'transformResponse': defaultToConfig2,\n 'paramsSerializer': defaultToConfig2,\n 'timeout': defaultToConfig2,\n 'timeoutMessage': defaultToConfig2,\n 'withCredentials': defaultToConfig2,\n 'adapter': defaultToConfig2,\n 'responseType': defaultToConfig2,\n 'xsrfCookieName': defaultToConfig2,\n 'xsrfHeaderName': defaultToConfig2,\n 'onUploadProgress': defaultToConfig2,\n 'onDownloadProgress': defaultToConfig2,\n 'decompress': defaultToConfig2,\n 'maxContentLength': defaultToConfig2,\n 'maxBodyLength': defaultToConfig2,\n 'transport': defaultToConfig2,\n 'httpAgent': defaultToConfig2,\n 'httpsAgent': defaultToConfig2,\n 'cancelToken': defaultToConfig2,\n 'socketPath': defaultToConfig2,\n 'responseEncoding': defaultToConfig2,\n 'validateStatus': mergeDirectKeys\n };\n\n utils.forEach(Object.keys(config1).concat(Object.keys(config2)), function computeConfigValue(prop) {\n var merge = mergeMap[prop] || mergeDeepProperties;\n var configValue = merge(prop);\n (utils.isUndefined(configValue) && merge !== mergeDirectKeys) || (config[prop] = configValue);\n });\n\n return config;\n};\n","'use strict';\n\nvar createError = require('./createError');\n\n/**\n * Resolve or reject a Promise based on response status.\n *\n * @param {Function} resolve A function that resolves the promise.\n * @param {Function} reject A function that rejects the promise.\n * @param {object} response The response.\n */\nmodule.exports = function settle(resolve, reject, response) {\n var validateStatus = response.config.validateStatus;\n if (!response.status || !validateStatus || validateStatus(response.status)) {\n resolve(response);\n } else {\n reject(createError(\n 'Request failed with status code ' + response.status,\n response.config,\n null,\n response.request,\n response\n ));\n }\n};\n","'use strict';\n\nvar utils = require('./../utils');\nvar defaults = require('./../defaults');\n\n/**\n * Transform the data for a request or a response\n *\n * @param {Object|String} data The data to be transformed\n * @param {Array} headers The headers for the request or response\n * @param {Array|Function} fns A single function or Array of functions\n * @returns {*} The resulting transformed data\n */\nmodule.exports = function transformData(data, headers, fns) {\n var context = this || defaults;\n /*eslint no-param-reassign:0*/\n utils.forEach(fns, function transform(fn) {\n data = fn.call(context, data, headers);\n });\n\n return data;\n};\n","'use strict';\n\nvar utils = require('./utils');\nvar normalizeHeaderName = require('./helpers/normalizeHeaderName');\nvar enhanceError = require('./core/enhanceError');\n\nvar DEFAULT_CONTENT_TYPE = {\n 'Content-Type': 'application/x-www-form-urlencoded'\n};\n\nfunction setContentTypeIfUnset(headers, value) {\n if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {\n headers['Content-Type'] = value;\n }\n}\n\nfunction getDefaultAdapter() {\n var adapter;\n if (typeof XMLHttpRequest !== 'undefined') {\n // For browsers use XHR adapter\n adapter = require('./adapters/xhr');\n } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {\n // For node use HTTP adapter\n adapter = require('./adapters/http');\n }\n return adapter;\n}\n\nfunction stringifySafely(rawValue, parser, encoder) {\n if (utils.isString(rawValue)) {\n try {\n (parser || JSON.parse)(rawValue);\n return utils.trim(rawValue);\n } catch (e) {\n if (e.name !== 'SyntaxError') {\n throw e;\n }\n }\n }\n\n return (encoder || JSON.stringify)(rawValue);\n}\n\nvar defaults = {\n\n transitional: {\n silentJSONParsing: true,\n forcedJSONParsing: true,\n clarifyTimeoutError: false\n },\n\n adapter: getDefaultAdapter(),\n\n transformRequest: [function transformRequest(data, headers) {\n normalizeHeaderName(headers, 'Accept');\n normalizeHeaderName(headers, 'Content-Type');\n\n if (utils.isFormData(data) ||\n utils.isArrayBuffer(data) ||\n utils.isBuffer(data) ||\n utils.isStream(data) ||\n utils.isFile(data) ||\n utils.isBlob(data)\n ) {\n return data;\n }\n if (utils.isArrayBufferView(data)) {\n return data.buffer;\n }\n if (utils.isURLSearchParams(data)) {\n setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');\n return data.toString();\n }\n if (utils.isObject(data) || (headers && headers['Content-Type'] === 'application/json')) {\n setContentTypeIfUnset(headers, 'application/json');\n return stringifySafely(data);\n }\n return data;\n }],\n\n transformResponse: [function transformResponse(data) {\n var transitional = this.transitional || defaults.transitional;\n var silentJSONParsing = transitional && transitional.silentJSONParsing;\n var forcedJSONParsing = transitional && transitional.forcedJSONParsing;\n var strictJSONParsing = !silentJSONParsing && this.responseType === 'json';\n\n if (strictJSONParsing || (forcedJSONParsing && utils.isString(data) && data.length)) {\n try {\n return JSON.parse(data);\n } catch (e) {\n if (strictJSONParsing) {\n if (e.name === 'SyntaxError') {\n throw enhanceError(e, this, 'E_JSON_PARSE');\n }\n throw e;\n }\n }\n }\n\n return data;\n }],\n\n /**\n * A timeout in milliseconds to abort a request. If set to 0 (default) a\n * timeout is not created.\n */\n timeout: 0,\n\n xsrfCookieName: 'XSRF-TOKEN',\n xsrfHeaderName: 'X-XSRF-TOKEN',\n\n maxContentLength: -1,\n maxBodyLength: -1,\n\n validateStatus: function validateStatus(status) {\n return status >= 200 && status < 300;\n },\n\n headers: {\n common: {\n 'Accept': 'application/json, text/plain, */*'\n }\n }\n};\n\nutils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {\n defaults.headers[method] = {};\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);\n});\n\nmodule.exports = defaults;\n","module.exports = {\n \"version\": \"0.25.0\"\n};","'use strict';\n\nmodule.exports = function bind(fn, thisArg) {\n return function wrap() {\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i];\n }\n return fn.apply(thisArg, args);\n };\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nfunction encode(val) {\n return encodeURIComponent(val).\n replace(/%3A/gi, ':').\n replace(/%24/g, '$').\n replace(/%2C/gi, ',').\n replace(/%20/g, '+').\n replace(/%5B/gi, '[').\n replace(/%5D/gi, ']');\n}\n\n/**\n * Build a URL by appending params to the end\n *\n * @param {string} url The base of the url (e.g., http://www.google.com)\n * @param {object} [params] The params to be appended\n * @returns {string} The formatted url\n */\nmodule.exports = function buildURL(url, params, paramsSerializer) {\n /*eslint no-param-reassign:0*/\n if (!params) {\n return url;\n }\n\n var serializedParams;\n if (paramsSerializer) {\n serializedParams = paramsSerializer(params);\n } else if (utils.isURLSearchParams(params)) {\n serializedParams = params.toString();\n } else {\n var parts = [];\n\n utils.forEach(params, function serialize(val, key) {\n if (val === null || typeof val === 'undefined') {\n return;\n }\n\n if (utils.isArray(val)) {\n key = key + '[]';\n } else {\n val = [val];\n }\n\n utils.forEach(val, function parseValue(v) {\n if (utils.isDate(v)) {\n v = v.toISOString();\n } else if (utils.isObject(v)) {\n v = JSON.stringify(v);\n }\n parts.push(encode(key) + '=' + encode(v));\n });\n });\n\n serializedParams = parts.join('&');\n }\n\n if (serializedParams) {\n var hashmarkIndex = url.indexOf('#');\n if (hashmarkIndex !== -1) {\n url = url.slice(0, hashmarkIndex);\n }\n\n url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;\n }\n\n return url;\n};\n","'use strict';\n\n/**\n * Creates a new URL by combining the specified URLs\n *\n * @param {string} baseURL The base URL\n * @param {string} relativeURL The relative URL\n * @returns {string} The combined URL\n */\nmodule.exports = function combineURLs(baseURL, relativeURL) {\n return relativeURL\n ? baseURL.replace(/\\/+$/, '') + '/' + relativeURL.replace(/^\\/+/, '')\n : baseURL;\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nmodule.exports = (\n utils.isStandardBrowserEnv() ?\n\n // Standard browser envs support document.cookie\n (function standardBrowserEnv() {\n return {\n write: function write(name, value, expires, path, domain, secure) {\n var cookie = [];\n cookie.push(name + '=' + encodeURIComponent(value));\n\n if (utils.isNumber(expires)) {\n cookie.push('expires=' + new Date(expires).toGMTString());\n }\n\n if (utils.isString(path)) {\n cookie.push('path=' + path);\n }\n\n if (utils.isString(domain)) {\n cookie.push('domain=' + domain);\n }\n\n if (secure === true) {\n cookie.push('secure');\n }\n\n document.cookie = cookie.join('; ');\n },\n\n read: function read(name) {\n var match = document.cookie.match(new RegExp('(^|;\\\\s*)(' + name + ')=([^;]*)'));\n return (match ? decodeURIComponent(match[3]) : null);\n },\n\n remove: function remove(name) {\n this.write(name, '', Date.now() - 86400000);\n }\n };\n })() :\n\n // Non standard browser env (web workers, react-native) lack needed support.\n (function nonStandardBrowserEnv() {\n return {\n write: function write() {},\n read: function read() { return null; },\n remove: function remove() {}\n };\n })()\n);\n","'use strict';\n\n/**\n * Determines whether the specified URL is absolute\n *\n * @param {string} url The URL to test\n * @returns {boolean} True if the specified URL is absolute, otherwise false\n */\nmodule.exports = function isAbsoluteURL(url) {\n // A URL is considered absolute if it begins with \"\r\n
\r\n\r\n {this.state.documents && this.state.documents.length > 0 && this.state.searchString &&\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n }\r\n {this.state.documents && this.state.documents.length > 0 && facets &&\r\n \r\n {translateResourceString(\"/DocumentSearch/SearchForText\")} \"{this.state.searchString}\"\r\n
\r\n\r\n {translateResourceString(\"/DocumentSearch/ResultCount\")} {documents.length}
\r\n \r\n
\r\n }\r\n\r\n { this.state.lotNumber && this.state.documents && this.state.documents.length > 0 && facets &&\r\n {translateResourceString(\"/DocumentSearch/AdditionalItemNumberNote\")}
\r\n }\r\n \r\n\r\n {this.state.documents && this.state.documents.length > 0 && facets &&\r\n \r\n
\r\n\r\n }\r\n\r\n \r\n {facets &&\r\n
\r\n\r\n {translateResourceString(\"/DocumentSearch/AdditionalItemNumberNote\")}
\r\n }\r\n \r\n {documents && documents.length > 0 ?\r\n
\r\n {translateResourceString(\"/DocumentSearch/NoResultsWithFilters\")}
\r\n }\r\n- \n
- \n
- \n
\n * Prefer `scheduleUpdate` over `update` because of performance reasons.\n * @method\n * @memberof Popper\n */\nexport default function update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n let data = {\n instance: this,\n styles: {},\n arrowStyles: {},\n attributes: {},\n flipped: false,\n offsets: {},\n };\n\n // compute reference element offsets\n data.offsets.reference = getReferenceOffsets(\n this.state,\n this.popper,\n this.reference,\n this.options.positionFixed\n );\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n data.placement = computeAutoPlacement(\n this.options.placement,\n data.offsets.reference,\n this.popper,\n this.reference,\n this.options.modifiers.flip.boundariesElement,\n this.options.modifiers.flip.padding\n );\n\n // store the computed placement inside `originalPlacement`\n data.originalPlacement = data.placement;\n\n data.positionFixed = this.options.positionFixed;\n\n // compute the popper offsets\n data.offsets.popper = getPopperOffsets(\n this.popper,\n data.offsets.reference,\n data.placement\n );\n\n data.offsets.popper.position = this.options.positionFixed\n ? 'fixed'\n : 'absolute';\n\n // run the modifiers\n data = runModifiers(this.modifiers, data);\n\n // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n}\n","/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\nexport default function isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(\n ({ name, enabled }) => enabled && name === modifierName\n );\n}\n","/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)\n */\nexport default function getSupportedPropertyName(property) {\n const prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];\n const upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (let i = 0; i < prefixes.length; i++) {\n const prefix = prefixes[i];\n const toCheck = prefix ? `${prefix}${upperProp}` : property;\n if (typeof document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n return null;\n}\n","import isModifierEnabled from '../utils/isModifierEnabled';\nimport getSupportedPropertyName from '../utils/getSupportedPropertyName';\n\n/**\n * Destroys the popper.\n * @method\n * @memberof Popper\n */\nexport default function destroy() {\n this.state.isDestroyed = true;\n\n // touch DOM only if `applyStyle` modifier is enabled\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style.left = '';\n this.popper.style.right = '';\n this.popper.style.bottom = '';\n this.popper.style.willChange = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners();\n\n // remove the popper if user explicitly asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n return this;\n}\n","/**\n * Get the window associated with the element\n * @argument {Element} element\n * @returns {Window}\n */\nexport default function getWindow(element) {\n const ownerDocument = element.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView : window;\n}\n","import getScrollParent from './getScrollParent';\nimport getWindow from './getWindow';\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n const isBody = scrollParent.nodeName === 'BODY';\n const target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;\n target.addEventListener(event, callback, { passive: true });\n\n if (!isBody) {\n attachToScrollParents(\n getScrollParent(target.parentNode),\n event,\n callback,\n scrollParents\n );\n }\n scrollParents.push(target);\n}\n\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function setupEventListeners(\n reference,\n options,\n state,\n updateBound\n) {\n // Resize event listener on window\n state.updateBound = updateBound;\n getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });\n\n // Scroll event listener on scroll parents\n const scrollElement = getScrollParent(reference);\n attachToScrollParents(\n scrollElement,\n 'scroll',\n state.updateBound,\n state.scrollParents\n );\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n\n return state;\n}\n","import setupEventListeners from '../utils/setupEventListeners';\n\n/**\n * It will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered.\n * @method\n * @memberof Popper\n */\nexport default function enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(\n this.reference,\n this.options,\n this.state,\n this.scheduleUpdate\n );\n }\n}\n","import removeEventListeners from '../utils/removeEventListeners';\n\n/**\n * It will remove resize/scroll events and won't recalculate popper position\n * when they are triggered. It also won't trigger `onUpdate` callback anymore,\n * unless you call `update` method manually.\n * @method\n * @memberof Popper\n */\nexport default function disableEventListeners() {\n if (this.state.eventsEnabled) {\n cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n}\n","import getWindow from './getWindow';\n\n/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function removeEventListeners(reference, state) {\n // Remove resize event listener on window\n getWindow(reference).removeEventListener('resize', state.updateBound);\n\n // Remove scroll event listener on scroll parents\n state.scrollParents.forEach(target => {\n target.removeEventListener('scroll', state.updateBound);\n });\n\n // Reset state\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n","/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\nexport default function isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n","import isNumeric from './isNumeric';\n\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nexport default function setStyles(element, styles) {\n Object.keys(styles).forEach(prop => {\n let unit = '';\n // add unit if the value is numeric and is one of the following\n if (\n ['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !==\n -1 &&\n isNumeric(styles[prop])\n ) {\n unit = 'px';\n }\n element.style[prop] = styles[prop] + unit;\n });\n}\n","import getSupportedPropertyName from '../utils/getSupportedPropertyName';\nimport find from '../utils/find';\nimport getOffsetParent from '../utils/getOffsetParent';\nimport getBoundingClientRect from '../utils/getBoundingClientRect';\nimport getRoundedOffsets from '../utils/getRoundedOffsets';\nimport isBrowser from '../utils/isBrowser';\n\nconst isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function computeStyle(data, options) {\n const { x, y } = options;\n const { popper } = data.offsets;\n\n // Remove this legacy support in Popper.js v2\n const legacyGpuAccelerationOption = find(\n data.instance.modifiers,\n modifier => modifier.name === 'applyStyle'\n ).gpuAcceleration;\n if (legacyGpuAccelerationOption !== undefined) {\n console.warn(\n 'WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!'\n );\n }\n const gpuAcceleration =\n legacyGpuAccelerationOption !== undefined\n ? legacyGpuAccelerationOption\n : options.gpuAcceleration;\n\n const offsetParent = getOffsetParent(data.instance.popper);\n const offsetParentRect = getBoundingClientRect(offsetParent);\n\n // Styles\n const styles = {\n position: popper.position,\n };\n\n const offsets = getRoundedOffsets(\n data,\n window.devicePixelRatio < 2 || !isFirefox\n );\n\n const sideA = x === 'bottom' ? 'top' : 'bottom';\n const sideB = y === 'right' ? 'left' : 'right';\n\n // if gpuAcceleration is set to `true` and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n const prefixedProperty = getSupportedPropertyName('transform');\n\n // now, let's make a step back and look at this code closely (wtf?)\n // If the content of the popper grows once it's been positioned, it\n // may happen that the popper gets misplaced because of the new content\n // overflowing its reference element\n // To avoid this problem, we provide two options (x and y), which allow\n // the consumer to define the offset origin.\n // If we position a popper on top of a reference element, we can set\n // `x` to `top` to make the popper grow towards its top instead of\n // its bottom.\n let left, top;\n if (sideA === 'bottom') {\n // when offsetParent is the positioning is relative to the bottom of the screen (excluding the scrollbar)\n // and not the bottom of the html element\n if (offsetParent.nodeName === 'HTML') {\n top = -offsetParent.clientHeight + offsets.bottom;\n } else {\n top = -offsetParentRect.height + offsets.bottom;\n }\n } else {\n top = offsets.top;\n }\n if (sideB === 'right') {\n if (offsetParent.nodeName === 'HTML') {\n left = -offsetParent.clientWidth + offsets.right;\n } else {\n left = -offsetParentRect.width + offsets.right;\n }\n } else {\n left = offsets.left;\n }\n if (gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = `translate3d(${left}px, ${top}px, 0)`;\n styles[sideA] = 0;\n styles[sideB] = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties\n const invertTop = sideA === 'bottom' ? -1 : 1;\n const invertLeft = sideB === 'right' ? -1 : 1;\n styles[sideA] = top * invertTop;\n styles[sideB] = left * invertLeft;\n styles.willChange = `${sideA}, ${sideB}`;\n }\n\n // Attributes\n const attributes = {\n 'x-placement': data.placement,\n };\n\n // Update `data` attributes, styles and arrowStyles\n data.attributes = { ...attributes, ...data.attributes };\n data.styles = { ...styles, ...data.styles };\n data.arrowStyles = { ...data.offsets.arrow, ...data.arrowStyles };\n\n return data;\n}\n","import find from './find';\n\n/**\n * Helper used to know if the given modifier depends from another one.
\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\nexport default function isModifierRequired(\n modifiers,\n requestingName,\n requestedName\n) {\n const requesting = find(modifiers, ({ name }) => name === requestingName);\n\n const isRequired =\n !!requesting &&\n modifiers.some(modifier => {\n return (\n modifier.name === requestedName &&\n modifier.enabled &&\n modifier.order < requesting.order\n );\n });\n\n if (!isRequired) {\n const requesting = `\\`${requestingName}\\``;\n const requested = `\\`${requestedName}\\``;\n console.warn(\n `${requested} modifier is required by ${requesting} modifier in order to work, be sure to include it before ${requesting}!`\n );\n }\n return isRequired;\n}\n","/**\n * List of accepted placements to use as values of the `placement` option.
\n * Valid placements are:\n * - `auto`\n * - `top`\n * - `right`\n * - `bottom`\n * - `left`\n *\n * Each placement can have a variation from this list:\n * - `-start`\n * - `-end`\n *\n * Variations are interpreted easily if you think of them as the left to right\n * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`\n * is right.
\n * Vertically (`left` and `right`), `start` is top and `end` is bottom.\n *\n * Some valid examples are:\n * - `top-end` (on top of reference, right aligned)\n * - `right-start` (on right of reference, top aligned)\n * - `bottom` (on bottom, centered)\n * - `auto-end` (on the side with more space available, alignment depends by placement)\n *\n * @static\n * @type {Array}\n * @enum {String}\n * @readonly\n * @method placements\n * @memberof Popper\n */\nexport default [\n 'auto-start',\n 'auto',\n 'auto-end',\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n];\n","import placements from '../methods/placements';\n\n// Get rid of `auto` `auto-start` and `auto-end`\nconst validPlacements = placements.slice(3);\n\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\nexport default function clockwise(placement, counter = false) {\n const index = validPlacements.indexOf(placement);\n const arr = validPlacements\n .slice(index + 1)\n .concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n","import getOppositePlacement from '../utils/getOppositePlacement';\nimport getOppositeVariation from '../utils/getOppositeVariation';\nimport getPopperOffsets from '../utils/getPopperOffsets';\nimport runModifiers from '../utils/runModifiers';\nimport getBoundaries from '../utils/getBoundaries';\nimport isModifierEnabled from '../utils/isModifierEnabled';\nimport clockwise from '../utils/clockwise';\n\nconst BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise',\n};\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n options.boundariesElement,\n data.positionFixed\n );\n\n let placement = data.placement.split('-')[0];\n let placementOpposite = getOppositePlacement(placement);\n let variation = data.placement.split('-')[1] || '';\n\n let flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach((step, index) => {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n\n const popperOffsets = data.offsets.popper;\n const refOffsets = data.offsets.reference;\n\n // using floor because the reference offsets may contain decimals we are not going to consider here\n const floor = Math.floor;\n const overlapsRef =\n (placement === 'left' &&\n floor(popperOffsets.right) > floor(refOffsets.left)) ||\n (placement === 'right' &&\n floor(popperOffsets.left) < floor(refOffsets.right)) ||\n (placement === 'top' &&\n floor(popperOffsets.bottom) > floor(refOffsets.top)) ||\n (placement === 'bottom' &&\n floor(popperOffsets.top) < floor(refOffsets.bottom));\n\n const overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n const overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n const overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n const overflowsBottom =\n floor(popperOffsets.bottom) > floor(boundaries.bottom);\n\n const overflowsBoundaries =\n (placement === 'left' && overflowsLeft) ||\n (placement === 'right' && overflowsRight) ||\n (placement === 'top' && overflowsTop) ||\n (placement === 'bottom' && overflowsBottom);\n\n // flip the variation if required\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n\n // flips variation if reference element overflows boundaries\n const flippedVariationByRef =\n !!options.flipVariations &&\n ((isVertical && variation === 'start' && overflowsLeft) ||\n (isVertical && variation === 'end' && overflowsRight) ||\n (!isVertical && variation === 'start' && overflowsTop) ||\n (!isVertical && variation === 'end' && overflowsBottom));\n\n // flips variation if popper content overflows boundaries\n const flippedVariationByContent =\n !!options.flipVariationsByContent &&\n ((isVertical && variation === 'start' && overflowsRight) ||\n (isVertical && variation === 'end' && overflowsLeft) ||\n (!isVertical && variation === 'start' && overflowsBottom) ||\n (!isVertical && variation === 'end' && overflowsTop));\n\n const flippedVariation = flippedVariationByRef || flippedVariationByContent;\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : '');\n\n // this object contains `position`, we want to preserve it along with\n // any additional property we may add in the future\n data.offsets.popper = {\n ...data.offsets.popper,\n ...getPopperOffsets(\n data.instance.popper,\n data.offsets.reference,\n data.placement\n ),\n };\n\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n","import isNumeric from '../utils/isNumeric';\nimport getClientRect from '../utils/getClientRect';\nimport find from '../utils/find';\n\n/**\n * Converts a string containing value + unit into a px value number\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} str - Value + unit string\n * @argument {String} measurement - `height` or `width`\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @returns {Number|String}\n * Value in pixels, or original string if no values were extracted\n */\nexport function toValue(str, measurement, popperOffsets, referenceOffsets) {\n // separate value from unit\n const split = str.match(/((?:\\-|\\+)?\\d*\\.?\\d*)(.*)/);\n const value = +split[1];\n const unit = split[2];\n\n // If it's not a number it's an operator, I guess\n if (!value) {\n return str;\n }\n\n if (unit.indexOf('%') === 0) {\n let element;\n switch (unit) {\n case '%p':\n element = popperOffsets;\n break;\n case '%':\n case '%r':\n default:\n element = referenceOffsets;\n }\n\n const rect = getClientRect(element);\n return rect[measurement] / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n let size;\n if (unit === 'vh') {\n size = Math.max(\n document.documentElement.clientHeight,\n window.innerHeight || 0\n );\n } else {\n size = Math.max(\n document.documentElement.clientWidth,\n window.innerWidth || 0\n );\n }\n return size / 100 * value;\n } else {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n // if is an implicit unit, it's px, and we return just the value\n return value;\n }\n}\n\n/**\n * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} offset\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @argument {String} basePlacement\n * @returns {Array} a two cells array with x and y offsets in numbers\n */\nexport function parseOffset(\n offset,\n popperOffsets,\n referenceOffsets,\n basePlacement\n) {\n const offsets = [0, 0];\n\n // Use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n const useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;\n\n // Split the offset string to obtain a list of values and operands\n // The regex addresses values with the plus or minus sign in front (+10, -20, etc)\n const fragments = offset.split(/(\\+|\\-)/).map(frag => frag.trim());\n\n // Detect if the offset string contains a pair of values or a single one\n // they could be separated by comma or space\n const divider = fragments.indexOf(\n find(fragments, frag => frag.search(/,|\\s/) !== -1)\n );\n\n if (fragments[divider] && fragments[divider].indexOf(',') === -1) {\n console.warn(\n 'Offsets separated by white space(s) are deprecated, use a comma (,) instead.'\n );\n }\n\n // If divider is found, we divide the list of values and operands to divide\n // them by ofset X and Y.\n const splitRegex = /\\s*,\\s*|\\s+/;\n let ops = divider !== -1\n ? [\n fragments\n .slice(0, divider)\n .concat([fragments[divider].split(splitRegex)[0]]),\n [fragments[divider].split(splitRegex)[1]].concat(\n fragments.slice(divider + 1)\n ),\n ]\n : [fragments];\n\n // Convert the values with units to absolute pixels to allow our computations\n ops = ops.map((op, index) => {\n // Most of the units rely on the orientation of the popper\n const measurement = (index === 1 ? !useHeight : useHeight)\n ? 'height'\n : 'width';\n let mergeWithPrevious = false;\n return (\n op\n // This aggregates any `+` or `-` sign that aren't considered operators\n // e.g.: 10 + +5 => [10, +, +5]\n .reduce((a, b) => {\n if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {\n a[a.length - 1] = b;\n mergeWithPrevious = true;\n return a;\n } else if (mergeWithPrevious) {\n a[a.length - 1] += b;\n mergeWithPrevious = false;\n return a;\n } else {\n return a.concat(b);\n }\n }, [])\n // Here we convert the string values into number values (in px)\n .map(str => toValue(str, measurement, popperOffsets, referenceOffsets))\n );\n });\n\n // Loop trough the offsets arrays and execute the operations\n ops.forEach((op, index) => {\n op.forEach((frag, index2) => {\n if (isNumeric(frag)) {\n offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);\n }\n });\n });\n return offsets;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * The offset value as described in the modifier description\n * @returns {Object} The data object, properly modified\n */\nexport default function offset(data, { offset }) {\n const { placement, offsets: { popper, reference } } = data;\n const basePlacement = placement.split('-')[0];\n\n let offsets;\n if (isNumeric(+offset)) {\n offsets = [+offset, 0];\n } else {\n offsets = parseOffset(offset, popper, reference, basePlacement);\n }\n\n if (basePlacement === 'left') {\n popper.top += offsets[0];\n popper.left -= offsets[1];\n } else if (basePlacement === 'right') {\n popper.top += offsets[0];\n popper.left += offsets[1];\n } else if (basePlacement === 'top') {\n popper.left += offsets[0];\n popper.top -= offsets[1];\n } else if (basePlacement === 'bottom') {\n popper.left += offsets[0];\n popper.top += offsets[1];\n }\n\n data.popper = popper;\n return data;\n}\n","import applyStyle, { applyStyleOnLoad } from './applyStyle';\nimport computeStyle from './computeStyle';\nimport arrow from './arrow';\nimport flip from './flip';\nimport keepTogether from './keepTogether';\nimport offset from './offset';\nimport preventOverflow from './preventOverflow';\nimport shift from './shift';\nimport hide from './hide';\nimport inner from './inner';\n\n/**\n * Modifier function, each modifier can have a function of this type assigned\n * to its `fn` property.
\n * These functions will be called on each update, this means that you must\n * make sure they are performant enough to avoid performance bottlenecks.\n *\n * @function ModifierFn\n * @argument {dataObject} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {dataObject} The data object, properly modified\n */\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.
\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `fn` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\nexport default {\n /**\n * Modifier used to shift the popper on the start or end of its reference\n * element.
\n * It will read the variation of the `placement` property.
\n * It can be one either `-end` or `-start`.\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {number} order=100 - Index used to define the order of execution */\n order: 100,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: shift,\n },\n\n /**\n * The `offset` modifier can shift your popper on both its axis.\n *\n * It accepts the following units:\n * - `px` or unit-less, interpreted as pixels\n * - `%` or `%r`, percentage relative to the length of the reference element\n * - `%p`, percentage relative to the length of the popper element\n * - `vw`, CSS viewport width unit\n * - `vh`, CSS viewport height unit\n *\n * For length is intended the main axis relative to the placement of the popper.
\n * This means that if the placement is `top` or `bottom`, the length will be the\n * `width`. In case of `left` or `right`, it will be the `height`.\n *\n * You can provide a single value (as `Number` or `String`), or a pair of values\n * as `String` divided by a comma or one (or more) white spaces.
\n * The latter is a deprecated method because it leads to confusion and will be\n * removed in v2.
\n * Additionally, it accepts additions and subtractions between different units.\n * Note that multiplications and divisions aren't supported.\n *\n * Valid examples are:\n * ```\n * 10\n * '10%'\n * '10, 10'\n * '10%, 10'\n * '10 + 10%'\n * '10 - 5vh + 3%'\n * '-10px + 5vh, 5px - 6%'\n * ```\n * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap\n * > with their reference element, unfortunately, you will have to disable the `flip` modifier.\n * > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).\n *\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {number} order=200 - Index used to define the order of execution */\n order: 200,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: offset,\n /** @prop {Number|String} offset=0\n * The offset value as described in the modifier description\n */\n offset: 0,\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * A scenario exists where the reference itself is not within the boundaries.
\n * We can say it has \"escaped the boundaries\" — or just \"escaped\".
\n * In this case we need to decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should ignore the boundary and \"escape with its reference\"\n *\n * When `escapeWithReference` is set to`true` and reference is completely\n * outside its boundaries, the popper will overflow (or completely leave)\n * the boundaries in order to remain attached to the edge of the reference.\n *\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {number} order=300 - Index used to define the order of execution */\n order: 300,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: preventOverflow,\n /**\n * @prop {Array} [priority=['left','right','top','bottom']]\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n /**\n * @prop {number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper. This makes sure the popper always has a little padding\n * between the edges of its container\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier. Can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent',\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near each other\n * without leaving any gap between the two. Especially useful when the arrow is\n * enabled and you want to ensure that it points to its reference element.\n * It cares only about the first axis. You can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {number} order=400 - Index used to define the order of execution */\n order: 400,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: keepTogether,\n },\n\n /**\n * This modifier is used to move the `arrowElement` of the popper to make\n * sure it is positioned between the reference element and its popper element.\n * It will read the outer size of the `arrowElement` node to detect how many\n * pixels of conjunction are needed.\n *\n * It has no effect if no `arrowElement` is provided.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {number} order=500 - Index used to define the order of execution */\n order: 500,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: arrow,\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]',\n },\n\n /**\n * Modifier used to flip the popper's placement when it starts to overlap its\n * reference element.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n *\n * **NOTE:** this modifier will interrupt the current update cycle and will\n * restart it if it detects the need to flip the placement.\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {number} order=600 - Index used to define the order of execution */\n order: 600,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: flip,\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations)\n */\n behavior: 'flip',\n /**\n * @prop {number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position.\n * The popper will never be placed outside of the defined boundaries\n * (except if `keepTogether` is enabled)\n */\n boundariesElement: 'viewport',\n /**\n * @prop {Boolean} flipVariations=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the reference element overlaps its boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariations: false,\n /**\n * @prop {Boolean} flipVariationsByContent=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the popper element overlaps its reference boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariationsByContent: false,\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {number} order=700 - Index used to define the order of execution */\n order: 700,\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n /** @prop {ModifierFn} */\n fn: inner,\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set a `x-out-of-boundaries` attribute which can\n * be used to hide with a CSS selector the popper when its reference is\n * out of boundaries.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {number} order=800 - Index used to define the order of execution */\n order: 800,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: hide,\n },\n\n /**\n * Computes the style that will be applied to the popper element to gets\n * properly positioned.\n *\n * Note that this modifier will not touch the DOM, it just prepares the styles\n * so that `applyStyle` modifier can apply it. This separation is useful\n * in case you need to replace `applyStyle` with a custom implementation.\n *\n * This modifier has `850` as `order` value to maintain backward compatibility\n * with previous versions of Popper.js. Expect the modifiers ordering method\n * to change in future major versions of the library.\n *\n * @memberof modifiers\n * @inner\n */\n computeStyle: {\n /** @prop {number} order=850 - Index used to define the order of execution */\n order: 850,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: computeStyle,\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: true,\n /**\n * @prop {string} [x='bottom']\n * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.\n * Change this if your popper should grow in a direction different from `bottom`\n */\n x: 'bottom',\n /**\n * @prop {string} [x='left']\n * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.\n * Change this if your popper should grow in a direction different from `right`\n */\n y: 'right',\n },\n\n /**\n * Applies the computed styles to the popper element.\n *\n * All the DOM manipulations are limited to this modifier. This is useful in case\n * you want to integrate Popper.js inside a framework or view library and you\n * want to delegate all the DOM manipulations to it.\n *\n * Note that if you disable this modifier, you must make sure the popper element\n * has its position set to `absolute` before Popper.js can do its work!\n *\n * Just disable this modifier and define your own to achieve the desired effect.\n *\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {number} order=900 - Index used to define the order of execution */\n order: 900,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: applyStyle,\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n /**\n * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: undefined,\n },\n};\n\n/**\n * The `dataObject` is an object containing all the information used by Popper.js.\n * This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0\n */\n","/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function shift(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const shiftvariation = placement.split('-')[1];\n\n // if shift shiftvariation is specified, run the modifier\n if (shiftvariation) {\n const { reference, popper } = data.offsets;\n const isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n const side = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n const shiftOffsets = {\n start: { [side]: reference[side] },\n end: {\n [side]: reference[side] + reference[measurement] - popper[measurement],\n },\n };\n\n data.offsets.popper = { ...popper, ...shiftOffsets[shiftvariation] };\n }\n\n return data;\n}\n","import getOffsetParent from '../utils/getOffsetParent';\nimport getBoundaries from '../utils/getBoundaries';\nimport getSupportedPropertyName from '../utils/getSupportedPropertyName';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function preventOverflow(data, options) {\n let boundariesElement =\n options.boundariesElement || getOffsetParent(data.instance.popper);\n\n // If offsetParent is the reference element, we really want to\n // go one step up and use the next offsetParent as reference to\n // avoid to make this modifier completely useless and look like broken\n if (data.instance.reference === boundariesElement) {\n boundariesElement = getOffsetParent(boundariesElement);\n }\n\n // NOTE: DOM access here\n // resets the popper's position so that the document size can be calculated excluding\n // the size of the popper element itself\n const transformProp = getSupportedPropertyName('transform');\n const popperStyles = data.instance.popper.style; // assignment to help minification\n const { top, left, [transformProp]: transform } = popperStyles;\n popperStyles.top = '';\n popperStyles.left = '';\n popperStyles[transformProp] = '';\n\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n boundariesElement,\n data.positionFixed\n );\n\n // NOTE: DOM access here\n // restores the original style properties after the offsets have been computed\n popperStyles.top = top;\n popperStyles.left = left;\n popperStyles[transformProp] = transform;\n\n options.boundaries = boundaries;\n\n const order = options.priority;\n let popper = data.offsets.popper;\n\n const check = {\n primary(placement) {\n let value = popper[placement];\n if (\n popper[placement] < boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n return { [placement]: value };\n },\n secondary(placement) {\n const mainSide = placement === 'right' ? 'left' : 'top';\n let value = popper[mainSide];\n if (\n popper[placement] > boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.min(\n popper[mainSide],\n boundaries[placement] -\n (placement === 'right' ? popper.width : popper.height)\n );\n }\n return { [mainSide]: value };\n },\n };\n\n order.forEach(placement => {\n const side =\n ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';\n popper = { ...popper, ...check[side](placement) };\n });\n\n data.offsets.popper = popper;\n\n return data;\n}\n","/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function keepTogether(data) {\n const { popper, reference } = data.offsets;\n const placement = data.placement.split('-')[0];\n const floor = Math.floor;\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n const side = isVertical ? 'right' : 'bottom';\n const opSide = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] =\n floor(reference[opSide]) - popper[measurement];\n }\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOuterSizes from '../utils/getOuterSizes';\nimport isModifierRequired from '../utils/isModifierRequired';\nimport getStyleComputedProperty from '../utils/getStyleComputedProperty';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function arrow(data, options) {\n // arrow depends on keepTogether in order to work\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n return data;\n }\n\n let arrowElement = options.element;\n\n // if arrowElement is a string, suppose it's a CSS selector\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement);\n\n // if arrowElement is not found, don't run the modifier\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn(\n 'WARNING: `arrow.element` must be child of its popper element!'\n );\n return data;\n }\n }\n\n const placement = data.placement.split('-')[0];\n const { popper, reference } = data.offsets;\n const isVertical = ['left', 'right'].indexOf(placement) !== -1;\n\n const len = isVertical ? 'height' : 'width';\n const sideCapitalized = isVertical ? 'Top' : 'Left';\n const side = sideCapitalized.toLowerCase();\n const altSide = isVertical ? 'left' : 'top';\n const opSide = isVertical ? 'bottom' : 'right';\n const arrowElementSize = getOuterSizes(arrowElement)[len];\n\n //\n // extends keepTogether behavior making sure the popper and its\n // reference have enough pixels in conjunction\n //\n\n // top/left side\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -=\n popper[side] - (reference[opSide] - arrowElementSize);\n }\n // bottom/right side\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] +=\n reference[side] + arrowElementSize - popper[opSide];\n }\n data.offsets.popper = getClientRect(data.offsets.popper);\n\n // compute center of the popper\n const center = reference[side] + reference[len] / 2 - arrowElementSize / 2;\n\n // Compute the sideValue using the updated popper offsets\n // take popper margin in account because we don't have this info available\n const css = getStyleComputedProperty(data.instance.popper);\n const popperMarginSide = parseFloat(css[`margin${sideCapitalized}`]);\n const popperBorderSide = parseFloat(css[`border${sideCapitalized}Width`]);\n let sideValue =\n center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;\n\n // prevent arrowElement from being placed not contiguously to its popper\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n\n data.arrowElement = arrowElement;\n data.offsets.arrow = {\n [side]: Math.round(sideValue),\n [altSide]: '', // make sure to unset any eventual altSide value from the DOM node\n };\n\n return data;\n}\n","/**\n * Get the opposite placement variation of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\nexport default function getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n return variation;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOppositePlacement from '../utils/getOppositePlacement';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function inner(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const { popper, reference } = data.offsets;\n const isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n\n const subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n\n popper[isHoriz ? 'left' : 'top'] =\n reference[basePlacement] -\n (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n\n return data;\n}\n","import isModifierRequired from '../utils/isModifierRequired';\nimport find from '../utils/find';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n return data;\n }\n\n const refRect = data.offsets.reference;\n const bound = find(\n data.instance.modifiers,\n modifier => modifier.name === 'preventOverflow'\n ).boundaries;\n\n if (\n refRect.bottom < bound.top ||\n refRect.left > bound.right ||\n refRect.top > bound.bottom ||\n refRect.right < bound.left\n ) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n","/**\n * @function\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Boolean} shouldRound - If the offsets should be rounded at all\n * @returns {Object} The popper's position offsets rounded\n *\n * The tale of pixel-perfect positioning. It's still not 100% perfect, but as\n * good as it can be within reason.\n * Discussion here: https://github.com/FezVrasta/popper.js/pull/715\n *\n * Low DPI screens cause a popper to be blurry if not using full pixels (Safari\n * as well on High DPI screens).\n *\n * Firefox prefers no rounding for positioning and does not have blurriness on\n * high DPI screens.\n *\n * Only horizontal placement and left/right values need to be considered.\n */\nexport default function getRoundedOffsets(data, shouldRound) {\n const { popper, reference } = data.offsets;\n const { round, floor } = Math;\n const noRound = v => v;\n \n const referenceWidth = round(reference.width);\n const popperWidth = round(popper.width);\n \n const isVertical = ['left', 'right'].indexOf(data.placement) !== -1;\n const isVariation = data.placement.indexOf('-') !== -1;\n const sameWidthParity = referenceWidth % 2 === popperWidth % 2;\n const bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;\n\n const horizontalToInteger = !shouldRound\n ? noRound\n : isVertical || isVariation || sameWidthParity\n ? round\n : floor;\n const verticalToInteger = !shouldRound ? noRound : round;\n\n return {\n left: horizontalToInteger(\n bothOddWidth && !isVariation && shouldRound\n ? popper.left - 1\n : popper.left\n ),\n top: verticalToInteger(popper.top),\n bottom: verticalToInteger(popper.bottom),\n right: horizontalToInteger(popper.right),\n };\n}\n","import setStyles from '../utils/setStyles';\nimport setAttributes from '../utils/setAttributes';\nimport getReferenceOffsets from '../utils/getReferenceOffsets';\nimport computeAutoPlacement from '../utils/computeAutoPlacement';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\nexport default function applyStyle(data) {\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, data.styles);\n\n // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n setAttributes(data.instance.popper, data.attributes);\n\n // if arrowElement is defined and arrowStyles has some properties\n if (data.arrowElement && Object.keys(data.arrowStyles).length) {\n setStyles(data.arrowElement, data.arrowStyles);\n }\n\n return data;\n}\n\n/**\n * Set the x-placement attribute before everything else because it could be used\n * to add margins to the popper margins needs to be calculated to get the\n * correct popper offsets.\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper\n * @param {Object} options - Popper.js options\n */\nexport function applyStyleOnLoad(\n reference,\n popper,\n options,\n modifierOptions,\n state\n) {\n // compute reference element offsets\n const referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n const placement = computeAutoPlacement(\n options.placement,\n referenceOffsets,\n popper,\n reference,\n options.modifiers.flip.boundariesElement,\n options.modifiers.flip.padding\n );\n\n popper.setAttribute('x-placement', placement);\n\n // Apply `position` to popper before anything else because\n // without the position applied we can't guarantee correct computations\n setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });\n\n return options;\n}\n","/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nexport default function setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function(prop) {\n const value = attributes[prop];\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n","import modifiers from '../modifiers/index';\n\n/**\n * Default options provided to Popper.js constructor.
\n * These can be overridden using the `options` argument of Popper.js.
\n * To override an option, simply pass an object with the same\n * structure of the `options` object, as the 3rd argument. For example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @type {Object}\n * @static\n * @memberof Popper\n */\nexport default {\n /**\n * Popper's placement.\n * @prop {Popper.placements} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Set this to true if you want popper to position it self in 'fixed' mode\n * @prop {Boolean} positionFixed=false\n */\n positionFixed: false,\n\n /**\n * Whether events (resize, scroll) are initially enabled.\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onCreate}\n */\n onCreate: () => {},\n\n /**\n * Callback called when the popper is updated. This callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onUpdate}\n */\n onUpdate: () => {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js.\n * @prop {modifiers}\n */\n modifiers,\n};\n\n/**\n * @callback onCreate\n * @param {dataObject} data\n */\n\n/**\n * @callback onUpdate\n * @param {dataObject} data\n */\n","// Utils\nimport debounce from './utils/debounce';\nimport isFunction from './utils/isFunction';\n\n// Methods\nimport update from './methods/update';\nimport destroy from './methods/destroy';\nimport enableEventListeners from './methods/enableEventListeners';\nimport disableEventListeners from './methods/disableEventListeners';\nimport Defaults from './methods/defaults';\nimport placements from './methods/placements';\n\nexport default class Popper {\n /**\n * Creates a new Popper.js instance.\n * @class Popper\n * @param {Element|referenceObject} reference - The reference element used to position the popper\n * @param {Element} popper - The HTML / XML element used as the popper\n * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\n constructor(reference, popper, options = {}) {\n // make update() debounced, so that it only runs at most once-per-tick\n this.update = debounce(this.update.bind(this));\n\n // with {} we create a new object with the options inside it\n this.options = { ...Popper.Defaults, ...options };\n\n // init state\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: [],\n };\n\n // get reference and popper elements (allow jQuery wrappers)\n this.reference = reference && reference.jquery ? reference[0] : reference;\n this.popper = popper && popper.jquery ? popper[0] : popper;\n\n // Deep merge modifiers options\n this.options.modifiers = {};\n Object.keys({\n ...Popper.Defaults.modifiers,\n ...options.modifiers,\n }).forEach(name => {\n this.options.modifiers[name] = {\n // If it's a built-in modifier, use it as base\n ...(Popper.Defaults.modifiers[name] || {}),\n // If there are custom options, override and merge with default ones\n ...(options.modifiers ? options.modifiers[name] : {}),\n };\n });\n\n // Refactoring modifiers' list (Object => Array)\n this.modifiers = Object.keys(this.options.modifiers)\n .map(name => ({\n name,\n ...this.options.modifiers[name],\n }))\n // sort the modifiers by order\n .sort((a, b) => a.order - b.order);\n\n // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n this.modifiers.forEach(modifierOptions => {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(\n this.reference,\n this.popper,\n this.options,\n modifierOptions,\n this.state\n );\n }\n });\n\n // fire the first update to position the popper in the right place\n this.update();\n\n const eventsEnabled = this.options.eventsEnabled;\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n }\n\n // We can't use class properties because they don't get listed in the\n // class prototype and break stuff like Sinon stubs\n update() {\n return update.call(this);\n }\n destroy() {\n return destroy.call(this);\n }\n enableEventListeners() {\n return enableEventListeners.call(this);\n }\n disableEventListeners() {\n return disableEventListeners.call(this);\n }\n\n /**\n * Schedules an update. It will run on the next UI update available.\n * @method scheduleUpdate\n * @memberof Popper\n */\n scheduleUpdate = () => requestAnimationFrame(this.update);\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n *\n * **DEPRECATION**: This way to access PopperUtils is deprecated\n * and will be removed in v2! Use the PopperUtils module directly instead.\n * Due to the high instability of the methods contained in Utils, we can't\n * guarantee them to follow semver. Use them at your own risk!\n * @static\n * @private\n * @type {Object}\n * @deprecated since version 1.8\n * @member Utils\n * @memberof Popper\n */\n static Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;\n\n static placements = placements;\n\n static Defaults = Defaults;\n}\n\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.
\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n *\n * ```\n * new Popper(referenceObject, popperNode);\n * ```\n *\n * NB: This feature isn't supported in Internet Explorer 10.\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect\n * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {number} data.clientWidth\n * An ES6 getter that will return the width of the virtual reference element.\n * @property {number} data.clientHeight\n * An ES6 getter that will return the height of the virtual reference element.\n */\n","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/extends\";\nimport _inheritsLoose from \"@babel/runtime/helpers/inheritsLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport deepEqual from \"deep-equal\";\nimport * as React from 'react';\nimport PopperJS from 'popper.js';\nimport { ManagerReferenceNodeContext } from './Manager';\nimport { unwrapArray, setRef, shallowEqual } from './utils';\nvar initialStyle = {\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n pointerEvents: 'none'\n};\nvar initialArrowStyle = {};\nexport var InnerPopper =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(InnerPopper, _React$Component);\n\n function InnerPopper() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"state\", {\n data: undefined,\n placement: undefined\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"popperInstance\", void 0);\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"popperNode\", null);\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"arrowNode\", null);\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setPopperNode\", function (popperNode) {\n if (!popperNode || _this.popperNode === popperNode) return;\n setRef(_this.props.innerRef, popperNode);\n _this.popperNode = popperNode;\n\n _this.updatePopperInstance();\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setArrowNode\", function (arrowNode) {\n _this.arrowNode = arrowNode;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updateStateModifier\", {\n enabled: true,\n order: 900,\n fn: function fn(data) {\n var placement = data.placement;\n\n _this.setState({\n data: data,\n placement: placement\n });\n\n return data;\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getOptions\", function () {\n return {\n placement: _this.props.placement,\n eventsEnabled: _this.props.eventsEnabled,\n positionFixed: _this.props.positionFixed,\n modifiers: _extends({}, _this.props.modifiers, {\n arrow: _extends({}, _this.props.modifiers && _this.props.modifiers.arrow, {\n enabled: !!_this.arrowNode,\n element: _this.arrowNode\n }),\n applyStyle: {\n enabled: false\n },\n updateStateModifier: _this.updateStateModifier\n })\n };\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getPopperStyle\", function () {\n return !_this.popperNode || !_this.state.data ? initialStyle : _extends({\n position: _this.state.data.offsets.popper.position\n }, _this.state.data.styles);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getPopperPlacement\", function () {\n return !_this.state.data ? undefined : _this.state.placement;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getArrowStyle\", function () {\n return !_this.arrowNode || !_this.state.data ? initialArrowStyle : _this.state.data.arrowStyles;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getOutOfBoundariesState\", function () {\n return _this.state.data ? _this.state.data.hide : undefined;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"destroyPopperInstance\", function () {\n if (!_this.popperInstance) return;\n\n _this.popperInstance.destroy();\n\n _this.popperInstance = null;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updatePopperInstance\", function () {\n _this.destroyPopperInstance();\n\n var _assertThisInitialize = _assertThisInitialized(_assertThisInitialized(_this)),\n popperNode = _assertThisInitialize.popperNode;\n\n var referenceElement = _this.props.referenceElement;\n if (!referenceElement || !popperNode) return;\n _this.popperInstance = new PopperJS(referenceElement, popperNode, _this.getOptions());\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"scheduleUpdate\", function () {\n if (_this.popperInstance) {\n _this.popperInstance.scheduleUpdate();\n }\n });\n\n return _this;\n }\n\n var _proto = InnerPopper.prototype;\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n // If the Popper.js options have changed, update the instance (destroy + create)\n if (this.props.placement !== prevProps.placement || this.props.referenceElement !== prevProps.referenceElement || this.props.positionFixed !== prevProps.positionFixed || !deepEqual(this.props.modifiers, prevProps.modifiers, {\n strict: true\n })) {\n // develop only check that modifiers isn't being updated needlessly\n if (process.env.NODE_ENV === \"development\") {\n if (this.props.modifiers !== prevProps.modifiers && this.props.modifiers != null && prevProps.modifiers != null && shallowEqual(this.props.modifiers, prevProps.modifiers)) {\n console.warn(\"'modifiers' prop reference updated even though all values appear the same.\\nConsider memoizing the 'modifiers' object to avoid needless rendering.\");\n }\n }\n\n this.updatePopperInstance();\n } else if (this.props.eventsEnabled !== prevProps.eventsEnabled && this.popperInstance) {\n this.props.eventsEnabled ? this.popperInstance.enableEventListeners() : this.popperInstance.disableEventListeners();\n } // A placement difference in state means popper determined a new placement\n // apart from the props value. By the time the popper element is rendered with\n // the new position Popper has already measured it, if the place change triggers\n // a size change it will result in a misaligned popper. So we schedule an update to be sure.\n\n\n if (prevState.placement !== this.state.placement) {\n this.scheduleUpdate();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n setRef(this.props.innerRef, null);\n this.destroyPopperInstance();\n };\n\n _proto.render = function render() {\n return unwrapArray(this.props.children)({\n ref: this.setPopperNode,\n style: this.getPopperStyle(),\n placement: this.getPopperPlacement(),\n outOfBoundaries: this.getOutOfBoundariesState(),\n scheduleUpdate: this.scheduleUpdate,\n arrowProps: {\n ref: this.setArrowNode,\n style: this.getArrowStyle()\n }\n });\n };\n\n return InnerPopper;\n}(React.Component);\n\n_defineProperty(InnerPopper, \"defaultProps\", {\n placement: 'bottom',\n eventsEnabled: true,\n referenceElement: undefined,\n positionFixed: false\n});\n\nvar placements = PopperJS.placements;\nexport { placements };\nexport default function Popper(_ref) {\n var referenceElement = _ref.referenceElement,\n props = _objectWithoutPropertiesLoose(_ref, [\"referenceElement\"]);\n\n return React.createElement(ManagerReferenceNodeContext.Consumer, null, function (referenceNode) {\n return React.createElement(InnerPopper, _extends({\n referenceElement: referenceElement !== undefined ? referenceElement : referenceNode\n }, props));\n });\n}","/**\n * Takes an argument and if it's an array, returns the first item in the array,\n * otherwise returns the argument. Used for Preact compatibility.\n */\nexport var unwrapArray = function unwrapArray(arg) {\n return Array.isArray(arg) ? arg[0] : arg;\n};\n/**\n * Takes a maybe-undefined function and arbitrary args and invokes the function\n * only if it is defined.\n */\n\nexport var safeInvoke = function safeInvoke(fn) {\n if (typeof fn === \"function\") {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return fn.apply(void 0, args);\n }\n};\n/**\n * Does a shallow equality check of two objects by comparing the reference\n * equality of each value.\n */\n\nexport var shallowEqual = function shallowEqual(objA, objB) {\n var aKeys = Object.keys(objA);\n var bKeys = Object.keys(objB);\n\n if (bKeys.length !== aKeys.length) {\n return false;\n }\n\n for (var i = 0; i < bKeys.length; i++) {\n var key = aKeys[i];\n\n if (objA[key] !== objB[key]) {\n return false;\n }\n }\n\n return true;\n};\n/**\n * Sets a ref using either a ref callback or a ref object\n */\n\nexport var setRef = function setRef(ref, node) {\n // if its a function call it\n if (typeof ref === \"function\") {\n return safeInvoke(ref, node);\n } // otherwise we should treat it as a ref object\n else if (ref != null) {\n ref.current = node;\n }\n};","var objectKeys = require('object-keys');\nvar isArguments = require('is-arguments');\nvar is = require('object-is');\nvar isRegex = require('is-regex');\nvar flags = require('regexp.prototype.flags');\nvar isDate = require('is-date-object');\n\nvar getTime = Date.prototype.getTime;\n\nfunction deepEqual(actual, expected, options) {\n var opts = options || {};\n\n // 7.1. All identical values are equivalent, as determined by ===.\n if (opts.strict ? is(actual, expected) : actual === expected) {\n return true;\n }\n\n // 7.3. Other pairs that do not both pass typeof value == 'object', equivalence is determined by ==.\n if (!actual || !expected || (typeof actual !== 'object' && typeof expected !== 'object')) {\n return opts.strict ? is(actual, expected) : actual == expected;\n }\n\n /*\n * 7.4. For all other Object pairs, including Array objects, equivalence is\n * determined by having the same number of owned properties (as verified\n * with Object.prototype.hasOwnProperty.call), the same set of keys\n * (although not necessarily the same order), equivalent values for every\n * corresponding key, and an identical 'prototype' property. Note: this\n * accounts for both named and indexed properties on Arrays.\n */\n // eslint-disable-next-line no-use-before-define\n return objEquiv(actual, expected, opts);\n}\n\nfunction isUndefinedOrNull(value) {\n return value === null || value === undefined;\n}\n\nfunction isBuffer(x) {\n if (!x || typeof x !== 'object' || typeof x.length !== 'number') {\n return false;\n }\n if (typeof x.copy !== 'function' || typeof x.slice !== 'function') {\n return false;\n }\n if (x.length > 0 && typeof x[0] !== 'number') {\n return false;\n }\n return true;\n}\n\nfunction objEquiv(a, b, opts) {\n /* eslint max-statements: [2, 50] */\n var i, key;\n if (typeof a !== typeof b) { return false; }\n if (isUndefinedOrNull(a) || isUndefinedOrNull(b)) { return false; }\n\n // an identical 'prototype' property.\n if (a.prototype !== b.prototype) { return false; }\n\n if (isArguments(a) !== isArguments(b)) { return false; }\n\n var aIsRegex = isRegex(a);\n var bIsRegex = isRegex(b);\n if (aIsRegex !== bIsRegex) { return false; }\n if (aIsRegex || bIsRegex) {\n return a.source === b.source && flags(a) === flags(b);\n }\n\n if (isDate(a) && isDate(b)) {\n return getTime.call(a) === getTime.call(b);\n }\n\n var aIsBuffer = isBuffer(a);\n var bIsBuffer = isBuffer(b);\n if (aIsBuffer !== bIsBuffer) { return false; }\n if (aIsBuffer || bIsBuffer) { // && would work too, because both are true or both false here\n if (a.length !== b.length) { return false; }\n for (i = 0; i < a.length; i++) {\n if (a[i] !== b[i]) { return false; }\n }\n return true;\n }\n\n if (typeof a !== typeof b) { return false; }\n\n try {\n var ka = objectKeys(a);\n var kb = objectKeys(b);\n } catch (e) { // happens when one is a string literal and the other isn't\n return false;\n }\n // having the same number of owned properties (keys incorporates hasOwnProperty)\n if (ka.length !== kb.length) { return false; }\n\n // the same set of keys (although not necessarily the same order),\n ka.sort();\n kb.sort();\n // ~~~cheap key test\n for (i = ka.length - 1; i >= 0; i--) {\n if (ka[i] != kb[i]) { return false; }\n }\n // equivalent values for every corresponding key, and ~~~possibly expensive deep test\n for (i = ka.length - 1; i >= 0; i--) {\n key = ka[i];\n if (!deepEqual(a[key], b[key], opts)) { return false; }\n }\n\n return true;\n}\n\nmodule.exports = deepEqual;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar React = require(\"react\");\nexports.WhiteSpaceChar = ' ';\nfunction format(text) {\n var params = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n params[_i - 1] = arguments[_i];\n }\n var result = [text];\n params.forEach(function (param, i) {\n result = parseAndReplace(result, param, i);\n });\n if (result.length === 0) {\n return '';\n }\n else if (result.length === 1 && typeof result[0] === 'string') {\n return result[0];\n }\n else {\n return (React.createElement(React.Fragment, null, result.map(function (x, i) {\n return React.createElement(React.Fragment, { key: i }, x);\n })));\n }\n}\nexports.format = format;\nfunction replaceWhiteSpace(text) {\n var result = [];\n var start = false;\n var end = false;\n if (!!text.match(/^\\s+/gi)) {\n text = text.replace(/^\\s+/gi, '');\n start = true;\n }\n if (!!text.match(/\\s+$/gi)) {\n text = text.replace(/\\s+$/gi, '');\n end = true;\n }\n if (start) {\n result.push(React.createElement(React.Fragment, null, \"\\u00A0\"));\n }\n result.push(text);\n if (end) {\n result.push(React.createElement(React.Fragment, null, \"\\u00A0\"));\n }\n return result;\n}\nfunction parseAndReplace(source, replaceWith, index) {\n var result = [];\n source.forEach(function (possibleText) {\n if (typeof possibleText === 'string') {\n var pattern = new RegExp(\"\\\\{\" + index + \"\\\\}\", 'gi');\n if (typeof replaceWith === 'string' || typeof replaceWith === 'number') {\n result.push(possibleText.replace(pattern, \"\" + replaceWith));\n }\n else {\n var splits_1 = possibleText.split(pattern);\n splits_1.forEach(function (splitText, i) {\n if (splitText) {\n replaceWhiteSpace(splitText).forEach(function (text) { return result.push(text); });\n }\n // if NOT last\n if (i + 1 < splits_1.length) {\n result.push(replaceWith);\n }\n });\n }\n }\n else {\n result.push(possibleText);\n }\n });\n return result;\n}\n","'use strict';\n\nmodule.exports = function camelToDash(str) {\n return str.replace(/([a-z])([A-Z])/g, function (m, a, b) {\n return a + '-' + b.toLowerCase();\n });\n};","'use strict';\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar camelToDash = require('./camelToDash');\n\nmodule.exports = function withImportantSupport(Comp) {\n return function (_React$Component) {\n _inherits(WithImportantSupportWrapper, _React$Component);\n\n function WithImportantSupportWrapper(props) {\n _classCallCheck(this, WithImportantSupportWrapper);\n\n var _this = _possibleConstructorReturn(this, (WithImportantSupportWrapper.__proto__ || Object.getPrototypeOf(WithImportantSupportWrapper)).call(this, props));\n\n _this.handleRef = function (ref) {\n _this.ref = ref;\n _this.element = _reactDom2.default.findDOMNode(ref);\n };\n return _this;\n }\n\n // public\n\n\n _createClass(WithImportantSupportWrapper, [{\n key: 'getRef',\n value: function getRef() {\n return this.ref;\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.setImportantStyles();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate() {\n this.setImportantStyles();\n }\n }, {\n key: 'setImportantStyles',\n value: function setImportantStyles() {\n var _this2 = this;\n\n if (!this.props.style) return;\n Object.keys(this.props.style).forEach(function (key) {\n var value = _this2.props.style[key];\n if (value.indexOf('!important') === -1) return;\n var dashedKey = camelToDash(key);\n _this2.element.style.setProperty(dashedKey, value.replace(/\\s*!important/g, ''), 'important');\n });\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(Comp, _extends({ ref: this.handleRef }, this.props));\n }\n }]);\n\n return WithImportantSupportWrapper;\n }(_react2.default.Component);\n};","'use strict';\n\nvar setFunctionName = require('set-function-name');\nvar $TypeError = require('es-errors/type');\n\nvar $Object = Object;\n\nmodule.exports = setFunctionName(function flags() {\n\tif (this == null || this !== $Object(this)) {\n\t\tthrow new $TypeError('RegExp.prototype.flags getter called on non-object');\n\t}\n\tvar result = '';\n\tif (this.hasIndices) {\n\t\tresult += 'd';\n\t}\n\tif (this.global) {\n\t\tresult += 'g';\n\t}\n\tif (this.ignoreCase) {\n\t\tresult += 'i';\n\t}\n\tif (this.multiline) {\n\t\tresult += 'm';\n\t}\n\tif (this.dotAll) {\n\t\tresult += 's';\n\t}\n\tif (this.unicode) {\n\t\tresult += 'u';\n\t}\n\tif (this.unicodeSets) {\n\t\tresult += 'v';\n\t}\n\tif (this.sticky) {\n\t\tresult += 'y';\n\t}\n\treturn result;\n}, 'get flags', true);\n\n","'use strict';\n\nvar define = require('define-properties');\nvar callBind = require('call-bind');\n\nvar implementation = require('./implementation');\nvar getPolyfill = require('./polyfill');\nvar shim = require('./shim');\n\nvar flagsBound = callBind(getPolyfill());\n\ndefine(flagsBound, {\n\tgetPolyfill: getPolyfill,\n\timplementation: implementation,\n\tshim: shim\n});\n\nmodule.exports = flagsBound;\n","'use strict';\n\nvar implementation = require('./implementation');\n\nvar supportsDescriptors = require('define-properties').supportsDescriptors;\nvar $gOPD = Object.getOwnPropertyDescriptor;\n\nmodule.exports = function getPolyfill() {\n\tif (supportsDescriptors && (/a/mig).flags === 'gim') {\n\t\tvar descriptor = $gOPD(RegExp.prototype, 'flags');\n\t\tif (\n\t\t\tdescriptor\n\t\t\t&& typeof descriptor.get === 'function'\n\t\t\t&& typeof RegExp.prototype.dotAll === 'boolean'\n\t\t\t&& typeof RegExp.prototype.hasIndices === 'boolean'\n\t\t) {\n\t\t\t/* eslint getter-return: 0 */\n\t\t\tvar calls = '';\n\t\t\tvar o = {};\n\t\t\tObject.defineProperty(o, 'hasIndices', {\n\t\t\t\tget: function () {\n\t\t\t\t\tcalls += 'd';\n\t\t\t\t}\n\t\t\t});\n\t\t\tObject.defineProperty(o, 'sticky', {\n\t\t\t\tget: function () {\n\t\t\t\t\tcalls += 'y';\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (calls === 'dy') {\n\t\t\t\treturn descriptor.get;\n\t\t\t}\n\t\t}\n\t}\n\treturn implementation;\n};\n","'use strict';\n\nvar supportsDescriptors = require('define-properties').supportsDescriptors;\nvar getPolyfill = require('./polyfill');\nvar gOPD = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar TypeErr = TypeError;\nvar getProto = Object.getPrototypeOf;\nvar regex = /a/;\n\nmodule.exports = function shimFlags() {\n\tif (!supportsDescriptors || !getProto) {\n\t\tthrow new TypeErr('RegExp.prototype.flags requires a true ES5 environment that supports property descriptors');\n\t}\n\tvar polyfill = getPolyfill();\n\tvar proto = getProto(regex);\n\tvar descriptor = gOPD(proto, 'flags');\n\tif (!descriptor || descriptor.get !== polyfill) {\n\t\tdefineProperty(proto, 'flags', {\n\t\t\tconfigurable: true,\n\t\t\tenumerable: false,\n\t\t\tget: polyfill\n\t\t});\n\t}\n\treturn polyfill;\n};\n","'use strict';\n\nvar GetIntrinsic = require('get-intrinsic');\nvar define = require('define-data-property');\nvar hasDescriptors = require('has-property-descriptors')();\nvar gOPD = require('gopd');\n\nvar $TypeError = require('es-errors/type');\nvar $floor = GetIntrinsic('%Math.floor%');\n\n/** @type {import('.')} */\nmodule.exports = function setFunctionLength(fn, length) {\n\tif (typeof fn !== 'function') {\n\t\tthrow new $TypeError('`fn` is not a function');\n\t}\n\tif (typeof length !== 'number' || length < 0 || length > 0xFFFFFFFF || $floor(length) !== length) {\n\t\tthrow new $TypeError('`length` must be a positive 32-bit integer');\n\t}\n\n\tvar loose = arguments.length > 2 && !!arguments[2];\n\n\tvar functionLengthIsConfigurable = true;\n\tvar functionLengthIsWritable = true;\n\tif ('length' in fn && gOPD) {\n\t\tvar desc = gOPD(fn, 'length');\n\t\tif (desc && !desc.configurable) {\n\t\t\tfunctionLengthIsConfigurable = false;\n\t\t}\n\t\tif (desc && !desc.writable) {\n\t\t\tfunctionLengthIsWritable = false;\n\t\t}\n\t}\n\n\tif (functionLengthIsConfigurable || functionLengthIsWritable || !loose) {\n\t\tif (hasDescriptors) {\n\t\t\tdefine(/** @type {Parameters