\n \n {children}\n
\n )\n}\n\nexport default FormItem;\n","'use strict';\n\nvar bind = require('./helpers/bind');\nvar isBuffer = require('is-buffer');\n\n/*global toString:true*/\n\n// utils is a library of generic helper functions non-specific to axios\n\nvar toString = Object.prototype.toString;\n\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\nfunction isArray(val) {\n return toString.call(val) === '[object Array]';\n}\n\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\nfunction isArrayBuffer(val) {\n return toString.call(val) === '[object ArrayBuffer]';\n}\n\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\nfunction isFormData(val) {\n return typeof FormData !== 'undefined' && val instanceof FormData;\n}\n\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\nfunction isArrayBufferView(val) {\n var result;\n if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView) {\n result = ArrayBuffer.isView(val);\n } else {\n result = val && val.buffer && val.buffer instanceof ArrayBuffer;\n }\n return result;\n}\n\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\nfunction isString(val) {\n return typeof val === 'string';\n}\n\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n\n/**\n * Determine if a value is a Date\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\nfunction isDate(val) {\n return toString.call(val) === '[object Date]';\n}\n\n/**\n * Determine if a value is a File\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\nfunction isFile(val) {\n return toString.call(val) === '[object File]';\n}\n\n/**\n * Determine if a value is a Blob\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\nfunction isBlob(val) {\n return toString.call(val) === '[object Blob]';\n}\n\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\nfunction isURLSearchParams(val) {\n return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\nfunction trim(str) {\n return str.replace(/^\\s*/, '').replace(/\\s*$/, '');\n}\n\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n */\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {\n return false;\n }\n return typeof window !== 'undefined' && typeof document !== 'undefined';\n}\n\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n }\n\n // Force an array if not already something iterable\n if (typeof obj !== 'object') {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction merge(/* obj1, obj2, obj3, ... */\n) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = merge(result[key], val);\n } else {\n result[key] = val;\n }\n }\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n extend: extend,\n trim: trim\n};","import React from 'react';\nimport LoadingBar from './loading-bar';\nimport LoadingText from './loading-text';\n\nconst Loading = (props) => {\n const { isLoading, type } = props;\n\n if (!isLoading) {\n return null;\n }\n\n if (type === 'bar') {\n return \n \n
\n )\n }\n}\n\nexport default Modal;\n","import React from 'react';\n\n// Used so a form can be submitted by\n// hitting `enter` in any form field.\nconst HiddenButton = () => {\n const style = { display: 'none' };\n\n return (\n \n )\n}\n\nexport default HiddenButton;\n","export default (event) => {\n const { checked, type, value } = event.target;\n return isCheckbox(type) ? checked : value;\n}\n\nfunction isCheckbox(type) {\n return type == 'checkbox';\n}\n","import swal from 'sweetalert';\n\nfunction swalError(errors) {\n swal({\n title: 'An error occurred and the data was not saved. Please refresh and try again.',\n icon: 'error',\n text: `${errors}`\n });\n}\n\nexport default swalError;\n","function _arrayLikeToArray(r, a) {\n (null == a || a > r.length) && (a = r.length);\n for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];\n return n;\n}\nexport { _arrayLikeToArray as default };","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nfunction _unsupportedIterableToArray(r, a) {\n if (r) {\n if (\"string\" == typeof r) return arrayLikeToArray(r, a);\n var t = {}.toString.call(r).slice(8, -1);\n return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0;\n }\n}\nexport { _unsupportedIterableToArray as default };","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nfunction _slicedToArray(r, e) {\n return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest();\n}\nexport { _slicedToArray as default };","function _arrayWithHoles(r) {\n if (Array.isArray(r)) return r;\n}\nexport { _arrayWithHoles as default };","function _iterableToArrayLimit(r, l) {\n var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n if (null != t) {\n var e,\n n,\n i,\n u,\n a = [],\n f = !0,\n o = !1;\n try {\n if (i = (t = t.call(r)).next, 0 === l) {\n if (Object(t) !== t) return;\n f = !1;\n } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n } catch (r) {\n o = !0, n = r;\n } finally {\n try {\n if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n } finally {\n if (o) throw n;\n }\n }\n return a;\n }\n}\nexport { _iterableToArrayLimit as default };","function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nexport { _nonIterableRest as default };","function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}\nexport { _typeof as default };","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nfunction toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nexport { toPropertyKey as default };","import _typeof from \"./typeof.js\";\nfunction toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}\nexport { toPrimitive as default };","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperty(e, r, t) {\n return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n value: t,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[r] = t, e;\n}\nexport { _defineProperty as default };","import defineProperty from \"./defineProperty.js\";\nfunction _objectSpread(e) {\n for (var r = 1; r < arguments.length; r++) {\n var t = null != arguments[r] ? Object(arguments[r]) : {},\n o = Object.keys(t);\n \"function\" == typeof Object.getOwnPropertySymbols && o.push.apply(o, Object.getOwnPropertySymbols(t).filter(function (e) {\n return Object.getOwnPropertyDescriptor(t, e).enumerable;\n })), o.forEach(function (r) {\n defineProperty(e, r, t[r]);\n });\n }\n return e;\n}\nexport { _objectSpread as default };","function _classCallCheck(a, n) {\n if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\");\n}\nexport { _classCallCheck as default };","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperties(e, r) {\n for (var t = 0; t < r.length; t++) {\n var o = r[t];\n o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);\n }\n}\nfunction _createClass(e, r, t) {\n return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", {\n writable: !1\n }), e;\n}\nexport { _createClass as default };","import _typeof from \"./typeof.js\";\nimport assertThisInitialized from \"./assertThisInitialized.js\";\nfunction _possibleConstructorReturn(t, e) {\n if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e;\n if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\");\n return assertThisInitialized(t);\n}\nexport { _possibleConstructorReturn as default };","function _getPrototypeOf(t) {\n return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {\n return t.__proto__ || Object.getPrototypeOf(t);\n }, _getPrototypeOf(t);\n}\nexport { _getPrototypeOf as default };","import setPrototypeOf from \"./setPrototypeOf.js\";\nfunction _inherits(t, e) {\n if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\");\n t.prototype = Object.create(e && e.prototype, {\n constructor: {\n value: t,\n writable: !0,\n configurable: !0\n }\n }), Object.defineProperty(t, \"prototype\", {\n writable: !1\n }), e && setPrototypeOf(t, e);\n}\nexport { _inherits as default };","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nfunction _toConsumableArray(r) {\n return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();\n}\nexport { _toConsumableArray as default };","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nfunction _arrayWithoutHoles(r) {\n if (Array.isArray(r)) return arrayLikeToArray(r);\n}\nexport { _arrayWithoutHoles as default };","function _iterableToArray(r) {\n if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r);\n}\nexport { _iterableToArray as default };","function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nexport { _nonIterableSpread as default };","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';\nimport _objectSpread from '@babel/runtime/helpers/esm/objectSpread';\nimport _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';\nimport _createClass from '@babel/runtime/helpers/esm/createClass';\nimport _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';\nimport _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';\nimport _inherits from '@babel/runtime/helpers/esm/inherits';\nimport _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';\nimport _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport { createElement, Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { findDOMNode } from 'react-dom';\nimport invariant from 'invariant';\nimport _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';\nvar Manager = function () {\n function Manager() {\n _classCallCheck(this, Manager);\n _defineProperty(this, \"refs\", {});\n }\n _createClass(Manager, [{\n key: \"add\",\n value: function add(collection, ref) {\n if (!this.refs[collection]) {\n this.refs[collection] = [];\n }\n this.refs[collection].push(ref);\n }\n }, {\n key: \"remove\",\n value: function remove(collection, ref) {\n var index = this.getIndex(collection, ref);\n if (index !== -1) {\n this.refs[collection].splice(index, 1);\n }\n }\n }, {\n key: \"isActive\",\n value: function isActive() {\n return this.active;\n }\n }, {\n key: \"getActive\",\n value: function getActive() {\n var _this = this;\n return this.refs[this.active.collection].find(function (_ref) {\n var node = _ref.node;\n return node.sortableInfo.index == _this.active.index;\n });\n }\n }, {\n key: \"getIndex\",\n value: function getIndex(collection, ref) {\n return this.refs[collection].indexOf(ref);\n }\n }, {\n key: \"getOrderedRefs\",\n value: function getOrderedRefs() {\n var collection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.active.collection;\n return this.refs[collection].sort(sortByIndex);\n }\n }]);\n return Manager;\n}();\nfunction sortByIndex(_ref2, _ref3) {\n var index1 = _ref2.node.sortableInfo.index;\n var index2 = _ref3.node.sortableInfo.index;\n return index1 - index2;\n}\nfunction arrayMove(array, from, to) {\n if (process.env.NODE_ENV !== 'production') {\n if (typeof console !== 'undefined') {\n console.warn(\"Deprecation warning: arrayMove will no longer be exported by 'react-sortable-hoc' in the next major release. Please install the `array-move` package locally instead. https://www.npmjs.com/package/array-move\");\n }\n }\n array = array.slice();\n array.splice(to < 0 ? array.length + to : to, 0, array.splice(from, 1)[0]);\n return array;\n}\nfunction omit(obj, keysToOmit) {\n return Object.keys(obj).reduce(function (acc, key) {\n if (keysToOmit.indexOf(key) === -1) {\n acc[key] = obj[key];\n }\n return acc;\n }, {});\n}\nvar events = {\n end: ['touchend', 'touchcancel', 'mouseup'],\n move: ['touchmove', 'mousemove'],\n start: ['touchstart', 'mousedown']\n};\nvar vendorPrefix = function () {\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n return '';\n }\n var styles = window.getComputedStyle(document.documentElement, '') || ['-moz-hidden-iframe'];\n var pre = (Array.prototype.slice.call(styles).join('').match(/-(moz|webkit|ms)-/) || styles.OLink === '' && ['', 'o'])[1];\n switch (pre) {\n case 'ms':\n return 'ms';\n default:\n return pre && pre.length ? pre[0].toUpperCase() + pre.substr(1) : '';\n }\n}();\nfunction setInlineStyles(node, styles) {\n Object.keys(styles).forEach(function (key) {\n node.style[key] = styles[key];\n });\n}\nfunction setTranslate3d(node, translate) {\n node.style[\"\".concat(vendorPrefix, \"Transform\")] = translate == null ? '' : \"translate3d(\".concat(translate.x, \"px,\").concat(translate.y, \"px,0)\");\n}\nfunction setTransitionDuration(node, duration) {\n node.style[\"\".concat(vendorPrefix, \"TransitionDuration\")] = duration == null ? '' : \"\".concat(duration, \"ms\");\n}\nfunction closest(el, fn) {\n while (el) {\n if (fn(el)) {\n return el;\n }\n el = el.parentNode;\n }\n return null;\n}\nfunction limit(min, max, value) {\n return Math.max(min, Math.min(value, max));\n}\nfunction getPixelValue(stringValue) {\n if (stringValue.substr(-2) === 'px') {\n return parseFloat(stringValue);\n }\n return 0;\n}\nfunction getElementMargin(element) {\n var style = window.getComputedStyle(element);\n return {\n bottom: getPixelValue(style.marginBottom),\n left: getPixelValue(style.marginLeft),\n right: getPixelValue(style.marginRight),\n top: getPixelValue(style.marginTop)\n };\n}\nfunction provideDisplayName(prefix, Component$$1) {\n var componentName = Component$$1.displayName || Component$$1.name;\n return componentName ? \"\".concat(prefix, \"(\").concat(componentName, \")\") : prefix;\n}\nfunction getScrollAdjustedBoundingClientRect(node, scrollDelta) {\n var boundingClientRect = node.getBoundingClientRect();\n return {\n top: boundingClientRect.top + scrollDelta.top,\n left: boundingClientRect.left + scrollDelta.left\n };\n}\nfunction getPosition(event) {\n if (event.touches && event.touches.length) {\n return {\n x: event.touches[0].pageX,\n y: event.touches[0].pageY\n };\n } else if (event.changedTouches && event.changedTouches.length) {\n return {\n x: event.changedTouches[0].pageX,\n y: event.changedTouches[0].pageY\n };\n } else {\n return {\n x: event.pageX,\n y: event.pageY\n };\n }\n}\nfunction isTouchEvent(event) {\n return event.touches && event.touches.length || event.changedTouches && event.changedTouches.length;\n}\nfunction getEdgeOffset(node, parent) {\n var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {\n left: 0,\n top: 0\n };\n if (!node) {\n return undefined;\n }\n var nodeOffset = {\n left: offset.left + node.offsetLeft,\n top: offset.top + node.offsetTop\n };\n if (node.parentNode === parent) {\n return nodeOffset;\n }\n return getEdgeOffset(node.parentNode, parent, nodeOffset);\n}\nfunction getTargetIndex(newIndex, prevIndex, oldIndex) {\n if (newIndex < oldIndex && newIndex > prevIndex) {\n return newIndex - 1;\n } else if (newIndex > oldIndex && newIndex < prevIndex) {\n return newIndex + 1;\n } else {\n return newIndex;\n }\n}\nfunction getLockPixelOffset(_ref) {\n var lockOffset = _ref.lockOffset,\n width = _ref.width,\n height = _ref.height;\n var offsetX = lockOffset;\n var offsetY = lockOffset;\n var unit = 'px';\n if (typeof lockOffset === 'string') {\n var match = /^[+-]?\\d*(?:\\.\\d*)?(px|%)$/.exec(lockOffset);\n invariant(match !== null, 'lockOffset value should be a number or a string of a ' + 'number followed by \"px\" or \"%\". Given %s', lockOffset);\n offsetX = parseFloat(lockOffset);\n offsetY = parseFloat(lockOffset);\n unit = match[1];\n }\n invariant(isFinite(offsetX) && isFinite(offsetY), 'lockOffset value should be a finite. Given %s', lockOffset);\n if (unit === '%') {\n offsetX = offsetX * width / 100;\n offsetY = offsetY * height / 100;\n }\n return {\n x: offsetX,\n y: offsetY\n };\n}\nfunction getLockPixelOffsets(_ref2) {\n var height = _ref2.height,\n width = _ref2.width,\n lockOffset = _ref2.lockOffset;\n var offsets = Array.isArray(lockOffset) ? lockOffset : [lockOffset, lockOffset];\n invariant(offsets.length === 2, 'lockOffset prop of SortableContainer should be a single ' + 'value or an array of exactly two values. Given %s', lockOffset);\n var _offsets = _slicedToArray(offsets, 2),\n minLockOffset = _offsets[0],\n maxLockOffset = _offsets[1];\n return [getLockPixelOffset({\n height: height,\n lockOffset: minLockOffset,\n width: width\n }), getLockPixelOffset({\n height: height,\n lockOffset: maxLockOffset,\n width: width\n })];\n}\nfunction isScrollable(el) {\n var computedStyle = window.getComputedStyle(el);\n var overflowRegex = /(auto|scroll)/;\n var properties = ['overflow', 'overflowX', 'overflowY'];\n return properties.find(function (property) {\n return overflowRegex.test(computedStyle[property]);\n });\n}\nfunction getScrollingParent(el) {\n if (!(el instanceof HTMLElement)) {\n return null;\n } else if (isScrollable(el)) {\n return el;\n } else {\n return getScrollingParent(el.parentNode);\n }\n}\nfunction getContainerGridGap(element) {\n var style = window.getComputedStyle(element);\n if (style.display === 'grid') {\n return {\n x: getPixelValue(style.gridColumnGap),\n y: getPixelValue(style.gridRowGap)\n };\n }\n return {\n x: 0,\n y: 0\n };\n}\nvar KEYCODE = {\n TAB: 9,\n ESC: 27,\n SPACE: 32,\n LEFT: 37,\n UP: 38,\n RIGHT: 39,\n DOWN: 40\n};\nvar NodeType = {\n Anchor: 'A',\n Button: 'BUTTON',\n Canvas: 'CANVAS',\n Input: 'INPUT',\n Option: 'OPTION',\n Textarea: 'TEXTAREA',\n Select: 'SELECT'\n};\nfunction cloneNode(node) {\n var selector = 'input, textarea, select, canvas, [contenteditable]';\n var fields = node.querySelectorAll(selector);\n var clonedNode = node.cloneNode(true);\n var clonedFields = _toConsumableArray(clonedNode.querySelectorAll(selector));\n clonedFields.forEach(function (field, i) {\n if (field.type !== 'file') {\n field.value = fields[i].value;\n }\n if (field.type === 'radio' && field.name) {\n field.name = \"__sortableClone__\".concat(field.name);\n }\n if (field.tagName === NodeType.Canvas && fields[i].width > 0 && fields[i].height > 0) {\n var destCtx = field.getContext('2d');\n destCtx.drawImage(fields[i], 0, 0);\n }\n });\n return clonedNode;\n}\nfunction sortableHandle(WrappedComponent) {\n var _class, _temp;\n var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n withRef: false\n };\n return _temp = _class = function (_React$Component) {\n _inherits(WithSortableHandle, _React$Component);\n function WithSortableHandle() {\n _classCallCheck(this, WithSortableHandle);\n return _possibleConstructorReturn(this, _getPrototypeOf(WithSortableHandle).apply(this, arguments));\n }\n _createClass(WithSortableHandle, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var node = findDOMNode(this);\n node.sortableHandle = true;\n }\n }, {\n key: \"getWrappedInstance\",\n value: function getWrappedInstance() {\n invariant(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableHandle() call');\n return this.refs.wrappedInstance;\n }\n }, {\n key: \"render\",\n value: function render() {\n var ref = config.withRef ? 'wrappedInstance' : null;\n return /*#__PURE__*/createElement(WrappedComponent, _extends({\n ref: ref\n }, this.props));\n }\n }]);\n return WithSortableHandle;\n }(Component), _defineProperty(_class, \"displayName\", provideDisplayName('sortableHandle', WrappedComponent)), _temp;\n}\nfunction isSortableHandle(node) {\n return node.sortableHandle != null;\n}\nvar AutoScroller = function () {\n function AutoScroller(container, onScrollCallback) {\n _classCallCheck(this, AutoScroller);\n this.container = container;\n this.onScrollCallback = onScrollCallback;\n }\n _createClass(AutoScroller, [{\n key: \"clear\",\n value: function clear() {\n if (this.interval == null) {\n return;\n }\n clearInterval(this.interval);\n this.interval = null;\n }\n }, {\n key: \"update\",\n value: function update(_ref) {\n var _this = this;\n var translate = _ref.translate,\n minTranslate = _ref.minTranslate,\n maxTranslate = _ref.maxTranslate,\n width = _ref.width,\n height = _ref.height;\n var direction = {\n x: 0,\n y: 0\n };\n var speed = {\n x: 1,\n y: 1\n };\n var acceleration = {\n x: 10,\n y: 10\n };\n var _this$container = this.container,\n scrollTop = _this$container.scrollTop,\n scrollLeft = _this$container.scrollLeft,\n scrollHeight = _this$container.scrollHeight,\n scrollWidth = _this$container.scrollWidth,\n clientHeight = _this$container.clientHeight,\n clientWidth = _this$container.clientWidth;\n var isTop = scrollTop === 0;\n var isBottom = scrollHeight - scrollTop - clientHeight === 0;\n var isLeft = scrollLeft === 0;\n var isRight = scrollWidth - scrollLeft - clientWidth === 0;\n if (translate.y >= maxTranslate.y - height / 2 && !isBottom) {\n direction.y = 1;\n speed.y = acceleration.y * Math.abs((maxTranslate.y - height / 2 - translate.y) / height);\n } else if (translate.x >= maxTranslate.x - width / 2 && !isRight) {\n direction.x = 1;\n speed.x = acceleration.x * Math.abs((maxTranslate.x - width / 2 - translate.x) / width);\n } else if (translate.y <= minTranslate.y + height / 2 && !isTop) {\n direction.y = -1;\n speed.y = acceleration.y * Math.abs((translate.y - height / 2 - minTranslate.y) / height);\n } else if (translate.x <= minTranslate.x + width / 2 && !isLeft) {\n direction.x = -1;\n speed.x = acceleration.x * Math.abs((translate.x - width / 2 - minTranslate.x) / width);\n }\n if (this.interval) {\n this.clear();\n this.isAutoScrolling = false;\n }\n if (direction.x !== 0 || direction.y !== 0) {\n this.interval = setInterval(function () {\n _this.isAutoScrolling = true;\n var offset = {\n left: speed.x * direction.x,\n top: speed.y * direction.y\n };\n _this.container.scrollTop += offset.top;\n _this.container.scrollLeft += offset.left;\n _this.onScrollCallback(offset);\n }, 5);\n }\n }\n }]);\n return AutoScroller;\n}();\nfunction defaultGetHelperDimensions(_ref) {\n var node = _ref.node;\n return {\n height: node.offsetHeight,\n width: node.offsetWidth\n };\n}\nfunction defaultShouldCancelStart(event) {\n var interactiveElements = [NodeType.Input, NodeType.Textarea, NodeType.Select, NodeType.Option, NodeType.Button];\n if (interactiveElements.indexOf(event.target.tagName) !== -1) {\n return true;\n }\n if (closest(event.target, function (el) {\n return el.contentEditable === 'true';\n })) {\n return true;\n }\n return false;\n}\nvar propTypes = {\n axis: PropTypes.oneOf(['x', 'y', 'xy']),\n contentWindow: PropTypes.any,\n disableAutoscroll: PropTypes.bool,\n distance: PropTypes.number,\n getContainer: PropTypes.func,\n getHelperDimensions: PropTypes.func,\n helperClass: PropTypes.string,\n helperContainer: PropTypes.oneOfType([PropTypes.func, typeof HTMLElement === 'undefined' ? PropTypes.any : PropTypes.instanceOf(HTMLElement)]),\n hideSortableGhost: PropTypes.bool,\n keyboardSortingTransitionDuration: PropTypes.number,\n lockAxis: PropTypes.string,\n lockOffset: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]))]),\n lockToContainerEdges: PropTypes.bool,\n onSortEnd: PropTypes.func,\n onSortMove: PropTypes.func,\n onSortOver: PropTypes.func,\n onSortStart: PropTypes.func,\n pressDelay: PropTypes.number,\n pressThreshold: PropTypes.number,\n keyCodes: PropTypes.shape({\n lift: PropTypes.arrayOf(PropTypes.number),\n drop: PropTypes.arrayOf(PropTypes.number),\n cancel: PropTypes.arrayOf(PropTypes.number),\n up: PropTypes.arrayOf(PropTypes.number),\n down: PropTypes.arrayOf(PropTypes.number)\n }),\n shouldCancelStart: PropTypes.func,\n transitionDuration: PropTypes.number,\n updateBeforeSortStart: PropTypes.func,\n useDragHandle: PropTypes.bool,\n useWindowAsScrollContainer: PropTypes.bool\n};\nvar defaultKeyCodes = {\n lift: [KEYCODE.SPACE],\n drop: [KEYCODE.SPACE],\n cancel: [KEYCODE.ESC],\n up: [KEYCODE.UP, KEYCODE.LEFT],\n down: [KEYCODE.DOWN, KEYCODE.RIGHT]\n};\nvar defaultProps = {\n axis: 'y',\n disableAutoscroll: false,\n distance: 0,\n getHelperDimensions: defaultGetHelperDimensions,\n hideSortableGhost: true,\n lockOffset: '50%',\n lockToContainerEdges: false,\n pressDelay: 0,\n pressThreshold: 5,\n keyCodes: defaultKeyCodes,\n shouldCancelStart: defaultShouldCancelStart,\n transitionDuration: 300,\n useWindowAsScrollContainer: false\n};\nvar omittedProps = Object.keys(propTypes);\nfunction validateProps(props) {\n invariant(!(props.distance && props.pressDelay), 'Attempted to set both `pressDelay` and `distance` on SortableContainer, you may only use one or the other, not both at the same time.');\n}\nfunction _finallyRethrows(body, finalizer) {\n try {\n var result = body();\n } catch (e) {\n return finalizer(true, e);\n }\n if (result && result.then) {\n return result.then(finalizer.bind(null, false), finalizer.bind(null, true));\n }\n return finalizer(false, value);\n}\nfunction sortableContainer(WrappedComponent) {\n var _class, _temp;\n var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n withRef: false\n };\n return _temp = _class = function (_React$Component) {\n _inherits(WithSortableContainer, _React$Component);\n function WithSortableContainer(props) {\n var _this;\n _classCallCheck(this, WithSortableContainer);\n _this = _possibleConstructorReturn(this, _getPrototypeOf(WithSortableContainer).call(this, props));\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"state\", {});\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleStart\", function (event) {\n var _this$props = _this.props,\n distance = _this$props.distance,\n shouldCancelStart = _this$props.shouldCancelStart;\n if (event.button === 2 || shouldCancelStart(event)) {\n return;\n }\n _this.touched = true;\n _this.position = getPosition(event);\n var node = closest(event.target, function (el) {\n return el.sortableInfo != null;\n });\n if (node && node.sortableInfo && _this.nodeIsChild(node) && !_this.state.sorting) {\n var useDragHandle = _this.props.useDragHandle;\n var _node$sortableInfo = node.sortableInfo,\n index = _node$sortableInfo.index,\n collection = _node$sortableInfo.collection,\n disabled = _node$sortableInfo.disabled;\n if (disabled) {\n return;\n }\n if (useDragHandle && !closest(event.target, isSortableHandle)) {\n return;\n }\n _this.manager.active = {\n collection: collection,\n index: index\n };\n if (!isTouchEvent(event) && event.target.tagName === NodeType.Anchor) {\n event.preventDefault();\n }\n if (!distance) {\n if (_this.props.pressDelay === 0) {\n _this.handlePress(event);\n } else {\n _this.pressTimer = setTimeout(function () {\n return _this.handlePress(event);\n }, _this.props.pressDelay);\n }\n }\n }\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"nodeIsChild\", function (node) {\n return node.sortableInfo.manager === _this.manager;\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleMove\", function (event) {\n var _this$props2 = _this.props,\n distance = _this$props2.distance,\n pressThreshold = _this$props2.pressThreshold;\n if (!_this.state.sorting && _this.touched && !_this._awaitingUpdateBeforeSortStart) {\n var position = getPosition(event);\n var delta = {\n x: _this.position.x - position.x,\n y: _this.position.y - position.y\n };\n var combinedDelta = Math.abs(delta.x) + Math.abs(delta.y);\n _this.delta = delta;\n if (!distance && (!pressThreshold || combinedDelta >= pressThreshold)) {\n clearTimeout(_this.cancelTimer);\n _this.cancelTimer = setTimeout(_this.cancel, 0);\n } else if (distance && combinedDelta >= distance && _this.manager.isActive()) {\n _this.handlePress(event);\n }\n }\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleEnd\", function () {\n _this.touched = false;\n _this.cancel();\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"cancel\", function () {\n var distance = _this.props.distance;\n var sorting = _this.state.sorting;\n if (!sorting) {\n if (!distance) {\n clearTimeout(_this.pressTimer);\n }\n _this.manager.active = null;\n }\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handlePress\", function (event) {\n try {\n var active = _this.manager.getActive();\n var _temp6 = function () {\n if (active) {\n var _temp7 = function _temp7() {\n var index = _node.sortableInfo.index;\n var margin = getElementMargin(_node);\n var gridGap = getContainerGridGap(_this.container);\n var containerBoundingRect = _this.scrollContainer.getBoundingClientRect();\n var dimensions = _getHelperDimensions({\n index: index,\n node: _node,\n collection: _collection\n });\n _this.node = _node;\n _this.margin = margin;\n _this.gridGap = gridGap;\n _this.width = dimensions.width;\n _this.height = dimensions.height;\n _this.marginOffset = {\n x: _this.margin.left + _this.margin.right + _this.gridGap.x,\n y: Math.max(_this.margin.top, _this.margin.bottom, _this.gridGap.y)\n };\n _this.boundingClientRect = _node.getBoundingClientRect();\n _this.containerBoundingRect = containerBoundingRect;\n _this.index = index;\n _this.newIndex = index;\n _this.axis = {\n x: _axis.indexOf('x') >= 0,\n y: _axis.indexOf('y') >= 0\n };\n _this.offsetEdge = getEdgeOffset(_node, _this.container);\n if (_isKeySorting) {\n _this.initialOffset = getPosition(_objectSpread({}, event, {\n pageX: _this.boundingClientRect.left,\n pageY: _this.boundingClientRect.top\n }));\n } else {\n _this.initialOffset = getPosition(event);\n }\n _this.initialScroll = {\n left: _this.scrollContainer.scrollLeft,\n top: _this.scrollContainer.scrollTop\n };\n _this.initialWindowScroll = {\n left: window.pageXOffset,\n top: window.pageYOffset\n };\n _this.helper = _this.helperContainer.appendChild(cloneNode(_node));\n setInlineStyles(_this.helper, {\n boxSizing: 'border-box',\n height: \"\".concat(_this.height, \"px\"),\n left: \"\".concat(_this.boundingClientRect.left - margin.left, \"px\"),\n pointerEvents: 'none',\n position: 'fixed',\n top: \"\".concat(_this.boundingClientRect.top - margin.top, \"px\"),\n width: \"\".concat(_this.width, \"px\")\n });\n if (_isKeySorting) {\n _this.helper.focus();\n }\n if (_hideSortableGhost) {\n _this.sortableGhost = _node;\n setInlineStyles(_node, {\n opacity: 0,\n visibility: 'hidden'\n });\n }\n _this.minTranslate = {};\n _this.maxTranslate = {};\n if (_isKeySorting) {\n var _ref = _useWindowAsScrollContainer ? {\n top: 0,\n left: 0,\n width: _this.contentWindow.innerWidth,\n height: _this.contentWindow.innerHeight\n } : _this.containerBoundingRect,\n containerTop = _ref.top,\n containerLeft = _ref.left,\n containerWidth = _ref.width,\n containerHeight = _ref.height;\n var containerBottom = containerTop + containerHeight;\n var containerRight = containerLeft + containerWidth;\n if (_this.axis.x) {\n _this.minTranslate.x = containerLeft - _this.boundingClientRect.left;\n _this.maxTranslate.x = containerRight - (_this.boundingClientRect.left + _this.width);\n }\n if (_this.axis.y) {\n _this.minTranslate.y = containerTop - _this.boundingClientRect.top;\n _this.maxTranslate.y = containerBottom - (_this.boundingClientRect.top + _this.height);\n }\n } else {\n if (_this.axis.x) {\n _this.minTranslate.x = (_useWindowAsScrollContainer ? 0 : containerBoundingRect.left) - _this.boundingClientRect.left - _this.width / 2;\n _this.maxTranslate.x = (_useWindowAsScrollContainer ? _this.contentWindow.innerWidth : containerBoundingRect.left + containerBoundingRect.width) - _this.boundingClientRect.left - _this.width / 2;\n }\n if (_this.axis.y) {\n _this.minTranslate.y = (_useWindowAsScrollContainer ? 0 : containerBoundingRect.top) - _this.boundingClientRect.top - _this.height / 2;\n _this.maxTranslate.y = (_useWindowAsScrollContainer ? _this.contentWindow.innerHeight : containerBoundingRect.top + containerBoundingRect.height) - _this.boundingClientRect.top - _this.height / 2;\n }\n }\n if (_helperClass) {\n _helperClass.split(' ').forEach(function (className) {\n return _this.helper.classList.add(className);\n });\n }\n _this.listenerNode = event.touches ? _node : _this.contentWindow;\n if (_isKeySorting) {\n _this.listenerNode.addEventListener('wheel', _this.handleKeyEnd, true);\n _this.listenerNode.addEventListener('mousedown', _this.handleKeyEnd, true);\n _this.listenerNode.addEventListener('keydown', _this.handleKeyDown);\n } else {\n events.move.forEach(function (eventName) {\n return _this.listenerNode.addEventListener(eventName, _this.handleSortMove, false);\n });\n events.end.forEach(function (eventName) {\n return _this.listenerNode.addEventListener(eventName, _this.handleSortEnd, false);\n });\n }\n _this.setState({\n sorting: true,\n sortingIndex: index\n });\n if (_onSortStart) {\n _onSortStart({\n node: _node,\n index: index,\n collection: _collection,\n isKeySorting: _isKeySorting,\n nodes: _this.manager.getOrderedRefs(),\n helper: _this.helper\n }, event);\n }\n if (_isKeySorting) {\n _this.keyMove(0);\n }\n };\n var _this$props3 = _this.props,\n _axis = _this$props3.axis,\n _getHelperDimensions = _this$props3.getHelperDimensions,\n _helperClass = _this$props3.helperClass,\n _hideSortableGhost = _this$props3.hideSortableGhost,\n updateBeforeSortStart = _this$props3.updateBeforeSortStart,\n _onSortStart = _this$props3.onSortStart,\n _useWindowAsScrollContainer = _this$props3.useWindowAsScrollContainer;\n var _node = active.node,\n _collection = active.collection;\n var _isKeySorting = _this.manager.isKeySorting;\n var _temp8 = function () {\n if (typeof updateBeforeSortStart === 'function') {\n _this._awaitingUpdateBeforeSortStart = true;\n var _temp9 = _finallyRethrows(function () {\n var index = _node.sortableInfo.index;\n return Promise.resolve(updateBeforeSortStart({\n collection: _collection,\n index: index,\n node: _node,\n isKeySorting: _isKeySorting\n }, event)).then(function () {});\n }, function (_wasThrown, _result) {\n _this._awaitingUpdateBeforeSortStart = false;\n if (_wasThrown) throw _result;\n return _result;\n });\n if (_temp9 && _temp9.then) return _temp9.then(function () {});\n }\n }();\n return _temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8);\n }\n }();\n return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);\n } catch (e) {\n return Promise.reject(e);\n }\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleSortMove\", function (event) {\n var onSortMove = _this.props.onSortMove;\n if (typeof event.preventDefault === 'function') {\n event.preventDefault();\n }\n _this.updateHelperPosition(event);\n _this.animateNodes();\n _this.autoscroll();\n if (onSortMove) {\n onSortMove(event);\n }\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleSortEnd\", function (event) {\n var _this$props4 = _this.props,\n hideSortableGhost = _this$props4.hideSortableGhost,\n onSortEnd = _this$props4.onSortEnd;\n var _this$manager = _this.manager,\n collection = _this$manager.active.collection,\n isKeySorting = _this$manager.isKeySorting;\n var nodes = _this.manager.getOrderedRefs();\n if (_this.listenerNode) {\n if (isKeySorting) {\n _this.listenerNode.removeEventListener('wheel', _this.handleKeyEnd, true);\n _this.listenerNode.removeEventListener('mousedown', _this.handleKeyEnd, true);\n _this.listenerNode.removeEventListener('keydown', _this.handleKeyDown);\n } else {\n events.move.forEach(function (eventName) {\n return _this.listenerNode.removeEventListener(eventName, _this.handleSortMove);\n });\n events.end.forEach(function (eventName) {\n return _this.listenerNode.removeEventListener(eventName, _this.handleSortEnd);\n });\n }\n }\n _this.helper.parentNode.removeChild(_this.helper);\n if (hideSortableGhost && _this.sortableGhost) {\n setInlineStyles(_this.sortableGhost, {\n opacity: '',\n visibility: ''\n });\n }\n for (var i = 0, len = nodes.length; i < len; i++) {\n var _node2 = nodes[i];\n var el = _node2.node;\n _node2.edgeOffset = null;\n _node2.boundingClientRect = null;\n setTranslate3d(el, null);\n setTransitionDuration(el, null);\n _node2.translate = null;\n }\n _this.autoScroller.clear();\n _this.manager.active = null;\n _this.manager.isKeySorting = false;\n _this.setState({\n sorting: false,\n sortingIndex: null\n });\n if (typeof onSortEnd === 'function') {\n onSortEnd({\n collection: collection,\n newIndex: _this.newIndex,\n oldIndex: _this.index,\n isKeySorting: isKeySorting,\n nodes: nodes\n }, event);\n }\n _this.touched = false;\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"autoscroll\", function () {\n var disableAutoscroll = _this.props.disableAutoscroll;\n var isKeySorting = _this.manager.isKeySorting;\n if (disableAutoscroll) {\n _this.autoScroller.clear();\n return;\n }\n if (isKeySorting) {\n var translate = _objectSpread({}, _this.translate);\n var scrollX = 0;\n var scrollY = 0;\n if (_this.axis.x) {\n translate.x = Math.min(_this.maxTranslate.x, Math.max(_this.minTranslate.x, _this.translate.x));\n scrollX = _this.translate.x - translate.x;\n }\n if (_this.axis.y) {\n translate.y = Math.min(_this.maxTranslate.y, Math.max(_this.minTranslate.y, _this.translate.y));\n scrollY = _this.translate.y - translate.y;\n }\n _this.translate = translate;\n setTranslate3d(_this.helper, _this.translate);\n _this.scrollContainer.scrollLeft += scrollX;\n _this.scrollContainer.scrollTop += scrollY;\n return;\n }\n _this.autoScroller.update({\n height: _this.height,\n maxTranslate: _this.maxTranslate,\n minTranslate: _this.minTranslate,\n translate: _this.translate,\n width: _this.width\n });\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"onAutoScroll\", function (offset) {\n _this.translate.x += offset.left;\n _this.translate.y += offset.top;\n _this.animateNodes();\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleKeyDown\", function (event) {\n var keyCode = event.keyCode;\n var _this$props5 = _this.props,\n shouldCancelStart = _this$props5.shouldCancelStart,\n _this$props5$keyCodes = _this$props5.keyCodes,\n customKeyCodes = _this$props5$keyCodes === void 0 ? {} : _this$props5$keyCodes;\n var keyCodes = _objectSpread({}, defaultKeyCodes, customKeyCodes);\n if (_this.manager.active && !_this.manager.isKeySorting || !_this.manager.active && (!keyCodes.lift.includes(keyCode) || shouldCancelStart(event) || !_this.isValidSortingTarget(event))) {\n return;\n }\n event.stopPropagation();\n event.preventDefault();\n if (keyCodes.lift.includes(keyCode) && !_this.manager.active) {\n _this.keyLift(event);\n } else if (keyCodes.drop.includes(keyCode) && _this.manager.active) {\n _this.keyDrop(event);\n } else if (keyCodes.cancel.includes(keyCode)) {\n _this.newIndex = _this.manager.active.index;\n _this.keyDrop(event);\n } else if (keyCodes.up.includes(keyCode)) {\n _this.keyMove(-1);\n } else if (keyCodes.down.includes(keyCode)) {\n _this.keyMove(1);\n }\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"keyLift\", function (event) {\n var target = event.target;\n var node = closest(target, function (el) {\n return el.sortableInfo != null;\n });\n var _node$sortableInfo2 = node.sortableInfo,\n index = _node$sortableInfo2.index,\n collection = _node$sortableInfo2.collection;\n _this.initialFocusedNode = target;\n _this.manager.isKeySorting = true;\n _this.manager.active = {\n index: index,\n collection: collection\n };\n _this.handlePress(event);\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"keyMove\", function (shift) {\n var nodes = _this.manager.getOrderedRefs();\n var lastIndex = nodes[nodes.length - 1].node.sortableInfo.index;\n var newIndex = _this.newIndex + shift;\n var prevIndex = _this.newIndex;\n if (newIndex < 0 || newIndex > lastIndex) {\n return;\n }\n _this.prevIndex = prevIndex;\n _this.newIndex = newIndex;\n var targetIndex = getTargetIndex(_this.newIndex, _this.prevIndex, _this.index);\n var target = nodes.find(function (_ref2) {\n var node = _ref2.node;\n return node.sortableInfo.index === targetIndex;\n });\n var targetNode = target.node;\n var scrollDelta = _this.containerScrollDelta;\n var targetBoundingClientRect = target.boundingClientRect || getScrollAdjustedBoundingClientRect(targetNode, scrollDelta);\n var targetTranslate = target.translate || {\n x: 0,\n y: 0\n };\n var targetPosition = {\n top: targetBoundingClientRect.top + targetTranslate.y - scrollDelta.top,\n left: targetBoundingClientRect.left + targetTranslate.x - scrollDelta.left\n };\n var shouldAdjustForSize = prevIndex < newIndex;\n var sizeAdjustment = {\n x: shouldAdjustForSize && _this.axis.x ? targetNode.offsetWidth - _this.width : 0,\n y: shouldAdjustForSize && _this.axis.y ? targetNode.offsetHeight - _this.height : 0\n };\n _this.handleSortMove({\n pageX: targetPosition.left + sizeAdjustment.x,\n pageY: targetPosition.top + sizeAdjustment.y,\n ignoreTransition: shift === 0\n });\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"keyDrop\", function (event) {\n _this.handleSortEnd(event);\n if (_this.initialFocusedNode) {\n _this.initialFocusedNode.focus();\n }\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleKeyEnd\", function (event) {\n if (_this.manager.active) {\n _this.keyDrop(event);\n }\n });\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"isValidSortingTarget\", function (event) {\n var useDragHandle = _this.props.useDragHandle;\n var target = event.target;\n var node = closest(target, function (el) {\n return el.sortableInfo != null;\n });\n return node && node.sortableInfo && !node.sortableInfo.disabled && (useDragHandle ? isSortableHandle(target) : target.sortableInfo);\n });\n validateProps(props);\n _this.manager = new Manager();\n _this.events = {\n end: _this.handleEnd,\n move: _this.handleMove,\n start: _this.handleStart\n };\n return _this;\n }\n _createClass(WithSortableContainer, [{\n key: \"getChildContext\",\n value: function getChildContext() {\n return {\n manager: this.manager\n };\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n var useWindowAsScrollContainer = this.props.useWindowAsScrollContainer;\n var container = this.getContainer();\n Promise.resolve(container).then(function (containerNode) {\n _this2.container = containerNode;\n _this2.document = _this2.container.ownerDocument || document;\n var contentWindow = _this2.props.contentWindow || _this2.document.defaultView || window;\n _this2.contentWindow = typeof contentWindow === 'function' ? contentWindow() : contentWindow;\n _this2.scrollContainer = useWindowAsScrollContainer ? _this2.document.scrollingElement || _this2.document.documentElement : getScrollingParent(_this2.container) || _this2.container;\n _this2.autoScroller = new AutoScroller(_this2.scrollContainer, _this2.onAutoScroll);\n Object.keys(_this2.events).forEach(function (key) {\n return events[key].forEach(function (eventName) {\n return _this2.container.addEventListener(eventName, _this2.events[key], false);\n });\n });\n _this2.container.addEventListener('keydown', _this2.handleKeyDown);\n });\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n var _this3 = this;\n if (this.helper && this.helper.parentNode) {\n this.helper.parentNode.removeChild(this.helper);\n }\n if (!this.container) {\n return;\n }\n Object.keys(this.events).forEach(function (key) {\n return events[key].forEach(function (eventName) {\n return _this3.container.removeEventListener(eventName, _this3.events[key]);\n });\n });\n this.container.removeEventListener('keydown', this.handleKeyDown);\n }\n }, {\n key: \"updateHelperPosition\",\n value: function updateHelperPosition(event) {\n var _this$props6 = this.props,\n lockAxis = _this$props6.lockAxis,\n lockOffset = _this$props6.lockOffset,\n lockToContainerEdges = _this$props6.lockToContainerEdges,\n transitionDuration = _this$props6.transitionDuration,\n _this$props6$keyboard = _this$props6.keyboardSortingTransitionDuration,\n keyboardSortingTransitionDuration = _this$props6$keyboard === void 0 ? transitionDuration : _this$props6$keyboard;\n var isKeySorting = this.manager.isKeySorting;\n var ignoreTransition = event.ignoreTransition;\n var offset = getPosition(event);\n var translate = {\n x: offset.x - this.initialOffset.x,\n y: offset.y - this.initialOffset.y\n };\n translate.y -= window.pageYOffset - this.initialWindowScroll.top;\n translate.x -= window.pageXOffset - this.initialWindowScroll.left;\n this.translate = translate;\n if (lockToContainerEdges) {\n var _getLockPixelOffsets = getLockPixelOffsets({\n height: this.height,\n lockOffset: lockOffset,\n width: this.width\n }),\n _getLockPixelOffsets2 = _slicedToArray(_getLockPixelOffsets, 2),\n minLockOffset = _getLockPixelOffsets2[0],\n maxLockOffset = _getLockPixelOffsets2[1];\n var minOffset = {\n x: this.width / 2 - minLockOffset.x,\n y: this.height / 2 - minLockOffset.y\n };\n var maxOffset = {\n x: this.width / 2 - maxLockOffset.x,\n y: this.height / 2 - maxLockOffset.y\n };\n translate.x = limit(this.minTranslate.x + minOffset.x, this.maxTranslate.x - maxOffset.x, translate.x);\n translate.y = limit(this.minTranslate.y + minOffset.y, this.maxTranslate.y - maxOffset.y, translate.y);\n }\n if (lockAxis === 'x') {\n translate.y = 0;\n } else if (lockAxis === 'y') {\n translate.x = 0;\n }\n if (isKeySorting && keyboardSortingTransitionDuration && !ignoreTransition) {\n setTransitionDuration(this.helper, keyboardSortingTransitionDuration);\n }\n setTranslate3d(this.helper, translate);\n }\n }, {\n key: \"animateNodes\",\n value: function animateNodes() {\n var _this$props7 = this.props,\n transitionDuration = _this$props7.transitionDuration,\n hideSortableGhost = _this$props7.hideSortableGhost,\n onSortOver = _this$props7.onSortOver;\n var containerScrollDelta = this.containerScrollDelta,\n windowScrollDelta = this.windowScrollDelta;\n var nodes = this.manager.getOrderedRefs();\n var sortingOffset = {\n left: this.offsetEdge.left + this.translate.x + containerScrollDelta.left,\n top: this.offsetEdge.top + this.translate.y + containerScrollDelta.top\n };\n var isKeySorting = this.manager.isKeySorting;\n var prevIndex = this.newIndex;\n this.newIndex = null;\n for (var i = 0, len = nodes.length; i < len; i++) {\n var _node3 = nodes[i].node;\n var index = _node3.sortableInfo.index;\n var width = _node3.offsetWidth;\n var height = _node3.offsetHeight;\n var offset = {\n height: this.height > height ? height / 2 : this.height / 2,\n width: this.width > width ? width / 2 : this.width / 2\n };\n var mustShiftBackward = isKeySorting && index > this.index && index <= prevIndex;\n var mustShiftForward = isKeySorting && index < this.index && index >= prevIndex;\n var translate = {\n x: 0,\n y: 0\n };\n var edgeOffset = nodes[i].edgeOffset;\n if (!edgeOffset) {\n edgeOffset = getEdgeOffset(_node3, this.container);\n nodes[i].edgeOffset = edgeOffset;\n if (isKeySorting) {\n nodes[i].boundingClientRect = getScrollAdjustedBoundingClientRect(_node3, containerScrollDelta);\n }\n }\n var nextNode = i < nodes.length - 1 && nodes[i + 1];\n var prevNode = i > 0 && nodes[i - 1];\n if (nextNode && !nextNode.edgeOffset) {\n nextNode.edgeOffset = getEdgeOffset(nextNode.node, this.container);\n if (isKeySorting) {\n nextNode.boundingClientRect = getScrollAdjustedBoundingClientRect(nextNode.node, containerScrollDelta);\n }\n }\n if (index === this.index) {\n if (hideSortableGhost) {\n this.sortableGhost = _node3;\n setInlineStyles(_node3, {\n opacity: 0,\n visibility: 'hidden'\n });\n }\n continue;\n }\n if (transitionDuration) {\n setTransitionDuration(_node3, transitionDuration);\n }\n if (this.axis.x) {\n if (this.axis.y) {\n if (mustShiftForward || index < this.index && (sortingOffset.left + windowScrollDelta.left - offset.width <= edgeOffset.left && sortingOffset.top + windowScrollDelta.top <= edgeOffset.top + offset.height || sortingOffset.top + windowScrollDelta.top + offset.height <= edgeOffset.top)) {\n translate.x = this.width + this.marginOffset.x;\n if (edgeOffset.left + translate.x > this.containerBoundingRect.width - offset.width) {\n if (nextNode) {\n translate.x = nextNode.edgeOffset.left - edgeOffset.left;\n translate.y = nextNode.edgeOffset.top - edgeOffset.top;\n }\n }\n if (this.newIndex === null) {\n this.newIndex = index;\n }\n } else if (mustShiftBackward || index > this.index && (sortingOffset.left + windowScrollDelta.left + offset.width >= edgeOffset.left && sortingOffset.top + windowScrollDelta.top + offset.height >= edgeOffset.top || sortingOffset.top + windowScrollDelta.top + offset.height >= edgeOffset.top + height)) {\n translate.x = -(this.width + this.marginOffset.x);\n if (edgeOffset.left + translate.x < this.containerBoundingRect.left + offset.width) {\n if (prevNode) {\n translate.x = prevNode.edgeOffset.left - edgeOffset.left;\n translate.y = prevNode.edgeOffset.top - edgeOffset.top;\n }\n }\n this.newIndex = index;\n }\n } else {\n if (mustShiftBackward || index > this.index && sortingOffset.left + windowScrollDelta.left + offset.width >= edgeOffset.left) {\n translate.x = -(this.width + this.marginOffset.x);\n this.newIndex = index;\n } else if (mustShiftForward || index < this.index && sortingOffset.left + windowScrollDelta.left <= edgeOffset.left + offset.width) {\n translate.x = this.width + this.marginOffset.x;\n if (this.newIndex == null) {\n this.newIndex = index;\n }\n }\n }\n } else if (this.axis.y) {\n if (mustShiftBackward || index > this.index && sortingOffset.top + windowScrollDelta.top + offset.height >= edgeOffset.top) {\n translate.y = -(this.height + this.marginOffset.y);\n this.newIndex = index;\n } else if (mustShiftForward || index < this.index && sortingOffset.top + windowScrollDelta.top <= edgeOffset.top + offset.height) {\n translate.y = this.height + this.marginOffset.y;\n if (this.newIndex == null) {\n this.newIndex = index;\n }\n }\n }\n setTranslate3d(_node3, translate);\n nodes[i].translate = translate;\n }\n if (this.newIndex == null) {\n this.newIndex = this.index;\n }\n if (isKeySorting) {\n this.newIndex = prevIndex;\n }\n var oldIndex = isKeySorting ? this.prevIndex : prevIndex;\n if (onSortOver && this.newIndex !== oldIndex) {\n onSortOver({\n collection: this.manager.active.collection,\n index: this.index,\n newIndex: this.newIndex,\n oldIndex: oldIndex,\n isKeySorting: isKeySorting,\n nodes: nodes,\n helper: this.helper\n });\n }\n }\n }, {\n key: \"getWrappedInstance\",\n value: function getWrappedInstance() {\n invariant(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableContainer() call');\n return this.refs.wrappedInstance;\n }\n }, {\n key: \"getContainer\",\n value: function getContainer() {\n var getContainer = this.props.getContainer;\n if (typeof getContainer !== 'function') {\n return findDOMNode(this);\n }\n return getContainer(config.withRef ? this.getWrappedInstance() : undefined);\n }\n }, {\n key: \"render\",\n value: function render() {\n var ref = config.withRef ? 'wrappedInstance' : null;\n return /*#__PURE__*/createElement(WrappedComponent, _extends({\n ref: ref\n }, omit(this.props, omittedProps)));\n }\n }, {\n key: \"helperContainer\",\n get: function get() {\n var helperContainer = this.props.helperContainer;\n if (typeof helperContainer === 'function') {\n return helperContainer();\n }\n return this.props.helperContainer || this.document.body;\n }\n }, {\n key: \"containerScrollDelta\",\n get: function get() {\n var useWindowAsScrollContainer = this.props.useWindowAsScrollContainer;\n if (useWindowAsScrollContainer) {\n return {\n left: 0,\n top: 0\n };\n }\n return {\n left: this.scrollContainer.scrollLeft - this.initialScroll.left,\n top: this.scrollContainer.scrollTop - this.initialScroll.top\n };\n }\n }, {\n key: \"windowScrollDelta\",\n get: function get() {\n return {\n left: this.contentWindow.pageXOffset - this.initialWindowScroll.left,\n top: this.contentWindow.pageYOffset - this.initialWindowScroll.top\n };\n }\n }]);\n return WithSortableContainer;\n }(Component), _defineProperty(_class, \"displayName\", provideDisplayName('sortableList', WrappedComponent)), _defineProperty(_class, \"defaultProps\", defaultProps), _defineProperty(_class, \"propTypes\", propTypes), _defineProperty(_class, \"childContextTypes\", {\n manager: PropTypes.object.isRequired\n }), _temp;\n}\nvar propTypes$1 = {\n index: PropTypes.number.isRequired,\n collection: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n disabled: PropTypes.bool\n};\nvar omittedProps$1 = Object.keys(propTypes$1);\nfunction sortableElement(WrappedComponent) {\n var _class, _temp;\n var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n withRef: false\n };\n return _temp = _class = function (_React$Component) {\n _inherits(WithSortableElement, _React$Component);\n function WithSortableElement() {\n _classCallCheck(this, WithSortableElement);\n return _possibleConstructorReturn(this, _getPrototypeOf(WithSortableElement).apply(this, arguments));\n }\n _createClass(WithSortableElement, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.register();\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (this.node) {\n if (prevProps.index !== this.props.index) {\n this.node.sortableInfo.index = this.props.index;\n }\n if (prevProps.disabled !== this.props.disabled) {\n this.node.sortableInfo.disabled = this.props.disabled;\n }\n }\n if (prevProps.collection !== this.props.collection) {\n this.unregister(prevProps.collection);\n this.register();\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.unregister();\n }\n }, {\n key: \"register\",\n value: function register() {\n var _this$props = this.props,\n collection = _this$props.collection,\n disabled = _this$props.disabled,\n index = _this$props.index;\n var node = findDOMNode(this);\n node.sortableInfo = {\n collection: collection,\n disabled: disabled,\n index: index,\n manager: this.context.manager\n };\n this.node = node;\n this.ref = {\n node: node\n };\n this.context.manager.add(collection, this.ref);\n }\n }, {\n key: \"unregister\",\n value: function unregister() {\n var collection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.collection;\n this.context.manager.remove(collection, this.ref);\n }\n }, {\n key: \"getWrappedInstance\",\n value: function getWrappedInstance() {\n invariant(config.withRef, 'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableElement() call');\n return this.refs.wrappedInstance;\n }\n }, {\n key: \"render\",\n value: function render() {\n var ref = config.withRef ? 'wrappedInstance' : null;\n return /*#__PURE__*/createElement(WrappedComponent, _extends({\n ref: ref\n }, omit(this.props, omittedProps$1)));\n }\n }]);\n return WithSortableElement;\n }(Component), _defineProperty(_class, \"displayName\", provideDisplayName('sortableElement', WrappedComponent)), _defineProperty(_class, \"contextTypes\", {\n manager: PropTypes.object.isRequired\n }), _defineProperty(_class, \"propTypes\", propTypes$1), _defineProperty(_class, \"defaultProps\", {\n collection: 0\n }), _temp;\n}\nexport { sortableContainer as SortableContainer, sortableContainer, sortableElement as SortableElement, sortableElement, sortableHandle as SortableHandle, sortableHandle, arrayMove };","function _objectWithoutPropertiesLoose(r, e) {\n if (null == r) return {};\n var t = {};\n for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n if (-1 !== e.indexOf(n)) continue;\n t[n] = r[n];\n }\n return t;\n}\nexport { _objectWithoutPropertiesLoose as default };","import setPrototypeOf from \"./setPrototypeOf.js\";\nfunction _inheritsLoose(t, o) {\n t.prototype = Object.create(o.prototype), t.prototype.constructor = t, setPrototypeOf(t, o);\n}\nexport { _inheritsLoose as default };","import numeral from 'numeral';\n\nfunction formatNumber(number) {\n if (number == undefined) { return ''; }\n return numeral(number).format('0,0');\n}\n\nexport default formatNumber;\n","/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n if (typeof define === 'function' && define.amd) {\n define(factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n global.numeral = factory();\n }\n})(this, function () {\n /************************************\n Variables\n ************************************/\n\n var numeral,\n _,\n VERSION = '2.0.6',\n formats = {},\n locales = {},\n defaults = {\n currentLocale: 'en',\n zeroFormat: null,\n nullFormat: null,\n defaultFormat: '0,0',\n scalePercentBy100: true\n },\n options = {\n currentLocale: defaults.currentLocale,\n zeroFormat: defaults.zeroFormat,\n nullFormat: defaults.nullFormat,\n defaultFormat: defaults.defaultFormat,\n scalePercentBy100: defaults.scalePercentBy100\n };\n\n /************************************\n Constructors\n ************************************/\n\n // Numeral prototype object\n function Numeral(input, number) {\n this._input = input;\n this._value = number;\n }\n numeral = function (input) {\n var value, kind, unformatFunction, regexp;\n if (numeral.isNumeral(input)) {\n value = input.value();\n } else if (input === 0 || typeof input === 'undefined') {\n value = 0;\n } else if (input === null || _.isNaN(input)) {\n value = null;\n } else if (typeof input === 'string') {\n if (options.zeroFormat && input === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n for (kind in formats) {\n regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n if (regexp && input.match(regexp)) {\n unformatFunction = formats[kind].unformat;\n break;\n }\n }\n unformatFunction = unformatFunction || numeral._.stringToNumber;\n value = unformatFunction(input);\n }\n } else {\n value = Number(input) || null;\n }\n return new Numeral(input, value);\n };\n\n // version number\n numeral.version = VERSION;\n\n // compare numeral object\n numeral.isNumeral = function (obj) {\n return obj instanceof Numeral;\n };\n\n // helper functions\n numeral._ = _ = {\n // formats numbers separators, decimals places, signs, abbreviations\n numberToFormat: function (value, format, roundingFunction) {\n var locale = locales[numeral.options.currentLocale],\n negP = false,\n optDec = false,\n leadingCount = 0,\n abbr = '',\n trillion = 1000000000000,\n billion = 1000000000,\n million = 1000000,\n thousand = 1000,\n decimal = '',\n neg = false,\n abbrForce,\n // force abbreviation\n abs,\n min,\n max,\n power,\n int,\n precision,\n signed,\n thousands,\n output;\n\n // make sure we never format a null value\n value = value || 0;\n abs = Math.abs(value);\n\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (numeral._.includes(format, '(')) {\n negP = true;\n format = format.replace(/[\\(|\\)]/g, '');\n } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n format = format.replace(/[\\+|\\-]/g, '');\n }\n\n // see if abbreviation is wanted\n if (numeral._.includes(format, 'a')) {\n abbrForce = format.match(/a(k|m|b|t)?/);\n abbrForce = abbrForce ? abbrForce[1] : false;\n\n // check for space before abbreviation\n if (numeral._.includes(format, ' a')) {\n abbr = ' ';\n }\n format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n if (abs >= trillion && !abbrForce || abbrForce === 't') {\n // trillion\n abbr += locale.abbreviations.trillion;\n value = value / trillion;\n } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n // billion\n abbr += locale.abbreviations.billion;\n value = value / billion;\n } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n // million\n abbr += locale.abbreviations.million;\n value = value / million;\n } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n // thousand\n abbr += locale.abbreviations.thousand;\n value = value / thousand;\n }\n }\n\n // check for optional decimals\n if (numeral._.includes(format, '[.]')) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n // break number and format\n int = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n if (precision) {\n if (numeral._.includes(precision, '[')) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n decimal = numeral._.toFixed(value, precision[0].length + precision[1].length, roundingFunction, precision[1].length);\n } else {\n decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n }\n int = decimal.split('.')[0];\n if (numeral._.includes(decimal, '.')) {\n decimal = locale.delimiters.decimal + decimal.split('.')[1];\n } else {\n decimal = '';\n }\n if (optDec && Number(decimal.slice(1)) === 0) {\n decimal = '';\n }\n } else {\n int = numeral._.toFixed(value, 0, roundingFunction);\n }\n\n // check abbreviation again after rounding\n if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n int = String(Number(int) / 1000);\n switch (abbr) {\n case locale.abbreviations.thousand:\n abbr = locale.abbreviations.million;\n break;\n case locale.abbreviations.million:\n abbr = locale.abbreviations.billion;\n break;\n case locale.abbreviations.billion:\n abbr = locale.abbreviations.trillion;\n break;\n }\n }\n\n // format number\n if (numeral._.includes(int, '-')) {\n int = int.slice(1);\n neg = true;\n }\n if (int.length < leadingCount) {\n for (var i = leadingCount - int.length; i > 0; i--) {\n int = '0' + int;\n }\n }\n if (thousands > -1) {\n int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n }\n if (format.indexOf('.') === 0) {\n int = '';\n }\n output = int + decimal + (abbr ? abbr : '');\n if (negP) {\n output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n } else {\n if (signed >= 0) {\n output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n } else if (neg) {\n output = '-' + output;\n }\n }\n return output;\n },\n // unformats numbers separators, decimals places, signs, abbreviations\n stringToNumber: function (string) {\n var locale = locales[options.currentLocale],\n stringOriginal = string,\n abbreviations = {\n thousand: 3,\n million: 6,\n billion: 9,\n trillion: 12\n },\n abbreviation,\n value,\n i,\n regexp;\n if (options.zeroFormat && string === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n value = 1;\n if (locale.delimiters.decimal !== '.') {\n string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n }\n for (abbreviation in abbreviations) {\n regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n if (stringOriginal.match(regexp)) {\n value *= Math.pow(10, abbreviations[abbreviation]);\n break;\n }\n }\n\n // check for negative number\n value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n // remove non numbers\n string = string.replace(/[^0-9\\.]+/g, '');\n value *= Number(string);\n }\n return value;\n },\n isNaN: function (value) {\n return typeof value === 'number' && isNaN(value);\n },\n includes: function (string, search) {\n return string.indexOf(search) !== -1;\n },\n insert: function (string, subString, start) {\n return string.slice(0, start) + subString + string.slice(start);\n },\n reduce: function (array, callback /*, initialValue*/) {\n if (this === null) {\n throw new TypeError('Array.prototype.reduce called on null or undefined');\n }\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n var t = Object(array),\n len = t.length >>> 0,\n k = 0,\n value;\n if (arguments.length === 3) {\n value = arguments[2];\n } else {\n while (k < len && !(k in t)) {\n k++;\n }\n if (k >= len) {\n throw new TypeError('Reduce of empty array with no initial value');\n }\n value = t[k++];\n }\n for (; k < len; k++) {\n if (k in t) {\n value = callback(value, t[k], k, t);\n }\n }\n return value;\n },\n /**\n * Computes the multiplier necessary to make x >= 1,\n * effectively eliminating miscalculations caused by\n * finite precision.\n */\n multiplier: function (x) {\n var parts = x.toString().split('.');\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n },\n /**\n * Given a variable number of arguments, returns the maximum\n * multiplier that must be used to normalize an operation involving\n * all of them.\n */\n correctionFactor: function () {\n var args = Array.prototype.slice.call(arguments);\n return args.reduce(function (accum, next) {\n var mn = _.multiplier(next);\n return accum > mn ? accum : mn;\n }, 1);\n },\n /**\n * Implementation of toFixed() that treats floats more like decimals\n *\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n * problems for accounting- and finance-related software.\n */\n toFixed: function (value, maxDecimals, roundingFunction, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n power = Math.pow(10, boundedPrecision);\n\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n return output;\n }\n };\n\n // avaliable options\n numeral.options = options;\n\n // avaliable formats\n numeral.formats = formats;\n\n // avaliable formats\n numeral.locales = locales;\n\n // This function sets the current locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n numeral.locale = function (key) {\n if (key) {\n options.currentLocale = key.toLowerCase();\n }\n return options.currentLocale;\n };\n\n // This function provides access to the loaded locale data. If\n // no arguments are passed in, it will simply return the current\n // global locale object.\n numeral.localeData = function (key) {\n if (!key) {\n return locales[options.currentLocale];\n }\n key = key.toLowerCase();\n if (!locales[key]) {\n throw new Error('Unknown locale : ' + key);\n }\n return locales[key];\n };\n numeral.reset = function () {\n for (var property in defaults) {\n options[property] = defaults[property];\n }\n };\n numeral.zeroFormat = function (format) {\n options.zeroFormat = typeof format === 'string' ? format : null;\n };\n numeral.nullFormat = function (format) {\n options.nullFormat = typeof format === 'string' ? format : null;\n };\n numeral.defaultFormat = function (format) {\n options.defaultFormat = typeof format === 'string' ? format : '0.0';\n };\n numeral.register = function (type, name, format) {\n name = name.toLowerCase();\n if (this[type + 's'][name]) {\n throw new TypeError(name + ' ' + type + ' already registered.');\n }\n this[type + 's'][name] = format;\n return format;\n };\n numeral.validate = function (val, culture) {\n var _decimalSep, _thousandSep, _currSymbol, _valArray, _abbrObj, _thousandRegEx, localeData, temp;\n\n //coerce val to string\n if (typeof val !== 'string') {\n val += '';\n if (console.warn) {\n console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n }\n }\n\n //trim whitespaces from either sides\n val = val.trim();\n\n //if val is just digits return true\n if (!!val.match(/^\\d+$/)) {\n return true;\n }\n\n //if val is empty return false\n if (val === '') {\n return false;\n }\n\n //get the decimal and thousands separator from numeral.localeData\n try {\n //check if the culture is understood by numeral. if not, default it to current locale\n localeData = numeral.localeData(culture);\n } catch (e) {\n localeData = numeral.localeData(numeral.locale());\n }\n\n //setup the delimiters and currency symbol based on culture/locale\n _currSymbol = localeData.currency.symbol;\n _abbrObj = localeData.abbreviations;\n _decimalSep = localeData.delimiters.decimal;\n if (localeData.delimiters.thousands === '.') {\n _thousandSep = '\\\\.';\n } else {\n _thousandSep = localeData.delimiters.thousands;\n }\n\n // validating currency symbol\n temp = val.match(/^[^\\d]+/);\n if (temp !== null) {\n val = val.substr(1);\n if (temp[0] !== _currSymbol) {\n return false;\n }\n }\n\n //validating abbreviation symbol\n temp = val.match(/[^\\d]+$/);\n if (temp !== null) {\n val = val.slice(0, -1);\n if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n return false;\n }\n }\n _thousandRegEx = new RegExp(_thousandSep + '{2}');\n if (!val.match(/[^\\d.,]/g)) {\n _valArray = val.split(_decimalSep);\n if (_valArray.length > 2) {\n return false;\n } else {\n if (_valArray.length < 2) {\n return !!_valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx);\n } else {\n if (_valArray[0].length === 1) {\n return !!_valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !!_valArray[1].match(/^\\d+$/);\n } else {\n return !!_valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !!_valArray[1].match(/^\\d+$/);\n }\n }\n }\n }\n return false;\n };\n\n /************************************\n Numeral Prototype\n ************************************/\n\n numeral.fn = Numeral.prototype = {\n clone: function () {\n return numeral(this);\n },\n format: function (inputString, roundingFunction) {\n var value = this._value,\n format = inputString || options.defaultFormat,\n kind,\n output,\n formatFunction;\n\n // make sure we have a roundingFunction\n roundingFunction = roundingFunction || Math.round;\n\n // format based on value\n if (value === 0 && options.zeroFormat !== null) {\n output = options.zeroFormat;\n } else if (value === null && options.nullFormat !== null) {\n output = options.nullFormat;\n } else {\n for (kind in formats) {\n if (format.match(formats[kind].regexps.format)) {\n formatFunction = formats[kind].format;\n break;\n }\n }\n formatFunction = formatFunction || numeral._.numberToFormat;\n output = formatFunction(value, format, roundingFunction);\n }\n return output;\n },\n value: function () {\n return this._value;\n },\n input: function () {\n return this._input;\n },\n set: function (value) {\n this._value = Number(value);\n return this;\n },\n add: function (value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n function cback(accum, curr, currI, O) {\n return accum + Math.round(corrFactor * curr);\n }\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n return this;\n },\n subtract: function (value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n function cback(accum, curr, currI, O) {\n return accum - Math.round(corrFactor * curr);\n }\n this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n return this;\n },\n multiply: function (value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n }\n this._value = _.reduce([this._value, value], cback, 1);\n return this;\n },\n divide: function (value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n }\n this._value = _.reduce([this._value, value], cback);\n return this;\n },\n difference: function (value) {\n return Math.abs(numeral(this._value).subtract(value).value());\n }\n };\n\n /************************************\n Default Locale && Format\n ************************************/\n\n numeral.register('locale', 'en', {\n delimiters: {\n thousands: ',',\n decimal: '.'\n },\n abbreviations: {\n thousand: 'k',\n million: 'm',\n billion: 'b',\n trillion: 't'\n },\n ordinal: function (number) {\n var b = number % 10;\n return ~~(number % 100 / 10) === 1 ? 'th' : b === 1 ? 'st' : b === 2 ? 'nd' : b === 3 ? 'rd' : 'th';\n },\n currency: {\n symbol: '$'\n }\n });\n (function () {\n numeral.register('format', 'bps', {\n regexps: {\n format: /(BPS)/,\n unformat: /(BPS)/\n },\n format: function (value, format, roundingFunction) {\n var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n output;\n value = value * 10000;\n\n // check for space before BPS\n format = format.replace(/\\s?BPS/, '');\n output = numeral._.numberToFormat(value, format, roundingFunction);\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n output.splice(-1, 0, space + 'BPS');\n output = output.join('');\n } else {\n output = output + space + 'BPS';\n }\n return output;\n },\n unformat: function (string) {\n return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n }\n });\n })();\n (function () {\n var decimal = {\n base: 1000,\n suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n },\n binary = {\n base: 1024,\n suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n };\n var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n return decimal.suffixes.indexOf(item) < 0;\n }));\n var unformatRegex = allSuffixes.join('|');\n // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n numeral.register('format', 'bytes', {\n regexps: {\n format: /([0\\s]i?b)/,\n unformat: new RegExp(unformatRegex)\n },\n format: function (value, format, roundingFunction) {\n var output,\n bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n power,\n min,\n max;\n\n // check for space before\n format = format.replace(/\\s?i?b/, '');\n for (power = 0; power <= bytes.suffixes.length; power++) {\n min = Math.pow(bytes.base, power);\n max = Math.pow(bytes.base, power + 1);\n if (value === null || value === 0 || value >= min && value < max) {\n suffix += bytes.suffixes[power];\n if (min > 0) {\n value = value / min;\n }\n break;\n }\n }\n output = numeral._.numberToFormat(value, format, roundingFunction);\n return output + suffix;\n },\n unformat: function (string) {\n var value = numeral._.stringToNumber(string),\n power,\n bytesMultiplier;\n if (value) {\n for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n if (numeral._.includes(string, decimal.suffixes[power])) {\n bytesMultiplier = Math.pow(decimal.base, power);\n break;\n }\n if (numeral._.includes(string, binary.suffixes[power])) {\n bytesMultiplier = Math.pow(binary.base, power);\n break;\n }\n }\n value *= bytesMultiplier || 1;\n }\n return value;\n }\n });\n })();\n (function () {\n numeral.register('format', 'currency', {\n regexps: {\n format: /(\\$)/\n },\n format: function (value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n symbols = {\n before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n },\n output,\n symbol,\n i;\n\n // strip format of spaces and $\n format = format.replace(/\\s?\\$\\s?/, '');\n\n // format the number\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n // update the before and after based on value\n if (value >= 0) {\n symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n } else if (value < 0 && !numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '(')) {\n symbols.before = '-' + symbols.before;\n }\n\n // loop through each before symbol\n for (i = 0; i < symbols.before.length; i++) {\n symbol = symbols.before[i];\n switch (symbol) {\n case '$':\n output = numeral._.insert(output, locale.currency.symbol, i);\n break;\n case ' ':\n output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n break;\n }\n }\n\n // loop through each after symbol\n for (i = symbols.after.length - 1; i >= 0; i--) {\n symbol = symbols.after[i];\n switch (symbol) {\n case '$':\n output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n break;\n case ' ':\n output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n break;\n }\n }\n return output;\n }\n });\n })();\n (function () {\n numeral.register('format', 'exponential', {\n regexps: {\n format: /(e\\+|e-)/,\n unformat: /(e\\+|e-)/\n },\n format: function (value, format, roundingFunction) {\n var output,\n exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n parts = exponential.split('e');\n format = format.replace(/e[\\+|\\-]{1}0/, '');\n output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n return output + 'e' + parts[1];\n },\n unformat: function (string) {\n var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n value = Number(parts[0]),\n power = Number(parts[1]);\n power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n function cback(accum, curr, currI, O) {\n var corrFactor = numeral._.correctionFactor(accum, curr),\n num = accum * corrFactor * (curr * corrFactor) / (corrFactor * corrFactor);\n return num;\n }\n return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n }\n });\n })();\n (function () {\n numeral.register('format', 'ordinal', {\n regexps: {\n format: /(o)/\n },\n format: function (value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n output,\n ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n // check for space before\n format = format.replace(/\\s?o/, '');\n ordinal += locale.ordinal(value);\n output = numeral._.numberToFormat(value, format, roundingFunction);\n return output + ordinal;\n }\n });\n })();\n (function () {\n numeral.register('format', 'percentage', {\n regexps: {\n format: /(%)/,\n unformat: /(%)/\n },\n format: function (value, format, roundingFunction) {\n var space = numeral._.includes(format, ' %') ? ' ' : '',\n output;\n if (numeral.options.scalePercentBy100) {\n value = value * 100;\n }\n\n // check for space before %\n format = format.replace(/\\s?\\%/, '');\n output = numeral._.numberToFormat(value, format, roundingFunction);\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n output.splice(-1, 0, space + '%');\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n return output;\n },\n unformat: function (string) {\n var number = numeral._.stringToNumber(string);\n if (numeral.options.scalePercentBy100) {\n return number * 0.01;\n }\n return number;\n }\n });\n })();\n (function () {\n numeral.register('format', 'time', {\n regexps: {\n format: /(:)/,\n unformat: /(:)/\n },\n format: function (value, format, roundingFunction) {\n var hours = Math.floor(value / 60 / 60),\n minutes = Math.floor((value - hours * 60 * 60) / 60),\n seconds = Math.round(value - hours * 60 * 60 - minutes * 60);\n return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n },\n unformat: function (string) {\n var timeArray = string.split(':'),\n seconds = 0;\n\n // turn hours and minutes into seconds and add them all up\n if (timeArray.length === 3) {\n // hours\n seconds = seconds + Number(timeArray[0]) * 60 * 60;\n // minutes\n seconds = seconds + Number(timeArray[1]) * 60;\n // seconds\n seconds = seconds + Number(timeArray[2]);\n } else if (timeArray.length === 2) {\n // minutes\n seconds = seconds + Number(timeArray[0]) * 60;\n // seconds\n seconds = seconds + Number(timeArray[1]);\n }\n return Number(seconds);\n }\n });\n })();\n return numeral;\n});","'use strict';\n\nmodule.exports = require('./Autosuggest').default;","/**\n * Copyright (c) 2013-present, Facebook, Inc.\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';\n\n/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\nvar invariant = function (condition, format, a, b, c, d, e, f) {\n if (process.env.NODE_ENV !== 'production') {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n }\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(format.replace(/%s/g, function () {\n return args[argIndex++];\n }));\n error.name = 'Invariant Violation';\n }\n error.framesToPop = 1; // we don't care about invariant's own frame\n throw error;\n }\n};\nmodule.exports = invariant;","import React from 'react';\nimport Autosuggest from 'react-autosuggest';\nimport axios from 'axios';\nimport debounce from 'debounce';\nimport Suggestion from './suggestion';\nimport Loading from '../loading';\n\nclass AutocompleteInput extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n suggestions: [],\n suggestValue: props.value || ''\n }\n\n this.onSuggestionsFetchRequested = debounce(this.onSuggestionsFetchRequested.bind(this), 300);\n this.onSuggestionsClearRequested = this.onSuggestionsClearRequested.bind(this);\n this.onSuggestionSelected = this.onSuggestionSelected.bind(this);\n this.onChange = this.onChange.bind(this);\n this.renderSuggestion = this.renderSuggestion.bind(this);\n }\n\n getSuggestionValue(suggestion) {\n return suggestion;\n }\n\n onChange(event) {\n this.setState({ suggestValue: event.target.value });\n }\n\n onSuggestionsFetchRequested({ value }) {\n if (value.length < 1) { return; }\n\n const { url } = this.props;\n const params = { value: value }\n this.setState({ isLoading: true });\n\n return axios.get(url, { params: params })\n .then((response) => {\n this.setState({ suggestions: response.data });\n })\n .finally(() => {\n this.setState({ isLoading: false });\n })\n }\n\n onSuggestionsClearRequested() {\n this.setState({ suggestions: [] });\n }\n\n onSuggestionSelected(event, { suggestionValue }) {\n const { onSelect, selectedValue } = this.props;\n\n if (onSelect) {\n onSelect(suggestionValue);\n }\n\n const formattedValue = selectedValue(suggestionValue);\n this.setState({ suggestValue: formattedValue });\n }\n\n renderSuggestion(suggestion, { query, isHighlighted }) {\n const { suggestionComponent } = this.props;\n\n return (\n \n \n \n\n
\n {this.props.title}
\n \n\n {this.props.children}\n
\n\n \n \n
\n \n )\n }\n}\n\nexport default SelectField;\n","import React from 'react';\n\nconst Option = (props) => {\n const { label, value } = props;\n\n return (\n \n \n
\n )\n }\n}\n\nexport default CampaignFormSetupType;\n","import React from 'react';\n\nconst DonorProfileContactInfoAddressField = (props) => {\n const { className, value } = props;\n\n if (!value) {\n return null;\n }\n\n return (\n {value}
\n )\n}\n\nexport default DonorProfileContactInfoAddressField;\n","import React from 'react';\nimport DonorSearchFilterDateFieldOptions from './date-field-options';\nimport eventValue from '../../../utils/event-value';\n\nconst DonorSearchFilterDateField = (props) => {\n const { onChange, options, type } = props;\n const id = `filter-input-${type}`;\n\n return (\n\n
\n )\n}\n\nexport default DonorSearchFilterDateField;\n","import React from 'react';\nexport default /*#__PURE__*/React.createContext(null);","import React from 'react';\nimport axios from 'axios';\nimport swal from 'sweetalert';\n\nclass DataDownload extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n disabled: false\n }\n\n this.click = this.click.bind(this);\n this.start = this.start.bind(this);\n }\n\n checkJob(jobId) {\n const { apiKey } = this.props;\n\n axios({\n url: `/api/nonprofits/jobs/${jobId}`,\n method: 'get',\n params: {\n api_key: apiKey\n }\n })\n .then((response) => {\n const { status } = response.data;\n\n if (status === 'failed') {\n this.showError();\n this.setState({ disabled: false });\n return;\n }\n\n const fileUrl = response.data.file_url;\n if (fileUrl) {\n this.showComplete();\n this.setState({ disabled: false });\n return window.location.href = fileUrl;\n }\n\n setTimeout(() => this.checkJob(jobId), 1000);\n })\n .catch((error) => {\n this.showError();\n this.setState({ disabled: false });\n });\n }\n\n click(event) {\n event.preventDefault();\n\n this.start();\n }\n\n start() {\n const {\n dataType,\n fileType,\n params,\n searchType,\n url\n } = this.props;\n\n const data = Object.assign(params, {\n data_type: dataType,\n file_type: fileType,\n search_type: searchType\n });\n\n this.showLoading();\n this.setState({ disabled: true });\n\n axios({\n url: url,\n method: 'post',\n data: data\n })\n .then((response) => {\n const jobId = response.data.job_id;\n setTimeout(() => this.checkJob(jobId), 1000);\n })\n .catch(() => {\n this.showError();\n this.setState({ disabled: false });\n });\n }\n\n showLoading() {\n swal({\n title: 'Your file is being prepared...',\n text: 'The download will start automatically when the file is ready.',\n icon: 'info',\n buttons: false\n });\n }\n\n showComplete() {\n swal({\n title: 'Your file is ready.',\n icon: 'success'\n });\n }\n\n showError() {\n swal({\n title: 'An error occurred and your file cannot be downloaded.',\n icon: 'error'\n });\n }\n\n render() {\n const { fileType, label } = this.props;\n const { disabled } = this.state;\n\n return (\n \n onChange(eventValue(event))}\n >\n
\n Showing {showing} of {total}
\n );\n }\n}\n\nexport default DonorDuplicatesCounts;\n","import React from 'react';\nimport moment from 'moment';\n\nclass DonorDuplicatesRecord extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { record } = this.props;\n const date = moment.parseZone(record.created_at).format('MM/DD/YYYY');\n\n return (\n \n );\n }\n}\n\nexport default DonorDuplicatesRecord;\n","import React from 'react';\nimport DonorProfileContactInfoEmailType from './email-type';\n\nconst DonorProfileContactInfoEmail = (props) => {\n const { email, emailType } = props;\n\n if (!email) {\n return null;\n }\n\n return (\n \n {email}
\n {this.props.children}\n
\n )\n\n fields = this.state.isOpen ? fields : null;\n\n return (\n \n
\n )\n }\n}\n\nexport default DonorSearchAccordion;\n","const getScript = (url, data) => {\n return new Promise((resolve, reject) => {\n $.get(url, data, null, 'script')\n .then((response) => resolve(response))\n .catch((error) => reject(error));\n });\n}\n\nexport default getScript;\n","export default (field) => {\n return field.endsWith('_in') || field.endsWith('_any') || field.startsWith('field:');\n}\n","import urlField from './url-field';\n\nfunction keys(filters) {\n return Object.keys(filters);\n}\n\nexport default (filters) => {\n const params = [];\n\n if (!filters) {\n return params;\n }\n\n keys(filters).forEach((key) => {\n // Always make the filter value(s) an array\n // for easy looping down below.\n const values = [].concat(filters[key]);\n\n values.forEach((value) => {\n const param = urlField(key, value);\n params.push(param);\n });\n });\n\n return params;\n}\n","import isArrayField from './is-array-field';\n\nexport default (key, value) => {\n let field;\n\n if (isArrayField(key)) {\n field = `q[${key}][]`;\n } else {\n field = `q[${key}]`;\n }\n\n return { field, value };\n}\n","import normalizedFilters from './normalized-filters';\n\nfunction keywordParam(keyword, params) {\n return { field: 'keyword', value: keyword };\n}\n\nexport default (filters, keyword) => {\n const params = [];\n\n if (keyword) {\n params.push(keywordParam(keyword));\n }\n\n if (filters) {\n normalizedFilters(filters).forEach((item) => {\n params.push(item);\n })\n }\n\n return params;\n}\n","const queryString = (paramsArray) => {\n const parameters = [];\n\n paramsArray.forEach((parameter) => {\n parameters.push(encodeURI(parameter.field + '=' + parameter.value))\n });\n\n return parameters.join('&');\n}\n\nexport default queryString;\n","const urlChange = (url, queryString) => {\n let destination = queryString ? `${url}?${queryString}` : url;\n\n history.pushState(null, '', destination);\n}\n\nexport default urlChange;\n","import React from 'react';\nimport DonorSearchLayoutDrawer from './layout-drawer';\nimport DonorSearchLayoutToolbar from './layout-toolbar';\nimport getScript from '../../utils/get-script';\nimport isArrayField from '../../utils/donor-search/is-array-field';\nimport normalizedParams from '../../utils/donor-search/normalized-params';\nimport queryString from '../../utils/query-string';\nimport urlChange from '../../utils/url-change';\n\nclass DonorSearchContainer extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isLoading: false,\n keyword: props.keyword,\n filters: props.filters || {}\n }\n\n this.removeField = this.removeField.bind(this);\n this.submit = this.submit.bind(this);\n this.submitFilter = this.submitFilter.bind(this);\n this.submitKeyword = this.submitKeyword.bind(this);\n }\n\n removeField(field) {\n const { filters } = this.state;\n\n delete filters[field];\n\n this.setState({ filters }, () => {\n this.submit();\n this.props.onFilterChange(filters);\n });\n }\n\n submit() {\n const { url } = this.props;\n const { filters, keyword } = this.state;\n const params = normalizedParams(filters, keyword);\n\n const query = queryString(params);\n\n this.setState({ isLoading: true });\n\n getScript(url, query).finally(() => {\n this.setState({ isLoading: false });\n });\n\n urlChange(url, query);\n }\n\n submitFilter(formState) {\n const { filters } = this.state;\n const { field, value } = formState;\n\n if (!isArrayField(field)) {\n filters[field] = value;\n } else {\n filters[field] = (filters[field] || []).concat(value);\n }\n\n this.setState({ filters }, () => {\n this.submit();\n this.props.onFilterChange(filters);\n });\n }\n\n submitKeyword(value) {\n const newState = { keyword: value }\n\n this.setState(newState, () => {\n this.submit();\n this.props.onKeywordChange(value);\n });\n }\n\n render() {\n const {\n apiKey,\n customFields,\n dayOptions,\n exportUrl,\n keyword,\n layout,\n monthOptions,\n sort,\n tags,\n url,\n yearOptions\n } = this.props;\n\n const {\n filters,\n isLoading,\n params\n } = this.state;\n\n const toolbarLayout = (\n \n {title}\n \n
\n\n {fields}\n {content}
\n );\n }\n}\n\nexport default DonorSearchContainer;\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n 'use strict';\n\n var hasOwn = {}.hasOwnProperty;\n function classNames() {\n var classes = '';\n for (var i = 0; i < arguments.length; i++) {\n var arg = arguments[i];\n if (arg) {\n classes = appendClass(classes, parseValue(arg));\n }\n }\n return classes;\n }\n function parseValue(arg) {\n if (typeof arg === 'string' || typeof arg === 'number') {\n return arg;\n }\n if (typeof arg !== 'object') {\n return '';\n }\n if (Array.isArray(arg)) {\n return classNames.apply(null, arg);\n }\n if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n return arg.toString();\n }\n var classes = '';\n for (var key in arg) {\n if (hasOwn.call(arg, key) && arg[key]) {\n classes = appendClass(classes, key);\n }\n }\n return classes;\n }\n function appendClass(value, newClass) {\n if (!newClass) {\n return value;\n }\n if (value) {\n return value + ' ' + newClass;\n }\n return value + newClass;\n }\n if (typeof module !== 'undefined' && module.exports) {\n classNames.default = classNames;\n module.exports = classNames;\n } else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n // register as 'classnames', consistent with npm package name\n define('classnames', [], function () {\n return classNames;\n });\n } else {\n window.classNames = classNames;\n }\n})();","var g;\n\n// This works in non-strict mode\ng = function () {\n return this;\n}();\ntry {\n // This works if eval is allowed (see CSP)\n g = g || new Function(\"return this\")();\n} catch (e) {\n // This works if the window reference is available\n if (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar _captialize = require('./captialize');\nObject.defineProperty(exports, 'captialize', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_captialize).default;\n }\n});\nvar _clamp = require('./clamp');\nObject.defineProperty(exports, 'clamp', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_clamp).default;\n }\n});\nvar _distanceTo = require('./distance-to');\nObject.defineProperty(exports, 'distanceTo', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_distanceTo).default;\n }\n});\nvar _isDefined = require('./is-defined');\nObject.defineProperty(exports, 'isDefined', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_isDefined).default;\n }\n});\nvar _isNumber = require('./is-number');\nObject.defineProperty(exports, 'isNumber', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_isNumber).default;\n }\n});\nvar _isObject = require('./is-object');\nObject.defineProperty(exports, 'isObject', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_isObject).default;\n }\n});\nvar _length = require('./length');\nObject.defineProperty(exports, 'length', {\n enumerable: true,\n get: function get() {\n return _interopRequireDefault(_length).default;\n }\n});\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}","import React from 'react';\nimport AutocompleteResult from './result';\nimport AutocompleteInput from './input';\n\nclass AutocompleteField extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n selected: props.value\n }\n\n this.remove = this.remove.bind(this);\n this.select = this.select.bind(this);\n }\n\n remove() {\n const { onRemove } = this.props;\n this.setState({ selected: null });\n\n if (onRemove) {\n onRemove();\n }\n }\n\n select(value) {\n const { onSelect } = this.props;\n this.setState({ selected: value });\n\n if (onSelect) {\n onSelect(value);\n }\n }\n\n render() {\n const {\n name,\n placeholder,\n searchInputName,\n selectedLabel,\n selectedValue,\n suggestionComponent,\n url\n } = this.props;\n\n const { selected } = this.state;\n\n const output = selected ?\n \n
\n )\n }\n}\n\nexport default AutocompleteResult;\n","import React from 'react';\n\nconst Suggestion = (props) => {\n const { isHighlighted, suggestion } = props;\n const SuggestionComponent = props.suggestionComponent;\n const className = isHighlighted ? 'is-highlighted' : null;\n\n return (\n \n \n \n
\n \n {label}\n
\n\n\n
\n )\n}\n\nexport default Suggestion;\n","import React from 'react';\n\nconst LoadingBar = (props) => {\n return \n}\n\nexport default LoadingBar;\n","import React from 'react';\n\nconst LoadingText = (props) => {\n return Loading...
\n}\n\nexport default LoadingText;\n","import React from 'react';\n\nconst SuggestionEmail = (props) => {\n const { suggestion } = props;\n\n return (\n \n {suggestion.email}\n
\n )\n}\n\nexport default SuggestionEmail;\n","import React from 'react';\n\nconst SuggestionFullName = (props) => {\n const { suggestion } = props;\n\n return (\n \n {suggestion.first_name} {suggestion.last_name}\n
\n )\n}\n\nexport default SuggestionFullName;\n","import React from 'react';\nimport SuggestionFullName from './full-name';\nimport SuggestionEmail from './email';\n\nconst SuggestionFullNameEmail = (props) => {\n const { suggestion } = props;\n\n return (\n <>\n \n {suggestion.name}\n
\n )\n}\n\nexport default SuggestionName;\n","import React from 'react';\nimport Autosuggest from 'react-autosuggest';\n\nclass DonorImportTagsForm extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n tags: this.props.tags,\n value: '',\n suggestions: this.props.suggestions,\n popularSuggestions: this.props.popularSuggestions,\n popularTags: this.props.popularTags,\n tagError: ''\n };\n\n this.onSuggestionSelected = this.onSuggestionSelected.bind(this);\n this.renderSuggestion = this.renderSuggestion.bind(this);\n this.getSuggestionValue = this.getSuggestionValue.bind(this);\n }\n\n addTag(tagName) {\n const tags = this.state.tags;\n\n if (tags.indexOf(tagName) > -1) {\n return;\n }\n\n tags.push(tagName);\n this.setState({ tags: tags });\n }\n\n escapeRegexCharacters(str) {\n return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n }\n\n getSuggestions(value) {\n const escapedValue = this.escapeRegexCharacters(value.trim());\n const regex = new RegExp('^' + escapedValue, 'i');\n\n const availableSuggestions = this.props.suggestions.filter(tag => {\n return this.state.tags.indexOf(tag) === -1;\n });\n\n const suggestions = availableSuggestions.filter(tag => regex.test(tag));\n\n if (!suggestions.length) {\n return [\n { isAddNew: true }\n ]\n }\n\n return suggestions;\n }\n\n getSuggestionValue(suggestion) {\n if (suggestion.isAddNew) {\n return this.state.value;\n }\n\n return suggestion;\n }\n\n onChange = (event, { newValue, method }) => {\n this.setState({\n value: newValue,\n tagError: ''\n });\n };\n\n onSuggestionsClearRequested = () => {\n this.setState({\n suggestions: []\n });\n }\n\n onSuggestionsFetchRequested = ({ value }) => {\n this.setState({\n suggestions: this.getSuggestions(value)\n });\n }\n\n onSuggestionSelected(event, { suggestionValue }) {\n event.preventDefault();\n\n if (!suggestionValue) {\n this.setState({ tagError: 'Tag name cannot be blank'})\n return false;\n }\n\n this.addTag(suggestionValue);\n this.setState({ value: '' });\n\n setTimeout(() => {\n $('[name=\"tag-input\"]').valid();\n }, 10);\n }\n\n removeTag(tagName) {\n let tags = this.state.tags;\n tags = tags.filter(tag => tag != tagName);\n this.setState({ tags: tags });\n }\n\n renderPopularTags() {\n if (!this.props.popularSuggestions.length) {\n return null;\n }\n\n const tags = this.props.popularSuggestions.map((tag, index) => {\n let selectedClass;\n let input;\n const isSelected = this.state.popularTags.includes(tag);\n\n if (isSelected) {\n selectedClass = 'active';\n input = \n }\n\n return (\n \n \n {tag}\n \n\n {input}\n
\n )\n });\n\n return (\n \n
\n )\n }\n\n renderSuggestion(suggestion, { query, isHighlighted }) {\n let itemClassName, content, name;\n\n if (isHighlighted) {\n itemClassName = 'is-highlighted';\n }\n\n if (suggestion.isAddNew) {\n name = this.state.value;\n content = (\n \n [+] Add new: {this.state.value}\n \n );\n } else {\n name = suggestion;\n content = suggestion;\n }\n\n return (\n Or select from popular tags
\n\n\n {tags}\n
\n \n \n {content}\n \n
\n )\n }\n\n renderTags() {\n return this.state.tags.map((tag, index) => {\n return (\n \n {tag}\n\n \n \n Delete\n \n \n\n \n
\n )\n });\n }\n\n shouldRenderSuggestions() {\n return true;\n }\n\n togglePopularTag(tagName) {\n let tags = this.state.popularTags;\n\n if (tags.indexOf(tagName) > -1) {\n tags = tags.filter(tag => tag != tagName);\n } else {\n tags.push(tagName);\n }\n\n this.setState({ popularTags: tags });\n }\n\n render() {\n const { value, suggestions } = this.state;\n\n const inputProps = {\n placeholder: \"Start typing...\",\n value,\n onChange: this.onChange,\n name: 'tag-input'\n };\n\n let tagCountSection;\n\n if (!this.props.hideTagCount) {\n const tagCount = this.state.tags.length + this.state.popularTags.length;\n const tagCountLabel = tagCount === 1 ? 'tag' : 'tags';\n\n tagCountSection = (\n \n
\n )\n }\n\n const tags = this.renderTags();\n const popularTags = this.renderPopularTags();\n\n return (\n <>\n \n {tagCount} {tagCountLabel} will be applied.\n
\n\n {tags}\n
\n )}\n\n {popularTags}\n {tagCountSection}\n \n );\n }\n}\n\nexport default DonorImportTagsForm;\n","import React from 'react';\n\nconst Label = (props) => {\n const { htmlFor, label } = props;\n\n if (!label) { return null; }\n\n return (\n \n )\n}\n\nexport default Label;\n","import React from 'react';\nimport FormField from './form-field';\nimport SelectField from './select-field';\n\nclass CountryField extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const {\n allowBlank,\n freeForm,\n label,\n name,\n onChange,\n options,\n required,\n stateKey,\n value\n } = this.props;\n\n if (freeForm) {\n return (\n \n $\n {props.children}\n
\n )\n}\n\nexport default CurrencyFieldContainer;\n","import React from 'react';\nimport AutocompleteField from '../autocomplete/field';\nimport SuggestionFullNameEmail from '../autocomplete/suggestion/full-name-email';\nimport FormItem from '../form-item';\n\nclass DonorField extends React.Component {\n constructor(props) {\n super(props);\n }\n\n selectedLabel(selected) {\n if (!selected) { return '' }\n\n return `${selected.first_name} ${selected.last_name}`;\n }\n\n selectedValue(selected) {\n if (!selected) { return '' }\n\n return selected.id;\n }\n\n render() {\n const {\n label,\n name,\n onRemove,\n onSelect,\n placeholder,\n searchInputName,\n value,\n url\n } = this.props;\n\n return (\n \n
\n )\n });\n}\n\nexport default Fields;\n","import React from 'react';\n\nconst SampleRowSet = (props) => {\n const rows = props.sampleRowSet.map((row, index) => {\n const className = index === 0 ? 'px-4 py-2 text-sm font-medium' : 'px-4 py-2 border-t border-neutral-200 border-solid text-sm';\n\n return (\n \n
\n\n \n
\n \n
\n )\n });\n\n return (\n <>\n {rows}\n \n )\n}\n\nexport default SampleRowSet;\n","import React from 'react';\n\nconst Select = (props) => {\n return (\n \n {row}\n
\n \n \n\n
\n )\n}\n\nexport default Select;\n","import React from 'react';\n\nconst Footer = (props) => {\n return (\n \n )\n}\n\nexport default Footer;\n","import React from 'react';\n\nclass ProgressBar extends React.Component {\n render() {\n const { progress } = this.props;\n const style = { width: `${progress}%` }\n\n return (\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 \n \n
\n );\n }\n}\n\nexport default ProgressBar;\n","import React from 'react';\nimport Record from './record';\n\nclass DonorDuplicatesSet extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { isDisabled, onIgnore, onMerge, set } = this.props;\n const { master } = this.props.set;\n\n const duplicates = set.duplicates.map((record) => {\n return \n
\n );\n }\n}\n\nexport default DonorDuplicatesSet;\n","import React from 'react';\n\nclass DonorDuplicatesFetchButton extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { isDisabled, isVisible, onClick } = this.props;\n\n if (!isVisible) { return null; }\n\n return (\n \n
\n \n
\n\n \n {master.first_name} {master.last_name}\n
\n\n \n
\n\n Primary
\n\n \n
\n Possible Duplicates
\n\n {duplicates}\n \n \n Merge\n \n\n \n Ignore\n \n
\n \n \n
\n );\n }\n}\n\nexport default ProgressBar;\n","import React from 'react';\n\nclass DonorProfileAvatar extends React.Component {\n constructor(props) {\n super(props);\n }\n\n getInitials() {\n const { firstName, lastName } = this.props;\n const firstInitial = firstName ? firstName.charAt(0) : null;\n const lastInitial = lastName ? lastName.charAt(0) : null;\n const initials = [firstInitial, lastInitial].filter(Boolean);\n\n return initials;\n }\n\n render() {\n const { avatar } = this.props;\n const classNames = ['donor-thumb'];\n let body;\n\n if (!avatar) {\n const initials = this.getInitials();\n classNames.push('donor-thumb__initials');\n body = initials;\n } else {\n classNames.push('donor-thumb__image');\n body = \n {body}\n
\n )\n }\n}\n\nexport default DonorProfileAvatar;\n","import React from 'react';\n\nclass DonorProfileCityState extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { city, state } = this.props;\n\n if (!city && !state) {\n return null;\n }\n\n const markupFormatted = [city, state].filter(Boolean).join(', ');\n\n return {markupFormatted}
;\n }\n}\n\nexport default DonorProfileCityState;\n","import React from 'react';\nimport axios from 'axios';\nimport { toast } from 'react-toastify';\nimport DonorProfilePlaceholder from './placeholder';\nimport DonorProfileContactInfoForm from './contact-info/form';\nimport DonorProfileContactInfoMain from './contact-info/main';\n\nclass DonorProfileContactInfo extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isShowingForm: false\n }\n\n this.showForm = this.showForm.bind(this);\n this.hideForm = this.hideForm.bind(this);\n this.save = this.save.bind(this);\n }\n\n showForm() {\n this.setState({ isShowingForm: true });\n }\n\n hideForm() {\n this.setState({ isShowingForm: false });\n }\n\n save(donorValues) {\n const { apiKey, donorUpdateUrl, donorAfterUpdateUrl, onUpdate } = this.props;\n const { firstName, lastName, preferredName, address1, address2, city, state, postal, country, newsletterEnabled, email, emailType, alternateEmail, alternateEmailType, phone, phoneType, alternatePhone, alternatePhoneType } = donorValues;\n\n const donorParams = {\n first_name: firstName,\n last_name: lastName,\n preferred_name: preferredName,\n address_1: address1,\n address_2: address2,\n city: city,\n state: state,\n postal: postal,\n country: country,\n newsletter_enabled: newsletterEnabled,\n email: email,\n email_type: emailType,\n alternate_email: alternateEmail,\n alternate_email_type: alternateEmailType,\n phone: phone,\n phone_type: phoneType,\n alternate_phone: alternatePhone,\n alternate_phone_type: alternatePhoneType\n }\n\n const params = {\n donor: donorParams,\n api_key: apiKey\n };\n\n return axios.put(donorUpdateUrl, params)\n .then((response) => {\n return onUpdate();\n })\n .then(() => {\n this.hideForm();\n toast('Success!');\n\n $.getScript(donorAfterUpdateUrl);\n });\n }\n\n renderForm() {\n if (!this.state.isShowingForm) {\n return null;\n }\n\n const { donor, countries, states, provinces } = this.props;\n\n return (\n\n
\n )\n }\n}\n\nexport default DonorProfileContactInfo;\n","import React from 'react';\nimport swal from 'sweetalert';\nimport swalError from '../../../utils/swal-error';\nimport Modal from '../../modal';\nimport HiddenButton from '../../hidden-button';\n\nclass DonorProfileContactInfoForm extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isDisabled: false,\n isLoading: false,\n formValues: {\n firstName: this.props.donor.first_name,\n lastName: this.props.donor.last_name,\n preferredName: this.props.donor.preferred_name,\n address1: this.props.donor.address_1,\n address2: this.props.donor.address_2,\n city: this.props.donor.city,\n state: this.props.donor.state,\n postal: this.props.donor.postal,\n country: this.props.donor.country,\n newsletterEnabled: this.props.donor.newsletter_enabled,\n email: this.props.donor.email,\n emailType: this.props.donor.email_type,\n alternateEmail: this.props.donor.alternate_email,\n alternateEmailType: this.props.donor.alternate_email_type,\n phone: this.props.donor.phone,\n phoneType: this.props.donor.phone_type,\n alternatePhone: this.props.donor.alternate_phone,\n alternatePhoneType: this.props.donor.alternate_phone_type\n }\n }\n\n this.update = this.update.bind(this);\n this.onChange = this.onChange.bind(this);\n this.submit = this.submit.bind(this);\n }\n\n update() {\n const { formValues } = this.state;\n const { onUpdate } = this.props;\n\n this.setState({ isLoading: true, isDisabled: true });\n\n onUpdate(formValues)\n .catch((errors) => {\n if (errors.response.status === 422 && errors.response.data.errors.email[0] === 'has already been taken') {\n swal({\n title: 'That email has been taken.',\n icon: 'error'\n });\n } else {\n swalError(errors);\n }\n this.setState({ isLoading: false, isDisabled: false });\n });\n }\n\n submit(event) {\n event.preventDefault();\n this.update();\n }\n\n onChange(event) {\n const formValues = this.state.formValues;\n const target = event.target;\n const { name, type, checked, value } = target;\n formValues[name] = type === 'checkbox' ? checked : value;\n\n if (name === 'country') {\n formValues['state'] = '';\n }\n\n this.setState({ formValues: formValues });\n this.validate();\n }\n\n validate() {\n const { firstName, email, alternateEmail } = this.state.formValues;\n const emailRegex = /\\S+@\\S+\\.\\S+/;\n\n const isInvalid = (firstName === '') ||\n (email && !emailRegex.test(email)) ||\n (alternateEmail && !emailRegex.test(alternateEmail))\n\n this.setState({ isDisabled: isInvalid });\n }\n\n countryOptions() {\n const { countries } = this.props;\n\n return Object.keys(countries).map((label, index) => {\n const value = countries[label];\n return \n });\n }\n\n stateOptions() {\n const { states } = this.props;\n\n const options = Object.keys(states).map((label, index) => {\n const value = states[label];\n return \n });\n\n options.unshift();\n\n return options;\n }\n\n provinceOptions() {\n const { provinces } = this.props;\n\n const options = Object.keys(provinces).map((label, index) => {\n const value = provinces[label];\n return \n });\n\n options.unshift();\n\n return options;\n }\n\n renderStateSelect() {\n const stateOptions = this.stateOptions();\n const { formValues } = this.state;\n\n return (\n \n
\n {body}\n {form}\n Contact Info
\n {edit}\n\n \n
\n )\n }\n\n renderProvinceSelect() {\n const provinceOptions = this.provinceOptions();\n const { formValues } = this.state;\n\n return (\n \n \n {stateOptions}\n \n
\n \n \n
\n )\n }\n\n renderProvinceTextField() {\n const { formValues } = this.state;\n\n return (\n \n \n {provinceOptions}\n \n
\n \n \n
\n )\n }\n\n renderStateOrProvince() {\n const { formValues } = this.state;\n const { country } = formValues;\n let output;\n\n if (country === 'US' || !country) {\n return this.renderStateSelect();\n } else if (country === 'CA') {\n return this.renderProvinceSelect();\n } else {\n return this.renderProvinceTextField();\n }\n\n return output;\n }\n\n render() {\n const { formValues, isDisabled, isLoading } = this.state;\n const { onCancel } = this.props;\n const attrs = { 'data-donor-contact-info-modal': 'true' }\n const countryOptions = this.countryOptions();\n const stateOrProvince = this.renderStateOrProvince();\n\n return (\n {donor.phone} {phoneType}
\n }\n\n if (donor.alternate_phone) {\n if (donor.alternate_phone_type) {\n alternatePhoneType = {donor.alternate_phone_type}\n }\n\n alternatePhone ={donor.alternate_phone} {alternatePhoneType}
\n }\n\n if (donor.newsletter_enabled) {\n newsletter =Newsletter Subscriber
\n }\n\n if (donor.preferred_name) {\n preferredName = (\n\n
\n )\n }\n\n return (\n Preferred Name
\n{donor.preferred_name}
\n\n
\n )\n}\n\nexport default DonorProfileContactInfoMain;\n","import React from 'react';\n\nconst DonorProfileContactInfoEmailType = (props) => {\n const { emailType } = props;\n\n if (!emailType) {\n return null;\n }\n\n return (\n {emailType}\n )\n}\n\nexport default DonorProfileContactInfoEmailType;\n","import React from 'react';\nimport DonorProfileContactInfoAddressField from './address-field';\nimport DonorProfileContactInfoCityStatePostal from './city-state-postal';\n\nconst DonorProfileContactInfoAddress = (props) => {\n const {\n address1,\n address2,\n city,\n state,\n postal,\n country\n } = props;\n\n if (!address1 && !address2 && !city && !state && !postal && !country) {\n return null;\n }\n\n return (\n \n
\n\n \n {phone}\n {alternatePhone}\n
\n\n \n {preferredName}\n
\n\n \n
\n )\n}\n\nexport default DonorProfileContactInfoAddress;\n","import React from 'react';\n\nconst DonorProfileContactInfoCityStatePostal = (props) => {\n const { city, className, postal, state } = props;\n\n if (!city && !postal && !state) {\n return null;\n }\n\n const cityState = [city, state].filter(Boolean).join(', ');\n\n return (\n Address
\n\n {cityState} {postal}\n
\n )\n}\n\nexport default DonorProfileContactInfoCityStatePostal;\n","import React from 'react';\nimport axios from 'axios';\nimport { toast } from 'react-toastify';\nimport DonorProfilePlaceholder from './placeholder';\nimport DonorProfileCustomFieldsForm from './custom-fields-form';\n\nclass DonorProfileCustomFields extends React.Component {\n constructor(props) {\n super(props);\n\n this.showForm = this.showForm.bind(this);\n this.hideForm = this.hideForm.bind(this);\n this.save = this.save.bind(this);\n\n this.state = {\n isShowingForm: false\n }\n }\n\n save({ newFields, existingFields }) {\n const { onUpdate } = this.props;\n\n return this.saveNewFields(newFields)\n .then(() => {\n return this.saveExistingFields(existingFields);\n })\n .then(() => {\n return onUpdate();\n })\n .then(() => {\n this.hideForm();\n toast('Success!');\n });\n }\n\n saveNewFields(values) {\n if (!values.length) { return Promise.resolve(); }\n\n const { apiKey, donorFormFieldsCreateBulkUrl, donor } = this.props;\n\n const params = {\n donor_form_fields: values,\n api_key: apiKey,\n donor_id: donor.id\n };\n\n return axios.post(donorFormFieldsCreateBulkUrl, params);\n }\n\n saveExistingFields(values) {\n if (!values) { return Promise.resolve(); }\n\n const { apiKey, donorFormFieldsUpdateBulkUrl, donor } = this.props;\n\n const params = {\n donor_form_fields: values,\n api_key: apiKey,\n donor_id: donor.id\n };\n\n return axios.put(donorFormFieldsUpdateBulkUrl, params);\n }\n\n showForm() {\n this.setState({ isShowingForm: true });\n }\n\n hideForm() {\n this.setState({ isShowingForm: false });\n }\n\n renderForm() {\n const { donor, donorsSuggestionsUrl, apiKey } = this.props;\n\n if (this.state.isShowingForm) {\n return (\n\n
\n )\n });\n }\n\n render() {\n const { donorLoaded, donorEditUrl, canEditDonor } = this.props;\n let body, edit;\n\n if (!donorLoaded) {\n body = {response.label}
\n{response.response}
\n\n
\n )\n }\n}\n\nexport default DonorProfileCustomFields;\n","import React from 'react';\nimport Modal from '../modal';\nimport HiddenButton from '../hidden-button';\nimport swalError from '../../utils/swal-error';\n\nclass DonorProfileCustomFieldsForm extends React.Component {\n constructor(props) {\n super(props);\n\n const { donor } = this.props;\n\n this.state = {\n isDisabled: false,\n isLoading: false,\n formValues: {},\n newFields: [\n { label: '', value: '', id: Date.now() }\n ]\n }\n\n donor.donor_form_fields.forEach(field => {\n const response = donor.form_field_responses.find(response => {\n return response.form_field_id === field.id;\n });\n\n const value = response ? response.response : '';\n\n this.state['formValues'][field.id] = value;\n });\n\n this.update = this.update.bind(this);\n this.submit = this.submit.bind(this);\n this.onChangeExistingField = this.onChangeExistingField.bind(this);\n this.onChangeNewField = this.onChangeNewField.bind(this);\n this.addField = this.addField.bind(this);\n this.removeField = this.removeField.bind(this);\n }\n\n componentDidMount() {\n this.validate();\n }\n\n newFieldsWithValues() {\n const { newFields } = this.state;\n\n return newFields.filter(field => {\n return field['label'] !== '' && field['value'] !== '';\n });\n }\n\n update() {\n const { onUpdate } = this.props;\n const { newFields, formValues } = this.state;\n const values = { existingFields: formValues }\n\n values['newFields'] = this.newFieldsWithValues();\n\n this.setState({ isLoading: true, isDisabled: true });\n\n onUpdate(values)\n .catch((errors) => {\n swalError(errors);\n this.setState({ isLoading: false, isDisabled: false });\n });\n\n }\n\n submit(event) {\n event.preventDefault();\n this.update();\n }\n\n addField() {\n const { newFields } = this.state;\n const newField = { label: '', value: '', id: Date.now() }\n\n newFields.push(newField);\n\n this.setState({ newFields: newFields });\n this.validate();\n }\n\n removeField(id) {\n const { newFields } = this.state;\n\n if (newFields.length === 1) {\n newFields[0]['label'] = '';\n newFields[0]['value'] = '';\n this.setState({ newFields: newFields });\n this.validate(newFields);\n } else {\n const result = newFields.filter(field => field.id != id);\n this.setState({ newFields: result });\n this.validate(result);\n }\n }\n\n onChangeNewField(id, fieldType, event) {\n const { newFields } = this.state;\n const target = event.target;\n const { value } = target;\n\n const field = newFields.find(field => field.id === id);\n field[fieldType] = value;\n\n this.setState({ newFields: newFields });\n this.validate();\n }\n\n onChangeExistingField(event) {\n const { formValues } = this.state;\n const target = event.target;\n const { name, type, value } = target;\n\n formValues[name] = value;\n\n this.setState({ formValues: formValues });\n this.validate();\n }\n\n validate(newFields = this.state.newFields) {\n let isInvalid = false;\n\n for (var i = 0; i < newFields.length; i++) {\n const field = newFields[i];\n const onlyLabelPresent = (field.label !== '' && field.value === '');\n const onlyValuePresent = (field.label === '' && field.value !== '');\n\n if (onlyLabelPresent || onlyValuePresent) {\n isInvalid = true;\n break;\n }\n }\n\n this.setState({ isDisabled: isInvalid });\n }\n\n render() {\n const { formValues, isDisabled, isLoading, newFields } = this.state;\n const { onCancel, donor, apiKey } = this.props;\n const attrs = { 'data-donor-custom-fields-modal': 'true' }\n\n const existingFields = donor.donor_form_fields.map((field, index) => {\n const formFieldResponse = donor.form_field_responses.find(response => {\n return response.form_field_id === field.id;\n });\n\n const value = formFieldResponse ? formFieldResponse.response : '';\n\n return (\n \n
\n {body}\n {form}\n More Info
\n {edit}\n\n \n
\n );\n });\n\n const fields = newFields.map((field, index) => {\n const isLast = newFields.length === index +1;\n\n const remove = (\n \n
\n )\n });\n\n return (\n \n
\n \n
\n \n
\n \n {remove}\n {add}\n
\n \n \n \n\n \n Add Note\n \n
\n )\n }\n\n renderNotesAndForm() {\n const form = this.renderForm();\n const notes = this.renderNotes();\n\n return (\n \n {notes}\n
\n This data cannot be shown at this time.
;\n }\n\n return this.renderNotesAndForm();\n }\n\n renderLoading() {\n if (this.state.isLoading) {\n return \n }\n\n return null;\n }\n\n render() {\n const loading = this.renderLoading();\n const body = this.renderBody();\n\n return (\n\n {loading}\n\n
\n );\n }\n}\n\nexport default DonorProfileNoteList;\n","import React from 'react';\nimport moment from 'moment';\n\nclass DonorProfileNote extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isEdit: false,\n isDisabled: false,\n noteBody: props.note.body\n }\n\n this.clickEdit = this.clickEdit.bind(this);\n this.clickCancel = this.clickCancel.bind(this);\n this.clickSave = this.clickSave.bind(this);\n this.handleNoteChange = this.handleNoteChange.bind(this);\n }\n\n clickEdit(event) {\n event.preventDefault();\n this.setState({ isEdit: true });\n }\n\n clickCancel(event) {\n event.preventDefault();\n this.setState({ isEdit: false });\n }\n\n clickSave(event) {\n event.preventDefault();\n const { noteBody } = this.state;\n const { note, onSave } = this.props;\n\n this.setState({ isDisabled: true });\n\n onSave(note, noteBody)\n .then(() => {\n this.setState({\n isDisabled: false,\n isEdit: false\n });\n })\n }\n\n isValid() {\n const { noteBody } = this.state;\n return noteBody != '';\n }\n\n isDisabledSave() {\n const { isDisabled } = this.state;\n if (isDisabled) { return true; }\n\n return !this.isValid();\n }\n\n isDisabledCancel() {\n const { isDisabled } = this.state;\n return isDisabled;\n }\n\n isDisabledInput() {\n const { isDisabled } = this.state;\n return isDisabled;\n }\n\n handleNoteChange(event) {\n const { value } = event.target;\n this.setState({ noteBody: value });\n }\n\n renderShow() {\n const { note, onDelete, canEditNote } = this.props;\n const date = moment.parseZone(note.created_at).format('MMM D, YYYY');\n let controls;\n\n if (canEditNote) {\n controls = (\n \n
\n\n Notes
\n { this.el = el; }}>\n {body}\n
\n \n \n Edit\n \n\n \n Delete\n \n
\n )\n }\n\n return (\n \n
\n );\n }\n\n renderEdit() {\n const { noteBody } = this.state;\n const isDisabledSave = this.isDisabledSave();\n const isDisabledCancel = this.isDisabledCancel();\n const isDisabledInput = this.isDisabledInput();\n\n return (\n {date}
\n {note.body}
\n {controls}\n\n \n \n\n
\n )\n }\n\n render() {\n const { isEdit } = this.state;\n\n if (isEdit) {\n return this.renderEdit();\n }\n\n return this.renderShow();\n }\n}\n\nexport default DonorProfileNote;\n","import React from 'react';\nimport DonorProfileAvatar from './avatar';\nimport DonorProfileCityState from './city-state';\nimport DonorProfileGenderAge from './gender-age';\nimport DonorProfilePlaceholder from './placeholder';\nimport DonorProfileSocialLinks from './social-links';\nimport DonorProfileStats from './stats';\nimport DonorProfileTitle from './title';\n\nconst DonorProfileOverview = (props) => {\n const { donor, fullContact, totals, donorLoaded } = props;\n const { gender, ageRange, avatar, facebook, twitter, linkedin, website } = fullContact;\n\n if (!donorLoaded) {\n return (\n \n \n Save\n \n\n \n Cancel\n \n
\n \n
\n )\n }\n\n return (\n \n
\n )\n\n}\n\nexport default DonorProfileOverview;\n","import React from 'react';\n\nclass DonorProfileGenderAge extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { age } = this.props;\n\n if (!age) {\n return null;\n }\n\n return \n
\n\n \n\n
\n\n \n
\n Age {age}
;\n }\n}\n\nexport default DonorProfileGenderAge;\n","import React from 'react';\n\nclass DonorProfileSocialLinks extends React.Component {\n constructor(props) {\n super(props);\n }\n\n getUsername(url) {\n const lastSlashIndex = url.lastIndexOf('/');\n return url.slice(lastSlashIndex);\n }\n\n render() {\n const { facebook, twitter, linkedin, website } = this.props;\n\n if (!facebook && !twitter && !linkedin && !website) {\n return null;\n }\n\n let facebookHtml, twitterHtml, linkedinHtml, websiteHtml;\n\n if (facebook) {\n const facebookUsername = this.getUsername(facebook);\n\n facebookHtml = (\n\n
\n )\n }\n}\n\nexport default DonorProfileSocialLinks;\n","import React from 'react';\nimport formatCurrency from '../../utils/format-currency';\n\nclass DonorProfileStats extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { yearToDateInCents, totalInCents, averageInCents } = this.props;\n\n return (\n Social Links
\n- \n {twitterHtml}\n {facebookHtml}\n {linkedinHtml}\n {websiteHtml}\n
\n
\n )\n }\n}\n\nexport default DonorProfileStats;\n","import React from 'react';\n\nconst DonorProfileTitle = (props) => {\n const { firstName, lastName } = props;\n\n return (\n \n
\n Year to Date
\n{formatCurrency(yearToDateInCents)}
\n\n
\n Lifetime
\n{formatCurrency(totalInCents)}
\n\n
\n Average
\n{formatCurrency(averageInCents)}
\n\n {firstName} {lastName}\n
\n )\n}\n\nexport default DonorProfileTitle\n","import React from 'react';\nimport axios from 'axios';\nimport moment from 'moment';\nimport { toast } from 'react-toastify';\nimport DonorProfilePlaceholder from './placeholder';\nimport DonorProfilePersonalInfoForm from './personal-info-form';\n\nclass DonorProfilePersonalInfo extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isShowingForm: false\n }\n\n this.showForm = this.showForm.bind(this);\n this.hideForm = this.hideForm.bind(this);\n this.save = this.save.bind(this);\n }\n\n showForm() {\n this.setState({ isShowingForm: true });\n }\n\n hideForm() {\n this.setState({ isShowingForm: false });\n }\n\n save(donorValues) {\n const { apiKey, donorUpdateUrl, onUpdate } = this.props;\n const { jobTitle, company, birthdateYear, birthdateMonth, birthdateDay } = donorValues;\n\n const donorParams = {\n job_title: jobTitle,\n company: company,\n birthdate_year: birthdateYear,\n birthdate_month: birthdateMonth,\n birthdate_day: birthdateDay\n }\n\n const params = {\n donor: donorParams,\n api_key: apiKey\n };\n\n return axios.put(donorUpdateUrl, params)\n .then((response) => {\n return onUpdate();\n })\n .then(() => {\n this.hideForm();\n toast('Success!');\n });\n }\n\n renderJobTitleCompany() {\n const { donor } = this.props;\n let jobTitle, company;\n\n if (donor.job_title) {\n jobTitle ={donor.job_title}
\n }\n\n if (donor.company) {\n company ={donor.company}
\n }\n\n if (!jobTitle && !company) {\n return null;\n }\n\n return (\n\n
\n )\n }\n\n renderBirthdate() {\n const { donor } = this.props;\n const birthdateYear = donor.birthdate_year;\n const birthdateMonth = donor.birthdate_month;\n const birthdateDay = donor.birthdate_day;\n\n if (!birthdateYear && !birthdateMonth && !birthdateDay) {\n return null;\n }\n\n let formattedBirthdate;\n if (birthdateYear) {\n const birthdate = [birthdateYear, birthdateMonth, birthdateDay].join('-');\n formattedBirthdate = moment.parseZone(birthdate).format('MMMM D, YYYY');\n } else {\n const birthdate = ['1900', birthdateMonth, birthdateDay].join('-');\n formattedBirthdate = moment.parseZone(birthdate).format('MMMM D');\n }\n\n return (\n Job Title & Employer
\n {jobTitle}\n {company}\n\n
\n )\n }\n\n renderBody() {\n const birthdate = this.renderBirthdate();\n const jobTitleCompany = this.renderJobTitleCompany();\n\n return (\n Birthday
\n{formattedBirthdate}
\n\n {birthdate}\n {jobTitleCompany}\n
\n );\n }\n\n renderForm() {\n if (!this.state.isShowingForm) {\n return null;\n }\n\n const { donor, donorsSuggestionsUrl, apiKey } = this.props;\n\n return (\n \n
\n )\n }\n}\n\nexport default DonorProfilePersonalInfo;\n","import React from 'react';\nimport Modal from '../modal';\nimport HiddenButton from '../hidden-button';\nimport swalError from '../../utils/swal-error';\n\nclass DonorProfilePersonalInfoForm extends React.Component {\n constructor(props) {\n super(props);\n\n this.monthDayCounts = {\n '01': 31,\n '02': 28,\n '03': 31,\n '04': 30,\n '05': 31,\n '06': 31,\n '07': 30,\n '08': 31,\n '09': 30,\n '10': 31,\n '11': 30,\n '12': 31\n }\n\n this.months = [\n { value: '01', label: 'January' },\n { value: '02', label: 'February' },\n { value: '03', label: 'March' },\n { value: '04', label: 'April' },\n { value: '05', label: 'May' },\n { value: '06', label: 'June' },\n { value: '07', label: 'July' },\n { value: '08', label: 'August' },\n { value: '09', label: 'September' },\n { value: '10', label: 'October' },\n { value: '11', label: 'November' },\n { value: '12', label: 'December' }\n ]\n\n const { donor } = this.props;\n const birthdateYear = donor.birthdate_year;\n const birthdateMonth = donor.birthdate_month;\n const birthdateDay = donor.birthdate_day;\n\n this.state = {\n isDisabled: false,\n isLoading: false,\n formValues: {\n jobTitle: donor.job_title,\n company: donor.company,\n birthdateYear: birthdateYear,\n birthdateMonth: birthdateMonth,\n birthdateDay: birthdateDay\n }\n }\n\n this.update = this.update.bind(this);\n this.onChange = this.onChange.bind(this);\n this.submit = this.submit.bind(this);\n }\n\n update() {\n const { formValues } = this.state;\n const { onUpdate } = this.props;\n this.setState({ isLoading: true, isDisabled: true });\n\n onUpdate(formValues)\n .catch((errors) => {\n swalError(errors);\n this.setState({ isLoading: false, isDisabled: false });\n });\n }\n\n submit(event) {\n event.preventDefault();\n this.update();\n }\n\n onChange(event) {\n const formValues = this.state.formValues;\n const target = event.target;\n const { name, type, value } = target;\n formValues[name] = value;\n\n if (name === 'birthdateMonth') {\n const day = formValues.birthdateDay;\n const month = value;\n if (!this.validDayOfMonth(day, month)) {\n formValues['birthdateDay'] = '';\n }\n }\n\n this.setState({ formValues: formValues });\n this.validate();\n }\n\n validate() {\n const { birthdateDay, birthdateMonth, birthdateYear } = this.state.formValues;\n const isValid = (birthdateDay && birthdateMonth) ||\n (!birthdateDay && !birthdateMonth && !birthdateYear);\n\n this.setState({ isDisabled: !isValid });\n }\n\n validDayOfMonth(day, month) {\n const dayCount = this.monthDayCounts[month];\n return day <= dayCount;\n }\n\n renderDayOptions() {\n const options = [];\n const month = this.state.formValues.birthdateMonth;\n const dayCount = this.monthDayCounts[month];\n\n for (var i = 0; i < dayCount; i++) {\n const value = i + 1 < 10 ? `0${i + 1}` : `${i + 1}`;\n const option = \n options.push(option);\n }\n\n return options;\n }\n\n renderMonthOptions() {\n return this.months.map((month, index) => {\n return \n });\n }\n\n renderYearOptions() {\n const options = [];\n const currentYear = new Date().getFullYear();\n\n for (var i = currentYear; i > 1900; i--) {\n const option = \n options.push(option);\n }\n\n return options;\n }\n\n render() {\n const { formValues, isDisabled, isLoading } = this.state;\n const { onCancel, donor, apiKey } = this.props;\n const attrs = { 'data-donor-personal-info-modal': 'true' }\n const dayOptions = this.renderDayOptions();\n const monthOptions = this.renderMonthOptions();\n const yearOptions = this.renderYearOptions();\n\n return (\n \n
\n {body}\n {form}\n Personal Info
\n {edit}\n\n
\n )\n }\n}\n\nexport default DonorProfileRelationships;\n","import React from 'react';\n\nclass DonorProfileRelationship extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { relationship } = this.props;\n const otherDonorId = relationship.other_donor_id;\n const relationshipUrl = `/nonprofit_users/donors/${otherDonorId}`;\n\n return (\n \n
\n {body}\n {form}\n Relationships
\n {edit}\n\n
\n )\n }\n}\n\nexport default DonorProfileRelationship;\n","import React from 'react';\nimport axios from 'axios';\nimport uuid from 'uuid/v4';\nimport Modal from '../modal';\nimport HiddenButton from '../hidden-button';\nimport swalError from '../../utils/swal-error';\nimport DonorProfileRelationshipFormItem from './relationship-form-item';\n\nclass DonorProfileRelationshipsForm extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isDisabled: false,\n isLoading: false,\n formValues: this.initializeRelationships()\n }\n\n this.update = this.update.bind(this);\n this.submit = this.submit.bind(this);\n this.addItem = this.addItem.bind(this);\n this.removeItem = this.removeItem.bind(this);\n this.changeItem = this.changeItem.bind(this);\n }\n\n initializeRelationships() {\n const { relationships } = this.props;\n\n if (relationships.length) {\n return relationships.map(relationship => {\n return {\n id: relationship.id,\n fullName: relationship.full_name,\n otherDonorId: relationship.other_donor_id,\n label: relationship.label\n }\n });\n }\n\n return [{\n id: uuid(),\n fullName: '',\n otherDonorId: '',\n label: ''\n }]\n }\n\n update() {\n const { formValues } = this.state;\n const { onUpdate } = this.props;\n\n this.setState({ isLoading: true, isDisabled: true });\n\n onUpdate(formValues)\n .catch((errors) => {\n swalError(errors);\n this.setState({ isLoading: false, isDisabled: false });\n });\n }\n\n submit(event) {\n event.preventDefault();\n this.update();\n }\n\n addItem() {\n this.setState(state => {\n const formValue = {\n id: uuid(),\n otherDonorId: '',\n fullName: '',\n label: ''\n }\n\n const formValues = state.formValues.concat(formValue);\n\n return { formValues };\n });\n }\n\n removeItem(id) {\n this.setState(state => {\n let formValues;\n\n if (state.formValues.length === 1) {\n formValues = [{\n id: uuid(),\n otherDonorId: '',\n fullName: '',\n label: ''\n }]\n } else {\n formValues = state.formValues.filter(formValue => formValue['id'] !== id);\n }\n\n return { formValues };\n });\n }\n\n changeItem(id, values) {\n this.setState(state => {\n const formValues = state.formValues.map(formValue => {\n if (formValue['id'] === id) {\n values.forEach(valueObj => {\n const name = valueObj['name'];\n const value = valueObj['value'];\n formValue[name] = value;\n });\n }\n\n return formValue;\n });\n\n return { formValues };\n });\n }\n\n render() {\n const { formValues, isDisabled, isLoading } = this.state;\n const { onCancel, donorsSuggestionsUrl, apiKey, relationships } = this.props;\n const attrs = { 'data-donor-relationship-modal': 'true' }\n\n const items = formValues.map((formValue, index) => {\n const isLast = formValues.length === index + 1;\n\n return (\n \n {relationship.full_name} {relationship.label}\n
\nAdd a relationship with another contact and label the relationship, which will display on both contact profiles.
\n\n \n \n )\n }\n}\n\nexport default DonorProfileRelationshipsForm;\n","import React from 'react';\nimport Autosuggest from 'react-autosuggest';\nimport axios from 'axios';\nimport debounce from 'debounce';\n\nclass DonorProfileRelationshipFormItem extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n donorSuggestions: [],\n autoSuggestValue: '',\n isLoading: false\n }\n\n this.clickAdd = this.clickAdd.bind(this);\n this.clickRemove = this.clickRemove.bind(this);\n this.onChange = this.onChange.bind(this);\n this.onAutoSuggestChange = this.onAutoSuggestChange.bind(this);\n this.onDonorSuggestionsFetchRequested = debounce(this.onDonorSuggestionsFetchRequested.bind(this), 300);\n this.onDonorSuggestionsClearRequested = this.onDonorSuggestionsClearRequested.bind(this);\n this.onDonorSuggestionSelected = this.onDonorSuggestionSelected.bind(this);\n }\n\n clickAdd() {\n const { onClickAdd } = this.props;\n onClickAdd();\n }\n\n clickRemove() {\n const { onClickRemove, id } = this.props;\n onClickRemove(id);\n }\n\n onChange(event) {\n const { id, onChange } = this.props;\n const target = event.target;\n const { name, value } = target;\n const values = [\n { name: name, value: value }\n ];\n\n onChange(id, values);\n }\n\n onAutoSuggestChange(event, { newValue }) {\n let autoSuggestValue;\n\n if (typeof newValue === 'object') {\n autoSuggestValue = `${newValue.first_name} ${newValue.last_name}`;\n } else {\n autoSuggestValue = newValue;\n }\n\n this.setState({ autoSuggestValue: autoSuggestValue });\n }\n\n onDonorSuggestionsFetchRequested({ value }) {\n if (value.length < 1) {\n return;\n }\n\n const { apiKey, donorsSuggestionsUrl, formValues } = this.props;\n\n const params = {\n value: value,\n api_key: apiKey\n }\n\n this.setState({ isLoading: true });\n\n return axios.get(donorsSuggestionsUrl, { params: params })\n .then((response) => {\n const suggestions = response.data;\n const selectedIds = formValues.map(formValue => formValue.otherDonorId);\n const filteredSuggestions = suggestions.filter(suggestion => {\n return selectedIds.indexOf(suggestion.id) === -1;\n })\n this.setState({ donorSuggestions: filteredSuggestions });\n })\n .finally(() => {\n this.setState({ isLoading: false });\n })\n }\n\n onDonorSuggestionsClearRequested() {\n this.setState({\n donorSuggestions: []\n });\n }\n\n onDonorSuggestionSelected(event, { suggestionValue }) {\n const { id, onChange } = this.props;\n const fullName = `${suggestionValue.first_name} ${suggestionValue.last_name}`;\n\n const values = [\n { name: 'otherDonorId', value: suggestionValue.id },\n { name: 'fullName', value: fullName }\n ]\n\n onChange(id, values);\n }\n\n getDonorSuggestionValue(suggestion) {\n return suggestion;\n }\n\n renderDonorSuggestion(suggestion, { query, isHighlighted }) {\n let itemClassName;\n if (isHighlighted) {\n itemClassName = 'is-highlighted';\n }\n\n return (\n\n
\n )\n }\n\n render() {\n let donorInput, removeButton, addButton;\n\n const { donorSuggestions, isLoading } = this.state;\n const { label, fullName, isLast, otherDonorId } = this.props;\n const attrs = { 'data-donor-relationship-modal': 'true' }\n const relationshipUrl = `/nonprofit_users/donors/${otherDonorId}`;\n\n const relationshipInputProps = {\n value: this.state.autoSuggestValue,\n onChange: this.onAutoSuggestChange,\n 'data-relationship-input': 'true',\n }\n\n if (fullName) {\n donorInput = (\n \n {suggestion.first_name} {suggestion.last_name}\n
\n \n {suggestion.email}\n
\n \n {fullName}\n
\n )\n } else {\n donorInput = (\n Ex. Spouse, Sibling, Co-worker
\n }\n\n let loading;\n if (isLoading) {\n loading = Loading...
\n }\n\n return (\n \n
\n )\n }\n}\n\nexport default DonorProfileRelationshipFormItem;\n","import React from 'react';\nimport axios from 'axios';\nimport DonorProfilePlaceholder from './placeholder';\nimport DonorProfileTagsForm from './tags-form';\nimport { toast } from 'react-toastify';\n\nclass DonorProfileTags extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n tags: [],\n isLoading: false,\n isDataError: false\n }\n\n this.showForm = this.showForm.bind(this);\n this.hideForm = this.hideForm.bind(this);\n this.saveTags = this.saveTags.bind(this);\n }\n\n componentDidMount() {\n this.fetchTags();\n }\n\n fetchTags() {\n const { donorId, apiKey, tagsUrl } = this.props;\n const url = tagsUrl;\n const params = {\n api_key: apiKey,\n donor_id: donorId\n }\n\n return axios.get(url, { params: params })\n .then((response) => {\n const tags = response.data;\n\n this.setState({\n tags: tags,\n isLoading: false,\n dataFetched: true\n });\n })\n .catch(() => {\n this.setState({\n isDataError: true,\n isLoading: false\n });\n });\n }\n\n saveTags(tags) {\n const { donorId, apiKey, tagsUrl } = this.props;\n\n const params = {\n api_key: apiKey,\n donor_id: donorId,\n tags: tags\n }\n\n return axios.post(tagsUrl, params)\n .then((response) => {\n return this.fetchTags();\n })\n .then(() => {\n this.hideForm();\n toast('Success!');\n });\n }\n\n showForm(event) {\n event.preventDefault();\n this.setState({ isShowingForm: true });\n }\n\n hideForm() {\n this.setState({ isShowingForm: false });\n }\n\n renderTags() {\n const tags = this.state.tags.map((tag) => {\n return (\n \n
\n\n \n \n {loading}\n {donorInput}\n
\n\n \n \n
\n \n {remove}\n {add}\n
\n \n {tag.name}\n
\n )\n });\n\n return {tags}
\n }\n\n renderForm() {\n if (!this.state.isShowingForm) {\n return null;\n }\n\n const { apiKey, donorId, suggestions } = this.props;\n const tagNames = this.state.tags.map(tag => tag.name);\n\n return (\n This data cannot be shown at this time.
;\n }\n\n return null;\n }\n\n render() {\n const { donorLoaded, canEditDonor } = this.props;\n let body, edit;\n\n const tags = this.renderTags();\n const form = this.renderForm();\n const error = this.renderError();\n\n if (canEditDonor) {\n edit = (\n \n )\n }\n\n if (!donorLoaded) {\n body =\n {error}\n {tags}\n
\n )\n }\n\n return (\n \n
\n )\n }\n}\n\nexport default DonorProfileTags;\n","import React from 'react';\nimport Modal from '../modal';\nimport Autosuggest from 'react-autosuggest';\nimport axios from 'axios';\n\nclass DonorProfileTagsForm extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n tags: this.props.tags,\n value: '',\n suggestions: this.props.suggestions,\n isDataError: false,\n isDisabled: false,\n isLoading: false\n }\n\n this.onChange = this.onChange.bind(this);\n this.onSuggestionsFetchRequested = this.onSuggestionsFetchRequested.bind(this);\n this.onSuggestionsClearRequested = this.onSuggestionsClearRequested.bind(this);\n this.onSuggestionSelected = this.onSuggestionSelected.bind(this);\n this.renderSuggestion = this.renderSuggestion.bind(this);\n this.getSuggestionValue = this.getSuggestionValue.bind(this);\n this.submitTag = this.submitTag.bind(this);\n this.addTag = this.addTag.bind(this);\n this.update = this.update.bind(this);\n this.cancel = this.cancel.bind(this);\n }\n\n addTag(tagName) {\n const tags = this.state.tags;\n\n if (tags.indexOf(tagName) > -1) {\n return;\n }\n\n tags.push(tagName);\n this.setState({ tags: tags });\n }\n\n cancel() {\n this.props.onCancel();\n }\n\n escapeRegexCharacters(str) {\n return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n }\n\n getSuggestions(value) {\n const escapedValue = this.escapeRegexCharacters(value.trim());\n const regex = new RegExp('^' + escapedValue, 'i');\n\n const availableSuggestions = this.props.suggestions.filter(tag => {\n return this.state.tags.indexOf(tag) === -1;\n });\n\n const suggestions = availableSuggestions.filter(tag => regex.test(tag));\n\n if (!suggestions.length) {\n return [\n { isAddNew: true }\n ]\n }\n\n return suggestions;\n }\n\n getSuggestionValue(suggestion) {\n if (suggestion.isAddNew) {\n return this.state.value;\n }\n\n return suggestion;\n }\n\n onSuggestionsClearRequested() {\n this.setState({\n suggestions: []\n });\n }\n\n onSuggestionsFetchRequested({ value }) {\n this.setState({\n suggestions: this.getSuggestions(value)\n });\n }\n\n onSuggestionSelected(event, { suggestionValue }) {\n if (!suggestionValue) {\n return false;\n }\n\n this.addTag(suggestionValue);\n this.setState({ value: '' });\n }\n\n onChange(event, { newValue }) {\n this.setState({ value: newValue });\n }\n\n removeTag(tagName) {\n let tags = this.state.tags;\n tags = tags.filter(tag => tag != tagName);\n this.setState({ tags: tags });\n }\n\n shouldRenderSuggestions() {\n return true;\n }\n\n submitTag(event) {\n event.preventDefault();\n\n const tag = this.state.value;\n\n if (tag.length === 0) { return; }\n\n this.addTag(tag);\n this.setState({ value: '' });\n }\n\n update() {\n const { value } = this.state;\n const { onUpdate } = this.props;\n\n if (value) { this.addTag(value); }\n\n this.setState({ isLoading: true, isDisabled: true });\n onUpdate(this.state.tags);\n }\n\n renderError() {\n if (this.state.isDataError) {\n return \n
\n {body}\n {form}\n Tags
\n {edit}\nThis data cannot be shown at this time.
;\n }\n\n return null;\n }\n\n renderSuggestion(suggestion, { query, isHighlighted }) {\n let itemClassName, content, name;\n\n if (isHighlighted) {\n itemClassName = 'is-highlighted';\n }\n\n if (suggestion.isAddNew) {\n name = this.state.value;\n content = (\n \n [+] Add new: {this.state.value}\n \n );\n } else {\n name = suggestion;\n content = suggestion;\n }\n\n return (\n\n \n {content}\n \n
\n )\n }\n\n renderTags() {\n return this.state.tags.map((tag, index) => {\n return (\n \n {tag}\n \n \n Delete\n \n \n
\n )\n });\n }\n\n render() {\n const { isLoading, isDisabled } = this.state;\n const error = this.renderError();\n const tags = this.renderTags();\n\n const inputProps = {\n placeholder: \"Start typing...\",\n value: this.state.value,\n onChange: this.onChange,\n 'data-tags-input': 'true',\n autoFocus: false,\n maxLength: 255\n }\n\n const modalAttrs = { 'data-donor-tags-modal': 'true' }\n\n return (\n \n {tags}\n
\n \n )\n }\n}\n\nexport default DonorProfileTagsForm;\n","import React from 'react';\nimport axios from 'axios';\nimport DonorProfilePlaceholder from './placeholder';\nimport DonorProfileTransactionsDonation from './transactions/donation';\nimport DonorProfileTransactionsOrder from './transactions/order';\n\nclass DonorProfileTransactionList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n transactions: [],\n isLoading: false,\n dataFetched: false,\n isDataError: false\n }\n }\n\n typeLabel(type) {\n if (type === 'order') {\n return 'registration';\n }\n\n return type;\n }\n\n componentDidMount() {\n this.setState({ isLoading: true });\n\n const { donorId, apiKey, transactionsPerPage } = this.props;\n const url = `/api/nonprofits/donor_transactions/${donorId}?api_key=${apiKey}`;\n const params = {\n per_page: transactionsPerPage\n }\n\n return axios.get(url, { params })\n .then((response) => {\n const transactions = response.data['nonprofit_transactions'];\n const totalCount = response.data['meta']['total_count'];\n\n this.setState({\n transactions: transactions,\n isLoading: false,\n dataFetched: true\n });\n\n if (totalCount > 0) {\n this.initializePagination(url, totalCount);\n }\n });\n }\n\n initializePagination(url, totalCount) {\n const { transactionsPerPage } = this.props;\n\n $(this.pagerEl).pagination({\n dataSource: url,\n locator: 'nonprofit_transactions',\n pageSize: transactionsPerPage,\n totalNumber: totalCount,\n triggerPagingOnInit: false,\n hideWhenLessThanOnePage: true,\n\n alias: {\n pageNumber: 'page',\n pageSize: 'per_page'\n },\n\n ajax: {\n beforeSend: () => {\n this.setState({ isLoading: true });\n }\n },\n\n callback: (data, pagination) => {\n this.setState({ transactions: data, isLoading: false });\n }\n });\n }\n\n renderTransactions() {\n const { transactions } = this.state;\n\n if (transactions.length === 0) {\n return No recent activity.
;\n }\n\n return transactions.map((transaction) => {\n const type = transaction.type;\n\n if (type === 'donation') {\n returnThis data cannot be shown at this time.
;\n }\n\n return this.renderTransactions();\n }\n\n renderLoading() {\n if (this.state.isLoading) {\n return \n }\n\n return null;\n }\n\n render() {\n const { donationAddUrl, canAddDonation } = this.props;\n const loading = this.renderLoading();\n const body = this.renderBody();\n let addDonation;\n\n if (canAddDonation) {\n addDonation = (\n\n Add Donation\n
\n )\n }\n\n return (\n\n {loading}\n
\n );\n }\n}\n\nexport default DonorProfileTransactionList;\n","import React from 'react';\nimport moment from 'moment';\nimport formatCurrency from '../../../utils/format-currency';\n\nclass DonorProfileTransactionsDonation extends React.Component {\n constructor(props) {\n super(props);\n }\n\n frequencyFormatted(frequency) {\n if (frequency === 'single') {\n return 'One-time';\n } else if (frequency === 'recurring') {\n return 'Recurring';\n }\n\n return null;\n }\n\n giftNameFormatted(giftName) {\n if (giftName) {\n return `Gift Designation: ${giftName}`;\n }\n\n return null;\n }\n\n frequencyAndGiftNameFormatted(frequency, giftName) {\n // .filter(Boolean) is the same as _.compact\n return [frequency, giftName].filter(Boolean).join(' | ');\n }\n\n donatedText(campaignName) {\n if (campaignName) {\n return \n
\n Activity
\n {addDonation}\n\n {body}\n
\n { this.pagerEl = el; }}>
\n Donated to {campaignName}
\n }\n return Donation
\n }\n\n render() {\n const { transaction } = this.props;\n const date = moment.parseZone(transaction.transacted_at).format('MMM D, YYYY');\n const campaignName = transaction.campaign_name;\n const total = formatCurrency(transaction.total_in_cents);\n const transactionCode = transaction.transaction_code;\n const viewUrl = transaction.view_url;\n const frequencyFormatted = this.frequencyFormatted(transaction.frequency);\n const giftNameFormatted = this.giftNameFormatted(transaction.gift_name);\n const frequencyAndGiftNameFormatted = this.frequencyAndGiftNameFormatted(frequencyFormatted, giftNameFormatted);\n const donatedText = this.donatedText(campaignName);\n\n return (\n \n
\n )\n }\n}\n\nexport default DonorProfileTransactionsDonation;\n","import React from 'react';\nimport moment from 'moment';\nimport formatCurrency from '../../../utils/format-currency';\nimport formatNumber from '../../../utils/format-number';\n\nclass DonorProfileTransactionsOrder extends React.Component {\n constructor(props) {\n super(props);\n }\n\n typeLabel(type) {\n if (type === 'order') {\n return 'registration';\n }\n\n return type;\n }\n\n render() {\n const { transaction } = this.props;\n const date = moment.parseZone(transaction.transacted_at).format('MMM D, YYYY');\n const campaignName = transaction.campaign_name || 'UNASSIGNED';\n const total = formatCurrency(transaction.total_in_cents);\n const transactionCode = transaction.transaction_code;\n const viewUrl = transaction.view_url;\n const quantity = formatNumber(transaction.total_cart_quantity);\n const typeLabel = this.typeLabel(transaction.type);\n\n return (\n \n \n
\n {date}
\n\n {donatedText}\n
\n{frequencyAndGiftNameFormatted}
\n\n
\n {total}
\n \n\n
\n )\n }\n}\n\nexport default DonorProfileTransactionsOrder;\n","import React from 'react';\n\nimport DonorSearchAccordion from './accordion';\nimport DonorSearchFieldFilters from './field-filters';\nimport DonorSearchKeyword from './keyword';\nimport DonorSearchQuickFilters from './quick-filters';\nimport DonorSearchTags from './tags';\nimport Loading from '../loading';\n\nimport fieldFilters from '../../utils/donor-search/field-filters';\nimport quickFilters from '../../utils/donor-search/quick-filters';\n\nclass DonorSearchLayoutDrawer extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isOpen: false\n }\n\n this.clickFilters = this.clickFilters.bind(this);\n }\n\n clickFilters() {\n this.setState({ isOpen: !this.state.isOpen });\n }\n\n render() {\n const {\n apiKey,\n customFields,\n dayOptions,\n exportUrl,\n filters,\n isLoading,\n keyword,\n monthOptions,\n tags,\n url,\n yearOptions\n } = this.props;\n\n const drawerClass = this.state.isOpen ? \"filters-drawer drawer is-open\" : \"filters-drawer drawer\";\n\n return (\n \n \n
\n {date}
\n\n Registered for {campaignName}\n
\nQuantity: {quantity}
\n\n
\n {total}
\n \n\n
\n );\n }\n}\n\nexport default DonorSearchLayoutDrawer;\n","import React from 'react';\n\nconst DonorSearchFilterFieldsSelect = (props) => {\n const {\n customFields,\n onChange,\n tags,\n value\n } = props;\n\n const customFieldOptions = customFields.map((field) => {\n return (\n \n )\n });\n\n const tagOption = tags.length ? (\n \n ) : null;\n\n return (\n \n Filters\n
\n\n \n \n\n
\n\n \n \n \n\n \n \n\n
\n \n
\n\n Filters
\n\n\n Close\n \n
\n \n
\n )\n}\n\nexport default DonorSearchFilterFieldsSelect;\n","import React from 'react';\nimport DonorSearchFilterBooleanField from './boolean-field';\nimport DonorSearchFilterDateField from './date-field';\nimport DonorSearchFilterTextField from './text-field';\nimport DonorSearchFilterMoneyRangeField from './money-range-field';\nimport DonorSearchFilterTagField from './tag-field';\n\nconst DonorSearchFilterValueFields = (props) => {\n const {\n dayOptions,\n monthOptions,\n onChange,\n tags,\n type,\n value,\n yearOptions\n } = props;\n\n if (type === 'text') {\n return (\n \n \n
\n \n
\n )\n}\n\nexport default DonorSearchFilterBooleanField;\n","import React from 'react';\n\nconst DonorSearchFilterDateFieldOptions = (props) => {\n const { options } = props;\n\n return options.map((option) => {\n const label = option[0];\n const value = option[1];\n\n return (\n \n );\n });\n}\n\nexport default DonorSearchFilterDateFieldOptions;\n","import React from 'react';\nimport eventValue from '../../../utils/event-value';\n\nconst DonorSearchFilterTextField = (props) => {\n const { onChange, value } = props;\n\n return (\n \n onChange(eventValue(event))}\n >\n \n \n \n
\n \n onChange(eventValue(event))}\n type=\"text\"\n value={value}\n />\n
\n )\n}\n\nexport default DonorSearchFilterTextField;\n","import React from 'react';\n\n\nconst DonorSearchFilterMoneyRangeLabel = (props) => {\n const { max, min } = props;\n\n return (\n \n {min} - {max}\n
\n )\n}\n\nexport default DonorSearchFilterMoneyRangeLabel;\n","import React from 'react';\nimport eventValue from '../../../utils/event-value';\n\nconst DonorSearchFilterTagField = (props) => {\n const { onChange, tags, type } = props;\n const id = `filter-input-${type}`;\n\n return (\n \n
\n )\n}\n\nexport default DonorSearchFilterTagField;\n","import React from 'react';\n\nconst DonorSearchFilterSubmit = (props) => {\n const { onClick } = props;\n\n return (\n \n onChange(eventValue(event))}\n >\n {tags.map((tag) => (\n \n ))}\n \n
\n \n
\n \n )\n }\n}\n\nexport default DonorSearchFieldFiltersMenu;\n","import React from 'react';\n\nconst DonorSearchMenuButtonQuantity = (props) => {\n const { value } = props;\n\n if (!value) {\n return null;\n }\n\n return (\n \n {value}\n \n )\n}\n\nexport default DonorSearchMenuButtonQuantity;\n","import React from 'react';\nimport DonorSearchFieldFilters from './field-filters';\n\nclass DonorSearchFieldFiltersDropDown extends React.Component {\n render() {\n const {\n customFields,\n dayOptions,\n monthOptions,\n tags,\n yearOptions\n } = this.props;\n\n return (\n \n
\n \n )\n }\n}\n\nexport default DonorSearchFieldFiltersDropDown;\n","import React from 'react';\nimport DonorSearchMenuButton from './menu-button';\nimport DonorSearchQuickFiltersDropDown from './quick-filters-drop-down';\nimport objectCount from '../../utils/object-count';\n\nclass DonorSearchQuickFiltersMenu extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isVisible: false\n }\n\n this.clickDocument = this.clickDocument.bind(this);\n this.toggleMenu = this.toggleMenu.bind(this);\n }\n\n componentWillMount() {\n document.addEventListener('mousedown', this.clickDocument, false);\n }\n\n componentWillUnmount() {\n document.removeEventListener('mousedown', this.clickDocument, false);\n }\n\n clickDocument(e) {\n const { target } = e;\n const { node } = this.refs;\n const { isVisible } = this.state;\n\n if (!node.contains(target) && isVisible) {\n this.setState({ isVisible: false });\n }\n }\n\n filterCount() {\n const { filters } = this.props;\n\n return objectCount(filters);\n }\n\n toggleMenu() {\n const { isVisible } = this.state;\n\n this.setState({ isVisible: !isVisible });\n }\n\n render() {\n const { isVisible } = this.state;\n\n const {\n filters,\n onDisable,\n onEnable\n } = this.props;\n\n const menu = !isVisible ? null : (\n \n
\n \n
\n \n )\n }\n}\n\nexport default DonorSearchQuickFiltersMenu;\n","import React from 'react';\nimport Scrollbar from '../scrollbar';\nimport DonorSearchQuickFilters from './quick-filters';\n\nclass DonorSearchQuickFiltersDropDown extends React.Component {\n componentDidMount() {\n $(\".d-quick-filters__drop-down\").tinyscrollbar();\n }\n\n render() {\n const {\n filters,\n onDisable,\n onEnable\n } = this.props;\n\n return (\n \n
\n )\n }\n}\n\nexport default DonorSearchQuickFiltersDropDown;\n","import React from 'react';\n\nconst Scrollbar = (props) => {\n return (\n \n
\n \n
\n \n
\n )\n}\n\nexport default Scrollbar;\n","import React from 'react';\nimport FormFieldOptions from './options';\nimport arrayMove from 'array-move';\n\nclass FormFieldItem extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n type: this.props.formField.field_type,\n options: this.props.formField.options\n }\n\n this.remove = this.remove.bind(this);\n this.setType = this.setType.bind(this);\n this.setOptions = this.setOptions.bind(this);\n this.addOption = this.addOption.bind(this);\n this.removeOption = this.removeOption.bind(this);\n this.setOptionsPosition = this.setOptionsPosition.bind(this);\n }\n\n remove(e) {\n e.preventDefault();\n\n const { index } = this.props;\n this.props.onRemove(index);\n }\n\n setType(event) {\n const { value } = event.target;\n const { options } = this.state;\n\n if (value === 'select' && !options.length) {\n this.addOption();\n }\n\n this.setState({\n type: value\n });\n }\n\n setOptions(index, value) {\n const { options } = this.state;\n\n options[index] = value;\n\n this.setState({\n options: options\n });\n }\n\n setOptionsPosition(oldIndex, newIndex) {\n const options = arrayMove(this.state.options, oldIndex, newIndex);\n\n this.setState({\n options: options\n });\n }\n\n addOption() {\n const { options } = this.state;\n const option = '';\n\n options.push(option);\n\n this.setState({\n options: options\n });\n }\n\n removeOption(index) {\n const { options } = this.state;\n\n options.splice(index, 1);\n\n this.setState({\n options: options\n });\n }\n\n inputName(property, index) {\n const { nestedAttributesName } = this.props;\n return `${nestedAttributesName}[${index}][${property}]`;\n }\n\n style() {\n let style;\n\n if (this.props.formField['_destroy']) {\n style = { display: 'none' }\n }\n\n return style;\n }\n\n renderLabel() {\n const { formField, index } = this.props;\n\n return (\n \n \n
\n \n
\n )\n }\n\n renderType() {\n const { formField, index } = this.props;\n const { type } = this.state;\n const name = this.inputName('field_type', index)\n\n return (\n \n
\n \n
\n )\n }\n\n renderRequired() {\n const { formField, index, allowRequired } = this.props;\n const name = this.inputName('required', index);\n\n if (allowRequired === false) {\n return (\n \n )\n }\n\n return (\n \n \n \n \n \n \n
\n \n \n
\n )\n }\n\n renderOptions() {\n const { index, nestedAttributesName } = this.props;\n const { type, options } = this.state;\n if (type !== 'select') { return; }\n\n return \n
\n )\n }\n\n renderRemove() {\n return (\n \n {this.renderOptions()}\n {this.renderHidden()}\n\n
\n \n )\n }\n}\n\nexport default FormFieldItem;\n","import React from 'react';\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\nimport FormFieldOption from './option';\n\nconst SortableOption = SortableElement(({option, optionIndex, formFieldIndex, nestedAttributesName, allowRemove, onChange, onRemove}) => {\n return \n {this.renderRequired()}\n {this.renderRemove()}\n
\n {optionList}
\n});\n\nclass FormFieldOptions extends React.Component {\n constructor(props) {\n super(props);\n\n this.change = this.change.bind(this);\n this.add = this.add.bind(this);\n this.remove = this.remove.bind(this);\n this.sortEnd = this.sortEnd.bind(this);\n }\n\n change(index, value) {\n this.props.onChange(index, value);\n }\n\n add(event) {\n event.preventDefault();\n this.props.onAdd();\n }\n\n remove(index) {\n this.props.onRemove(index);\n }\n\n sortEnd(data, event) {\n this.props.onSortEnd(data.oldIndex, data.newIndex);\n }\n\n render() {\n const { options, formFieldIndex, nestedAttributesName } = this.props;\n const allowRemove = options.length > 1;\n\n return (\n \n \n Add Option\n \n
\n )\n }\n}\n\nexport default FormFieldOptions;\n","import React from 'react';\nimport { SortableHandle } from 'react-sortable-hoc';\n\nclass FormFieldOption extends React.Component {\n constructor(props) {\n super(props);\n\n this.change = this.change.bind(this);\n this.remove = this.remove.bind(this);\n }\n\n change(event) {\n const { index } = this.props;\n const { value } = event.target;\n this.props.onChange(index, value);\n }\n\n remove(event) {\n event.preventDefault();\n const { index } = this.props;\n this.props.onRemove(index);\n }\n\n name() {\n const { formFieldIndex, index, nestedAttributesName } = this.props;\n return `${nestedAttributesName}[${formFieldIndex}][options][${index}]`;\n }\n\n renderSortHandle() {\n const SortHandle = SortableHandle(() =>\n \n \n \n );\n\n return \n {sortHandle}\n\n
\n )\n }\n}\n\nexport default FormFieldOption;\n","import React from 'react';\nimport { SortableHandle } from 'react-sortable-hoc';\n\nconst DragHandle = SortableHandle(() =>\n \n \n \n);\n\nclass GiftItem extends React.Component {\n constructor(props) {\n super(props);\n\n this.onClickRemove = this.onClickRemove.bind(this);\n }\n\n onClickRemove(event) {\n event.preventDefault();\n this.props.onRemove(this.props.id);\n }\n\n render() {\n return (\n \n \n \n \n\n \n {this.props.name}\n \n\n
\n )\n }\n}\n\nexport default GiftItem;\n","import React from 'react';\n\nclass GiftInput extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n name: ''\n }\n\n this.onChange = this.onChange.bind(this);\n this.onKeyPress = this.onKeyPress.bind(this);\n this.onClickAdd = this.onClickAdd.bind(this);\n }\n\n onChange(event) {\n const name = event.target.value;\n this.setState({\n name: name\n });\n }\n\n onKeyPress(event) {\n if (event.key === 'Enter') {\n event.preventDefault();\n const name = event.target.value;\n this.submitGift(name);\n }\n }\n\n onClickAdd(event) {\n event.preventDefault();\n const name = this.refs.control.value;\n this.submitGift(name);\n }\n\n submitGift(name) {\n if (name === '') {\n return;\n }\n\n const gift = {\n name: name\n }\n\n this.props.onSubmit(gift);\n this.clearInput();\n }\n\n componentDidMount() {\n $(this.refs.control).autocomplete({\n serviceUrl: '/api/nonprofits/gifts',\n params: {\n api_key: this.props.apiKey\n },\n triggerSelectOnValidInput: false,\n onSelect: (suggestion) => {\n const name = suggestion.value;\n const id = suggestion.data.id;\n const gift = {\n id: id,\n name: name\n }\n this.props.onSelect(gift);\n this.clearInput();\n }\n });\n }\n\n clearInput() {\n this.setState({\n name: ''\n });\n }\n\n render() {\n return (\n \n \n Add\n \n
\n )\n }\n}\n\nexport default GiftInput;\n","import React from 'react';\nimport formatCurrency from '../../utils/format-currency';\n\nclass NonprofitDashboardCampaignProgressBar extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const goal = this.props.goal;\n const amount = this.props.amount;\n const percent = Math.min(goal === 0 ? 0 : (amount / goal) * 100, 100);\n const style = { width: `${percent}%` };\n\n return (\n \n
\n );\n }\n}\n\nexport default NonprofitDashboardCampaignProgressBar;\n","const labelMap = {\n 'address_1_cont_any': 'Address 1 contains',\n 'address_2_cont_any': 'Address 2 contains',\n 'alternate_email_cont_any': 'Alternate Email contains',\n 'alternate_phone_cont_any': 'Alternate Phone contains',\n 'average_total_in_cents_between': 'Average gift between',\n 'average_total_in_cents_gteq': 'Average gift greater or equal to $500',\n 'birthdate_day_in': 'Birthday Day is',\n 'birthdate_month_in': 'Birthday Month is',\n 'birthdate_year_in': 'Birthday Year is',\n 'city_cont_any': 'City contains',\n 'company_cont_any': 'Employer contains',\n 'country_cont_any': 'Country contains',\n 'donations_count_eq': 'Without Donations',\n 'donations_count_gt': 'With Donations',\n 'donor_notes_body_cont_any': 'Notes contains',\n 'email_blank': 'Without Email',\n 'email_cont_any': 'Email contains',\n 'email_present': 'With Email',\n 'first_name_cont_any': 'First Name contains',\n 'is_active_recurring_true': 'Active Recurring Donors',\n 'is_active_12_months_true': 'Donors (Last 12 months)',\n 'is_active_24_months_true': 'Donors (Last 24 months)',\n 'is_active_36_months_true': 'Donors (Last 36 months)',\n 'is_at_risk_true': 'At-risk Donors',\n 'is_complete_address_true': 'With Complete Address',\n 'is_complete_address_false': 'Without Complete Address',\n 'is_lapsed_true': 'Lapsed Donors',\n 'is_lybunt_true': 'LYBUNT',\n 'is_new_true': 'New Donors',\n 'is_sybunt_true': 'SYBUNT',\n 'job_title_cont_any': 'Job Title contains',\n 'last_name_cont_any': 'Last Name contains',\n 'lifetime_total_in_cents_between': 'Lifetime giving between',\n 'newsletter_enabled_eq': 'Newsletter Subscriber is',\n 'nonprofit_tag_ids_in': 'Tagged with',\n 'orders_count_eq': 'Without Registrations',\n 'orders_count_gt': 'With Registrations',\n 'phone_cont_any': 'Phone contains',\n 'postal_cont_any': 'Zip / Postal Code contains',\n 'preferred_name_cont_any': 'Preferred Name contains',\n 'state_cont_any': 'State / Province contains',\n 'statement_in_year': 'Received a Statement for Year',\n 'statement_not_in_year': 'Has not Received a Statement for Year',\n 'transaction_in_year': 'Has a Transaction in Year',\n 'year_to_date_total_in_cents_between': 'Year to date giving between',\n 'year_to_date_total_in_cents_gteq': 'Year to date giving greater or equal to $500'\n}\n\nfunction getFieldLabel(key) {\n return `${key.replace('field:', '')} contains`;\n}\n\nexport default (key) => {\n if (key.startsWith('field:')) {\n return getFieldLabel(key);\n }\n\n return labelMap[key];\n}\n","import moment from 'moment';\n\nexport default (dates, inputFormat = 'MM', outputFormat = 'MMMM') => {\n return dates.map((date) => {\n return moment(date, inputFormat).format(outputFormat);\n });\n}\n","export default (value, joiner) => {\n return value.join(joiner);\n}\n","const noValueFields = [\n 'average_total_in_cents_gteq',\n 'donations_count_eq',\n 'donations_count_gt',\n 'email_blank',\n 'email_present',\n 'is_complete_address_true',\n 'is_complete_address_false',\n 'is_sybunt_true',\n 'is_lybunt_true',\n 'is_lapsed_true',\n 'is_at_risk_true',\n 'is_new_true',\n 'is_active_recurring_true',\n 'is_active_12_months_true',\n 'is_active_24_months_true',\n 'is_active_36_months_true',\n 'orders_count_eq',\n 'orders_count_gt',\n 'year_to_date_total_in_cents_gteq'\n];\n\nexport default (field) => {\n return noValueFields.includes(field);\n}\n","const dateFields = [\n 'birthdate_month_in',\n 'birthdate_day_in'\n];\n\nexport default (field) => {\n return dateFields.includes(field);\n}\n","const fields = [\n 'average_total_in_cents_between',\n 'lifetime_total_in_cents_between',\n 'year_to_date_total_in_cents_between'\n];\n\nexport default (field) => {\n return fields.includes(field);\n}\n","const tagFields = [\n 'nonprofit_tag_ids_in',\n];\n\nexport default (field) => {\n return tagFields.includes(field);\n}\n","import filterValueDates from './filter-value-dates';\nimport filterValueJoin from './filter-value-join';\nimport filterValueMoneyRange from './filter-value-money-range';\nimport isArray from './is-array';\nimport isBlankFilterValue from './is-blank-filter-value';\nimport isDateFilterValue from './is-date-filter-value';\nimport isMoneyRangeFilterValue from './is-money-range-filter-value';\nimport isTagFilterValue from './is-tag-filter-value';\n\nexport default (value, field, joiner = ' or ', nonprofitTags = []) => {\n if (isBlankFilterValue(field)) {\n return null;\n }\n\n if (isDateFilterValue(field)) {\n const formattedValue = filterValueDates(value, field);\n return filterValueJoin(formattedValue, joiner);\n }\n\n if (isMoneyRangeFilterValue(field)) {\n return filterValueMoneyRange(value);\n }\n\n if (isTagFilterValue(field)) {\n const names = value.map(id => {\n const tagObj = nonprofitTags.find((tag) => tag.id === id);\n return tagObj.name;\n });\n\n return filterValueJoin(names, joiner);\n }\n\n if (isArray(value)) {\n return filterValueJoin(value, joiner);\n }\n\n return value;\n}\n","import formatDates from '../format-dates';\n\nexport default (value, field) => {\n if (field === 'birthdate_month_in') {\n return formatDates(value, 'MM', 'MMMM');\n }\n\n if (field === 'birthdate_day_in') {\n return formatDates(value, 'DD', 'D');\n }\n}\n","import filterValueJoin from './filter-value-join';\nimport formatCurrency from '../format-currency';\n\nexport default (value) => {\n const values = value.split('-');\n const min = values[0];\n const max = values[1];\n\n const formattedMin = formatCurrency(parseInt(min), '$0,0');\n let formattedMax = formatCurrency(parseInt(max), '$0,0');\n\n if (max.includes('>')) {\n formattedMax = `${formattedMax}+`;\n }\n\n const formatted = [formattedMin, formattedMax];\n\n return filterValueJoin(formatted, '-');\n}\n","export default (value) => {\n return Array.isArray(value);\n}\n","import React from 'react';\nimport DonorSearchTagRemove from './tag-remove';\nimport filterLabel from '../../utils/donor-search/filter-label';\nimport filterValue from '../../utils/donor-search/filter-value';\n\nconst DonorSearchTag = (props) => {\n const { field, nonprofitTags, onRemove, value } = props;\n const formattedField = filterLabel(field);\n const formattedValue = filterValue(value, field, ' or ', nonprofitTags);\n\n return (\n \n {formatCurrency(amount)}\n
\n \n \n
\n \n * \n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the `in` prop is set to `true`, the child component will first receive\n * the class `example-enter`, then the `example-enter-active` will be added in\n * the next tick. `CSSTransition` [forces a\n * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)\n * between before adding the `example-enter-active`. This is an important trick\n * because it allows us to transition between `example-enter` and\n * `example-enter-active` even though they were added immediately one after\n * another. Most notably, this is what makes it possible for us to animate\n * _appearance_.\n *\n * ```css\n * .my-node-enter {\n * opacity: 0;\n * }\n * .my-node-enter-active {\n * opacity: 1;\n * transition: opacity 200ms;\n * }\n * .my-node-exit {\n * opacity: 1;\n * }\n * .my-node-exit-active {\n * opacity: 0;\n * transition: opacity 200ms;\n * }\n * ```\n *\n * `*-active` classes represent which styles you want to animate **to**, so it's\n * important to add `transition` declaration only to them, otherwise transitions\n * might not behave as intended! This might not be obvious when the transitions\n * are symmetrical, i.e. when `*-enter-active` is the same as `*-exit`, like in\n * the example above (minus `transition`), but it becomes apparent in more\n * complex transitions.\n *\n * **Note**: If you're using the\n * [`appear`](http://reactcommunity.org/react-transition-group/transition#Transition-prop-appear)\n * prop, make sure to define styles for `.appear-*` classes as well.\n */\n\nvar CSSTransition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(CSSTransition, _React$Component);\n function CSSTransition() {\n var _this;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n _this.appliedClasses = {\n appear: {},\n enter: {},\n exit: {}\n };\n _this.onEnter = function (maybeNode, maybeAppearing) {\n var _this$resolveArgument = _this.resolveArguments(maybeNode, maybeAppearing),\n node = _this$resolveArgument[0],\n appearing = _this$resolveArgument[1];\n _this.removeClasses(node, 'exit');\n _this.addClass(node, appearing ? 'appear' : 'enter', 'base');\n if (_this.props.onEnter) {\n _this.props.onEnter(maybeNode, maybeAppearing);\n }\n };\n _this.onEntering = function (maybeNode, maybeAppearing) {\n var _this$resolveArgument2 = _this.resolveArguments(maybeNode, maybeAppearing),\n node = _this$resolveArgument2[0],\n appearing = _this$resolveArgument2[1];\n var type = appearing ? 'appear' : 'enter';\n _this.addClass(node, type, 'active');\n if (_this.props.onEntering) {\n _this.props.onEntering(maybeNode, maybeAppearing);\n }\n };\n _this.onEntered = function (maybeNode, maybeAppearing) {\n var _this$resolveArgument3 = _this.resolveArguments(maybeNode, maybeAppearing),\n node = _this$resolveArgument3[0],\n appearing = _this$resolveArgument3[1];\n var type = appearing ? 'appear' : 'enter';\n _this.removeClasses(node, type);\n _this.addClass(node, type, 'done');\n if (_this.props.onEntered) {\n _this.props.onEntered(maybeNode, maybeAppearing);\n }\n };\n _this.onExit = function (maybeNode) {\n var _this$resolveArgument4 = _this.resolveArguments(maybeNode),\n node = _this$resolveArgument4[0];\n _this.removeClasses(node, 'appear');\n _this.removeClasses(node, 'enter');\n _this.addClass(node, 'exit', 'base');\n if (_this.props.onExit) {\n _this.props.onExit(maybeNode);\n }\n };\n _this.onExiting = function (maybeNode) {\n var _this$resolveArgument5 = _this.resolveArguments(maybeNode),\n node = _this$resolveArgument5[0];\n _this.addClass(node, 'exit', 'active');\n if (_this.props.onExiting) {\n _this.props.onExiting(maybeNode);\n }\n };\n _this.onExited = function (maybeNode) {\n var _this$resolveArgument6 = _this.resolveArguments(maybeNode),\n node = _this$resolveArgument6[0];\n _this.removeClasses(node, 'exit');\n _this.addClass(node, 'exit', 'done');\n if (_this.props.onExited) {\n _this.props.onExited(maybeNode);\n }\n };\n _this.resolveArguments = function (maybeNode, maybeAppearing) {\n return _this.props.nodeRef ? [_this.props.nodeRef.current, maybeNode] // here `maybeNode` is actually `appearing`\n : [maybeNode, maybeAppearing];\n };\n _this.getClassNames = function (type) {\n var classNames = _this.props.classNames;\n var isStringClassNames = typeof classNames === 'string';\n var prefix = isStringClassNames && classNames ? classNames + \"-\" : '';\n var baseClassName = isStringClassNames ? \"\" + prefix + type : classNames[type];\n var activeClassName = isStringClassNames ? baseClassName + \"-active\" : classNames[type + \"Active\"];\n var doneClassName = isStringClassNames ? baseClassName + \"-done\" : classNames[type + \"Done\"];\n return {\n baseClassName: baseClassName,\n activeClassName: activeClassName,\n doneClassName: doneClassName\n };\n };\n return _this;\n }\n var _proto = CSSTransition.prototype;\n _proto.addClass = function addClass(node, type, phase) {\n var className = this.getClassNames(type)[phase + \"ClassName\"];\n var _this$getClassNames = this.getClassNames('enter'),\n doneClassName = _this$getClassNames.doneClassName;\n if (type === 'appear' && phase === 'done' && doneClassName) {\n className += \" \" + doneClassName;\n } // This is to force a repaint,\n // which is necessary in order to transition styles when adding a class name.\n\n if (phase === 'active') {\n if (node) forceReflow(node);\n }\n if (className) {\n this.appliedClasses[type][phase] = className;\n _addClass(node, className);\n }\n };\n _proto.removeClasses = function removeClasses(node, type) {\n var _this$appliedClasses$ = this.appliedClasses[type],\n baseClassName = _this$appliedClasses$.base,\n activeClassName = _this$appliedClasses$.active,\n doneClassName = _this$appliedClasses$.done;\n this.appliedClasses[type] = {};\n if (baseClassName) {\n removeClass(node, baseClassName);\n }\n if (activeClassName) {\n removeClass(node, activeClassName);\n }\n if (doneClassName) {\n removeClass(node, doneClassName);\n }\n };\n _proto.render = function render() {\n var _this$props = this.props,\n _ = _this$props.classNames,\n props = _objectWithoutPropertiesLoose(_this$props, [\"classNames\"]);\n return /*#__PURE__*/React.createElement(Transition, _extends({}, props, {\n onEnter: this.onEnter,\n onEntered: this.onEntered,\n onEntering: this.onEntering,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited\n }));\n };\n return CSSTransition;\n}(React.Component);\nCSSTransition.defaultProps = {\n classNames: ''\n};\nexport default CSSTransition;","import hasClass from './hasClass';\n/**\n * Adds a CSS class to a given element.\n * \n * @param element the element\n * @param className the CSS class name\n */\n\nexport default function addClass(element, className) {\n if (element.classList) element.classList.add(className);else if (!hasClass(element, className)) if (typeof element.className === 'string') element.className = element.className + \" \" + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + \" \" + className);\n}","/**\n * Checks if a given element has a CSS class.\n * \n * @param element the element\n * @param className the CSS class name\n */\nexport default function hasClass(element, className) {\n if (element.classList) return !!className && element.classList.contains(className);\n return (\" \" + (element.className.baseVal || element.className) + \" \").indexOf(\" \" + className + \" \") !== -1;\n}","import React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport DuplicateSet from './set';\n\nclass DonorDuplicatesSets extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { isDisabled, onIgnore, onMerge, sets } = this.props;\n\n const rows = sets.map((set) => {\n return (\n \n * {\"I'll receive my-node-* classes\"}\n *
\n * \n
\n )\n }\n}\n\nexport default DonorSearchFilterMoneyRangeField;\n","export default (min, max, separator = '-') => {\n return [min, max].join(separator);\n}\n","export default (filters, keyword, sort) => {\n return {\n q: filters,\n keyword: keyword,\n s: sort\n }\n}\n","import React from 'react';\n\nimport DataDownload from '../data-download';\nimport DonorSearchFieldFiltersMenu from './field-filters-menu';\nimport DonorSearchKeyword from './keyword';\nimport DonorSearchQuickFiltersMenu from './quick-filters-menu';\nimport DonorSearchTags from './tags';\nimport Loading from '../loading';\n\nimport fieldFilters from '../../utils/donor-search/field-filters';\nimport normalizedData from '../../utils/donor-search/normalized-data';\nimport quickFilters from '../../utils/donor-search/quick-filters';\n\nclass DonorSearchLayoutToolbar extends React.Component {\n render() {\n const {\n apiKey,\n customFields,\n dayOptions,\n exportUrl,\n filters,\n isLoading,\n keyword,\n monthOptions,\n sort,\n tags,\n url,\n yearOptions\n } = this.props;\n\n return (\n \n
\n );\n }\n}\n\nexport default DonorSearchLayoutToolbar;\n","/**\n * Returns a function, that, as long as it continues to be invoked, will not\n * be triggered. The function will be called after it stops being called for\n * N milliseconds. If `immediate` is passed, trigger the function on the\n * leading edge, instead of the trailing. The function also has a property 'clear' \n * that is a function which will clear the timer to prevent previously scheduled executions. \n *\n * @source underscore.js\n * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/\n * @param {Function} function to wrap\n * @param {Number} timeout in ms (`100`)\n * @param {Boolean} whether to execute at the beginning (`false`)\n * @api public\n */\nfunction debounce(func, wait, immediate) {\n var timeout, args, context, timestamp, result;\n if (null == wait) wait = 100;\n function later() {\n var last = Date.now() - timestamp;\n if (last < wait && last >= 0) {\n timeout = setTimeout(later, wait - last);\n } else {\n timeout = null;\n if (!immediate) {\n result = func.apply(context, args);\n context = args = null;\n }\n }\n }\n ;\n var debounced = function () {\n context = this;\n args = arguments;\n timestamp = Date.now();\n var callNow = immediate && !timeout;\n if (!timeout) timeout = setTimeout(later, wait);\n if (callNow) {\n result = func.apply(context, args);\n context = args = null;\n }\n return result;\n };\n debounced.clear = function () {\n if (timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n };\n debounced.flush = function () {\n if (timeout) {\n result = func.apply(context, args);\n context = args = null;\n clearTimeout(timeout);\n timeout = null;\n }\n };\n return debounced;\n}\n;\n\n// Adds compatibility for ES modules\ndebounce.debounce = debounce;\nmodule.exports = debounce;","function _setPrototypeOf(t, e) {\n return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {\n return t.__proto__ = e, t;\n }, _setPrototypeOf(t, e);\n}\nexport { _setPrototypeOf as default };","export var forceReflow = function forceReflow(node) {\n return node.scrollTop;\n};","const keys = [\n 'nonprofit_tag_ids_in',\n 'first_name_cont_any',\n 'last_name_cont_any',\n 'address_1_cont_any',\n 'address_2_cont_any',\n 'city_cont_any',\n 'state_cont_any',\n 'postal_cont_any',\n 'country_cont_any',\n 'phone_cont_any',\n 'alternate_phone_cont_any',\n 'email_cont_any',\n 'alternate_email_cont_any',\n 'newsletter_enabled_eq',\n 'birthdate_month_in',\n 'birthdate_day_in',\n 'birthdate_year_in',\n 'job_title_cont_any',\n 'company_cont_any',\n 'year_to_date_total_in_cents_between',\n 'average_total_in_cents_between',\n 'lifetime_total_in_cents_between',\n 'donor_notes_body_cont_any'\n];\n\nfunction keyExists(key) {\n return keys.indexOf(key) > -1;\n}\n\nfunction keyIsField(key) {\n return key.startsWith('field:')\n}\n\nexport default (filters) => {\n const object = {};\n\n Object.keys(filters).forEach((key) => {\n if (keyExists(key) || keyIsField(key)) {\n object[key] = filters[key];\n }\n })\n\n return object;\n}\n","const keys = [\n 'average_total_in_cents_gteq',\n 'donations_count_eq',\n 'donations_count_gt',\n 'email_blank',\n 'email_present',\n 'is_complete_address_true',\n 'is_complete_address_false',\n 'is_active_recurring_true',\n 'is_active_12_months_true',\n 'is_active_24_months_true',\n 'is_active_36_months_true',\n 'is_at_risk_true',\n 'is_lapsed_true',\n 'is_lybunt_true',\n 'is_new_true',\n 'is_sybunt_true',\n 'orders_count_eq',\n 'orders_count_gt',\n 'year_to_date_total_in_cents_gteq',\n];\n\nexport default (filters) => {\n const object = {};\n\n keys.forEach((key) => {\n if (filters[key] === undefined) { return; }\n\n object[key] = filters[key];\n });\n\n return object;\n}\n","export default (object) => {\n return Object.keys(object).length;\n}\n","'use strict';\n\nconst arrayMoveMutate = (array, from, to) => {\n const startIndex = to < 0 ? array.length + to : to;\n const item = array.splice(from, 1)[0];\n array.splice(startIndex, 0, item);\n};\nconst arrayMove = (array, from, to) => {\n array = array.slice();\n arrayMoveMutate(array, from, to);\n return array;\n};\nmodule.exports = arrayMove;\n// TODO: Remove this for the next major release\nmodule.exports.default = arrayMove;\nmodule.exports.mutate = arrayMoveMutate;","var rng = require('./lib/rng');\nvar bytesToUuid = require('./lib/bytesToUuid');\nfunction v4(options, buf, offset) {\n var i = buf && offset || 0;\n if (typeof options == 'string') {\n buf = options === 'binary' ? new Array(16) : null;\n options = null;\n }\n options = options || {};\n var rnds = options.random || (options.rng || rng)();\n\n // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80;\n\n // Copy bytes to buffer, if provided\n if (buf) {\n for (var ii = 0; ii < 16; ++ii) {\n buf[i + ii] = rnds[ii];\n }\n }\n return buf || bytesToUuid(rnds);\n}\nmodule.exports = v4;","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n'use strict';\n\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\nfunction toObject(val) {\n if (val === null || val === undefined) {\n throw new TypeError('Object.assign cannot be called with null or undefined');\n }\n return Object(val);\n}\nfunction shouldUseNative() {\n try {\n if (!Object.assign) {\n return false;\n }\n\n // Detect buggy property enumeration order in older V8 versions.\n\n // https://bugs.chromium.org/p/v8/issues/detail?id=4118\n var test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n test1[5] = 'de';\n if (Object.getOwnPropertyNames(test1)[0] === '5') {\n return false;\n }\n\n // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n var test2 = {};\n for (var i = 0; i < 10; i++) {\n test2['_' + String.fromCharCode(i)] = i;\n }\n var order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n return test2[n];\n });\n if (order2.join('') !== '0123456789') {\n return false;\n }\n\n // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n var test3 = {};\n 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n test3[letter] = letter;\n });\n if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {\n return false;\n }\n return true;\n } catch (err) {\n // We don't expect any of the above to throw, but better to be safe.\n return false;\n }\n}\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n var from;\n var to = toObject(target);\n var symbols;\n for (var s = 1; s < arguments.length; s++) {\n from = Object(arguments[s]);\n for (var key in from) {\n if (hasOwnProperty.call(from, key)) {\n to[key] = from[key];\n }\n }\n if (getOwnPropertySymbols) {\n symbols = getOwnPropertySymbols(from);\n for (var i = 0; i < symbols.length; i++) {\n if (propIsEnumerable.call(from, symbols[i])) {\n to[symbols[i]] = from[symbols[i]];\n }\n }\n }\n }\n return to;\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\nexports.default = compareObjects;\nfunction compareObjects(objA, objB) {\n var keys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n if (objA === objB) {\n return false;\n }\n var aKeys = Object.keys(objA);\n var bKeys = Object.keys(objB);\n if (aKeys.length !== bKeys.length) {\n return true;\n }\n var keysMap = {};\n var i = void 0,\n len = void 0;\n for (i = 0, len = keys.length; i < len; i++) {\n keysMap[keys[i]] = true;\n }\n for (i = 0, len = aKeys.length; i < len; i++) {\n var key = aKeys[i];\n var aValue = objA[key];\n var bValue = objB[key];\n if (aValue === bValue) {\n continue;\n }\n if (!keysMap[key] || aValue === null || bValue === null || (typeof aValue === 'undefined' ? 'undefined' : _typeof(aValue)) !== 'object' || (typeof bValue === 'undefined' ? 'undefined' : _typeof(bValue)) !== 'object') {\n return true;\n }\n var aValueKeys = Object.keys(aValue);\n var bValueKeys = Object.keys(bValue);\n if (aValueKeys.length !== bValueKeys.length) {\n return true;\n }\n for (var n = 0, length = aValueKeys.length; n < length; n++) {\n var aValueKey = aValueKeys[n];\n if (aValue[aValueKey] !== bValue[aValueKey]) {\n return true;\n }\n }\n }\n return false;\n}","'use strict';\n\nvar utils = require('./utils');\nvar normalizeHeaderName = require('./helpers/normalizeHeaderName');\nvar DEFAULT_CONTENT_TYPE = {\n 'Content-Type': 'application/x-www-form-urlencoded'\n};\nfunction setContentTypeIfUnset(headers, value) {\n if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {\n headers['Content-Type'] = value;\n }\n}\nfunction getDefaultAdapter() {\n var adapter;\n if (typeof XMLHttpRequest !== 'undefined') {\n // For browsers use XHR adapter\n adapter = require('./adapters/xhr');\n } else if (typeof process !== 'undefined') {\n // For node use HTTP adapter\n adapter = require('./adapters/http');\n }\n return adapter;\n}\nvar defaults = {\n adapter: getDefaultAdapter(),\n transformRequest: [function transformRequest(data, headers) {\n normalizeHeaderName(headers, 'Content-Type');\n if (utils.isFormData(data) || utils.isArrayBuffer(data) || utils.isBuffer(data) || utils.isStream(data) || utils.isFile(data) || utils.isBlob(data)) {\n return data;\n }\n if (utils.isArrayBufferView(data)) {\n return data.buffer;\n }\n if (utils.isURLSearchParams(data)) {\n setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');\n return data.toString();\n }\n if (utils.isObject(data)) {\n setContentTypeIfUnset(headers, 'application/json;charset=utf-8');\n return JSON.stringify(data);\n }\n return data;\n }],\n transformResponse: [function transformResponse(data) {\n /*eslint no-param-reassign:0*/\n if (typeof data === 'string') {\n try {\n data = JSON.parse(data);\n } catch (e) {/* Ignore */}\n }\n return data;\n }],\n /**\n * A timeout in milliseconds to abort a request. If set to 0 (default) a\n * timeout is not created.\n */\n timeout: 0,\n xsrfCookieName: 'XSRF-TOKEN',\n xsrfHeaderName: 'X-XSRF-TOKEN',\n maxContentLength: -1,\n validateStatus: function validateStatus(status) {\n return status >= 200 && status < 300;\n }\n};\ndefaults.headers = {\n common: {\n 'Accept': 'application/json, text/plain, */*'\n }\n};\nutils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {\n defaults.headers[method] = {};\n});\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);\n});\nmodule.exports = defaults;","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout() {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n})();\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch (e) {\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch (e) {\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e) {\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e) {\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n var len = queue.length;\n while (len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\nfunction noop() {}\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\nprocess.listeners = function (name) {\n return [];\n};\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\nprocess.cwd = function () {\n return '/';\n};\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function () {\n return 0;\n};","\"use strict\";\n\nvar isOldIE = function isOldIE() {\n var memo;\n return function memorize() {\n if (typeof memo === 'undefined') {\n // Test for IE <= 9 as proposed by Browserhacks\n // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n // Tests for existence of standard globals is to allow style-loader\n // to operate correctly into non-standard environments\n // @see https://github.com/webpack-contrib/style-loader/issues/177\n memo = Boolean(window && document && document.all && !window.atob);\n }\n\n return memo;\n };\n}();\n\nvar getTarget = function getTarget() {\n var memo = {};\n return function memorize(target) {\n if (typeof memo[target] === 'undefined') {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDom.length; i++) {\n if (stylesInDom[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var index = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3]\n };\n\n if (index !== -1) {\n stylesInDom[index].references++;\n stylesInDom[index].updater(obj);\n } else {\n stylesInDom.push({\n identifier: identifier,\n updater: addStyle(obj, options),\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction insertStyleElement(options) {\n var style = document.createElement('style');\n var attributes = options.attributes || {};\n\n if (typeof attributes.nonce === 'undefined') {\n var nonce = typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;\n\n if (nonce) {\n attributes.nonce = nonce;\n }\n }\n\n Object.keys(attributes).forEach(function (key) {\n style.setAttribute(key, attributes[key]);\n });\n\n if (typeof options.insert === 'function') {\n options.insert(style);\n } else {\n var target = getTarget(options.insert || 'head');\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n }\n\n return style;\n}\n\nfunction removeStyleElement(style) {\n // istanbul ignore if\n if (style.parentNode === null) {\n return false;\n }\n\n style.parentNode.removeChild(style);\n}\n/* istanbul ignore next */\n\n\nvar replaceText = function replaceText() {\n var textStore = [];\n return function replace(index, replacement) {\n textStore[index] = replacement;\n return textStore.filter(Boolean).join('\\n');\n };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n /* istanbul ignore if */\n\n if (style.styleSheet) {\n style.styleSheet.cssText = replaceText(index, css);\n } else {\n var cssNode = document.createTextNode(css);\n var childNodes = style.childNodes;\n\n if (childNodes[index]) {\n style.removeChild(childNodes[index]);\n }\n\n if (childNodes.length) {\n style.insertBefore(cssNode, childNodes[index]);\n } else {\n style.appendChild(cssNode);\n }\n }\n}\n\nfunction applyToTag(style, options, obj) {\n var css = obj.css;\n var media = obj.media;\n var sourceMap = obj.sourceMap;\n\n if (media) {\n style.setAttribute('media', media);\n } else {\n style.removeAttribute('media');\n }\n\n if (sourceMap && typeof btoa !== 'undefined') {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n while (style.firstChild) {\n style.removeChild(style.firstChild);\n }\n\n style.appendChild(document.createTextNode(css));\n }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n var style;\n var update;\n var remove;\n\n if (options.singleton) {\n var styleIndex = singletonCounter++;\n style = singleton || (singleton = insertStyleElement(options));\n update = applyToSingletonTag.bind(null, style, styleIndex, false);\n remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n } else {\n style = insertStyleElement(options);\n update = applyToTag.bind(null, style, options);\n\n remove = function remove() {\n removeStyleElement(style);\n };\n }\n\n update(obj);\n return function updateStyle(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n return;\n }\n\n update(obj = newObj);\n } else {\n remove();\n }\n };\n}\n\nmodule.exports = function (list, options) {\n options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of \n
\n\n \n
\n\n \n
\n\n \n\n