\n { children }\n
\n : null;\n\n return (\n \n {innerEl}\n
\n );\n }\n}\n","// This file can be required in Browserify and Node.js for automatic polyfill\n// To use it: require('es6-promise/auto');\n'use strict';\nmodule.exports = require('./').polyfill();\n","/*!\n * @overview es6-promise - a tiny implementation of Promises/A+.\n * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)\n * @license Licensed under MIT license\n * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE\n * @version v4.2.8+1e68dce6\n */\n","export function objectOrFunction(x) {\n var type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\nexport function isFunction(x) {\n return typeof x === 'function';\n}\n\nexport function isMaybeThenable(x) {\n return x !== null && typeof x === 'object';\n}\n\nvar _isArray = void 0;\nif (Array.isArray) {\n _isArray = Array.isArray;\n} else {\n _isArray = function (x) {\n return Object.prototype.toString.call(x) === '[object Array]';\n };\n}\n\nexport var isArray = _isArray;","var len = 0;\nvar vertxNext = void 0;\nvar customSchedulerFn = void 0;\n\nexport var asap = function asap(callback, arg) {\n queue[len] = callback;\n queue[len + 1] = arg;\n len += 2;\n if (len === 2) {\n // If len is 2, that means that we need to schedule an async flush.\n // If additional callbacks are queued before the queue is flushed, they\n // will be processed by this flush that we are scheduling.\n if (customSchedulerFn) {\n customSchedulerFn(flush);\n } else {\n scheduleFlush();\n }\n }\n};\n\nexport function setScheduler(scheduleFn) {\n customSchedulerFn = scheduleFn;\n}\n\nexport function setAsap(asapFn) {\n asap = asapFn;\n}\n\nvar browserWindow = typeof window !== 'undefined' ? window : undefined;\nvar browserGlobal = browserWindow || {};\nvar BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]';\n\n// test for web worker but not in IE10\nvar isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';\n\n// node\nfunction useNextTick() {\n // node version 0.10.x displays a deprecation warning when nextTick is used recursively\n // see https://github.com/cujojs/when/issues/410 for details\n return function () {\n return process.nextTick(flush);\n };\n}\n\n// vertx\nfunction useVertxTimer() {\n if (typeof vertxNext !== 'undefined') {\n return function () {\n vertxNext(flush);\n };\n }\n\n return useSetTimeout();\n}\n\nfunction useMutationObserver() {\n var iterations = 0;\n var observer = new BrowserMutationObserver(flush);\n var node = document.createTextNode('');\n observer.observe(node, { characterData: true });\n\n return function () {\n node.data = iterations = ++iterations % 2;\n };\n}\n\n// web worker\nfunction useMessageChannel() {\n var channel = new MessageChannel();\n channel.port1.onmessage = flush;\n return function () {\n return channel.port2.postMessage(0);\n };\n}\n\nfunction useSetTimeout() {\n // Store setTimeout reference so es6-promise will be unaffected by\n // other code modifying setTimeout (like sinon.useFakeTimers())\n var globalSetTimeout = setTimeout;\n return function () {\n return globalSetTimeout(flush, 1);\n };\n}\n\nvar queue = new Array(1000);\nfunction flush() {\n for (var i = 0; i < len; i += 2) {\n var callback = queue[i];\n var arg = queue[i + 1];\n\n callback(arg);\n\n queue[i] = undefined;\n queue[i + 1] = undefined;\n }\n\n len = 0;\n}\n\nfunction attemptVertx() {\n try {\n var vertx = Function('return this')().require('vertx');\n vertxNext = vertx.runOnLoop || vertx.runOnContext;\n return useVertxTimer();\n } catch (e) {\n return useSetTimeout();\n }\n}\n\nvar scheduleFlush = void 0;\n// Decide what async method to use to triggering processing of queued callbacks:\nif (isNode) {\n scheduleFlush = useNextTick();\n} else if (BrowserMutationObserver) {\n scheduleFlush = useMutationObserver();\n} else if (isWorker) {\n scheduleFlush = useMessageChannel();\n} else if (browserWindow === undefined && typeof require === 'function') {\n scheduleFlush = attemptVertx();\n} else {\n scheduleFlush = useSetTimeout();\n}","import { invokeCallback, subscribe, FULFILLED, REJECTED, noop, makePromise, PROMISE_ID } from './-internal';\n\nimport { asap } from './asap';\n\nexport default function then(onFulfillment, onRejection) {\n var parent = this;\n\n var child = new this.constructor(noop);\n\n if (child[PROMISE_ID] === undefined) {\n makePromise(child);\n }\n\n var _state = parent._state;\n\n\n if (_state) {\n var callback = arguments[_state - 1];\n asap(function () {\n return invokeCallback(_state, child, callback, parent._result);\n });\n } else {\n subscribe(parent, child, onFulfillment, onRejection);\n }\n\n return child;\n}","import { noop, resolve as _resolve } from '../-internal';\n\n/**\n `Promise.resolve` returns a promise that will become resolved with the\n passed `value`. It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n resolve(1);\n });\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.resolve(1);\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n @method resolve\n @static\n @param {Any} value value that the returned promise will be resolved with\n Useful for tooling.\n @return {Promise} a promise that will become fulfilled with the given\n `value`\n*/\nexport default function resolve(object) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (object && typeof object === 'object' && object.constructor === Constructor) {\n return object;\n }\n\n var promise = new Constructor(noop);\n _resolve(promise, object);\n return promise;\n}","import { objectOrFunction, isFunction } from './utils';\n\nimport { asap } from './asap';\n\nimport originalThen from './then';\nimport originalResolve from './promise/resolve';\n\nexport var PROMISE_ID = Math.random().toString(36).substring(2);\n\nfunction noop() {}\n\nvar PENDING = void 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\n\nfunction selfFulfillment() {\n return new TypeError(\"You cannot resolve a promise with itself\");\n}\n\nfunction cannotReturnOwn() {\n return new TypeError('A promises callback cannot return that same promise.');\n}\n\nfunction tryThen(then, value, fulfillmentHandler, rejectionHandler) {\n try {\n then.call(value, fulfillmentHandler, rejectionHandler);\n } catch (e) {\n return e;\n }\n}\n\nfunction handleForeignThenable(promise, thenable, then) {\n asap(function (promise) {\n var sealed = false;\n var error = tryThen(then, thenable, function (value) {\n if (sealed) {\n return;\n }\n sealed = true;\n if (thenable !== value) {\n resolve(promise, value);\n } else {\n fulfill(promise, value);\n }\n }, function (reason) {\n if (sealed) {\n return;\n }\n sealed = true;\n\n reject(promise, reason);\n }, 'Settle: ' + (promise._label || ' unknown promise'));\n\n if (!sealed && error) {\n sealed = true;\n reject(promise, error);\n }\n }, promise);\n}\n\nfunction handleOwnThenable(promise, thenable) {\n if (thenable._state === FULFILLED) {\n fulfill(promise, thenable._result);\n } else if (thenable._state === REJECTED) {\n reject(promise, thenable._result);\n } else {\n subscribe(thenable, undefined, function (value) {\n return resolve(promise, value);\n }, function (reason) {\n return reject(promise, reason);\n });\n }\n}\n\nfunction handleMaybeThenable(promise, maybeThenable, then) {\n if (maybeThenable.constructor === promise.constructor && then === originalThen && maybeThenable.constructor.resolve === originalResolve) {\n handleOwnThenable(promise, maybeThenable);\n } else {\n if (then === undefined) {\n fulfill(promise, maybeThenable);\n } else if (isFunction(then)) {\n handleForeignThenable(promise, maybeThenable, then);\n } else {\n fulfill(promise, maybeThenable);\n }\n }\n}\n\nfunction resolve(promise, value) {\n if (promise === value) {\n reject(promise, selfFulfillment());\n } else if (objectOrFunction(value)) {\n var then = void 0;\n try {\n then = value.then;\n } catch (error) {\n reject(promise, error);\n return;\n }\n handleMaybeThenable(promise, value, then);\n } else {\n fulfill(promise, value);\n }\n}\n\nfunction publishRejection(promise) {\n if (promise._onerror) {\n promise._onerror(promise._result);\n }\n\n publish(promise);\n}\n\nfunction fulfill(promise, value) {\n if (promise._state !== PENDING) {\n return;\n }\n\n promise._result = value;\n promise._state = FULFILLED;\n\n if (promise._subscribers.length !== 0) {\n asap(publish, promise);\n }\n}\n\nfunction reject(promise, reason) {\n if (promise._state !== PENDING) {\n return;\n }\n promise._state = REJECTED;\n promise._result = reason;\n\n asap(publishRejection, promise);\n}\n\nfunction subscribe(parent, child, onFulfillment, onRejection) {\n var _subscribers = parent._subscribers;\n var length = _subscribers.length;\n\n\n parent._onerror = null;\n\n _subscribers[length] = child;\n _subscribers[length + FULFILLED] = onFulfillment;\n _subscribers[length + REJECTED] = onRejection;\n\n if (length === 0 && parent._state) {\n asap(publish, parent);\n }\n}\n\nfunction publish(promise) {\n var subscribers = promise._subscribers;\n var settled = promise._state;\n\n if (subscribers.length === 0) {\n return;\n }\n\n var child = void 0,\n callback = void 0,\n detail = promise._result;\n\n for (var i = 0; i < subscribers.length; i += 3) {\n child = subscribers[i];\n callback = subscribers[i + settled];\n\n if (child) {\n invokeCallback(settled, child, callback, detail);\n } else {\n callback(detail);\n }\n }\n\n promise._subscribers.length = 0;\n}\n\nfunction invokeCallback(settled, promise, callback, detail) {\n var hasCallback = isFunction(callback),\n value = void 0,\n error = void 0,\n succeeded = true;\n\n if (hasCallback) {\n try {\n value = callback(detail);\n } catch (e) {\n succeeded = false;\n error = e;\n }\n\n if (promise === value) {\n reject(promise, cannotReturnOwn());\n return;\n }\n } else {\n value = detail;\n }\n\n if (promise._state !== PENDING) {\n // noop\n } else if (hasCallback && succeeded) {\n resolve(promise, value);\n } else if (succeeded === false) {\n reject(promise, error);\n } else if (settled === FULFILLED) {\n fulfill(promise, value);\n } else if (settled === REJECTED) {\n reject(promise, value);\n }\n}\n\nfunction initializePromise(promise, resolver) {\n try {\n resolver(function resolvePromise(value) {\n resolve(promise, value);\n }, function rejectPromise(reason) {\n reject(promise, reason);\n });\n } catch (e) {\n reject(promise, e);\n }\n}\n\nvar id = 0;\nfunction nextId() {\n return id++;\n}\n\nfunction makePromise(promise) {\n promise[PROMISE_ID] = id++;\n promise._state = undefined;\n promise._result = undefined;\n promise._subscribers = [];\n}\n\nexport { nextId, makePromise, noop, resolve, reject, fulfill, subscribe, publish, publishRejection, initializePromise, invokeCallback, FULFILLED, REJECTED, PENDING, handleMaybeThenable };","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nimport { isArray, isMaybeThenable } from './utils';\nimport { noop, reject, fulfill, subscribe, FULFILLED, REJECTED, PENDING, handleMaybeThenable } from './-internal';\n\nimport then from './then';\nimport Promise from './promise';\nimport originalResolve from './promise/resolve';\nimport originalThen from './then';\nimport { makePromise, PROMISE_ID } from './-internal';\n\nfunction validationError() {\n return new Error('Array Methods must be provided an Array');\n};\n\nvar Enumerator = function () {\n function Enumerator(Constructor, input) {\n this._instanceConstructor = Constructor;\n this.promise = new Constructor(noop);\n\n if (!this.promise[PROMISE_ID]) {\n makePromise(this.promise);\n }\n\n if (isArray(input)) {\n this.length = input.length;\n this._remaining = input.length;\n\n this._result = new Array(this.length);\n\n if (this.length === 0) {\n fulfill(this.promise, this._result);\n } else {\n this.length = this.length || 0;\n this._enumerate(input);\n if (this._remaining === 0) {\n fulfill(this.promise, this._result);\n }\n }\n } else {\n reject(this.promise, validationError());\n }\n }\n\n Enumerator.prototype._enumerate = function _enumerate(input) {\n for (var i = 0; this._state === PENDING && i < input.length; i++) {\n this._eachEntry(input[i], i);\n }\n };\n\n Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {\n var c = this._instanceConstructor;\n var resolve = c.resolve;\n\n\n if (resolve === originalResolve) {\n var _then = void 0;\n var error = void 0;\n var didError = false;\n try {\n _then = entry.then;\n } catch (e) {\n didError = true;\n error = e;\n }\n\n if (_then === originalThen && entry._state !== PENDING) {\n this._settledAt(entry._state, i, entry._result);\n } else if (typeof _then !== 'function') {\n this._remaining--;\n this._result[i] = entry;\n } else if (c === Promise) {\n var promise = new c(noop);\n if (didError) {\n reject(promise, error);\n } else {\n handleMaybeThenable(promise, entry, _then);\n }\n this._willSettleAt(promise, i);\n } else {\n this._willSettleAt(new c(function (resolve) {\n return resolve(entry);\n }), i);\n }\n } else {\n this._willSettleAt(resolve(entry), i);\n }\n };\n\n Enumerator.prototype._settledAt = function _settledAt(state, i, value) {\n var promise = this.promise;\n\n\n if (promise._state === PENDING) {\n this._remaining--;\n\n if (state === REJECTED) {\n reject(promise, value);\n } else {\n this._result[i] = value;\n }\n }\n\n if (this._remaining === 0) {\n fulfill(promise, this._result);\n }\n };\n\n Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {\n var enumerator = this;\n\n subscribe(promise, undefined, function (value) {\n return enumerator._settledAt(FULFILLED, i, value);\n }, function (reason) {\n return enumerator._settledAt(REJECTED, i, reason);\n });\n };\n\n return Enumerator;\n}();\n\nexport default Enumerator;\n;","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nimport { isFunction } from './utils';\nimport { noop, nextId, PROMISE_ID, initializePromise } from './-internal';\nimport { asap, setAsap, setScheduler } from './asap';\n\nimport all from './promise/all';\nimport race from './promise/race';\nimport Resolve from './promise/resolve';\nimport Reject from './promise/reject';\nimport then from './then';\n\nfunction needsResolver() {\n throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');\n}\n\nfunction needsNew() {\n throw new TypeError(\"Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.\");\n}\n\n/**\n Promise objects represent the eventual result of an asynchronous operation. The\n primary way of interacting with a promise is through its `then` method, which\n registers callbacks to receive either a promise's eventual value or the reason\n why the promise cannot be fulfilled.\n\n Terminology\n -----------\n\n - `promise` is an object or function with a `then` method whose behavior conforms to this specification.\n - `thenable` is an object or function that defines a `then` method.\n - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).\n - `exception` is a value that is thrown using the throw statement.\n - `reason` is a value that indicates why a promise was rejected.\n - `settled` the final resting state of a promise, fulfilled or rejected.\n\n A promise can be in one of three states: pending, fulfilled, or rejected.\n\n Promises that are fulfilled have a fulfillment value and are in the fulfilled\n state. Promises that are rejected have a rejection reason and are in the\n rejected state. A fulfillment value is never a thenable.\n\n Promises can also be said to *resolve* a value. If this value is also a\n promise, then the original promise's settled state will match the value's\n settled state. So a promise that *resolves* a promise that rejects will\n itself reject, and a promise that *resolves* a promise that fulfills will\n itself fulfill.\n\n\n Basic Usage:\n ------------\n\n ```js\n let promise = new Promise(function(resolve, reject) {\n // on success\n resolve(value);\n\n // on failure\n reject(reason);\n });\n\n promise.then(function(value) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Advanced Usage:\n ---------------\n\n Promises shine when abstracting away asynchronous interactions such as\n `XMLHttpRequest`s.\n\n ```js\n function getJSON(url) {\n return new Promise(function(resolve, reject){\n let xhr = new XMLHttpRequest();\n\n xhr.open('GET', url);\n xhr.onreadystatechange = handler;\n xhr.responseType = 'json';\n xhr.setRequestHeader('Accept', 'application/json');\n xhr.send();\n\n function handler() {\n if (this.readyState === this.DONE) {\n if (this.status === 200) {\n resolve(this.response);\n } else {\n reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));\n }\n }\n };\n });\n }\n\n getJSON('/posts.json').then(function(json) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Unlike callbacks, promises are great composable primitives.\n\n ```js\n Promise.all([\n getJSON('/posts'),\n getJSON('/comments')\n ]).then(function(values){\n values[0] // => postsJSON\n values[1] // => commentsJSON\n\n return values;\n });\n ```\n\n @class Promise\n @param {Function} resolver\n Useful for tooling.\n @constructor\n*/\n\nvar Promise = function () {\n function Promise(resolver) {\n this[PROMISE_ID] = nextId();\n this._result = this._state = undefined;\n this._subscribers = [];\n\n if (noop !== resolver) {\n typeof resolver !== 'function' && needsResolver();\n this instanceof Promise ? initializePromise(this, resolver) : needsNew();\n }\n }\n\n /**\n The primary way of interacting with a promise is through its `then` method,\n which registers callbacks to receive either a promise's eventual value or the\n reason why the promise cannot be fulfilled.\n ```js\n findUser().then(function(user){\n // user is available\n }, function(reason){\n // user is unavailable, and you are given the reason why\n });\n ```\n Chaining\n --------\n The return value of `then` is itself a promise. This second, 'downstream'\n promise is resolved with the return value of the first promise's fulfillment\n or rejection handler, or rejected if the handler throws an exception.\n ```js\n findUser().then(function (user) {\n return user.name;\n }, function (reason) {\n return 'default name';\n }).then(function (userName) {\n // If `findUser` fulfilled, `userName` will be the user's name, otherwise it\n // will be `'default name'`\n });\n findUser().then(function (user) {\n throw new Error('Found user, but still unhappy');\n }, function (reason) {\n throw new Error('`findUser` rejected and we're unhappy');\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.\n // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.\n });\n ```\n If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.\n ```js\n findUser().then(function (user) {\n throw new PedagogicalException('Upstream error');\n }).then(function (value) {\n // never reached\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // The `PedgagocialException` is propagated all the way down to here\n });\n ```\n Assimilation\n ------------\n Sometimes the value you want to propagate to a downstream promise can only be\n retrieved asynchronously. This can be achieved by returning a promise in the\n fulfillment or rejection handler. The downstream promise will then be pending\n until the returned promise is settled. This is called *assimilation*.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // The user's comments are now available\n });\n ```\n If the assimliated promise rejects, then the downstream promise will also reject.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // If `findCommentsByAuthor` fulfills, we'll have the value here\n }, function (reason) {\n // If `findCommentsByAuthor` rejects, we'll have the reason here\n });\n ```\n Simple Example\n --------------\n Synchronous Example\n ```javascript\n let result;\n try {\n result = findResult();\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n findResult(function(result, err){\n if (err) {\n // failure\n } else {\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findResult().then(function(result){\n // success\n }, function(reason){\n // failure\n });\n ```\n Advanced Example\n --------------\n Synchronous Example\n ```javascript\n let author, books;\n try {\n author = findAuthor();\n books = findBooksByAuthor(author);\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n function foundBooks(books) {\n }\n function failure(reason) {\n }\n findAuthor(function(author, err){\n if (err) {\n failure(err);\n // failure\n } else {\n try {\n findBoooksByAuthor(author, function(books, err) {\n if (err) {\n failure(err);\n } else {\n try {\n foundBooks(books);\n } catch(reason) {\n failure(reason);\n }\n }\n });\n } catch(error) {\n failure(err);\n }\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findAuthor().\n then(findBooksByAuthor).\n then(function(books){\n // found books\n }).catch(function(reason){\n // something went wrong\n });\n ```\n @method then\n @param {Function} onFulfilled\n @param {Function} onRejected\n Useful for tooling.\n @return {Promise}\n */\n\n /**\n `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same\n as the catch block of a try/catch statement.\n ```js\n function findAuthor(){\n throw new Error('couldn't find that author');\n }\n // synchronous\n try {\n findAuthor();\n } catch(reason) {\n // something went wrong\n }\n // async with promises\n findAuthor().catch(function(reason){\n // something went wrong\n });\n ```\n @method catch\n @param {Function} onRejection\n Useful for tooling.\n @return {Promise}\n */\n\n\n Promise.prototype.catch = function _catch(onRejection) {\n return this.then(null, onRejection);\n };\n\n /**\n `finally` will be invoked regardless of the promise's fate just as native\n try/catch/finally behaves\n \n Synchronous example:\n \n ```js\n findAuthor() {\n if (Math.random() > 0.5) {\n throw new Error();\n }\n return new Author();\n }\n \n try {\n return findAuthor(); // succeed or fail\n } catch(error) {\n return findOtherAuther();\n } finally {\n // always runs\n // doesn't affect the return value\n }\n ```\n \n Asynchronous example:\n \n ```js\n findAuthor().catch(function(reason){\n return findOtherAuther();\n }).finally(function(){\n // author was either found, or not\n });\n ```\n \n @method finally\n @param {Function} callback\n @return {Promise}\n */\n\n\n Promise.prototype.finally = function _finally(callback) {\n var promise = this;\n var constructor = promise.constructor;\n\n if (isFunction(callback)) {\n return promise.then(function (value) {\n return constructor.resolve(callback()).then(function () {\n return value;\n });\n }, function (reason) {\n return constructor.resolve(callback()).then(function () {\n throw reason;\n });\n });\n }\n\n return promise.then(callback, callback);\n };\n\n return Promise;\n}();\n\nPromise.prototype.then = then;\nexport default Promise;\nPromise.all = all;\nPromise.race = race;\nPromise.resolve = Resolve;\nPromise.reject = Reject;\nPromise._setScheduler = setScheduler;\nPromise._setAsap = setAsap;\nPromise._asap = asap;","import { noop, reject as _reject } from '../-internal';\n\n/**\n `Promise.reject` returns a promise rejected with the passed `reason`.\n It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n reject(new Error('WHOOPS'));\n });\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.reject(new Error('WHOOPS'));\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n @method reject\n @static\n @param {Any} reason value that the returned promise will be rejected with.\n Useful for tooling.\n @return {Promise} a promise rejected with the given `reason`.\n*/\nexport default function reject(reason) {\n /*jshint validthis:true */\n var Constructor = this;\n var promise = new Constructor(noop);\n _reject(promise, reason);\n return promise;\n}","import Enumerator from '../enumerator';\n\n/**\n `Promise.all` accepts an array of promises, and returns a new promise which\n is fulfilled with an array of fulfillment values for the passed promises, or\n rejected with the reason of the first passed promise to be rejected. It casts all\n elements of the passed iterable to promises as it runs this algorithm.\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = resolve(2);\n let promise3 = resolve(3);\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // The array here would be [ 1, 2, 3 ];\n });\n ```\n\n If any of the `promises` given to `all` are rejected, the first promise\n that is rejected will be given as an argument to the returned promises's\n rejection handler. For example:\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = reject(new Error(\"2\"));\n let promise3 = reject(new Error(\"3\"));\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // Code here never runs because there are rejected promises!\n }, function(error) {\n // error.message === \"2\"\n });\n ```\n\n @method all\n @static\n @param {Array} entries array of promises\n @param {String} label optional string for labeling the promise.\n Useful for tooling.\n @return {Promise} promise that is fulfilled when all `promises` have been\n fulfilled, or rejected if any of them become rejected.\n @static\n*/\nexport default function all(entries) {\n return new Enumerator(this, entries).promise;\n}","import { isArray } from \"../utils\";\n\n/**\n `Promise.race` returns a new promise which is settled in the same way as the\n first passed promise to settle.\n\n Example:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 2');\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // result === 'promise 2' because it was resolved before promise1\n // was resolved.\n });\n ```\n\n `Promise.race` is deterministic in that only the state of the first\n settled promise matters. For example, even if other promises given to the\n `promises` array argument are resolved, but the first settled promise has\n become rejected before the other promises became fulfilled, the returned\n promise will become rejected:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n reject(new Error('promise 2'));\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // Code here never runs\n }, function(reason){\n // reason.message === 'promise 2' because promise 2 became rejected before\n // promise 1 became fulfilled\n });\n ```\n\n An example real-world use case is implementing timeouts:\n\n ```javascript\n Promise.race([ajax('foo.json'), timeout(5000)])\n ```\n\n @method race\n @static\n @param {Array} promises array of promises to observe\n Useful for tooling.\n @return {Promise} a promise which settles in the same way as the first passed\n promise to settle.\n*/\nexport default function race(entries) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (!isArray(entries)) {\n return new Constructor(function (_, reject) {\n return reject(new TypeError('You must pass an array to race.'));\n });\n } else {\n return new Constructor(function (resolve, reject) {\n var length = entries.length;\n for (var i = 0; i < length; i++) {\n Constructor.resolve(entries[i]).then(resolve, reject);\n }\n });\n }\n}","import Promise from './es6-promise/promise';\nimport polyfill from './es6-promise/polyfill';\n\n// Strange compat..\nPromise.polyfill = polyfill;\nPromise.Promise = Promise;\nexport default Promise;","/*global self*/\nimport Promise from './promise';\n\nexport default function polyfill() {\n var local = void 0;\n\n if (typeof global !== 'undefined') {\n local = global;\n } else if (typeof self !== 'undefined') {\n local = self;\n } else {\n try {\n local = Function('return this')();\n } catch (e) {\n throw new Error('polyfill failed because global object is unavailable in this environment');\n }\n }\n\n var P = local.Promise;\n\n if (P) {\n var promiseToString = null;\n try {\n promiseToString = Object.prototype.toString.call(P.resolve());\n } catch (e) {\n // silently ignored\n }\n\n if (promiseToString === '[object Promise]' && !P.cast) {\n return;\n }\n }\n\n local.Promise = Promise;\n}","/** @license React v16.13.1\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';var l=require(\"object-assign\"),n=\"function\"===typeof Symbol&&Symbol.for,p=n?Symbol.for(\"react.element\"):60103,q=n?Symbol.for(\"react.portal\"):60106,r=n?Symbol.for(\"react.fragment\"):60107,t=n?Symbol.for(\"react.strict_mode\"):60108,u=n?Symbol.for(\"react.profiler\"):60114,v=n?Symbol.for(\"react.provider\"):60109,w=n?Symbol.for(\"react.context\"):60110,x=n?Symbol.for(\"react.forward_ref\"):60112,y=n?Symbol.for(\"react.suspense\"):60113,z=n?Symbol.for(\"react.memo\"):60115,A=n?Symbol.for(\"react.lazy\"):\n60116,B=\"function\"===typeof Symbol&&Symbol.iterator;function C(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;c\n \n .\n \n \n .\n \n \n .\n \n
\n );\n}\n\nexport default AnimatedEllipsis;\n","function _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"style\", {\n type: \"text/css\"\n}, \"\\n\\t.st0{fill:#2E2E2E;}\\n\");\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"polygon\", {\n className: \"st0\",\n points: \"8.8,0.7 4.5,5 0.1,0.7 0.7,0.1 4.5,3.9 8.3,0.1 \"\n});\n\nvar SvgArrowDown = function SvgArrowDown(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 9 5\",\n style: {\n enableBackground: \"new 0 0 9 5\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgArrowDown, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-down.svg\";\nexport { ForwardRef as ReactComponent };","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport { Component } from \"react\";\n\nfunction appendStyle(id, css) {\n if (!document.head.querySelector(\"#\" + id)) {\n var node = document.createElement(\"style\");\n node.textContent = css;\n node.type = \"text/css\";\n node.id = id;\n document.head.appendChild(node);\n }\n}\n\nvar StyleInjector =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(StyleInjector, _Component);\n\n function StyleInjector() {\n _classCallCheck(this, StyleInjector);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(StyleInjector).apply(this, arguments));\n }\n\n _createClass(StyleInjector, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n appendStyle(this.props.name, this.props.css);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n var node = document.getElementById(this.props.name);\n node.parentNode.removeChild(node);\n }\n }, {\n key: \"render\",\n value: function render() {\n return null;\n }\n }]);\n\n return StyleInjector;\n}(Component);\n\nexport { StyleInjector as default };\nexport var lightboxStyles = function lightboxStyles(_ref) {\n var imageBackgroundColor = _ref.imageBackgroundColor;\n return \"\\n body {\\n overflow: hidden;\\n }\\n\\n .__react_modal_image__modal_container {\\n position: fixed;\\n z-index: 5000;\\n left: 0;\\n top: 0;\\n width: 100%;\\n height: 100%;\\n background-color: rgba(0, 0, 0, 0.8);\\n touch-action: none;\\n overflow: hidden;\\n }\\n\\n .__react_modal_image__modal_content {\\n position: relative;\\n height: 100%;\\n width: 100%;\\n }\\n\\n .__react_modal_image__modal_content img, \\n .__react_modal_image__modal_content svg {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate3d(-50%, -50%, 0);\\n -webkit-transform: translate3d(-50%, -50%, 0);\\n -ms-transform: translate3d(-50%, -50%, 0);\\n overflow: hidden;\\n }\\n\\n .__react_modal_image__medium_img {\\n max-width: 98%;\\n max-height: 98%;\\n background-color: \".concat(imageBackgroundColor, \";\\n }\\n\\n .__react_modal_image__large_img {\\n cursor: move;\\n background-color: \").concat(imageBackgroundColor, \"\\n }\\n\\n .__react_modal_image__icon_menu a {\\n display: inline-block;\\n font-size: 40px;\\n cursor: pointer;\\n line-height: 40px;\\n box-sizing: border-box;\\n border: none;\\n padding: 0px 5px 0px 5px;\\n margin-left: 10px;\\n color: white;\\n background-color: rgba(0, 0, 0, 0);\\n }\\n\\n .__react_modal_image__icon_menu {\\n display: inline-block;\\n float: right;\\n }\\n\\n .__react_modal_image__caption {\\n display: inline-block;\\n color: white;\\n font-size: 120%;\\n padding: 10px;\\n margin: 0;\\n }\\n\\n .__react_modal_image__header {\\n position: absolute;\\n top: 0;\\n width: 100%;\\n background-color: rgba(0, 0, 0, 0.7);\\n overflow: hidden;\\n }\\n\");\n};","/* \n Icons from https://material.io/icons/\n*/\nimport React from \"react\";\nexport var ZoomInIcon = function ZoomInIcon() {\n return React.createElement(\"svg\", {\n fill: \"#ffffff\",\n height: \"24\",\n viewBox: \"0 0 24 24\",\n width: \"24\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\n }), React.createElement(\"path\", {\n d: \"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\n }));\n};\nexport var ZoomOutIcon = function ZoomOutIcon() {\n return React.createElement(\"svg\", {\n fill: \"#ffffff\",\n height: \"24\",\n viewBox: \"0 0 24 24\",\n width: \"24\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\n }), React.createElement(\"path\", {\n d: \"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z\"\n }));\n};\nexport var DownloadIcon = function DownloadIcon() {\n return React.createElement(\"svg\", {\n fill: \"#ffffff\",\n height: \"24\",\n viewBox: \"0 0 24 24\",\n width: \"24\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, React.createElement(\"path\", {\n d: \"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\n }), React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\n }));\n};\nexport var CloseIcon = function CloseIcon() {\n return React.createElement(\"svg\", {\n fill: \"#ffffff\",\n height: \"24\",\n viewBox: \"0 0 24 24\",\n width: \"24\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, React.createElement(\"path\", {\n d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n }), React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\n }));\n};\nexport var SpinnerIcon = function SpinnerIcon() {\n return React.createElement(\"svg\", {\n fill: \"#ffffff\",\n height: \"48\",\n viewBox: \"0 0 24 24\",\n width: \"48\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, React.createElement(\"path\", {\n d: \"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z\"\n }), React.createElement(\"path\", {\n d: \"M0 0h24v24H0V0z\",\n fill: \"none\"\n }));\n};\nexport var RotateIcon = function RotateIcon() {\n return React.createElement(\"svg\", {\n fill: \"#ffffff\",\n width: \"24\",\n height: \"24\",\n viewBox: \"0 0 24 24\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, React.createElement(\"path\", {\n fill: \"none\",\n d: \"M0 0h24v24H0V0zm0 0h24v24H0V0z\"\n }), React.createElement(\"path\", {\n d: \"M7.47 21.49C4.2 19.93 1.86 16.76 1.5 13H0c.51 6.16 5.66 11 11.95 11 .23 0 .44-.02.66-.03L8.8 20.15l-1.33 1.34zM12.05 0c-.23 0-.44.02-.66.04l3.81 3.81 1.33-1.33C19.8 4.07 22.14 7.24 22.5 11H24c-.51-6.16-5.66-11-11.95-11zM16 14h2V8c0-1.11-.9-2-2-2h-6v2h6v6zm-8 2V4H6v2H4v2h2v8c0 1.1.89 2 2 2h8v2h2v-2h2v-2H8z\"\n }));\n};","import React from \"react\";\nimport { ZoomInIcon, ZoomOutIcon, DownloadIcon, CloseIcon, RotateIcon } from \"./icons\";\n\nvar Header = function Header(_ref) {\n var image = _ref.image,\n alt = _ref.alt,\n zoomed = _ref.zoomed,\n toggleZoom = _ref.toggleZoom,\n toggleRotate = _ref.toggleRotate,\n onClose = _ref.onClose,\n enableDownload = _ref.enableDownload,\n enableZoom = _ref.enableZoom,\n enableRotate = _ref.enableRotate;\n return React.createElement(\"div\", {\n className: \"__react_modal_image__header\"\n }, React.createElement(\"span\", {\n className: \"__react_modal_image__icon_menu\"\n }, enableDownload && React.createElement(\"a\", {\n href: image,\n download: true\n }, React.createElement(DownloadIcon, null)), enableZoom && React.createElement(\"a\", {\n onClick: toggleZoom\n }, zoomed ? React.createElement(ZoomOutIcon, null) : React.createElement(ZoomInIcon, null)), enableRotate && React.createElement(\"a\", {\n onClick: toggleRotate\n }, React.createElement(RotateIcon, null)), React.createElement(\"a\", {\n onClick: onClose\n }, React.createElement(CloseIcon, null))), alt && React.createElement(\"span\", {\n className: \"__react_modal_image__caption\"\n }, alt));\n};\n\nexport default Header;","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React, { Component } from \"react\";\nimport { SpinnerIcon } from \"./icons\";\n\nvar Image =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Image, _Component);\n\n function Image() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Image);\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 = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Image)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n loading: true\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleOnLoad\", function () {\n _this.setState({\n loading: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleOnContextMenu\", function (event) {\n !_this.props.contextMenu && event.preventDefault();\n });\n\n return _this;\n }\n\n _createClass(Image, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n id = _this$props.id,\n className = _this$props.className,\n src = _this$props.src,\n style = _this$props.style,\n handleDoubleClick = _this$props.handleDoubleClick;\n return React.createElement(\"div\", null, this.state.loading && React.createElement(SpinnerIcon, null), React.createElement(\"img\", {\n id: id,\n className: className,\n src: src,\n style: style,\n onLoad: this.handleOnLoad,\n onDoubleClick: handleDoubleClick,\n onContextMenu: this.handleOnContextMenu\n }));\n }\n }]);\n\n return Image;\n}(Component);\n\nexport { Image as default };","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React, { Component } from \"react\";\nimport StyleInjector, { lightboxStyles } from \"./styles\";\nimport Header from \"./Header\";\nimport Image from \"./Image\";\n\nvar Lightbox =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Lightbox, _Component);\n\n function Lightbox() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Lightbox);\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 = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Lightbox)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n move: {\n x: 0,\n y: 0\n },\n moveStart: undefined,\n zoomed: false,\n rotationDeg: 0\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleKeyDown\", function (event) {\n // ESC or ENTER closes the modal\n if (event.keyCode === 27 || event.keyCode === 13) {\n _this.props.onClose();\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"getCoordinatesIfOverImg\", function (event) {\n var point = event.changedTouches ? event.changedTouches[0] : event;\n\n if (point.target.id !== \"react-modal-image-img\") {\n // the img was not a target of the coordinates\n return;\n }\n\n var dim = _this.contentEl.getBoundingClientRect();\n\n var x = point.clientX - dim.left;\n var y = point.clientY - dim.top;\n return {\n x: x,\n y: y\n };\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleMouseDownOrTouchStart\", function (event) {\n event.preventDefault();\n\n if (event.touches && event.touches.length > 1) {\n // more than one finger, ignored\n return;\n }\n\n var coords = _this.getCoordinatesIfOverImg(event);\n\n if (!coords) {\n // click outside the img => close modal\n _this.props.onClose();\n }\n\n if (!_this.state.zoomed) {\n // do not allow drag'n'drop if zoom has not been applied\n return;\n }\n\n _this.setState(function (prev) {\n return {\n moveStart: {\n x: coords.x - prev.move.x,\n y: coords.y - prev.move.y\n }\n };\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleMouseMoveOrTouchMove\", function (event) {\n event.preventDefault();\n\n if (!_this.state.zoomed || !_this.state.moveStart) {\n // do not allow drag'n'drop if zoom has not been applied\n // or if there has not been a click\n return;\n }\n\n if (event.touches && event.touches.length > 1) {\n // more than one finger, ignored\n return;\n }\n\n var coords = _this.getCoordinatesIfOverImg(event);\n\n if (!coords) {\n return;\n }\n\n _this.setState(function (prev) {\n return {\n move: {\n x: coords.x - prev.moveStart.x,\n y: coords.y - prev.moveStart.y\n }\n };\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleMouseUpOrTouchEnd\", function (event) {\n _this.setState({\n moveStart: undefined\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"toggleZoom\", function (event) {\n event.preventDefault();\n\n _this.setState(function (prev) {\n return {\n zoomed: !prev.zoomed,\n // reset position if zoomed out\n move: prev.zoomed ? {\n x: 0,\n y: 0\n } : prev.move\n };\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"toggleRotate\", function (event) {\n event.preventDefault();\n var rotationDeg = _this.state.rotationDeg;\n\n if (rotationDeg === 360) {\n _this.setState({\n rotationDeg: 90\n });\n\n return;\n }\n\n _this.setState(function (prevState) {\n return {\n rotationDeg: prevState.rotationDeg += 90\n };\n });\n });\n\n return _this;\n }\n\n _createClass(Lightbox, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n document.addEventListener(\"keydown\", this.handleKeyDown, false);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n document.removeEventListener(\"keydown\", this.handleKeyDown, false);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var _this$props = this.props,\n medium = _this$props.medium,\n large = _this$props.large,\n alt = _this$props.alt,\n onClose = _this$props.onClose,\n hideDownload = _this$props.hideDownload,\n hideZoom = _this$props.hideZoom,\n showRotate = _this$props.showRotate,\n _this$props$imageBack = _this$props.imageBackgroundColor,\n imageBackgroundColor = _this$props$imageBack === void 0 ? \"black\" : _this$props$imageBack;\n var _this$state = this.state,\n move = _this$state.move,\n zoomed = _this$state.zoomed,\n rotationDeg = _this$state.rotationDeg;\n return React.createElement(\"div\", null, React.createElement(StyleInjector, {\n name: \"__react_modal_image__lightbox\",\n css: lightboxStyles({\n imageBackgroundColor: imageBackgroundColor\n })\n }), React.createElement(\"div\", {\n className: \"__react_modal_image__modal_container\"\n }, React.createElement(\"div\", {\n className: \"__react_modal_image__modal_content\",\n onMouseDown: this.handleMouseDownOrTouchStart,\n onMouseUp: this.handleMouseUpOrTouchEnd,\n onMouseMove: this.handleMouseMoveOrTouchMove,\n onTouchStart: this.handleMouseDownOrTouchStart,\n onTouchEnd: this.handleMouseUpOrTouchEnd,\n onTouchMove: this.handleMouseMoveOrTouchMove,\n ref: function ref(el) {\n _this2.contentEl = el;\n }\n }, zoomed && React.createElement(Image, {\n id: \"react-modal-image-img\",\n className: \"__react_modal_image__large_img\",\n src: large || medium,\n style: {\n transform: \"translate3d(-50%, -50%, 0) translate3d(\".concat(move.x, \"px, \").concat(move.y, \"px, 0) rotate(\").concat(rotationDeg, \"deg)\"),\n WebkitTransform: \"translate3d(-50%, -50%, 0) translate3d(\".concat(move.x, \"px, \").concat(move.y, \"px, 0) rotate(\").concat(rotationDeg, \"deg)\"),\n MsTransform: \"translate3d(-50%, -50%, 0) translate3d(\".concat(move.x, \"px, \").concat(move.y, \"px, 0) rotate(\").concat(rotationDeg, \"deg)\")\n },\n handleDoubleClick: this.toggleZoom\n }), !zoomed && React.createElement(Image, {\n id: \"react-modal-image-img\",\n className: \"__react_modal_image__medium_img\",\n src: medium || large,\n handleDoubleClick: this.toggleZoom,\n contextMenu: !medium,\n style: {\n transform: \"translate3d(-50%, -50%, 0) rotate(\".concat(rotationDeg, \"deg)\"),\n WebkitTransform: \"translate3d(-50%, -50%, 0) rotate(\".concat(rotationDeg, \"deg)\"),\n MsTransform: \"translate3d(-50%, -50%, 0) rotate(\".concat(rotationDeg, \"deg)\")\n }\n })), React.createElement(Header, {\n image: large || medium,\n alt: alt,\n zoomed: zoomed,\n toggleZoom: this.toggleZoom,\n toggleRotate: this.toggleRotate,\n onClose: onClose,\n enableDownload: !hideDownload,\n enableZoom: !hideZoom,\n enableRotate: !!showRotate\n })));\n }\n }]);\n\n return Lightbox;\n}(Component);\n\nexport { Lightbox as default };","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React, { Component } from \"react\";\nimport Lightbox from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\n\nvar _default =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(_default, _Component);\n\n function _default() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, _default);\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 = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(_default)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n modalOpen: false\n });\n\n _defineProperty(_assertThisInitialized(_this), \"toggleModal\", function () {\n _this.setState(function (prev) {\n return {\n modalOpen: !prev.modalOpen\n };\n });\n });\n\n return _this;\n }\n\n _createClass(_default, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n className = _this$props.className,\n small = _this$props.small,\n smallSrcSet = _this$props.smallSrcSet,\n medium = _this$props.medium,\n large = _this$props.large,\n alt = _this$props.alt,\n hideDownload = _this$props.hideDownload,\n hideZoom = _this$props.hideZoom,\n showRotate = _this$props.showRotate,\n imageBackgroundColor = _this$props.imageBackgroundColor;\n var modalOpen = this.state.modalOpen;\n return React.createElement(\"div\", null, React.createElement(\"img\", {\n className: className,\n style: {\n cursor: \"pointer\",\n maxWidth: \"100%\",\n maxHeight: \"100%\"\n },\n onClick: this.toggleModal,\n src: small,\n srcSet: smallSrcSet,\n alt: alt\n }), modalOpen && React.createElement(Lightbox, {\n medium: medium,\n large: large,\n alt: alt,\n onClose: this.toggleModal,\n hideDownload: hideDownload,\n hideZoom: hideZoom,\n showRotate: showRotate,\n imageBackgroundColor: imageBackgroundColor\n }));\n }\n }]);\n\n return _default;\n}(Component);\n\nexport { _default as default };","export const limitDecimals = (n) => {\n return Math.floor(Number(n) * 100) / 100;\n};\n\nexport const pluralize = (word, count) => {\n const ending = count === 1 ? \"\" : \"s\";\n return word + ending;\n};\n","import React, { useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport SmoothCollapse from \"react-smooth-collapse\";\nimport classNames from \"classnames\";\nimport * as h from \"./helpers\";\nimport \"./productMoreDetails.css\";\n\nfunction ProductMoreDetails({ product, isMobile, isShifted, shiftRef }) {\n const [expanded, setExpanded] = useState(false);\n function handleToggleClick(e) {\n e.preventDefault();\n setExpanded(!expanded);\n }\n const toggleText = `Details ${expanded ? \"–\" : \"+\"}`;\n const isShiftedClass = classNames({ \"mc-pi-p-p-md-is-shifted\": isShifted });\n const component = (\n \n \n \n
\n );\n if (isShifted && shiftRef.current) {\n return ReactDOM.createPortal(component, shiftRef.current);\n }\n return component;\n}\n\nexport default ProductMoreDetails;\n","function _extends() { _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; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M23.5,28.5L23.5,28.5c-0.9,0-1.8-0.3-2.5-0.8c-2.1-1.5-3.5-2.8-4.7-4c-1.2-1.2-2.5-2.6-4-4.7 c-1.5-2-0.9-4.6,1.4-7c0.7-0.7,1.9-0.7,2.6,0l1.4,1.4c0.3,0.3,0.5,0.8,0.5,1.3c0,0.5-0.2,1-0.5,1.3l-0.6,0.6 c-0.2,0.2-0.1,0.5,0,0.7c0.7,0.9,1.9,2.2,2.6,2.8c0.7,0.7,1.9,1.9,2.8,2.6c0.2,0.2,0.5,0.2,0.7,0l0.6-0.6c0.7-0.7,1.9-0.7,2.6,0 l1.4,1.4c0.3,0.3,0.5,0.8,0.5,1.3c0,0.5-0.2,1-0.5,1.3C26.5,27.7,25,28.5,23.5,28.5z M15,12.5c-0.2,0-0.4,0.1-0.6,0.2 c-2,2-2.4,4.1-1.3,5.7c1.5,2.1,2.7,3.4,3.9,4.6c1.2,1.2,2.5,2.4,4.6,3.9c1.6,1.1,3.7,0.7,5.7-1.3c0.2-0.2,0.2-0.4,0.2-0.6 c0-0.2-0.1-0.4-0.2-0.6L25.8,23c-0.3-0.3-0.9-0.3-1.2,0L24,23.6c-0.5,0.5-1.3,0.5-2,0c-1-0.7-2.2-2-2.9-2.7c-0.7-0.7-2-2-2.7-2.9 c-0.5-0.7-0.5-1.5,0-2l0.6-0.6c0.2-0.2,0.2-0.4,0.2-0.6c0-0.2-0.1-0.4-0.2-0.6l-1.4-1.4C15.4,12.6,15.2,12.5,15,12.5z\"\n}))));\n\nvar Svg063Telephone = function Svg063Telephone(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"\\\\u56FE\\\\u5C42_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 40 40\",\n enableBackground: \"new 0 0 40 40\",\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Svg063Telephone, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/063__telephone.svg\";\nexport { ForwardRef as ReactComponent };","import { useEffect, useState } from \"react\";\n\nfunction useBreakpoint(breakpointQuery) {\n const [breakpointPassed, setBreakpointPassed] = useState(false);\n\n useEffect(() => {\n const mediaQuery = window.matchMedia(breakpointQuery);\n function updateBreakpointPassed() {\n setBreakpointPassed(mediaQuery.matches);\n }\n updateBreakpointPassed();\n mediaQuery.addListener(updateBreakpointPassed);\n return () => {\n mediaQuery.removeListener(updateBreakpointPassed);\n };\n }, [breakpointQuery]);\n\n return breakpointPassed;\n}\n\nexport default useBreakpoint;\n","// https://staging.manningtonsaleshub.com/initiative-api-promo-products?q=city&collection_name=CIty%20Hub&stock=1000&colorGeneric=Light%20Wood&productType=Resilient%20Sheet&designType=Wood\nexport const defaultUpdatedData = { filters: null, products: [] };\nexport const getCSVDownloadUrl = process.env.REACT_APP_GET_CSV_DOWNLOAD_URL;\n\nexport const emptyFilters = {\n collections: [],\n productTypes: [],\n designTypes: [],\n colors: [],\n sizes: [],\n backings: [],\n quality: [],\n promoreason: [],\n divisions: [],\n sortOrder: [],\n};\nexport const getFiltersUrl = process.env.REACT_APP_GET_FILTERS_URL;\nexport const getProductsAndUpdatedFiltersUrl =\n process.env.REACT_APP_GET_PRODUCTS_AND_UPDATED_FILTERS_URL;\nexport const getUserUrl = process.env.REACT_APP_GET_USER_URL;\nexport const initialGetProductsData = [];\nexport const initialGetFiltersData = [];\nexport const pagingLimit = 50;\nexport const blankUrl =\n \"https://embed.widencdn.net/img/mannington/blank.jpeg?keep=c&crop=yes&u=thlceg\";\nexport const fourHrs = 1000 * 60 * 60 * 4;\nexport const sixHrs = 1000 * 60 * 60 * 6;\n","import React, { useState, useRef } from \"react\";\nimport ModalImage from \"react-modal-image\";\nimport { ArrowContainer, Popover } from \"react-tiny-popover\";\nimport ProductMoreDetails from \"./ProductMoreDetails\";\nimport { ReactComponent as TelephoneIcon } from \"./063__telephone.svg\";\nimport find from \"lodash.find\";\nimport useBreakpoint from \"./hooks/useBreakpoint\";\nimport * as h from \"./helpers\";\nimport * as constants from \"./constants\";\nimport \"./product.css\";\n\nfunction Product({ isMobile, product, showPricing }) {\n const [pricePopoverIsOpen, setPricePopoverIsOpen] = useState(false);\n\n const shiftDetails = useBreakpoint(\"(max-width: 720px)\");\n\n function backingFromProduct(product) {\n return product.backing ? product.backing.name : product.backingCode;\n }\n\n function collectionFromProduct(product) {\n if (!product.colorway) {\n return \"\";\n }\n return product.colorway.hsCollection\n ? product.colorway.hsCollection\n : product.colorway.ssCollection;\n }\n\n function formattedPriceFromProduct(product) {\n const prc = priceFromProduct(product);\n return (prc && \"$\" + prc) || \"\";\n }\n\n function getMaskArrowStyle(position, arrowSize = 10) {\n switch (position) {\n case \"bottom\":\n return {\n top: 1,\n borderBottom: `${arrowSize}px solid white`,\n zIndex: 1,\n };\n case \"left\":\n return {\n right: 1,\n borderLeft: `${arrowSize}px solid white`,\n zIndex: 1,\n };\n case \"right\":\n return {\n left: 1,\n borderRight: `${arrowSize}px solid white`,\n zIndex: 1,\n };\n default:\n return {\n bottom: 1,\n borderTop: `${arrowSize}px solid white`,\n zIndex: 1,\n };\n }\n }\n\n function netAvailableFromProduct(product) {\n return h.limitDecimals(product.stock).toLocaleString() + \" \" + product.uom;\n }\n\n function priceFromProduct(product) {\n if (product.price_override) {\n return product.price_override.price;\n } else if (\n product.division &&\n product.division.prices &&\n Array.isArray(product.division.prices)\n ) {\n const prices = product.division.prices;\n if (!prices.length) return undefined;\n const reasonMatch = find(prices, { reason_id: product.promo_reason_id });\n const fallback = find(prices, { reason_id: null });\n return reasonMatch\n ? reasonMatch.price\n : fallback\n ? fallback.price\n : undefined;\n }\n }\n\n function productTypeFromProduct(product) {\n return product.division.name;\n //if (!product.colorway) {\n // return \"\";\n //}\n //const productType = product.colorway.productType;\n //const styleCode = product.colorway.styleCode;\n //if (\n // productType !== \"Broadloom, Modular\" &&\n // productType !== \"Modular, Broadloom\"\n //) {\n // return productType;\n //} else if (styleCode.slice(-1).toLowerCase() === \"b\") {\n // return \"Broadloom\";\n //} else if (styleCode.slice(-1).toLowerCase() === \"t\") {\n // return \"Modular\";\n //}\n //return productType;\n }\n\n function sizeFromProduct(product) {\n return product.size ? product.size.name : product.sizeCode;\n }\n\n const detailsShiftRef = useRef(null);\n const popoverArrowSize = 12;\n const popoverBorderColor = \"#989898\";\n\n return (\n \n \n \n
\n
\n | Material ID | \n {!isMobile &&Batch | }\nDyelot | \n\n\n Net Availability\n | \n \n
|---|---|---|---|
| {product.extMaterialNumber} | \n {!isMobile &&{item.batch} | }\n{item.dyeLot ? item.dyeLot : item.batch} | \n\n {h.limitDecimals(item.stock).toLocaleString()}\n | \n
\n
\n \n \n {toggleText}\n
\n \n
\n );\n}\n\nexport default Product;\n","export default function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}","import defineProperty from \"./defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nexport default function _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}","import { useState, useCallback } from \"react\";\nimport qs from \"query-string\";\n\nconst setQueryWithoutPageReload = (qsValue) => {\n const newurl =\n window.location.protocol +\n \"//\" +\n window.location.host +\n window.location.pathname +\n qsValue;\n\n window.history.replaceState({ path: newurl }, \"\", newurl);\n};\n\nconst pOpts = { parseBooleans: true };\n\nconst setQueryValue = (key, value, query = window.location.search) => {\n const values = qs.parse(query, pOpts);\n\n let newValues = {};\n if (!value && value !== false && value !== 0) {\n newValues = Object.keys(values).reduce((object, currKey) => {\n if (currKey !== key) {\n object[currKey] = values[currKey];\n }\n return object;\n }, {});\n } else {\n newValues = { ...values, [key]: value };\n }\n\n const newQuery = qs.stringify(newValues);\n setQueryWithoutPageReload(`?${newQuery}`);\n};\n\nconst getQueryValue = (key, query = window.location.search) => {\n const values = qs.parse(query, pOpts);\n return values[key];\n};\n\nfunction getInitialValue(key, initialValueFallback) {\n const queryValue = getQueryValue(key);\n return queryValue || queryValue === 0 || queryValue === false\n ? queryValue\n : initialValueFallback;\n}\n\nfunction useQueryState(key, initialValue) {\n const [value, setValue] = useState(getInitialValue(key, initialValue));\n const setValueAndUpdateQuery = useCallback(\n (newValue) => {\n setValue(newValue);\n setQueryValue(key, newValue);\n },\n [key]\n );\n\n return [value, setValueAndUpdateQuery];\n}\n\nexport default useQueryState;\n","import { useQuery } from \"react-query\";\nimport axiosMaker from \"axios\";\nimport * as constants from \"../constants\";\n\nconst axios = axiosMaker.create();\naxios.defaults.withCredentials = true;\n\nconst getUserCacheBusted = () => {\n if (process.env.NODE_ENV === \"development\") {\n return axios.get(\"user.json\");\n // return axios.get(\"user-anonymous.json\");\n }\n return axios.get(constants.getUserUrl, {\n params: { d: String(Date.now()) },\n });\n};\n\nfunction useUser() {\n const userQuery = useQuery(\n [constants.getUserUrl],\n function ({ queryKey }) {\n return axios\n .get(queryKey[0])\n .then(res => {\n // When the user logs out, sometimes the user is cached by the browser as an empty object\n // so when we receive an empty object, retry once with cache buster query\n if (\n Object.keys(res.data).length === 0 &&\n res.data.constructor === Object\n ) {\n return getUserCacheBusted();\n } else {\n return res;\n }\n })\n .then(\n res => {\n return res.data;\n },\n err => {\n console.log(\"In useUser, err:\", err);\n return err;\n }\n );\n },\n {\n // We want to load a fresh user only on page load\n staleTime: Infinity,\n cacheTime: Infinity,\n }\n );\n return userQuery;\n}\n\nexport default useUser;\n","import { useRef, useEffect, useMemo } from 'react';\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked, or until the next browser frame is drawn. The debounced function\n * comes with a `cancel` method to cancel delayed `func` invocations and a\n * `flush` method to immediately invoke them. Provide `options` to indicate\n * whether `func` should be invoked on the leading and/or trailing edge of the\n * `wait` timeout. The `func` is invoked with the last arguments provided to the\n * debounced function. Subsequent calls to the debounced function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * If `wait` is omitted in an environment with `requestAnimationFrame`, `func`\n * invocation will be deferred until the next frame is drawn (typically about\n * 16ms).\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `debounce` and `throttle`.\n *\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0]\n * The number of milliseconds to delay; if omitted, `requestAnimationFrame` is\n * used (if available, otherwise it will be setTimeout(...,0)).\n * @param {Object} [options={}] The options object.\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.leading=false]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {number} [options.maxWait]\n * Specify invoking on the trailing edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * const resizeHandler = useDebouncedCallback(calculateLayout, 150);\n * window.addEventListener('resize', resizeHandler)\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * const clickHandler = useDebouncedCallback(sendMail, 300, {\n * leading: true,\n * trailing: false,\n * })\n * \n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * const debounced = useDebouncedCallback(batchLog, 250, { 'maxWait': 1000 })\n * const source = new EventSource('/stream')\n * source.addEventListener('message', debounced)\n *\n * // Cancel the trailing debounced invocation.\n * window.addEventListener('popstate', debounced.cancel)\n *\n * // Check for pending invocations.\n * const status = debounced.pending() ? \"Pending...\" : \"Ready\"\n */\nexport default function useDebouncedCallback(func, wait, options) {\n var _this = this;\n var lastCallTime = useRef(null);\n var lastInvokeTime = useRef(0);\n var timerId = useRef(null);\n var lastArgs = useRef([]);\n var lastThis = useRef();\n var result = useRef();\n var funcRef = useRef(func);\n var mounted = useRef(true);\n funcRef.current = func;\n // Bypass `requestAnimationFrame` by explicitly setting `wait=0`.\n var useRAF = !wait && wait !== 0 && typeof window !== 'undefined';\n if (typeof func !== 'function') {\n throw new TypeError('Expected a function');\n }\n wait = +wait || 0;\n options = options || {};\n var leading = !!options.leading;\n var trailing = 'trailing' in options ? !!options.trailing : true; // `true` by default\n var maxing = 'maxWait' in options;\n var maxWait = maxing ? Math.max(+options.maxWait || 0, wait) : null;\n useEffect(function () {\n mounted.current = true;\n return function () {\n mounted.current = false;\n };\n }, []);\n // You may have a question, why we have so many code under the useMemo definition.\n //\n // This was made as we want to escape from useCallback hell and\n // not to initialize a number of functions each time useDebouncedCallback is called.\n //\n // It means that we have less garbage for our GC calls which improves performance.\n // Also, it makes this library smaller.\n //\n // And the last reason, that the code without lots of useCallback with deps is easier to read.\n // You have only one place for that.\n var debounced = useMemo(function () {\n var invokeFunc = function (time) {\n var args = lastArgs.current;\n var thisArg = lastThis.current;\n lastArgs.current = lastThis.current = null;\n lastInvokeTime.current = time;\n return (result.current = funcRef.current.apply(thisArg, args));\n };\n var startTimer = function (pendingFunc, wait) {\n if (useRAF)\n cancelAnimationFrame(timerId.current);\n timerId.current = useRAF ? requestAnimationFrame(pendingFunc) : setTimeout(pendingFunc, wait);\n };\n var shouldInvoke = function (time) {\n if (!mounted.current)\n return false;\n var timeSinceLastCall = time - lastCallTime.current;\n var timeSinceLastInvoke = time - lastInvokeTime.current;\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (!lastCallTime.current ||\n timeSinceLastCall >= wait ||\n timeSinceLastCall < 0 ||\n (maxing && timeSinceLastInvoke >= maxWait));\n };\n var trailingEdge = function (time) {\n timerId.current = null;\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs.current) {\n return invokeFunc(time);\n }\n lastArgs.current = lastThis.current = null;\n return result.current;\n };\n var timerExpired = function () {\n var time = Date.now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // https://github.com/xnimorz/use-debounce/issues/97\n if (!mounted.current) {\n return;\n }\n // Remaining wait calculation\n var timeSinceLastCall = time - lastCallTime.current;\n var timeSinceLastInvoke = time - lastInvokeTime.current;\n var timeWaiting = wait - timeSinceLastCall;\n var remainingWait = maxing ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;\n // Restart the timer\n startTimer(timerExpired, remainingWait);\n };\n var func = function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n var time = Date.now();\n var isInvoking = shouldInvoke(time);\n lastArgs.current = args;\n lastThis.current = _this;\n lastCallTime.current = time;\n if (isInvoking) {\n if (!timerId.current && mounted.current) {\n // Reset any `maxWait` timer.\n lastInvokeTime.current = lastCallTime.current;\n // Start the timer for the trailing edge.\n startTimer(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(lastCallTime.current) : result.current;\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n startTimer(timerExpired, wait);\n return invokeFunc(lastCallTime.current);\n }\n }\n if (!timerId.current) {\n startTimer(timerExpired, wait);\n }\n return result.current;\n };\n func.cancel = function () {\n if (timerId.current) {\n useRAF ? cancelAnimationFrame(timerId.current) : clearTimeout(timerId.current);\n }\n lastInvokeTime.current = 0;\n lastArgs.current = lastCallTime.current = lastThis.current = timerId.current = null;\n };\n func.isPending = function () {\n return !!timerId.current;\n };\n func.flush = function () {\n return !timerId.current ? result.current : trailingEdge(Date.now());\n };\n return func;\n }, [leading, maxing, wait, maxWait, trailing, useRAF]);\n return debounced;\n}\n","import { useCallback, useRef, useState } from 'react';\nimport useDebouncedCallback from './useDebouncedCallback';\nfunction valueEquality(left, right) {\n return left === right;\n}\nfunction adjustFunctionValueOfSetState(value) {\n return typeof value === 'function' ? function () { return value; } : value;\n}\nfunction useStateIgnoreCallback(initialState) {\n var _a = useState(adjustFunctionValueOfSetState(initialState)), state = _a[0], setState = _a[1];\n var setStateIgnoreCallback = useCallback(function (value) { return setState(adjustFunctionValueOfSetState(value)); }, []);\n return [state, setStateIgnoreCallback];\n}\nexport default function useDebounce(value, delay, options) {\n var eq = (options && options.equalityFn) || valueEquality;\n var _a = useStateIgnoreCallback(value), state = _a[0], dispatch = _a[1];\n var debounced = useDebouncedCallback(useCallback(function (value) { return dispatch(value); }, [dispatch]), delay, options);\n var previousValue = useRef(value);\n if (!eq(previousValue.current, value)) {\n debounced(value);\n previousValue.current = value;\n }\n return [state, { cancel: debounced.cancel, isPending: debounced.isPending, flush: debounced.flush }];\n}\n","import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport AnimatedEllipsis from \"./AnimatedEllipsis\";\nimport { ReactComponent as ArrowDown } from \"./arrow-down.svg\";\nimport Product from \"./Product\";\nimport useBreakpoint from \"./hooks/useBreakpoint\";\nimport useQueryState from \"./hooks/useQueryState\";\nimport useUser from \"./hooks/useUser\";\nimport { useQuery } from \"react-query\";\nimport { useDebounce, useDebouncedCallback } from \"use-debounce\";\nimport classNames from \"classnames\";\nimport * as constants from \"./constants\";\nimport * as h from \"./helpers\";\nimport \"./App.css\";\n\nfunction App() {\n const [backing, setBacking] = useQueryState(\"backing\", \"\");\n const [promoreason, setPromoReason] = useQueryState(\"promoreason\", \"\");\n const [sortOrder, setSortOrder] = useQueryState(\"sortOrder\", \"Stock\");\n const [sortDescending, setSortDescending] = useQueryState(\n \"sortDescending\",\n true\n );\n const [collection, setCollection] = useQueryState(\"collection\", \"\");\n const [color, setColor] = useQueryState(\"color\", \"\");\n const [design, setDesign] = useQueryState(\"design\", \"\");\n const [displayProducts, setDisplayProducts] = useState([]);\n const [minimumAvailable, setMinimumAvailable] = useQueryState(\n \"minimumAvailable\",\n \"\"\n );\n const [mobileFiltersOpen, setMobileFiltersOpen] = useState(false);\n const [offset, setOffset] = useState(0);\n const [productType, setProductType] = useQueryState(\"productType\", \"\");\n const [rerenderer, setRerenderer] = useState(0);\n const [searchTerm, setSearchTerm] = useQueryState(\"searchTerm\", \"\");\n const [size, setSize] = useQueryState(\"size\", \"\");\n\n const [ppsp, setPpsp] = useQueryState(\"ppsp\", \"\");\n\n const mobileFiltersView = useBreakpoint(\"(max-width: 600px)\");\n\n const { data: filters } = useQuery(constants.getFiltersUrl, {\n placeholderData: constants.emptyFilters,\n });\n\n const { data: user } = useUser();\n\n const isLoggedInUser = !!user?.username;\n const showPricing =\n (isLoggedInUser || ppsp) && !(ppsp === \"0\" || ppsp === false);\n\n const resultsReturned = useRef(false);\n const selectedFiltersLength = getSelectedFiltersLength();\n const noFiltersSelected = selectedFiltersLength === 0;\n\n const nProductLoads = useRef(0);\n\n const getProductsQuery = useMemo(\n () => generateQuery(),\n [\n searchTerm,\n backing,\n noFiltersSelected,\n promoreason,\n sortOrder,\n sortDescending,\n collection,\n color,\n design,\n productType,\n size,\n minimumAvailable,\n ppsp,\n offset,\n ]\n );\n\n const [getProductsQueryDebounced] = useDebounce(getProductsQuery, 300, {\n maxWait: 1000,\n });\n\n // This function can be used to test api race conditions (must also import axios above and uncomment line in useQuery call below)\n // function testGetFn({ queryKey }) {\n // const n = nProductLoads.current;\n // console.log(\"sending request n\", n);\n // const time = Math.round(Math.random() * 8000);\n // console.log(\"time\", time);\n // return new Promise(resolve =>\n // setTimeout(\n // () =>\n // axios.get(queryKey[0]).then(res => {\n // const amended = { ...res.data, requestN: n };\n // resolve(amended);\n // }),\n // time\n // )\n // );\n // }\n const { data: updatedData, isLoading: productsLoading } = useQuery(\n constants.getProductsAndUpdatedFiltersUrl + getProductsQueryDebounced,\n // testGetFn,\n { enabled: !!getProductsQueryDebounced }\n );\n\n // To track testing of api race conditions:\n // console.log(\"updatedData?.requestN\", updatedData?.requestN);\n\n const updatedFilters = updatedData?.filters\n ? updatedData.filters\n : constants.defaultUpdatedData.filters;\n const products = updatedData?.products\n ? updatedData.products\n : constants.defaultUpdatedData.products;\n\n function generateQuery(forCSVLink) {\n if (noFiltersSelected) {\n return \"\";\n }\n if (!forCSVLink) {\n nProductLoads.current += 1;\n }\n const terms = [\n { term: \"q\", value: searchTerm.trim() },\n { term: \"backingCode\", value: backing },\n { term: \"promoreason\", value: promoreason },\n { term: \"sortOrder\", value: sortOrder },\n { term: \"sortDescending\", value: sortDescending },\n { term: \"collectionName\", value: collection.trim() },\n { term: \"colorGeneric\", value: color },\n { term: \"designType\", value: design },\n { term: \"productType\", value: productType },\n { term: \"sizeCode\", value: size },\n { term: \"stock\", value: minimumAvailable },\n { term: \"ppsp\", value: ppsp },\n { term: \"offset\", value: forCSVLink ? 0 : offset },\n { term: \"limit\", value: constants.pagingLimit },\n ];\n return (\n \"?\" +\n terms\n .reduce((acc, term) => {\n if (term.value || term.value === 0) {\n return acc.concat([term.term + \"=\" + term.value]);\n }\n return acc;\n }, [])\n .join(\"&\")\n );\n }\n\n // results returned effect BEGIN\n const prevProducts = useRef(products);\n useEffect(() => {\n if (products.length === 0 && noFiltersSelected) {\n const needsRerender = products !== prevProducts.current;\n prevProducts.current = products;\n resultsReturned.current = false;\n if (needsRerender) {\n setRerenderer(rerenderer + 1);\n }\n } else if (products !== prevProducts.current) {\n prevProducts.current = products;\n resultsReturned.current = true;\n setRerenderer(rerenderer + 1);\n }\n }, [\n noFiltersSelected,\n prevProducts,\n products,\n rerenderer,\n resultsReturned,\n setRerenderer,\n ]);\n // results returned effect END\n\n const nFreshProductLoads = useRef(0);\n // clear out stale display products effect BEGIN\n useEffect(() => {\n if (nProductLoads.current && offset === 0 && productsLoading) {\n setDisplayProducts([]);\n nFreshProductLoads.current += 1;\n }\n }, [productsLoading, setDisplayProducts, offset]);\n // clear out stale display products effect END\n\n const previousDisplayFilters = useRef(filters);\n const getDisplayFilters = useCallback(\n (_filters, _noFiltersSelected, _products, _updatedFilters) => {\n if (_noFiltersSelected) {\n previousDisplayFilters.current = _filters;\n return _filters;\n }\n if (_products.length === 0 || !_updatedFilters) {\n return previousDisplayFilters.current;\n }\n let foundFilters = _updatedFilters;\n\n let displayFilters = JSON.parse(JSON.stringify(constants.emptyFilters));\n const complexFilters = [\n { key: \"collections\", subKey: \"name\" },\n { key: \"productTypes\", subKey: \"id\" },\n { key: \"sizes\", subKey: \"sizeCode\" },\n { key: \"backings\", subKey: \"backingCode\" },\n { key: \"promoreason\", subKey: \"id\" },\n ];\n for (let i = 0; i < complexFilters.length; i++) {\n const filter = complexFilters[i];\n displayFilters[filter.key] = _filters[filter.key].reduce(\n (acc, curr) => {\n if (foundFilters[filter.key].indexOf(curr[filter.subKey]) !== -1) {\n acc.push(curr);\n }\n return acc;\n },\n []\n );\n }\n const simpleFilterKeys = [\"designTypes\", \"colors\", \"sortOrder\"];\n for (let i = 0; i < simpleFilterKeys.length; i++) {\n const key = simpleFilterKeys[i];\n displayFilters[key] = _filters[key].reduce((acc, curr) => {\n if (foundFilters[key].indexOf(curr) !== -1) {\n acc.push(curr);\n }\n return acc;\n }, []);\n }\n\n displayFilters.productTypes = _filters.productTypes;\n previousDisplayFilters.current = displayFilters;\n return displayFilters;\n },\n []\n );\n\n function getSelectedFiltersLength() {\n const filterValues = [\n searchTerm.trim(),\n backing,\n promoreason,\n design,\n collection.trim(),\n color,\n minimumAvailable,\n productType,\n size,\n ];\n return filterValues.reduce((total, curr) => {\n if (curr === \"\" || curr === false) {\n return total;\n }\n return total + 1;\n }, 0);\n }\n\n function handleBackingChange(e) {\n setBacking(e.target.value);\n }\n //function handleQualityChange(e) {\n // setQuality(e.target.value);\n //}\n function handlePromoReasonChange(e) {\n setPromoReason(e.target.value);\n }\n function handleSortOrderChange(e) {\n setSortOrder(e.target.value);\n }\n function handleSortDescendingChange(e) {\n setSortDescending(!sortDescending);\n }\n function handleCollectionChange(e) {\n setCollection(e.target.value);\n }\n function handleCollectionClearIconClick(e) {\n e.preventDefault();\n setCollection(\"\");\n }\n function handleColorChange(e) {\n setColor(e.target.value);\n }\n function handleDesignChange(e) {\n setDesign(e.target.value);\n }\n function handleFiltersControlClick(e) {\n e.preventDefault();\n if (selectedFiltersLength === 0) {\n setMobileFiltersOpen(true);\n } else {\n resetAllFilters();\n }\n }\n function handleMinimumAvailableClearIconClick(e) {\n e.preventDefault();\n setMinimumAvailable(\"\");\n }\n function handleMinimumAvailableInput(e) {\n // limit input to digits and decimals\n if (/[^.\\d]/.test(e.target.value)) {\n e.preventDefault();\n return;\n }\n setMinimumAvailable(e.target.value);\n }\n function handleMobileFiltersCloseClick(e) {\n e.preventDefault();\n setMobileFiltersOpen(false);\n }\n function handleProductTypeChange(e) {\n resetAllFiltersExceptProductTypeAndXpress();\n setProductType(e.target.value);\n }\n function handleScroll(\n displayProducts,\n noFiltersSelected,\n offset,\n productsLoading\n ) {\n const infiniteScrollEl =\n document.documentElement && document.documentElement.scrollTop\n ? document.documentElement\n : document.body;\n\n // TODO: refine canLoadMore so it doesn't load more than it has to\n const canLoadMore =\n displayProducts.length === (offset + 1) * constants.pagingLimit;\n\n if (\n infiniteScrollEl &&\n canLoadMore &&\n !productsLoading &&\n !noFiltersSelected &&\n infiniteScrollEl.scrollHeight -\n infiniteScrollEl.scrollTop -\n window.innerHeight <\n 1800\n ) {\n setOffset(offset + 1);\n }\n }\n const handleScrollDebounced = useDebouncedCallback(handleScroll, 200, {\n maxWait: 500,\n leading: true,\n });\n function handleSearchClearIconClick(e) {\n e.preventDefault();\n setSearchTerm(\"\");\n }\n function handleSearchInput(e) {\n setSearchTerm(e.target.value);\n }\n function handleSelectedFiltersMsgClick(e) {\n e.preventDefault();\n setMobileFiltersOpen(true);\n }\n function handleSizeChange(e) {\n setSize(e.target.value);\n }\n\n function mobileFiltersViewResultsMsg() {\n if (productsLoading) {\n return (\n \n
\n \n
\n \n \n \n \n {product.styleDesc} / {product.styleCode}\n \n \n {product.colorway && product.colorway.colorDesc} /{\" \"}\n {product.colorCode}\n \n \n
\n \n
\n \n
\n Collection
\n \n {collectionFromProduct(product)}\n
\n \n
\n Product Type
\n \n {productTypeFromProduct(product)}\n
\n \n
\n Size
\n {sizeFromProduct(product)}
\n \n
\n Backing
\n \n {backingFromProduct(product)}\n
\n \n
\n Net Availability/UOM
\n \n {netAvailableFromProduct(product)}\n
\n \n
\n {showPricing ? (\n Quality
\n {product.quality}
\n \n
\n ) : null}\n\n \n Price
\n \n {formattedPriceFromProduct(product) ? (\n formattedPriceFromProduct(product)\n ) : (\n setPricePopoverIsOpen(false)}\n positions={[\"top\", \"bottom\", \"left\", \"right\"]}\n content={({ position, childRect, popoverRect }) => (\n \n \n \n \n )}\n >\n \n )}\n
\n \n setPricePopoverIsOpen(!pricePopoverIsOpen)\n }\n >\n contact for pricing: Debbie Mock{\" \"}\n \n 706.602.6506\n \n
\n \n \n setPricePopoverIsOpen(!pricePopoverIsOpen)\n }\n />\n
\n \n Loading\n
\n );\n } else if (resultsReturned.current) {\n return (\n \n {displayProducts.length > 0 && (\n <>\n {displayProducts.length}\n {displayProducts.length === (offset + 1) * constants.pagingLimit\n ? \"+\"\n : \"\"}{\" \"}\n {h.pluralize(\"result\", displayProducts.length)} found.{\" \"}\n \n Reset Filters\n \n >\n )}\n {displayProducts.length === 0 && noResultsMsg()}\n
\n );\n }\n }\n\n function noResultsMsg() {\n return (\n \n No results matching your search.
\n Please contact Customer Service to confirm since we could have slabs and\n greige goods available to fit your needs. They can also assist with\n other available options not pulled in this report.\n
\n For information and availability call 1-800-241-2262, samples x6913,\n orders x6442.\n
\n \n Reset Filters\n \n
\n );\n }\n\n function resetAllFilters() {\n setProductType(\"\");\n resetAllFiltersExceptProductTypeAndXpress();\n }\n\n function resetAllFiltersExceptProductTypeAndXpress() {\n setSearchTerm(\"\");\n setBacking(\"\");\n setPromoReason(\"\");\n //setQuality(\"\");\n setCollection(\"\");\n setColor(\"\");\n setDesign(\"\");\n setMinimumAvailable(\"\");\n setSize(\"\");\n setOffset(0);\n setSortDescending(true);\n setSortOrder(\"Stock\");\n }\n\n // products updated effect BEGIN\n const prevOffset = useRef(offset);\n const productsUpdatedPrevProducts = useRef(products);\n useEffect(() => {\n // when products are updated by anything other than a change of offset,\n // reset the offset to 0 and set displayProducts to new products\n if (\n !productsLoading &&\n products !== productsUpdatedPrevProducts.current &&\n (prevOffset.current === offset || offset === 0)\n ) {\n prevOffset.current = 0;\n productsUpdatedPrevProducts.current = products;\n setOffset(0);\n setDisplayProducts(products);\n }\n // else when products are updated by an offset change, update refs and add new products to displayProducts\n else if (\n !productsLoading &&\n products !== productsUpdatedPrevProducts.current &&\n prevOffset.current !== offset &&\n offset !== 0\n ) {\n const newDisplayProducts = displayProducts.concat(products);\n prevOffset.current = offset;\n productsUpdatedPrevProducts.current = products;\n setDisplayProducts(newDisplayProducts);\n }\n }, [displayProducts, offset, products, productsLoading]);\n // products updated effect END\n\n // fix body for mobile filters menu open effect BEGIN\n useEffect(() => {\n const fixBody = mobileFiltersView && mobileFiltersOpen;\n const unfixBody = !mobileFiltersView || !mobileFiltersOpen;\n if (fixBody) {\n document.body.classList.add(\"mc-pi-fixed-position\");\n // Below is to prevent zooming on input focus in ios\n let meta = document.createElement(\"meta\");\n meta.setAttribute(\"id\", \"mc-no-zoom-meta\");\n meta.name = \"viewport\";\n meta.content = \"width=device-width,initial-scale=1,maximum-scale=1\";\n document.getElementsByTagName(\"head\")[0].appendChild(meta);\n }\n if (unfixBody) {\n document.body.classList.remove(\"mc-pi-fixed-position\");\n let meta = document.getElementById(\"mc-no-zoom-meta\");\n if (meta) {\n meta.parentNode.removeChild(meta);\n }\n }\n }, [mobileFiltersView, mobileFiltersOpen]);\n // fix body for mobile filters menu open effect END\n\n // infinite scroll handler effect BEGIN\n useEffect(() => {\n const handleScrollWithVariables = handleScrollDebounced.bind(\n null,\n displayProducts,\n noFiltersSelected,\n offset,\n productsLoading\n );\n window.document.addEventListener(\"scroll\", handleScrollWithVariables);\n return () => {\n window.document.removeEventListener(\"scroll\", handleScrollWithVariables);\n };\n }, [\n handleScrollDebounced,\n displayProducts,\n noFiltersSelected,\n offset,\n productsLoading,\n ]);\n // infinite scroll handler effect END\n\n const displayFilters = useMemo(\n () =>\n getDisplayFilters(filters, noFiltersSelected, products, updatedFilters),\n [getDisplayFilters, filters, noFiltersSelected, products, updatedFilters]\n );\n\n const filtersClasses = classNames(\"mc-pi-filters\", {\n \"mc-pi-filters-mobile\": mobileFiltersView,\n \"mc-pi-filters-mobile-open\": mobileFiltersView && mobileFiltersOpen,\n });\n const productsClasses = classNames(\"mc-pi-products\", {\n \"mc-pi-products-mobile\": mobileFiltersView,\n });\n\n const csvDownloadUrl = useMemo(\n () => constants.getCSVDownloadUrl + generateQuery(true),\n [generateQuery]\n );\n\n return (\n <>\n \n Please contact Customer Service to confirm since we could have slabs and\n greige goods available to fit your needs. They can also assist with\n other available options not pulled in this report.\n
\n For information and availability call 1-800-241-2262, samples x6913,\n orders x6442.\n
\n \n Reset Filters\n \n
\n
\n {/* \n
\n {/*
\n \n Available Promotional Product Inventory\n
\n {user !== undefined && !showPricing ? (\n \n Are you a flooring contractor? Pricing Details are available on{\" \"}\n \n Mannington Advantage\n \n .\n
\n ) : null}\n Updates every four hours
\n \n {/*
\n
*/}\n\n {mobileFiltersView &&\n mobileFiltersOpen &&\n ReactDOM.createPortal(\n
\n\n {/* Update key of container when products load to flush out possible old product remenants */}\n \n ![\"Close](\"https://mannington.s3.amazonaws.com/resource/icons/x-thin.svg\"\n)
\n
,\n document.getElementsByTagName(\"body\")[0]\n )}\n {mobileFiltersView && !mobileFiltersOpen && (\n \n \n \n {selectedFiltersLength}{\" \"}\n {h.pluralize(\"filter\", selectedFiltersLength)} selected\n \n \n {selectedFiltersLength === 0 ? \"Select\" : \"Reset\"} filters\n \n
\n )}\n {(!mobileFiltersView || mobileFiltersOpen) && (\n // \n <>\n
*/}\n >\n )}\n \n
\n \n \n ![\"search](\"https://s3.amazonaws.com/mannington/theme/react-universal/static/icons/095__search__no_whitespace.svg\"\n)
\n {searchTerm && (\n ![\"Clear](\"https://mannington.s3.amazonaws.com/resource/icons/close.svg\"\n)
\n )}\n
\n \n {searchTerm && (\n \n )}\n \n \n \n
\n \n \n
\n \n \n \n {collection && (\n \n )}\n
\n \n )}\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n
\n \n \n {minimumAvailable ? (\n \n ) : null}\n
\n \n ) : null}\n \n \n
\n\n \n \n
\n \n \n \n
\n\n {!mobileFiltersView && selectedFiltersLength > 0 && (\n \n
\n \n \n
\n \n \n \n
\n )}\n\n {selectedFiltersLength > 0 &&\n displayProducts.length > 0 &&\n resultsReturned.current && (\n \n )}\n\n {mobileFiltersView && (\n \n {mobileFiltersViewResultsMsg()}\n
\n )}\n {mobileFiltersView &&\n displayProducts.length > 0 &&\n resultsReturned.current && (\n \n \n
\n )}\n\n {/* \n {!productsLoading && !resultsReturned.current && (\n
\n \n
\n )}\n\n {resultsReturned.current &&\n !productsLoading &&\n displayProducts.length === 0 &&\n !noFiltersSelected && (\n \n Select a filter and/or enter a search term to see available\n inventory.\n
\n \n
\n )}\n\n {\n // show results when offset is greater than 0 (i.e. loading more)\n (!productsLoading || offset > 0) &&\n displayProducts.length > 0 &&\n displayProducts.map(product => {\n return (\n {noResultsMsg()}
\n \n
\n )}\n \n Loading\n
\n {rerenderer}
\n \n For inquiries please contact Debbie Mock at{\" \"}\n \n Debbie.mock@mannington.com\n \n .\n
*/}\n >\n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import \"es6-promise/auto\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport axios from \"axios\";\nimport { QueryClient, QueryClientProvider } from \"react-query\";\nimport * as constants from \"./constants\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n staleTime: constants.fourHrs,\n cacheTime: constants.sixHrs,\n structuralSharing: false,\n queryFn: defaultQueryFn,\n },\n },\n});\n\nfunction defaultQueryFn({ queryKey }) {\n return axios.get(queryKey[0]).then(res => res.data);\n}\n\nReactDOM.render(\n