\r\n \r\n
\r\n {this.props.donation ? (\r\n \r\n
\r\n ) : null}\r\n \r\n {this.props.dictionary.header_donation}\r\n
\r\n \r\n {this.props.donation.amount.toLocaleString(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2,\r\n })}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","export default function warn(s) {\n console.warn('[react-ga]', s);\n}","function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport warn from '../utils/console/warn';\nvar NEWTAB = '_blank';\nvar MIDDLECLICK = 1;\n\nvar OutboundLink = /*#__PURE__*/function (_Component) {\n _inherits(OutboundLink, _Component);\n\n var _super = _createSuper(OutboundLink);\n\n function OutboundLink() {\n var _this;\n\n _classCallCheck(this, OutboundLink);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _super.call.apply(_super, [this].concat(args));\n\n _defineProperty(_assertThisInitialized(_this), \"handleClick\", function (event) {\n var _this$props = _this.props,\n target = _this$props.target,\n eventLabel = _this$props.eventLabel,\n to = _this$props.to,\n onClick = _this$props.onClick,\n trackerNames = _this$props.trackerNames;\n var eventMeta = {\n label: eventLabel\n };\n var sameTarget = target !== NEWTAB;\n var normalClick = !(event.ctrlKey || event.shiftKey || event.metaKey || event.button === MIDDLECLICK);\n\n if (sameTarget && normalClick) {\n event.preventDefault();\n OutboundLink.trackLink(eventMeta, function () {\n window.location.href = to;\n }, trackerNames);\n } else {\n OutboundLink.trackLink(eventMeta, function () {}, trackerNames);\n }\n\n if (onClick) {\n onClick(event);\n }\n });\n\n return _this;\n }\n\n _createClass(OutboundLink, [{\n key: \"render\",\n value: function render() {\n var _this$props2 = this.props,\n href = _this$props2.to,\n target = _this$props2.target,\n oldProps = _objectWithoutProperties(_this$props2, [\"to\", \"target\"]);\n\n var props = _objectSpread(_objectSpread({}, oldProps), {}, {\n target: target,\n href: href,\n onClick: this.handleClick\n });\n\n if (target === NEWTAB) {\n props.rel = \"\".concat(props.rel ? props.rel : '', \" noopener noreferrer\").trim();\n }\n\n delete props.eventLabel;\n delete props.trackerNames;\n return /*#__PURE__*/React.createElement('a', props);\n }\n }]);\n\n return OutboundLink;\n}(Component);\n\n_defineProperty(OutboundLink, \"trackLink\", function () {\n warn('ga tracking not enabled');\n});\n\nexport { OutboundLink as default };\nOutboundLink.propTypes = {\n eventLabel: PropTypes.string.isRequired,\n target: PropTypes.string,\n to: PropTypes.string,\n onClick: PropTypes.func,\n trackerNames: PropTypes.arrayOf(PropTypes.string)\n};\nOutboundLink.defaultProps = {\n target: null,\n to: null,\n onClick: null,\n trackerNames: null\n};","import warn from './console/warn';\nimport mightBeEmail from './mightBeEmail';\nvar redacted = 'REDACTED (Potential Email Address)';\nexport default function redactEmail(string) {\n if (mightBeEmail(string)) {\n warn('This arg looks like an email address, redacting.');\n return redacted;\n }\n\n return string;\n}","// See if s could be an email address. We don't want to send personal data like email.\n// https://support.google.com/analytics/answer/2795983?hl=en\nexport default function mightBeEmail(s) {\n // There's no point trying to validate rfc822 fully, just look for ...@...\n return typeof s === 'string' && s.indexOf('@') !== -1;\n}","// GA strings need to have leading/trailing whitespace trimmed, and not all\n// browsers have String.prototoype.trim().\nexport default function trim(s) {\n return s && s.toString().replace(/^\\s+|\\s+$/g, '');\n}","/**\n * To Title Case 2.1 - http://individed.com/code/to-title-case/\n * Copyright 2008-2013 David Gouch. Licensed under the MIT License.\n * https://github.com/gouch/to-title-case\n */\nimport trim from './trim';\nvar smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|vs?\\.?|via)$/i; // test\n\nexport default function toTitleCase(string) {\n return trim(string).replace(/[A-Za-z0-9\\u00C0-\\u00FF]+[^\\s-]*/g, function (match, index, title) {\n if (index > 0 && index + match.length !== title.length && match.search(smallWords) > -1 && title.charAt(index - 2) !== ':' && (title.charAt(index + match.length) !== '-' || title.charAt(index - 1) === '-') && title.charAt(index - 1).search(/[^\\s-]/) < 0) {\n return match.toLowerCase();\n }\n\n if (match.substr(1).search(/[A-Z]|\\../) > -1) {\n return match;\n }\n\n return match.charAt(0).toUpperCase() + match.substr(1);\n });\n}","var isLoaded = false;\nexport default function (options) {\n if (isLoaded) return;\n isLoaded = true;\n var gaAddress = 'https://www.google-analytics.com/analytics.js';\n\n if (options && options.gaAddress) {\n gaAddress = options.gaAddress;\n } else if (options && options.debug) {\n gaAddress = 'https://www.google-analytics.com/analytics_debug.js';\n }\n\n var onerror = options && options.onerror; // https://developers.google.com/analytics/devguides/collection/analyticsjs/\n\n /* eslint-disable */\n\n (function (i, s, o, g, r, a, m) {\n i['GoogleAnalyticsObject'] = r;\n i[r] = i[r] || function () {\n (i[r].q = i[r].q || []).push(arguments);\n }, i[r].l = 1 * new Date();\n a = s.createElement(o), m = s.getElementsByTagName(o)[0];\n a.async = 1;\n a.src = g;\n a.onerror = onerror;\n m.parentNode.insertBefore(a, m);\n })(window, document, 'script', gaAddress, 'ga');\n /* eslint-enable */\n\n}","export default function log(s) {\n console.info('[react-ga]', s);\n}","export var gaCalls = [];\nexport default {\n calls: gaCalls,\n ga: function ga() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n gaCalls.push([].concat(args));\n },\n resetCalls: function resetCalls() {\n gaCalls.length = 0;\n }\n};","function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { 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\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n/**\n * React Google Analytics Module\n *\n * @package react-ga\n * @author Adam Lofting \r\n \r\n \r\n \r\n
\r\n Spend your TisBest Charity Gift Card and help make the world a better place.
\r\n );\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./campaignWelcome.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./campaignWelcome.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport { Card } from \"../presentational/card\";\r\nimport { SuggestedCharity } from \"../presentational/suggestedCharity\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/campaignWelcome.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class CampaignWelcome extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/CampaignWelcome\");\r\n utilities\r\n .isCodeValid(this.props.code)\r\n .then(valid => {\r\n if (!valid) {\r\n this.props.onCodeError();\r\n }\r\n })\r\n .catch(() => {\r\n this.props.onCodeError();\r\n });\r\n }\r\n\r\n renderAside() {\r\n return (\r\n 1. Enter Your 6-Digit Code
2. Choose Your Charities
\",\r\n card_code_input_code: \"Charity Gift Card Code\",\r\n card_code_input_email: \"Your Email Address\",\r\n card_code_input_continue: \"Continue\",\r\n category_selector_header: \"Choose a Category\",\r\n category_selector_search_all: \"Search All U.S. Charities\",\r\n featured_charity_selector_select: \"Select\",\r\n featured_charity_selector_unselect: \"Selected\",\r\n featured_charity_selector_disabled: \"Charity Limit Reached\",\r\n national_charity_selector_header: \"Search All U.S. Charities\",\r\n national_charity_selector_search: \"Search\",\r\n national_charity_selector_select: \"Select\",\r\n national_charity_selector_unselect: \"Selected\",\r\n national_charity_selector_disabled: \"Charity Limit Reached\",\r\n national_charity_selector_query_label: \"Keyword or Charity Name\",\r\n national_charity_selector_postal_label: \"Zip\",\r\n national_charity_selector_category_label: \"Charity Category\",\r\n national_charity_selector_results_label: \"results\",\r\n national_charity_selector_open_filter: \"Open Filter\",\r\n national_charity_selector_close_filter: \"Close Filter\",\r\n charity_distribution_header: \"Review Your Selections\",\r\n charity_distribution_message:\r\n \"We will distribute your donation amount evenly across your charities, or you can customize the amount each charity will receive.\",\r\n charity_distribution_donation_amount: \"Donation Amount:\",\r\n charity_distribution_note: \"Note: There is a $3 minimum per charity\",\r\n charity_distribution_stay_informed:\r\n \"Please let these charities know I donated, and ask them to keep me informed about their work.\",\r\n charity_distribution_input_name: \"Name\",\r\n charity_distribution_input_email: \"Email\",\r\n charity_distribution_continue: \"Continue\",\r\n charity_distribution_back: \"Edit Selections\",\r\n charity_distribution_reset: \"Reset\",\r\n thank_you_header: \"Thank Your Gifter\",\r\n thank_you_message:\r\n \"TisBest will send an email to the person who gave you this Charity Gift Card confirming your donations. We’re happy to include a Thank You Note in that email if you like.\",\r\n thank_you_input_thank_you_name: \"Your Name\",\r\n thank_you_input_thank_you_note: \"Thank You Note\",\r\n thank_you_input_thank_you_note_value:\r\n \"Thank you for the TisBest Charity Gift Card! It means a lot to me to be able to help change the lives of many, making this world a better place.\",\r\n thank_you_continue: \"Donate and Send Note\",\r\n thank_you_skip: \"Donate Without Sending a Note\",\r\n share_header_plural: \"Confirmed!\",\r\n share_header_single: \"Confirmed!\",\r\n share_message_plural: \"Your contribution makes the world a better place.\",\r\n share_message_single: \"Your contribution makes the world a better place.\",\r\n share_call_to_action: \"Now share the feeling!\",\r\n share_information_plural:\r\n \"Let your friends know what you chose! It's easy to share this moment on all your favorite feeds:\",\r\n share_information_single:\r\n \"Let your friends know what you chose! It's easy to share this moment on all your favorite feeds:\",\r\n share_facebook: \"TisBest is a better gift for a better world.\",\r\n share_twitter: \"TisBest is a better gift for a better world.\",\r\n share_instagram: \"TisBest is a better gift for a better world.\",\r\n share_linkedin: \"TisBest is a better gift for a better world.\",\r\n share_tip:\r\n \"(Tip: Give your charities some extra love by @ tagging them in your post!)\",\r\n code_error_header: \"Your card has been successfully donated!\",\r\n code_error_message: \"\",\r\n code_error_header_spent:\r\n \"TisBest Charity Gift Card [CODE] was spent on [DATESPENT] to support:\",\r\n code_error_message_spent: \"\",\r\n code_error_information:\r\n \"\r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Open Charity \" + this.props.charity.ein,\r\n label: \"/Spend/Presentational/SuggestedCharity\",\r\n });\r\n this.props.onViewCharity(this.props.charity);\r\n }}\r\n >\r\n
\r\n If we have any additional information on your card code, we will send you an email with details. Please check your inbox, and contact us at info@tisbest.org or (206)501-3005 if you have questions.
\",\r\n campaign_welcome_continue: \"Continue\",\r\n campaign_instructions_header: \"Special Instructions (Optional)\",\r\n campaign_instructions_message:\r\n \"If you have any special instructions for your donation, you can select an option below. Or just click continue and we will send a check to your charit(ies) with no special instructions.\",\r\n campaign_instructions_continue: \"Continue\",\r\n campaign_instructions_no_instructions:\r\n \"Please send a check to my selected charity(ies) with no special instructions\",\r\n campaign_instructions_paper_check:\r\n \"Please send me a paper check to hand deliver to my selected charity(ies)\",\r\n campaign_instructions_particular_program:\r\n \"Please direct the donation to a particular program at my selected charity(ies)\",\r\n campaign_instructions_particular_person:\r\n \"Please make the donation in the name of a particular person\",\r\n campaign_instructions_other: \"Other\",\r\n campaign_instructions_address: \"Address\",\r\n campaign_instructions_address2: \"Address 2\",\r\n campaign_instructions_city: \"City\",\r\n campaign_instructions_state: \"State\",\r\n campaign_instructions_zip: \"Zip\",\r\n campaign_instructions_notes: \"Special Instructions\",\r\n campaign_instructions_name: \"Name\",\r\n campaign_instructions_phone: \"Phone\",\r\n campaign_instructions_email: \"Email\",\r\n campaign_thank_you_header: \"Thank You\",\r\n campaign_thank_you_continue: \"Continue\",\r\n suggested_charity_selector_select: \"Select\",\r\n suggested_charity_selector_unselect: \"Unselect\",\r\n};\r\n\r\nexport const VALIDATION = {\r\n card_code_input_code:\r\n \"Oops! Something went wrong with your Charity Gift Card code. Please double check that you've entered it correctly.
You can contact us at info@tisbest.org or (206)501-3005 if you have questions.
\",\r\n card_code_input_email: \"Please use a valid email address.\",\r\n charity_distribution_input_name: \"Please use a valid name.\",\r\n charity_distribution_input_email: \"Please use a valid email address.\",\r\n charity_distribution_input_total_high:\r\n \"You have exceeded the {Total} on the card by {Difference}\",\r\n charity_distribution_input_total_low:\r\n \"You still have {Difference} to spend out of {Total}\",\r\n charity_distribution_input_total_out_of_bounds:\r\n \"You must assign at least $3 to all selected charities\",\r\n thank_you_input_thank_you_name:\r\n \"Please add your name to include your thank you note or select “Donate Without Sending a Note”.\",\r\n thank_you_input_thank_you_note:\r\n \"Please add a message or select “Donate Without Sending a Note”.\",\r\n campaign_instructions_address: \"Please use a valid address\",\r\n campaign_instructions_address2: \"Please use a valid address\",\r\n campaign_instructions_city: \"Please use a valid city\",\r\n campaign_instructions_state: \"Please use a valid state\",\r\n campaign_instructions_zip: \"Please use a valid zip\",\r\n campaign_instructions_notes: \"Please use special instructions\",\r\n campaign_instructions_name: \"Please use a valid name\",\r\n campaign_instructions_phone: \"Please use a valid phone\",\r\n campaign_instructions_email: \"Please use a valid email\",\r\n};\r\n","import * as consts from \"../consts\";\r\nimport * as defaults from \"../defaults\";\r\n\r\nfunction getRequest(url) {\r\n return new Promise((resolve, reject) => {\r\n var request = new XMLHttpRequest();\r\n request.open(\"GET\", url, true);\r\n request.onload = function () {\r\n if (request.status >= 200 && request.status < 400) {\r\n resolve(request.responseText);\r\n } else {\r\n reject(request);\r\n }\r\n };\r\n request.onerror = function () {\r\n reject(request);\r\n };\r\n request.send();\r\n });\r\n}\r\n\r\nfunction postRequest(url, data) {\r\n return new Promise((resolve, reject) => {\r\n let request = new XMLHttpRequest();\r\n request.open(\"POST\", url, true);\r\n request.setRequestHeader(\"Content-Type\", \"application/json; charset=utf-8\");\r\n request.onload = function () {\r\n if (request.status >= 200 && request.status < 400) {\r\n resolve(request.responseText);\r\n } else {\r\n reject(request);\r\n }\r\n };\r\n request.onerror = function () {\r\n reject(request);\r\n };\r\n request.send(JSON.stringify(data));\r\n });\r\n}\r\n\r\nfunction extend(defaults, source) {\r\n let extendedValues = { ...defaults };\r\n for (let key in source) {\r\n if (source.hasOwnProperty(key) && source[key] != null) {\r\n extendedValues[key] = source[key];\r\n }\r\n }\r\n return extendedValues;\r\n}\r\n\r\nexport function getAccount() {\r\n return new Promise((resolve) => {\r\n let accountID = \"\";\r\n var scripts = document.getElementsByTagName(\"script\");\r\n for (var i = 0; i < scripts.length; i++) {\r\n if (scripts[i].getAttribute(\"data-id\") === \"TisBestSpend\") {\r\n accountID = scripts[i].getAttribute(\"data-accountid\");\r\n break;\r\n }\r\n }\r\n if (accountID.length > 0) {\r\n getRequest(consts.SERVICE_URL + \"Accounts/\" + accountID)\r\n .then((response) => {\r\n let account = JSON.parse(response).data;\r\n account.settings.links = extend(\r\n defaults.LINKS,\r\n account.settings.links\r\n );\r\n account.settings.images = extend(\r\n defaults.IMAGES,\r\n account.settings.images\r\n );\r\n account.settings.dictionary = extend(\r\n defaults.DICTIONARY,\r\n account.settings.dictionary\r\n );\r\n account.settings.validation = extend(\r\n defaults.VALIDATION,\r\n account.settings.validation\r\n );\r\n resolve(account);\r\n })\r\n .catch((err) => {\r\n if (process.env.NODE_ENV === \"development\") {\r\n console.log(\"TisBest Spend:\");\r\n console.log(err);\r\n }\r\n resolve(null);\r\n });\r\n } else {\r\n resolve(null);\r\n }\r\n });\r\n}\r\n\r\nexport function getCodeDetail(code) {\r\n return new Promise((resolve, reject) => {\r\n getRequest(consts.SERVICE_URL + \"Donations/\" + code, null)\r\n .then((response) => {\r\n let donationResponse = JSON.parse(response);\r\n resolve(donationResponse);\r\n })\r\n .catch((err) => {\r\n if (process.env.NODE_ENV === \"development\") {\r\n console.log(\"TisBest Spend:\");\r\n console.log(err);\r\n }\r\n reject(err);\r\n });\r\n });\r\n}\r\n\r\nexport function getSpendDetail(code) {\r\n return new Promise((resolve, reject) => {\r\n getRequest(consts.SERVICE_URL + \"Donations/\" + code + \"/spendDetails\", null)\r\n .then((response) => {\r\n let spendResponse = JSON.parse(response);\r\n resolve(spendResponse);\r\n })\r\n .catch((err) => {\r\n if (process.env.NODE_ENV === \"development\") {\r\n console.log(\"TisBest Spend:\");\r\n console.log(err);\r\n }\r\n reject(err);\r\n });\r\n });\r\n}\r\n\r\nexport function isCodeValid(code) {\r\n return new Promise((resolve, reject) => {\r\n getRequest(consts.SERVICE_URL + \"Donations/check/\" + code, null)\r\n .then((response) => {\r\n let valid = JSON.parse(response);\r\n resolve(valid);\r\n })\r\n .catch((err) => {\r\n if (process.env.NODE_ENV === \"development\") {\r\n console.log(\"TisBest Spend:\");\r\n console.log(err);\r\n }\r\n reject(err);\r\n });\r\n });\r\n}\r\n\r\nexport function getCategories() {\r\n return new Promise((resolve, reject) => {\r\n getRequest(consts.SERVICE_URL + \"Categories/\")\r\n .then((response) => {\r\n let categories = JSON.parse(response);\r\n resolve(categories);\r\n })\r\n .catch((err) => {\r\n if (process.env.NODE_ENV === \"development\") {\r\n console.log(\"TisBest Spend:\");\r\n console.log(err);\r\n }\r\n reject(err);\r\n });\r\n });\r\n}\r\n\r\nexport function getFeaturedCharities(categoryID) {\r\n return new Promise((resolve, reject) => {\r\n getRequest(consts.SERVICE_URL + \"Charities/\" + categoryID + \"/featured\")\r\n .then((response) => {\r\n let featuredCharities = JSON.parse(response);\r\n resolve(featuredCharities);\r\n })\r\n .catch((err) => {\r\n if (process.env.NODE_ENV === \"development\") {\r\n console.log(\"TisBest Spend:\");\r\n console.log(err);\r\n }\r\n reject(err);\r\n });\r\n });\r\n}\r\n\r\nexport function getNationalCharities(filter) {\r\n return new Promise((resolve, reject) => {\r\n let data = {\r\n categoryColumnName: filter.columnName,\r\n postalCode: filter.postalCode,\r\n query: filter.query,\r\n continuationToken: filter.continuationToken,\r\n };\r\n postRequest(consts.SERVICE_URL + \"Charities/\", data)\r\n .then((response) => {\r\n let nationalCharities = JSON.parse(response);\r\n resolve(nationalCharities);\r\n })\r\n .catch((err) => {\r\n if (process.env.NODE_ENV === \"development\") {\r\n console.log(\"TisBest Spend:\");\r\n console.log(err);\r\n }\r\n reject(err);\r\n });\r\n });\r\n}\r\n\r\nexport function setDonation(\r\n cardCode,\r\n name,\r\n email,\r\n optIn,\r\n notifyEmail,\r\n selectedCharities,\r\n thankYouName,\r\n thankYouNote,\r\n instructions\r\n) {\r\n return new Promise((resolve, reject) => {\r\n let charities = selectedCharities.slice();\r\n let spendDetails = [];\r\n charities.map((charity) => {\r\n spendDetails.push({\r\n ein: charity.ein,\r\n amount: charity.amount + charity.cents,\r\n optIn: optIn,\r\n name: optIn ? name : null,\r\n email: optIn ? notifyEmail : null,\r\n });\r\n });\r\n postRequest(consts.SERVICE_URL + \"Donations/\", {\r\n cardCode: cardCode,\r\n email: email,\r\n thankYouName: thankYouName,\r\n thankYouNote: thankYouNote,\r\n charitySpendDetails: spendDetails,\r\n instructions: instructions,\r\n })\r\n .then(() => {\r\n resolve(true);\r\n })\r\n .catch((err) => {\r\n if (process.env.NODE_ENV === \"development\") {\r\n console.log(\"TisBest Spend:\");\r\n console.log(err);\r\n }\r\n reject(null);\r\n });\r\n });\r\n}\r\n\r\nexport function validateName(name) {\r\n if (name && name.length > 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nexport function validateCode(code) {\r\n let codeValidation = /^[A-Z0-9]{3}-[A-Z0-9]{3}$/;\r\n if (codeValidation.test(code)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nexport function validateEmail(email) {\r\n let emailValidation =\r\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n if (emailValidation.test(email)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nexport function validateThankYouName(thankYouName) {\r\n if (thankYouName && thankYouName.length > 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nexport function validateThankYouNote(thankYouNote) {\r\n if (thankYouNote && thankYouNote.length > 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/cardCodeInput.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class CardCodeInput extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n let banner =\r\n this.props.images.card_code_input_banners[\r\n Math.floor(\r\n Math.random() * this.props.images.card_code_input_banners.length\r\n )\r\n ];\r\n this.state = {\r\n banner: banner,\r\n };\r\n }\r\n componentDidMount() {\r\n this.codeInput.focus();\r\n ReactGA.pageview(\"/Spend/CardCodeInput\");\r\n }\r\n render() {\r\n if (this.props.busy) {\r\n return \r\n
\r\n );\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./card.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./card.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport styles from \"../../styles/presentational/card.css\";\r\n\r\nexport class Card extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./suggestedCharity.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./suggestedCharity.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/presentational/suggestedCharity.css\";\r\n\r\nexport class SuggestedCharity extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n let selectedEINs = this.props.selectedCharities.map((charity) => {\r\n return charity.ein;\r\n });\r\n return (\r\n \r\n
\r\n \r\n \r\n {this.props.dictionary.card_code_input_code}\r\n \r\n {\r\n this.codeInput = input;\r\n }}\r\n value={this.props.code}\r\n placeholder=\" - \"\r\n maxLength=\"7\"\r\n onChange={(event) => {\r\n let code = event.target.value;\r\n code = code.replace(/[^0-9a-zA-Z]/g, \"\");\r\n if (code.length == 3) {\r\n let previousValue = this.props.code.replace(\r\n /[^0-9a-zA-Z]/g,\r\n \"\"\r\n );\r\n if (code.length > previousValue.length) {\r\n code = code.slice(0, 3) + \"-\" + code.slice(3);\r\n }\r\n } else if (code.length > 3) {\r\n code = code.slice(0, 3) + \"-\" + code.slice(3);\r\n }\r\n this.props.onCodeChanged(code.toUpperCase());\r\n }}\r\n onKeyPress={(event) => {\r\n if (event.key === \"Enter\") {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Submit Card Code\",\r\n label: \"User pressed enter in card code\",\r\n });\r\n this.props.onSubmit();\r\n }\r\n }}\r\n />\r\n {this.props.codeValid ? null : (\r\n
\r\n \r\n \r\n {this.props.dictionary.card_code_input_email}\r\n \r\n {\r\n this.props.onEmailChanged(event.target.value);\r\n }}\r\n onKeyPress={(event) => {\r\n if (event.key === \"Enter\") {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Submit Card Code\",\r\n label: \"User pressed enter in email\",\r\n });\r\n this.props.onSubmit();\r\n }\r\n }}\r\n />\r\n {this.props.emailValid ? null : (\r\n
\r\n \r\n {this.props.validation.card_code_input_email}\r\n
\r\n )}\r\n \r\n
\r\n \r\n By clicking continue you're agreeing to our{\" \"}\r\n \r\n terms\r\n \r\n .\r\n
\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Continue Button\",\r\n label: \"/Spend/CardCodeInput\",\r\n });\r\n this.props.onSubmit();\r\n }}\r\n >\r\n {this.props.dictionary.card_code_input_continue}\r\n \r\n
\r\n \r\n {selectedEINs.indexOf(this.props.charity.ein) == -1 ? (\r\n this.props.additionalCharityCount >=\r\n this.props.selectedCharities.length ? (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Select Charity\",\r\n label: \"/Spend/Presentational/SuggestedCharity\",\r\n });\r\n this.props.onSelectCharity(this.props.charity);\r\n }}\r\n >\r\n {this.props.dictionary.suggested_charity_selector_select}\r\n \r\n ) : null\r\n ) : (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Remove Charity\",\r\n label: \"/Spend/Presentational/SuggestedCharity\",\r\n });\r\n this.props.onRemoveCharity(this.props.charity.ein);\r\n }}\r\n >\r\n {this.props.dictionary.suggested_charity_selector_unselect}\r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n }\r\n render() {\r\n if (this.props.busy) {\r\n return \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Continue Button\",\r\n label: \"/Spend/CampaignWelcome\"\r\n });\r\n this.props.onContinue();\r\n }}\r\n >\r\n {this.props.dictionary.campaign_welcome_continue}\r\n \r\n
\r\n \r\n {\r\n this.props.onViewCharity(charity);\r\n }}\r\n onSelectCharity={charity => {\r\n this.props.onSelectCharity(charity);\r\n }}\r\n onRemoveCharity={ein => {\r\n this.props.onRemoveCharity(ein);\r\n }}\r\n />\r\n
\r\n ) : null}\r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./campaignThankYou.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./campaignThankYou.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport { Card } from \"../presentational/card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowCircleLeft } from \"@fortawesome/pro-light-svg-icons/faArrowCircleLeft\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/campaignThankYou.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class CampaignThankYou extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/CampaignThankYou\");\r\n utilities\r\n .isCodeValid(this.props.code)\r\n .then(valid => {\r\n if (!valid) {\r\n this.props.onCodeError();\r\n }\r\n })\r\n .catch(() => {\r\n this.props.onCodeError();\r\n });\r\n }\r\n renderNavigation() {\r\n return (\r\n \r\n {\r\n this.props.onViewCharity(charity);\r\n }}\r\n onSelectCharity={charity => {\r\n this.props.onSelectCharity(charity);\r\n }}\r\n onRemoveCharity={ein => {\r\n this.props.onRemoveCharity(ein);\r\n }}\r\n />\r\n
\r\n ) : null}\r\n {this.renderAside()}\r\n \r\n
\r\n \r\n );\r\n }\r\n renderAside() {\r\n return (\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Back Button\",\r\n label: \"/Spend/CampaignThankYou\"\r\n });\r\n this.props.onBack();\r\n }}\r\n >\r\n
\r\n \r\n
\r\n );\r\n }\r\n render() {\r\n if (!this.props.code || this.props.busy) {\r\n return \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Continue Button\",\r\n label: \"/Spend/CampaignThankYou\"\r\n });\r\n this.props.onContinue();\r\n }}\r\n >\r\n {this.props.dictionary.campaign_thank_you_continue}\r\n \r\n
\r\n \r\n {this.renderNavigation()}\r\n
\r\n );\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./campaignInstructions.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./campaignInstructions.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport { Card } from \"../presentational/card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowCircleLeft } from \"@fortawesome/pro-light-svg-icons/faArrowCircleLeft\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/campaignInstructions.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class CampaignInstructions extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n invalidList: [],\r\n };\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/CampaignInstructions\");\r\n utilities\r\n .isCodeValid(this.props.code)\r\n .then((valid) => {\r\n if (!valid) {\r\n this.props.onCodeError();\r\n }\r\n })\r\n .catch(() => {\r\n this.props.onCodeError();\r\n });\r\n }\r\n renderNavigation() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n renderContactInputs() {\r\n let nameValid = this.state.invalidList.indexOf(\"Name\") > -1 ? false : true;\r\n let phoneValid =\r\n this.state.invalidList.indexOf(\"Phone\") > -1 ? false : true;\r\n let emailValid =\r\n this.state.invalidList.indexOf(\"Email\") > -1 ? false : true;\r\n return (\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Back Button\",\r\n label: \"/Spend/CampaignInstructions\",\r\n });\r\n this.props.onBack();\r\n }}\r\n >\r\n
\r\n {this.props.dictionary.campaign_instructions_header}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderAddressInputs() {\r\n let addressValid =\r\n this.state.invalidList.indexOf(\"Address\") > -1 ? false : true;\r\n let address2Valid = true;\r\n let cityValid = this.state.invalidList.indexOf(\"City\") > -1 ? false : true;\r\n let stateValid =\r\n this.state.invalidList.indexOf(\"State\") > -1 ? false : true;\r\n let zipValid = this.state.invalidList.indexOf(\"Zip\") > -1 ? false : true;\r\n return (\r\n \r\n \r\n {this.props.dictionary.campaign_instructions_name} (Required)\r\n \r\n {\r\n this.props.onInstructionsChanged({\r\n ...this.props.instructions,\r\n name: event.target.value,\r\n });\r\n }}\r\n />\r\n {nameValid ? null : (\r\n
\r\n \r\n {this.props.validation.campaign_instructions_name}\r\n
\r\n )}\r\n \r\n \r\n {this.props.dictionary.campaign_instructions_phone} (Required)\r\n \r\n {\r\n this.props.onInstructionsChanged({\r\n ...this.props.instructions,\r\n phone: event.target.value,\r\n });\r\n }}\r\n />\r\n {phoneValid ? null : (\r\n
\r\n \r\n {this.props.validation.campaign_instructions_phone}\r\n
\r\n )}\r\n \r\n \r\n {this.props.dictionary.campaign_instructions_email} (Required)\r\n \r\n {\r\n this.props.onInstructionsChanged({\r\n ...this.props.instructions,\r\n email: event.target.value,\r\n });\r\n }}\r\n />\r\n {emailValid ? null : (\r\n
\r\n \r\n {this.props.validation.campaign_instructions_email}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderNotesInputs() {\r\n let notesValid = true;\r\n return (\r\n \r\n \r\n {this.props.dictionary.campaign_instructions_address} (Required)\r\n \r\n {\r\n this.props.onInstructionsChanged({\r\n ...this.props.instructions,\r\n address: event.target.value,\r\n });\r\n }}\r\n />\r\n {addressValid ? null : (\r\n
\r\n \r\n {this.props.validation.campaign_instructions_address}\r\n
\r\n )}\r\n \r\n \r\n {this.props.dictionary.campaign_instructions_address2}\r\n \r\n {\r\n this.props.onInstructionsChanged({\r\n ...this.props.instructions,\r\n address2: event.target.value,\r\n });\r\n }}\r\n />\r\n {address2Valid ? null : (\r\n
\r\n \r\n {this.props.validation.campaign_instructions_address2}\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n {this.props.dictionary.campaign_instructions_city} (Required)\r\n \r\n {\r\n this.props.onInstructionsChanged({\r\n ...this.props.instructions,\r\n city: event.target.value,\r\n });\r\n }}\r\n />\r\n {cityValid ? null : (\r\n
\r\n \r\n {this.props.validation.campaign_instructions_city}\r\n
\r\n )}\r\n \r\n \r\n {this.props.dictionary.campaign_instructions_state} (Required)\r\n \r\n {\r\n this.props.onInstructionsChanged({\r\n ...this.props.instructions,\r\n state: event.target.value,\r\n });\r\n }}\r\n />\r\n {stateValid ? null : (\r\n
\r\n \r\n {this.props.validation.campaign_instructions_state}\r\n
\r\n )}\r\n \r\n \r\n {this.props.dictionary.campaign_instructions_zip} (Required)\r\n \r\n {\r\n this.props.onInstructionsChanged({\r\n ...this.props.instructions,\r\n zip: event.target.value,\r\n });\r\n }}\r\n />\r\n {zipValid ? null : (\r\n
\r\n \r\n {this.props.validation.campaign_instructions_zip}\r\n
\r\n )}\r\n \r\n \r\n {this.props.dictionary.campaign_instructions_notes}\r\n \r\n {\r\n this.props.onInstructionsChanged({\r\n ...this.props.instructions,\r\n notes: event.target.value,\r\n });\r\n }}\r\n />\r\n {notesValid ? null : (\r\n
\r\n );\r\n }\r\n renderAside() {\r\n return (\r\n \r\n {this.props.validation.campaign_instructions_notes}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n render() {\r\n if (!this.props.code || this.props.busy) {\r\n return \r\n {\r\n let invalidList = [];\r\n switch (this.props.instructions.distributionType) {\r\n case \"Paper Check\":\r\n if (!this.props.instructions.address) {\r\n invalidList.push(\"Address\");\r\n }\r\n if (!this.props.instructions.city) {\r\n invalidList.push(\"City\");\r\n }\r\n if (!this.props.instructions.state) {\r\n invalidList.push(\"State\");\r\n }\r\n if (!this.props.instructions.zip) {\r\n invalidList.push(\"Zip\");\r\n }\r\n break;\r\n case \"Particular Program\":\r\n break;\r\n case \"Particular Person\":\r\n break;\r\n case \"Other\":\r\n break;\r\n }\r\n if (!this.props.instructions.name) {\r\n invalidList.push(\"Name\");\r\n }\r\n if (!this.props.instructions.phone) {\r\n invalidList.push(\"Phone\");\r\n }\r\n let emailValidation = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n if (\r\n !this.props.instructions.email ||\r\n !emailValidation.test(this.props.instructions.email)\r\n ) {\r\n invalidList.push(\"Email\");\r\n }\r\n if (invalidList.length == 0) {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Continue Button\",\r\n label: \"/Spend/CampaignInstructions\",\r\n });\r\n this.props.onContinue();\r\n } else {\r\n this.setState({ invalidList: invalidList });\r\n }\r\n }}\r\n >\r\n {this.props.dictionary.campaign_instructions_continue}\r\n \r\n
\r\n \r\n {this.renderNavigation()}\r\n
\r\n );\r\n }\r\n }\r\n}\r\n","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./selectedCharities.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./selectedCharities.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faTimesCircle } from \"@fortawesome/pro-light-svg-icons/faTimesCircle\";\r\nimport { faChevronUp } from \"@fortawesome/pro-light-svg-icons/faChevronUp\";\r\nimport { faChevronDown } from \"@fortawesome/pro-light-svg-icons/faChevronDown\";\r\nimport { faGiftCard } from \"@fortawesome/pro-light-svg-icons/faGiftCard\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/presentational/selectedCharities.css\";\r\n\r\nexport class SelectedCharities extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n {this.renderAside()}\r\n \r\n {this.props.dictionary.campaign_instructions_message}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.instructions.distributionType != \"No Instructions\" ? (\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n {this.renderContactInputs()}\r\n {this.props.instructions.distributionType == \"Paper Check\"\r\n ? this.renderAddressInputs()\r\n : null}\r\n {this.renderNotesInputs()}\r\n
\r\n ) : null}\r\n \r\n {index + 1 + \". \" + charity.name}\r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Remove Charity\",\r\n label: \"/Spend/Presentational/SelectedCharities\",\r\n });\r\n this.props.onRemoveCharity(charity.ein);\r\n }}\r\n >\r\n
\r\n \r\n \r\n {\"1. \" + this.props.dictionary.selected_charities_required}\r\n
\r\n \r\n {i +\r\n 2 +\r\n \". \" +\r\n this.props.dictionary.selected_charities_optional}\r\n
\r\n \r\n 0\r\n ? \" \" + styles.active\r\n : \"\")\r\n }\r\n onClick={() => {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Continue Button\",\r\n label: \"/Spend/Presentational/SelectedCharities\",\r\n });\r\n this.props.onContinue();\r\n }}\r\n >\r\n {this.props.dictionary.selected_charities_continue}\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Collapse \" + this.props.collapse,\r\n label: \"/Spend/Presentational/SelectedCharities\",\r\n });\r\n this.props.onToggleCollapse();\r\n }}\r\n >\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export 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}","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./categorySelector.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./categorySelector.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport { SelectedCharities } from \"../presentational/selectedCharities\";\r\nimport { Card } from \"../presentational/card\";\r\nimport { SuggestedCharity } from \"../presentational/suggestedCharity\";\r\nimport ReactGA from \"react-ga\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSearch } from \"@fortawesome/pro-light-svg-icons/faSearch\";\r\nimport styles from \"../../styles/panels/categorySelector.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class CategorySelector extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/CategorySelector\");\r\n utilities\r\n .isCodeValid(this.props.code)\r\n .then((valid) => {\r\n if (!valid) {\r\n this.props.onCodeError();\r\n }\r\n })\r\n .catch(() => {\r\n this.props.onCodeError();\r\n });\r\n }\r\n renderNavigation() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n renderCategories() {\r\n return (\r\n \r\n {this.props.dictionary.category_selector_header}\r\n
\r\n \r\n {this.props.categories.map((category) => {\r\n return (\r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Category \" + category.title,\r\n label: \"/Spend/CategorySelector\",\r\n });\r\n this.props.onSelectCategory(category);\r\n }}\r\n >\r\n
\r\n );\r\n })}\r\n {category.title}
\r\n \r\n {this.props.dictionary.category_selector_search_all}\r\n
\r\n \r\n \r\n );\r\n }\r\n renderAside() {\r\n return (\r\n \r\n {\r\n this.props.onToggleCollapseSelectedCharities();\r\n }}\r\n onRemoveCharity={(ein) => {\r\n this.props.onRemoveCharity(ein);\r\n }}\r\n onContinue={() => {\r\n this.props.onContinue();\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n render() {\r\n if (this.props.busy) {\r\n return \r\n {\r\n this.props.onViewCharity(charity);\r\n }}\r\n onSelectCharity={(charity) => {\r\n this.props.onSelectCharity(charity);\r\n }}\r\n onRemoveCharity={(ein) => {\r\n this.props.onRemoveCharity(ein);\r\n }}\r\n />\r\n
\r\n ) : null}\r\n \r\n {this.renderNavigation()}\r\n
\r\n );\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./categoryNavigation.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./categoryNavigation.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/presentational/categoryNavigation.css\";\r\n\r\nexport class CategoryNavigation extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./featuredCharitySelector.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./featuredCharitySelector.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport { SelectedCharities } from \"../presentational/selectedCharities\";\r\nimport { Card } from \"../presentational/card\";\r\nimport { CategoryNavigation } from \"../presentational/categoryNavigation\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowCircleLeft } from \"@fortawesome/pro-light-svg-icons/faArrowCircleLeft\";\r\nimport GoogleFontLoader from \"react-google-font-loader\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/featuredCharitySelector.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class FeaturedCharitySelector extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n busy: false,\r\n featuredCharities: [],\r\n charity: null,\r\n hoverPosition: { top: 0, left: 0 },\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/FeaturedCharitySelector\");\r\n this.getCharities();\r\n utilities\r\n .isCodeValid(this.props.code)\r\n .then((valid) => {\r\n if (!valid) {\r\n this.props.onCodeError();\r\n }\r\n })\r\n .catch(() => {\r\n this.props.onCodeError();\r\n });\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.selectedCategory.id != this.props.selectedCategory.id) {\r\n this.getCharities();\r\n }\r\n }\r\n getCharities() {\r\n this.setState({ busy: true }, () => {\r\n if (this.props.selectedCategory) {\r\n utilities\r\n .getFeaturedCharities(this.props.selectedCategory.id)\r\n .then((featuredCharities) => {\r\n this.setState({\r\n busy: false,\r\n featuredCharities: featuredCharities.charities.filter(\r\n (charity, index, array) => {\r\n return (\r\n charity.ein &&\r\n charity.ein.length > 0 &&\r\n index ==\r\n array.findIndex((item) => {\r\n return item.ein == charity.ein;\r\n })\r\n );\r\n }\r\n ),\r\n });\r\n });\r\n }\r\n });\r\n }\r\n renderBusy() {\r\n return (\r\n \r\n {this.renderCategories()}\r\n {this.props.donation.campaignDetail &&\r\n this.props.donation.campaignDetail.suggestedCharity &&\r\n this.props.donation.campaignDetail.suggestedCharityMarkup ? (\r\n
\r\n {this.renderAside()}\r\n \r\n {\r\n this.props.onViewCharity(charity);\r\n }}\r\n onSelectCharity={(charity) => {\r\n this.props.onSelectCharity(charity);\r\n }}\r\n onRemoveCharity={(ein) => {\r\n this.props.onRemoveCharity(ein);\r\n }}\r\n />\r\n
\r\n ) : null}\r\n \r\n
\r\n );\r\n }\r\n renderNavigation() {\r\n let category = { ...this.props.selectedCategory };\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n renderCallout() {\r\n return (\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Back Button\",\r\n label: \"/Spend/FeaturedCharitySelector\",\r\n });\r\n this.props.onBack();\r\n }}\r\n >\r\n
\r\n {category.title}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n renderCharities() {\r\n let selectedEINs = this.props.selectedCharities.map((charity) => {\r\n return charity.ein;\r\n });\r\n return (\r\n \r\n
\r\n {this.state.charity.name}
\r\n{this.state.charity.description}
\r\n \r\n {this.state.featuredCharities.map((charity) => {\r\n return (\r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Open Charity \" + charity.ein,\r\n label: \"/Spend/FeaturedCharitySelector\",\r\n });\r\n this.props.onViewCharity(charity);\r\n }}\r\n >\r\n
\r\n );\r\n })}\r\n {this.state.charity ? this.renderCallout() : null}\r\n \r\n );\r\n }\r\n renderAside() {\r\n return (\r\n \r\n {\r\n let boundingClientRect =\r\n event.target.getBoundingClientRect();\r\n this.setState({\r\n charity: charity,\r\n hoverPosition: {\r\n top: boundingClientRect.top,\r\n left: boundingClientRect.left + event.target.width,\r\n },\r\n });\r\n }}\r\n onMouseLeave={() => {\r\n this.setState({\r\n charity: null,\r\n hoverPosition: { top: 0, left: 0 },\r\n });\r\n }}\r\n />\r\n
\r\n {charity.name}
\r\n \r\n {selectedEINs.indexOf(charity.ein) == -1 ? (\r\n this.props.additionalCharityCount >=\r\n this.props.selectedCharities.length ? (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Select Charity\",\r\n label: \"/Spend/FeaturedCharitySelector\",\r\n });\r\n this.props.onSelectCharity(charity);\r\n }}\r\n >\r\n {this.props.dictionary.featured_charity_selector_select}\r\n \r\n ) : (\r\n \r\n )\r\n ) : (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Remove Charity\",\r\n label: \"/Spend/FeaturedCharitySelector\",\r\n });\r\n this.props.onRemoveCharity(charity.ein);\r\n }}\r\n >\r\n {this.props.dictionary.featured_charity_selector_unselect}\r\n \r\n )}\r\n
\r\n \r\n {\r\n this.props.onToggleCollapseSelectedCharities();\r\n }}\r\n onRemoveCharity={(ein) => {\r\n this.props.onRemoveCharity(ein);\r\n }}\r\n onContinue={() => {\r\n this.props.onContinue();\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n render() {\r\n if (this.props.busy) {\r\n return \r\n
\r\n );\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./nationalCharitySelector.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./nationalCharitySelector.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport { SelectedCharities } from \"../presentational/selectedCharities\";\r\nimport { Card } from \"../presentational/card\";\r\nimport { CategoryNavigation } from \"../presentational/categoryNavigation\";\r\nimport { SuggestedCharity } from \"../presentational/suggestedCharity\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowCircleLeft } from \"@fortawesome/pro-light-svg-icons/faArrowCircleLeft\";\r\nimport { faChevronUp } from \"@fortawesome/pro-light-svg-icons/faChevronUp\";\r\nimport { faChevronDown } from \"@fortawesome/pro-light-svg-icons/faChevronDown\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/nationalCharitySelector.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class NationalCharitySelector extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.onScroll = this.onScroll.bind(this);\r\n this.state = {\r\n busy: false,\r\n nationalCharities: [],\r\n charity: null,\r\n hoverPosition: { top: 0, left: 0 },\r\n searchCount: null,\r\n searched: false,\r\n filter: {\r\n query: \"\",\r\n postalCode: \"\",\r\n columnName: \"\",\r\n continuationToken: null,\r\n },\r\n collapse: false,\r\n };\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/NationalCharitySelector\");\r\n window.addEventListener(\"scroll\", this.onScroll);\r\n utilities\r\n .isCodeValid(this.props.code)\r\n .then((valid) => {\r\n if (!valid) {\r\n this.props.onCodeError();\r\n }\r\n })\r\n .catch(() => {\r\n this.props.onCodeError();\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener(\"scroll\", this.onScroll);\r\n }\r\n\r\n onScroll() {\r\n if (\r\n document.documentElement.offsetHeight ==\r\n document.documentElement.scrollTop + window.innerHeight &&\r\n !this.state.busy &&\r\n this.state.searchCount > this.state.nationalCharities.length\r\n ) {\r\n this.getMoreCharities();\r\n }\r\n }\r\n\r\n getCharities() {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Search\",\r\n label:\r\n \"Query: \" +\r\n this.state.filter.query +\r\n \"Postal Code: \" +\r\n this.state.filter.postalCode +\r\n \"Category: \" +\r\n this.state.filter.columnName,\r\n });\r\n this.setState({ busy: true }, () => {\r\n utilities\r\n .getNationalCharities({\r\n ...this.state.filter,\r\n continuationToken: null,\r\n })\r\n .then((nationalCharities) => {\r\n this.setState({\r\n busy: false,\r\n nationalCharities: nationalCharities.charities,\r\n searchCount: nationalCharities.totalCount,\r\n searched: true,\r\n filter: {\r\n ...this.state.filter,\r\n continuationToken: nationalCharities.continuationToken,\r\n },\r\n collapse: true,\r\n });\r\n });\r\n });\r\n }\r\n getMoreCharities() {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Search More\",\r\n label:\r\n \"Query: \" +\r\n this.state.filter.query +\r\n \"Postal Code: \" +\r\n this.state.filter.postalCode +\r\n \"Category: \" +\r\n this.state.filter.columnName,\r\n });\r\n this.setState({ busy: true }, () => {\r\n utilities\r\n .getNationalCharities(this.state.filter)\r\n .then((nationalCharities) => {\r\n console.log(nationalCharities);\r\n this.setState({\r\n busy: false,\r\n nationalCharities: this.state.nationalCharities.concat(\r\n nationalCharities.charities\r\n ),\r\n searchCount: nationalCharities.totalCount,\r\n filter: {\r\n ...this.state.filter,\r\n continuationToken: nationalCharities.continuationToken,\r\n },\r\n });\r\n });\r\n });\r\n }\r\n renderBusy() {\r\n return (\r\n \r\n {\r\n this.props.onSelectCategory(category);\r\n }}\r\n onSearchAll={() => {\r\n this.props.onSearchAll();\r\n }}\r\n />\r\n
\r\n {this.renderAside()}\r\n \r\n
\r\n {this.state.busy ? this.renderBusy() : this.renderCharities()}\r\n \r\n 
\r\n
\r\n \r\n
\r\n {category.quote}
\r\n {category.quotee}
\r\n \r\n
\r\n );\r\n }\r\n renderNavigation() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n renderSearch() {\r\n return (\r\n \r\n {this.state.nationalCharities.length > 0 ? (\r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Back Button\",\r\n label: \"/Spend/NationalCharitySelector\",\r\n });\r\n this.setState({ nationalCharities: [] });\r\n // this.props.onBack();\r\n }}\r\n >\r\n
\r\n ) : null}\r\n {this.props.dictionary.national_charity_selector_header}\r\n \r\n 0 && this.state.collapse\r\n ? \" \" + styles.mobileHide\r\n : \"\")\r\n }\r\n >\r\n
\r\n\r\n \r\n \r\n {\r\n this.setState({\r\n filter: {\r\n ...this.state.filter,\r\n query: event.currentTarget.value,\r\n },\r\n });\r\n }}\r\n onKeyPress={(event) => {\r\n if (event.key === \"Enter\") {\r\n this.getCharities();\r\n }\r\n }}\r\n />\r\n 0 ? \" \" + styles.active : \"\")\r\n }\r\n onClick={() => {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Search\",\r\n label: \"/Spend/NationalCharitySelector\",\r\n });\r\n this.getCharities();\r\n }}\r\n >\r\n {this.props.dictionary.national_charity_selector_search}\r\n \r\n
\r\n \r\n \r\n {\r\n this.setState({\r\n filter: {\r\n ...this.state.filter,\r\n postalCode: event.currentTarget.value,\r\n },\r\n });\r\n }}\r\n onKeyPress={(event) => {\r\n if (event.key === \"Enter\") {\r\n this.getCharities();\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n this.setState({\r\n filter: {\r\n ...this.state.filter,\r\n columnName: event.currentTarget.value,\r\n },\r\n });\r\n }}\r\n >\r\n \r\n {this.props.categories.map((category) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n {this.state.searchCount > 0\r\n ? `${this.state.searchCount} ${this.props.dictionary.national_charity_selector_results_label}`\r\n : this.state.searched\r\n ? \"No search results\"\r\n : null}\r\n {this.state.searched && (\r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Collapse Button \" + !this.state.collapse,\r\n label: \"/Spend/NationalCharitySelector\",\r\n });\r\n this.setState({ collapse: !this.state.collapse });\r\n }}\r\n >\r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n renderCallout() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n renderFeaturedCharity(charity, selectedEINs) {\r\n return (\r\n \r\n
\r\n {this.state.charity.name}
\r\n{this.state.charity.description}
\r\n \r\n {\r\n let boundingClientRect = event.target.getBoundingClientRect();\r\n this.setState({\r\n charity: charity,\r\n hoverPosition: {\r\n top: boundingClientRect.top,\r\n left: boundingClientRect.left + event.target.width,\r\n },\r\n });\r\n }}\r\n onMouseLeave={() => {\r\n this.setState({\r\n charity: null,\r\n hoverPosition: { top: 0, left: 0 },\r\n });\r\n }}\r\n />\r\n
\r\n {charity.name}
\r\n \r\n {selectedEINs.indexOf(charity.ein) == -1 ? (\r\n this.props.additionalCharityCount >=\r\n this.props.selectedCharities.length ? (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Select Charity\",\r\n label: \"/Spend/NationalCharitySelector\",\r\n });\r\n this.props.onSelectCharity(charity);\r\n }}\r\n >\r\n {this.props.dictionary.national_charity_selector_select}\r\n \r\n ) : (\r\n \r\n )\r\n ) : (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Remove Charity\",\r\n label: \"/Spend/NationalCharitySelector\",\r\n });\r\n this.props.onRemoveCharity(charity.ein);\r\n }}\r\n >\r\n {this.props.dictionary.national_charity_selector_unselect}\r\n \r\n )}\r\n
\r\n \r\n );\r\n }\r\n renderNationalCharity(charity, selectedEINs) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n renderCharities() {\r\n let selectedEINs = this.props.selectedCharities.map((charity) => {\r\n return charity.ein;\r\n });\r\n return (\r\n \r\n
\r\n {charity.name}
\r\n {charity.description}
\r\n EIN: {charity.ein}
\r\n \r\n
\r\n {charity.street}
\r\n {charity.city},
\r\n {charity.state}
\r\n {charity.postalCode}
\r\n \r\n {selectedEINs.indexOf(charity.ein) == -1 ? (\r\n this.props.additionalCharityCount >=\r\n this.props.selectedCharities.length ? (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Select Charity\",\r\n label: \"/Spend/NationalCharitySelector\",\r\n });\r\n this.props.onSelectCharity(charity);\r\n }}\r\n >\r\n {this.props.dictionary.national_charity_selector_select}\r\n \r\n ) : (\r\n \r\n )\r\n ) : (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Remove Charity\",\r\n label: \"/Spend/NationalCharitySelector\",\r\n });\r\n this.props.onRemoveCharity(charity.ein);\r\n }}\r\n >\r\n {this.props.dictionary.national_charity_selector_unselect}\r\n \r\n )}\r\n
\r\n \r\n {\r\n this.props.onToggleCollapseSelectedCharities();\r\n }}\r\n onRemoveCharity={(ein) => {\r\n this.props.onRemoveCharity(ein);\r\n }}\r\n onContinue={() => {\r\n this.props.onContinue();\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n\r\n renderCategories() {\r\n return (\r\n \r\n {\r\n this.props.onViewCharity(charity);\r\n }}\r\n onSelectCharity={(charity) => {\r\n this.props.onSelectCharity(charity);\r\n }}\r\n onRemoveCharity={(ein) => {\r\n this.props.onRemoveCharity(ein);\r\n }}\r\n />\r\n
\r\n ) : null}\r\n \r\n {this.props.categories.map((category) => {\r\n return (\r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Category \" + category.title,\r\n label: \"/Spend/CategorySelector\",\r\n });\r\n this.props.onSelectCategory(category);\r\n }}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n );\r\n }\r\n\r\n render() {\r\n if (this.props.busy) {\r\n return {category.title}
\r\n \r\n {this.renderNavigation()}\r\n
\r\n );\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./charityDetails.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./charityDetails.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport { SelectedCharities } from \"../presentational/selectedCharities\";\r\nimport { Card } from \"../presentational/card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowCircleLeft } from \"@fortawesome/pro-light-svg-icons/faArrowCircleLeft\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/charityDetails.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class CharityDetails extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n busy: false,\r\n charity: this.props.tempCharity,\r\n };\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/CharityDetails\");\r\n utilities\r\n .isCodeValid(this.props.code)\r\n .then((valid) => {\r\n if (!valid) {\r\n this.props.onCodeError();\r\n }\r\n this.getCharity();\r\n })\r\n .catch(() => {\r\n this.props.onCodeError();\r\n });\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (\r\n this.props.selectedCategory &&\r\n (prevProps.selectedCategory.id != this.props.selectedCategory.id ||\r\n prevProps.selectedCharityID != this.props.selectedCharityID)\r\n ) {\r\n this.getCharity();\r\n }\r\n }\r\n getCharity() {\r\n if (this.props.selectedCategory) {\r\n this.setState({ busy: true }, () => {\r\n utilities\r\n .getFeaturedCharities(this.props.selectedCategory.id)\r\n .then((featuredCharities) => {\r\n this.setState({\r\n busy: false,\r\n charity: featuredCharities.charities.find((charity) => {\r\n return charity.ein == this.props.selectedCharityID;\r\n }),\r\n });\r\n });\r\n });\r\n } else {\r\n this.setState({ busy: true }, () => {\r\n utilities\r\n .getNationalCharities({\r\n query: this.props.selectedCharityID,\r\n postalCode: \"\",\r\n columnName: \"\",\r\n continuationToken: null,\r\n })\r\n .then((nationalCharities) => {\r\n this.setState({\r\n busy: false,\r\n charity: nationalCharities.charities.find((charity) => {\r\n return charity.ein == this.props.selectedCharityID;\r\n }),\r\n });\r\n });\r\n });\r\n }\r\n }\r\n renderNavigation() {\r\n return (\r\n \r\n {this.renderSearch()}\r\n {this.renderCharities()}\r\n {!this.state.busy && this.state.nationalCharities.length == 0\r\n ? this.renderCategories()\r\n : null}\r\n {/* {this.state.nationalCharities.length == 0 ? (\r\n {\r\n this.props.onSelectCategory(category);\r\n }}\r\n onSearchAll={() => {\r\n this.props.onSearchAll();\r\n }}\r\n />\r\n ) : null} */}\r\n
\r\n {this.renderAside()}\r\n \r\n
\r\n \r\n );\r\n }\r\n renderAside() {\r\n return (\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Back Button\",\r\n label: \"/Spend/CharityDetails\",\r\n });\r\n this.props.onBack();\r\n }}\r\n >\r\n
\r\n {this.state.charity.name}\r\n \r\n {\r\n this.props.onToggleCollapseSelectedCharities();\r\n }}\r\n onRemoveCharity={(ein) => {\r\n this.props.onRemoveCharity(ein);\r\n }}\r\n onContinue={() => {\r\n this.props.onContinue();\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n render() {\r\n if (this.props.busy || this.state.busy) {\r\n return \r\n {this.renderNavigation()}\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./charityDistribution.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./charityDistribution.css\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./index.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./index.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport { Card } from \"../presentational/card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowCircleLeft } from \"@fortawesome/pro-light-svg-icons/faArrowCircleLeft\";\r\nimport { faMinus } from \"@fortawesome/pro-light-svg-icons/faMinus\";\r\nimport { faPlus } from \"@fortawesome/pro-light-svg-icons/faPlus\";\r\nimport { faCheckSquare } from \"@fortawesome/pro-light-svg-icons/faCheckSquare\";\r\nimport { faSquare } from \"@fortawesome/pro-light-svg-icons/faSquare\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/charityDistribution.css\";\r\nimport \"rc-slider/assets/index.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class CharityDistribution extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/CharityDistribution\");\r\n utilities\r\n .isCodeValid(this.props.code)\r\n .then(valid => {\r\n if (!valid) {\r\n this.props.onCodeError();\r\n }\r\n })\r\n .catch(() => {\r\n this.props.onCodeError();\r\n });\r\n }\r\n\r\n renderNavigation() {\r\n return (\r\n \r\n
\r\n {this.renderAside()}\r\n \r\n
\r\n \r\n {this.state.charity.description}\r\n
\r\n \r\n {selectedEINs.indexOf(this.state.charity.ein) == -1 ? (\r\n this.props.additionalCharityCount >=\r\n this.props.selectedCharities.length ? (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Select Charity\",\r\n label: \"/Spend/CharityDetails\",\r\n });\r\n this.props.onSelectCharity(this.state.charity);\r\n }}\r\n >\r\n {this.props.dictionary.featured_charity_selector_select}\r\n \r\n ) : (\r\n \r\n )\r\n ) : (\r\n {\r\n event.stopPropagation();\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Remove Charity\",\r\n label: \"/Spend/CharityDetails\",\r\n });\r\n this.props.onRemoveCharity(this.state.charity.ein);\r\n }}\r\n >\r\n {this.props.dictionary.featured_charity_selector_unselect}\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n renderAside() {\r\n return (\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Back Button\",\r\n label: \"/Spend/CharityDistribution\"\r\n });\r\n this.props.onBack();\r\n }}\r\n >\r\n
\r\n {this.props.dictionary.charity_distribution_header}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderTotalError(difference) {\r\n if (this.props.totalValid) {\r\n return null;\r\n } else {\r\n return (\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Back Button\",\r\n label: \"/Spend/CharityDistribution\"\r\n });\r\n this.props.onBack();\r\n }}\r\n >\r\n {this.props.dictionary.charity_distribution_back}\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Continue Button\",\r\n label: \"/Spend/CharityDistribution\"\r\n });\r\n this.props.onContinue();\r\n }}\r\n >\r\n {this.props.dictionary.charity_distribution_continue}\r\n \r\n
\r\n \r\n {difference > 0 ? (\r\n
\r\n );\r\n }\r\n }\r\n renderBoundError() {\r\n if (this.props.inBoundsValid) {\r\n return null;\r\n } else {\r\n return (\r\n \r\n {this.props.validation.charity_distribution_input_total_low\r\n .replace(\r\n \"{Total}\",\r\n this.props.donation.amount.toLocaleString(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n })\r\n )\r\n .replace(\r\n \"{Difference}\",\r\n difference < 1\r\n ? difference.toLocaleString(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n })\r\n : Math.trunc(difference).toLocaleString(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 0\r\n })\r\n )}\r\n
\r\n ) : (\r\n \r\n {this.props.validation.charity_distribution_input_total_high\r\n .replace(\r\n \"{Total}\",\r\n this.props.donation.amount.toLocaleString(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n })\r\n )\r\n .replace(\r\n \"{Difference}\",\r\n difference > -1\r\n ? (difference * -1).toLocaleString(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n })\r\n : Math.trunc(difference * -1).toLocaleString(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 0\r\n })\r\n )}\r\n
\r\n )}\r\n \r\n {this.props.validation.charity_distribution_input_total_out_of_bounds}\r\n
\r\n );\r\n }\r\n }\r\n renderReset() {\r\n if (this.props.totalValid && this.props.inBoundsValid) {\r\n return null;\r\n } else {\r\n return (\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Reset Button\",\r\n label: \"/Spend/CharityDistribution\"\r\n });\r\n this.props.onReset();\r\n }}\r\n >\r\n {this.props.dictionary.charity_distribution_reset}\r\n
\r\n \r\n );\r\n }\r\n }\r\n\r\n renderCharities() {\r\n let total = this.props.selectedCharities.reduce((a, b) => ({\r\n amount: a.amount + b.amount\r\n }));\r\n let difference = this.props.donation.amount - total.amount;\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n 1\r\n ? \"\"\r\n : \" \" + styles.singleImage)\r\n }\r\n />\r\n
\r\n \r\n {this.props.selectedCharities.length > 1 ? (\r\n {\r\n this.props.onCharityChanged(\r\n event.target.value,\r\n charity.ein\r\n );\r\n }}\r\n />\r\n {charity.cents > 0\r\n ? (charity.cents + \"0\").slice(1, 4)\r\n : null}\r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Plus Button\",\r\n label: \"/Spend/CharityDistribution\"\r\n });\r\n this.props.onCharityChanged(\r\n charity.amount + 1,\r\n charity.ein\r\n );\r\n }}\r\n >\r\n
\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Minus Button\",\r\n label: \"/Spend/CharityDistribution\"\r\n });\r\n this.props.onCharityChanged(\r\n charity.amount > 3 ? charity.amount - 1 : 3,\r\n charity.ein\r\n );\r\n }}\r\n >\r\n
\r\n $\r\n \r\n {(charity.amount + charity.cents).toLocaleString(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n })}\r\n
\r\n )}\r\n {charity.name}
\r\n \r\n \r\n );\r\n })}\r\n {this.renderTotalError(difference)}\r\n {this.renderBoundError()}\r\n \r\n );\r\n }\r\n\r\n renderOptIn() {\r\n return (\r\n \r\n
\r\n \r\n {\r\n this.props.onOptInChanged(!this.props.optIn);\r\n }}\r\n >\r\n {this.props.optIn ? (\r\n
\r\n {this.props.dictionary.charity_distribution_stay_informed}\r\n \r\n \r\n {this.props.dictionary.charity_distribution_input_name}\r\n \r\n {\r\n this.props.onNameChanged(event.target.value);\r\n }}\r\n />\r\n {this.props.nameValid ? null : (\r\n
\r\n \r\n {this.props.validation.charity_distribution_input_name}\r\n
\r\n )}\r\n \r\n \r\n {this.props.dictionary.charity_distribution_input_email}\r\n \r\n {\r\n this.props.onEmailChanged(event.target.value);\r\n }}\r\n />\r\n {this.props.emailValid ? null : (\r\n
\r\n \r\n );\r\n }\r\n\r\n render() {\r\n if (this.props.busy) {\r\n return \r\n {this.props.validation.charity_distribution_input_email}\r\n
\r\n )}\r\n \r\n {this.renderNavigation()}\r\n
\r\n );\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./thankYou.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./thankYou.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport { Card } from \"../presentational/card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowCircleLeft } from \"@fortawesome/pro-light-svg-icons/faArrowCircleLeft\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/thankYou.css\";\r\nimport * as utilities from \"../../middleware/utilities\";\r\n\r\nexport class ThankYou extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/ThankYou\");\r\n utilities\r\n .isCodeValid(this.props.code)\r\n .then((valid) => {\r\n if (!valid) {\r\n this.props.onCodeError();\r\n }\r\n })\r\n .catch(() => {\r\n this.props.onCodeError();\r\n });\r\n }\r\n renderNavigation() {\r\n return (\r\n \r\n
\r\n {this.renderAside()}\r\n \r\n {this.props.dictionary.charity_distribution_message}\r\n
\r\n {this.renderCharities()}\r\n \r\n {this.props.dictionary.charity_distribution_donation_amount}\r\n
\r\n {this.props.selectedCharities.length > 1 ? (\r\n \r\n {this.props.donation.amount.toLocaleString(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2\r\n })}\r\n
\r\n \r\n {this.props.dictionary.charity_distribution_note}\r\n
\r\n ) : null}\r\n {this.renderOptIn()}\r\n \r\n
\r\n \r\n );\r\n }\r\n renderNoteInputs() {\r\n return (\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Back Button\",\r\n label: \"/Spend/ThankYou\",\r\n });\r\n this.props.onBack();\r\n }}\r\n >\r\n
\r\n {this.props.dictionary.thank_you_header}\r\n \r\n
\r\n );\r\n }\r\n renderAside() {\r\n return (\r\n \r\n \r\n {this.props.dictionary.thank_you_input_thank_you_name}\r\n \r\n {\r\n this.props.onThankYouNameChanged(event.target.value);\r\n }}\r\n />\r\n {this.props.thankYouNameValid ? null : (\r\n
\r\n \r\n {this.props.validation.thank_you_input_thank_you_name}\r\n
\r\n )}\r\n \r\n \r\n {this.props.dictionary.thank_you_input_thank_you_note}\r\n \r\n {\r\n this.props.onThankYouNoteChanged(event.target.value);\r\n }}\r\n />\r\n {this.props.thankYouNoteValid ? null : (\r\n
\r\n \r\n {this.props.validation.thank_you_input_thank_you_note}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n render() {\r\n if (!this.props.code || this.props.busy) {\r\n return \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Continue Button\",\r\n label: \"/Spend/ThankYou\",\r\n });\r\n this.props.onContinue();\r\n }}\r\n >\r\n {this.props.dictionary.thank_you_continue}\r\n \r\n {\r\n ReactGA.event({\r\n category: \"User Action\",\r\n action: \"Clicked Skip Button\",\r\n label: \"/Spend/ThankYou\",\r\n });\r\n this.props.onSkip();\r\n }}\r\n >\r\n {this.props.dictionary.thank_you_skip}\r\n \r\n
\r\n \r\n {this.renderNavigation()}\r\n
\r\n );\r\n }\r\n }\r\n}\r\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar AssertionError = /** @class */ (function (_super) {\n __extends(AssertionError, _super);\n function AssertionError(message) {\n var _this = _super.call(this, message) || this;\n _this.name = 'AssertionError';\n return _this;\n }\n return AssertionError;\n}(Error));\nexport default function assert(value, message) {\n if (!value) {\n throw new AssertionError(message);\n }\n}\n","export default function objectToGetParams(object) {\n var params = Object.entries(object)\n .filter(function (_a) {\n var value = _a[1];\n return value !== undefined && value !== null;\n })\n .map(function (_a) {\n var key = _a[0], value = _a[1];\n return encodeURIComponent(key) + \"=\" + encodeURIComponent(String(value));\n });\n return params.length > 0 ? \"?\" + params.join('&') : '';\n}\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (_) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { Component } from 'react';\nimport cx from 'classnames';\nvar isPromise = function (obj) {\n return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function';\n};\nvar getBoxPositionOnWindowCenter = function (width, height) { return ({\n left: window.outerWidth / 2 + (window.screenX || window.screenLeft || 0) - width / 2,\n top: window.outerHeight / 2 + (window.screenY || window.screenTop || 0) - height / 2,\n}); };\nvar getBoxPositionOnScreenCenter = function (width, height) { return ({\n top: (window.screen.height - height) / 2,\n left: (window.screen.width - width) / 2,\n}); };\nfunction windowOpen(url, _a, onClose) {\n var height = _a.height, width = _a.width, configRest = __rest(_a, [\"height\", \"width\"]);\n var config = __assign({ height: height,\n width: width, location: 'no', toolbar: 'no', status: 'no', directories: 'no', menubar: 'no', scrollbars: 'yes', resizable: 'no', centerscreen: 'yes', chrome: 'yes' }, configRest);\n var shareDialog = window.open(url, '', Object.keys(config)\n .map(function (key) { return key + \"=\" + config[key]; })\n .join(', '));\n if (onClose) {\n var interval_1 = window.setInterval(function () {\n try {\n if (shareDialog === null || shareDialog.closed) {\n window.clearInterval(interval_1);\n onClose(shareDialog);\n }\n }\n catch (e) {\n /* eslint-disable no-console */\n console.error(e);\n /* eslint-enable no-console */\n }\n }, 1000);\n }\n return shareDialog;\n}\nvar ShareButton = /** @class */ (function (_super) {\n __extends(ShareButton, _super);\n function ShareButton() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.openShareDialog = function (link) {\n var _a = _this.props, onShareWindowClose = _a.onShareWindowClose, _b = _a.windowHeight, windowHeight = _b === void 0 ? 400 : _b, _c = _a.windowPosition, windowPosition = _c === void 0 ? 'windowCenter' : _c, _d = _a.windowWidth, windowWidth = _d === void 0 ? 550 : _d;\n var windowConfig = __assign({ height: windowHeight, width: windowWidth }, (windowPosition === 'windowCenter'\n ? getBoxPositionOnWindowCenter(windowWidth, windowHeight)\n : getBoxPositionOnScreenCenter(windowWidth, windowHeight)));\n windowOpen(link, windowConfig, onShareWindowClose);\n };\n _this.handleClick = function (event) { return __awaiter(_this, void 0, void 0, function () {\n var _a, beforeOnClick, disabled, networkLink, onClick, url, openShareDialogOnClick, opts, link, returnVal;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n _a = this.props, beforeOnClick = _a.beforeOnClick, disabled = _a.disabled, networkLink = _a.networkLink, onClick = _a.onClick, url = _a.url, openShareDialogOnClick = _a.openShareDialogOnClick, opts = _a.opts;\n link = networkLink(url, opts);\n if (disabled) {\n return [2 /*return*/];\n }\n event.preventDefault();\n if (!beforeOnClick) return [3 /*break*/, 2];\n returnVal = beforeOnClick();\n if (!isPromise(returnVal)) return [3 /*break*/, 2];\n return [4 /*yield*/, returnVal];\n case 1:\n _b.sent();\n _b.label = 2;\n case 2:\n if (openShareDialogOnClick) {\n this.openShareDialog(link);\n }\n if (onClick) {\n onClick(event, link);\n }\n return [2 /*return*/];\n }\n });\n }); };\n return _this;\n }\n ShareButton.prototype.render = function () {\n var _a = this.props, beforeOnClick = _a.beforeOnClick, children = _a.children, className = _a.className, disabled = _a.disabled, disabledStyle = _a.disabledStyle, forwardedRef = _a.forwardedRef, networkLink = _a.networkLink, networkName = _a.networkName, onShareWindowClose = _a.onShareWindowClose, openShareDialogOnClick = _a.openShareDialogOnClick, opts = _a.opts, resetButtonStyle = _a.resetButtonStyle, style = _a.style, url = _a.url, windowHeight = _a.windowHeight, windowPosition = _a.windowPosition, windowWidth = _a.windowWidth, rest = __rest(_a, [\"beforeOnClick\", \"children\", \"className\", \"disabled\", \"disabledStyle\", \"forwardedRef\", \"networkLink\", \"networkName\", \"onShareWindowClose\", \"openShareDialogOnClick\", \"opts\", \"resetButtonStyle\", \"style\", \"url\", \"windowHeight\", \"windowPosition\", \"windowWidth\"]);\n var newClassName = cx('react-share__ShareButton', {\n 'react-share__ShareButton--disabled': !!disabled,\n disabled: !!disabled,\n }, className);\n var newStyle = resetButtonStyle\n ? __assign(__assign({ backgroundColor: 'transparent', border: 'none', padding: 0, font: 'inherit', color: 'inherit', cursor: 'pointer' }, style), (disabled && disabledStyle)) : __assign(__assign({}, style), (disabled && disabledStyle));\n return (React.createElement(\"button\", __assign({}, rest, { \"aria-label\": rest['aria-label'] || networkName, className: newClassName, onClick: this.handleClick, ref: forwardedRef, style: newStyle }), children));\n };\n ShareButton.defaultProps = {\n disabledStyle: { opacity: 0.6 },\n openShareDialogOnClick: true,\n resetButtonStyle: true,\n };\n return ShareButton;\n}(Component));\nexport default ShareButton;\n","var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { forwardRef } from 'react';\nimport ShareButton from '../ShareButton';\nfunction createShareButton(networkName, link, optsMap, defaultProps) {\n function CreatedButton(props, ref) {\n var opts = optsMap(props);\n var passedProps = __assign({}, props);\n // remove keys from passed props that are passed as opts\n var optsKeys = Object.keys(opts);\n optsKeys.forEach(function (key) {\n delete passedProps[key];\n });\n return (React.createElement(ShareButton, __assign({}, defaultProps, passedProps, { forwardedRef: ref, networkName: networkName, networkLink: link, opts: optsMap(props) })));\n }\n CreatedButton.displayName = \"ShareButton-\" + networkName;\n return forwardRef(CreatedButton);\n}\nexport default createShareButton;\n","import assert from './utils/assert';\nimport objectToGetParams from './utils/objectToGetParams';\nimport createShareButton from './hocs/createShareButton';\nfunction facebookLink(url, _a) {\n var quote = _a.quote, hashtag = _a.hashtag;\n assert(url, 'facebook.url');\n return ('https://www.facebook.com/sharer/sharer.php' +\n objectToGetParams({\n u: url,\n quote: quote,\n hashtag: hashtag,\n }));\n}\nvar FacebookShareButton = createShareButton('facebook', facebookLink, function (props) { return ({\n quote: props.quote,\n hashtag: props.hashtag,\n}); }, {\n windowWidth: 550,\n windowHeight: 400,\n});\nexport default FacebookShareButton;\n","import assert from './utils/assert';\nimport objectToGetParams from './utils/objectToGetParams';\nimport createShareButton from './hocs/createShareButton';\nfunction twitterLink(url, _a) {\n var title = _a.title, via = _a.via, _b = _a.hashtags, hashtags = _b === void 0 ? [] : _b, _c = _a.related, related = _c === void 0 ? [] : _c;\n assert(url, 'twitter.url');\n assert(Array.isArray(hashtags), 'twitter.hashtags is not an array');\n assert(Array.isArray(related), 'twitter.related is not an array');\n return ('https://twitter.com/share' +\n objectToGetParams({\n url: url,\n text: title,\n via: via,\n hashtags: hashtags.length > 0 ? hashtags.join(',') : undefined,\n related: related.length > 0 ? related.join(',') : undefined,\n }));\n}\nvar TwitterShareButton = createShareButton('twitter', twitterLink, function (props) { return ({\n hashtags: props.hashtags,\n title: props.title,\n via: props.via,\n related: props.related,\n}); }, {\n windowWidth: 550,\n windowHeight: 400,\n});\nexport default TwitterShareButton;\n","import assert from './utils/assert';\nimport objectToGetParams from './utils/objectToGetParams';\nimport createShareButton from './hocs/createShareButton';\nfunction linkedinLink(url, _a) {\n var title = _a.title, summary = _a.summary, source = _a.source;\n assert(url, 'linkedin.url');\n return ('https://linkedin.com/shareArticle' +\n objectToGetParams({ url: url, mini: 'true', title: title, summary: summary, source: source }));\n}\nvar LinkedinShareButton = createShareButton('linkedin', linkedinLink, function (_a) {\n var title = _a.title, summary = _a.summary, source = _a.source;\n return ({ title: title, summary: summary, source: source });\n}, {\n windowWidth: 750,\n windowHeight: 600,\n});\nexport default LinkedinShareButton;\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./shareSpend.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./shareSpend.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport ReactGA from \"react-ga\";\r\nimport {\r\n FacebookShareButton,\r\n LinkedinShareButton,\r\n TwitterShareButton,\r\n} from \"react-share\";\r\nimport styles from \"../../styles/panels/shareSpend.css\";\r\n\r\nexport class ShareSpend extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n let banner =\r\n this.props.images.share_banners[\r\n Math.floor(Math.random() * this.props.images.share_banners.length)\r\n ];\r\n this.state = {\r\n banner: banner,\r\n };\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/Share\");\r\n if (!this.props.code) {\r\n this.props.onEmptyCode();\r\n } else {\r\n fbq(\"trackCustom\", \"SpendCard\", {\r\n value: this.props.donation.amount,\r\n currency: \"USD\",\r\n content_name: \"tisbestcard\",\r\n });\r\n }\r\n }\r\n render() {\r\n if (this.props.busy) {\r\n return \r\n
\r\n {this.renderAside()}\r\n \r\n {this.props.dictionary.thank_you_message}\r\n
\r\n {this.renderNoteInputs()}\r\n \r\n {this.props.donation &&\r\n this.props.donation.campaignDetail &&\r\n this.props.donation.campaignDetail.confirmationMarkup ? (\r\n //
\r\n );\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./codeError.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./codeError.css\";\n export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\r\nimport { Busy } from \"../presentational/busy\";\r\nimport ReactGA from \"react-ga\";\r\nimport styles from \"../../styles/panels/codeError.css\";\r\n\r\nexport class CodeError extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n let banner = this.props.images.share_banners[\r\n Math.floor(Math.random() * this.props.images.share_banners.length)\r\n ];\r\n this.state = {\r\n banner: banner\r\n };\r\n }\r\n componentDidMount() {\r\n ReactGA.pageview(\"/Spend/CodeError\");\r\n if (!this.props.code) {\r\n this.props.onEmptyCode();\r\n }\r\n }\r\n render() {\r\n if (this.props.busy) {\r\n return \r\n
\r\n \r\n {this.props.selectedCharities.length > 1\r\n ? this.props.dictionary.share_header_plural\r\n : this.props.dictionary.share_header_single}\r\n
\r\n \r\n {this.props.selectedCharities.length > 1\r\n ? this.props.dictionary.share_message_plural\r\n : this.props.dictionary.share_message_single}\r\n
\r\n {this.props.selectedCharities.length > 0 ? (\r\n - \r\n {this.props.selectedCharities.map((charity) => {\r\n return
- {charity.name} ;\r\n })}\r\n
\r\n {this.props.dictionary.share_call_to_action}\r\n
\r\n ) : null}\r\n \r\n {this.props.selectedCharities.length > 1\r\n ? this.props.dictionary.share_information_plural\r\n : this.props.dictionary.share_information_single}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.dictionary.share_tip}
\r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n","\n import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./app.css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./app.css\";\n export default content && content.locals ? content.locals : undefined;\n","import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n setPrototypeOf(subClass, superClass);\n}","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","function isAbsolute(pathname) {\n return pathname.charAt(0) === '/';\n}\n\n// About 1.5x faster than the two-arg version of Array#splice()\nfunction spliceOne(list, index) {\n for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1) {\n list[i] = list[k];\n }\n\n list.pop();\n}\n\n// This implementation is based heavily on node's url.parse\nfunction resolvePathname(to, from) {\n if (from === undefined) from = '';\n\n var toParts = (to && to.split('/')) || [];\n var fromParts = (from && from.split('/')) || [];\n\n var isToAbs = to && isAbsolute(to);\n var isFromAbs = from && isAbsolute(from);\n var mustEndAbs = isToAbs || isFromAbs;\n\n if (to && isAbsolute(to)) {\n // to is absolute\n fromParts = toParts;\n } else if (toParts.length) {\n // to is relative, drop the filename\n fromParts.pop();\n fromParts = fromParts.concat(toParts);\n }\n\n if (!fromParts.length) return '/';\n\n var hasTrailingSlash;\n if (fromParts.length) {\n var last = fromParts[fromParts.length - 1];\n hasTrailingSlash = last === '.' || last === '..' || last === '';\n } else {\n hasTrailingSlash = false;\n }\n\n var up = 0;\n for (var i = fromParts.length; i >= 0; i--) {\n var part = fromParts[i];\n\n if (part === '.') {\n spliceOne(fromParts, i);\n } else if (part === '..') {\n spliceOne(fromParts, i);\n up++;\n } else if (up) {\n spliceOne(fromParts, i);\n up--;\n }\n }\n\n if (!mustEndAbs) for (; up--; up) fromParts.unshift('..');\n\n if (\n mustEndAbs &&\n fromParts[0] !== '' &&\n (!fromParts[0] || !isAbsolute(fromParts[0]))\n )\n fromParts.unshift('');\n\n var result = fromParts.join('/');\n\n if (hasTrailingSlash && result.substr(-1) !== '/') result += '/';\n\n return result;\n}\n\nexport default resolvePathname;\n","var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n if (condition) {\n return;\n }\n if (isProduction) {\n throw new Error(prefix);\n }\n throw new Error(prefix + \": \" + (message || ''));\n}\n\nexport default invariant;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport resolvePathname from 'resolve-pathname';\nimport valueEqual from 'value-equal';\nimport warning from 'tiny-warning';\nimport invariant from 'tiny-invariant';\n\nfunction addLeadingSlash(path) {\n return path.charAt(0) === '/' ? path : '/' + path;\n}\nfunction stripLeadingSlash(path) {\n return path.charAt(0) === '/' ? path.substr(1) : path;\n}\nfunction hasBasename(path, prefix) {\n return path.toLowerCase().indexOf(prefix.toLowerCase()) === 0 && '/?#'.indexOf(path.charAt(prefix.length)) !== -1;\n}\nfunction stripBasename(path, prefix) {\n return hasBasename(path, prefix) ? path.substr(prefix.length) : path;\n}\nfunction stripTrailingSlash(path) {\n return path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path;\n}\nfunction parsePath(path) {\n var pathname = path || '/';\n var search = '';\n var hash = '';\n var hashIndex = pathname.indexOf('#');\n\n if (hashIndex !== -1) {\n hash = pathname.substr(hashIndex);\n pathname = pathname.substr(0, hashIndex);\n }\n\n var searchIndex = pathname.indexOf('?');\n\n if (searchIndex !== -1) {\n search = pathname.substr(searchIndex);\n pathname = pathname.substr(0, searchIndex);\n }\n\n return {\n pathname: pathname,\n search: search === '?' ? '' : search,\n hash: hash === '#' ? '' : hash\n };\n}\nfunction createPath(location) {\n var pathname = location.pathname,\n search = location.search,\n hash = location.hash;\n var path = pathname || '/';\n if (search && search !== '?') path += search.charAt(0) === '?' ? search : \"?\" + search;\n if (hash && hash !== '#') path += hash.charAt(0) === '#' ? hash : \"#\" + hash;\n return path;\n}\n\nfunction createLocation(path, state, key, currentLocation) {\n var location;\n\n if (typeof path === 'string') {\n // Two-arg form: push(path, state)\n location = parsePath(path);\n location.state = state;\n } else {\n // One-arg form: push(location)\n location = _extends({}, path);\n if (location.pathname === undefined) location.pathname = '';\n\n if (location.search) {\n if (location.search.charAt(0) !== '?') location.search = '?' + location.search;\n } else {\n location.search = '';\n }\n\n if (location.hash) {\n if (location.hash.charAt(0) !== '#') location.hash = '#' + location.hash;\n } else {\n location.hash = '';\n }\n\n if (state !== undefined && location.state === undefined) location.state = state;\n }\n\n try {\n location.pathname = decodeURI(location.pathname);\n } catch (e) {\n if (e instanceof URIError) {\n throw new URIError('Pathname \"' + location.pathname + '\" could not be decoded. ' + 'This is likely caused by an invalid percent-encoding.');\n } else {\n throw e;\n }\n }\n\n if (key) location.key = key;\n\n if (currentLocation) {\n // Resolve incomplete/relative pathname relative to current location.\n if (!location.pathname) {\n location.pathname = currentLocation.pathname;\n } else if (location.pathname.charAt(0) !== '/') {\n location.pathname = resolvePathname(location.pathname, currentLocation.pathname);\n }\n } else {\n // When there is no prior location and pathname is empty, set it to /\n if (!location.pathname) {\n location.pathname = '/';\n }\n }\n\n return location;\n}\nfunction locationsAreEqual(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash && a.key === b.key && valueEqual(a.state, b.state);\n}\n\nfunction createTransitionManager() {\n var prompt = null;\n\n function setPrompt(nextPrompt) {\n process.env.NODE_ENV !== \"production\" ? warning(prompt == null, 'A history supports only one prompt at a time') : void 0;\n prompt = nextPrompt;\n return function () {\n if (prompt === nextPrompt) prompt = null;\n };\n }\n\n function confirmTransitionTo(location, action, getUserConfirmation, callback) {\n // TODO: If another transition starts while we're still confirming\n // the previous one, we may end up in a weird state. Figure out the\n // best way to handle this.\n if (prompt != null) {\n var result = typeof prompt === 'function' ? prompt(location, action) : prompt;\n\n if (typeof result === 'string') {\n if (typeof getUserConfirmation === 'function') {\n getUserConfirmation(result, callback);\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'A history needs a getUserConfirmation function in order to use a prompt message') : void 0;\n callback(true);\n }\n } else {\n // Return false from a transition hook to cancel the transition.\n callback(result !== false);\n }\n } else {\n callback(true);\n }\n }\n\n var listeners = [];\n\n function appendListener(fn) {\n var isActive = true;\n\n function listener() {\n if (isActive) fn.apply(void 0, arguments);\n }\n\n listeners.push(listener);\n return function () {\n isActive = false;\n listeners = listeners.filter(function (item) {\n return item !== listener;\n });\n };\n }\n\n function notifyListeners() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n listeners.forEach(function (listener) {\n return listener.apply(void 0, args);\n });\n }\n\n return {\n setPrompt: setPrompt,\n confirmTransitionTo: confirmTransitionTo,\n appendListener: appendListener,\n notifyListeners: notifyListeners\n };\n}\n\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nfunction getConfirmation(message, callback) {\n callback(window.confirm(message)); // eslint-disable-line no-alert\n}\n/**\n * Returns true if the HTML5 history API is supported. Taken from Modernizr.\n *\n * https://github.com/Modernizr/Modernizr/blob/master/LICENSE\n * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js\n * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586\n */\n\nfunction supportsHistory() {\n var ua = window.navigator.userAgent;\n if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) && ua.indexOf('Mobile Safari') !== -1 && ua.indexOf('Chrome') === -1 && ua.indexOf('Windows Phone') === -1) return false;\n return window.history && 'pushState' in window.history;\n}\n/**\n * Returns true if browser fires popstate on hash change.\n * IE10 and IE11 do not.\n */\n\nfunction supportsPopStateOnHashChange() {\n return window.navigator.userAgent.indexOf('Trident') === -1;\n}\n/**\n * Returns false if using go(n) with hash history causes a full page reload.\n */\n\nfunction supportsGoWithoutReloadUsingHash() {\n return window.navigator.userAgent.indexOf('Firefox') === -1;\n}\n/**\n * Returns true if a given popstate event is an extraneous WebKit event.\n * Accounts for the fact that Chrome on iOS fires real popstate events\n * containing undefined state when pressing the back button.\n */\n\nfunction isExtraneousPopstateEvent(event) {\n return event.state === undefined && navigator.userAgent.indexOf('CriOS') === -1;\n}\n\nvar PopStateEvent = 'popstate';\nvar HashChangeEvent = 'hashchange';\n\nfunction getHistoryState() {\n try {\n return window.history.state || {};\n } catch (e) {\n // IE 11 sometimes throws when accessing window.history.state\n // See https://github.com/ReactTraining/history/pull/289\n return {};\n }\n}\n/**\n * Creates a history object that uses the HTML5 history API including\n * pushState, replaceState, and the popstate event.\n */\n\n\nfunction createBrowserHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Browser history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canUseHistory = supportsHistory();\n var needsHashChangeListener = !supportsPopStateOnHashChange();\n var _props = props,\n _props$forceRefresh = _props.forceRefresh,\n forceRefresh = _props$forceRefresh === void 0 ? false : _props$forceRefresh,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n\n function getDOMLocation(historyState) {\n var _ref = historyState || {},\n key = _ref.key,\n state = _ref.state;\n\n var _window$location = window.location,\n pathname = _window$location.pathname,\n search = _window$location.search,\n hash = _window$location.hash;\n var path = pathname + search + hash;\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path, state, key);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function handlePopState(event) {\n // Ignore extraneous popstate events in WebKit.\n if (isExtraneousPopstateEvent(event)) return;\n handlePop(getDOMLocation(event.state));\n }\n\n function handleHashChange() {\n handlePop(getDOMLocation(getHistoryState()));\n }\n\n var forceNextPop = false;\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of keys we've seen in sessionStorage.\n // Instead, we just default to 0 for keys we don't know.\n\n var toIndex = allKeys.indexOf(toLocation.key);\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allKeys.indexOf(fromLocation.key);\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n }\n\n var initialLocation = getDOMLocation(getHistoryState());\n var allKeys = [initialLocation.key]; // Public interface\n\n function createHref(location) {\n return basename + createPath(location);\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.pushState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.href = href;\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n var nextKeys = allKeys.slice(0, prevIndex + 1);\n nextKeys.push(location.key);\n allKeys = nextKeys;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot push state in browsers that do not support HTML5 history') : void 0;\n window.location.href = href;\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.replaceState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.replace(href);\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n if (prevIndex !== -1) allKeys[prevIndex] = location.key;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot replace state in browsers that do not support HTML5 history') : void 0;\n window.location.replace(href);\n }\n });\n }\n\n function go(n) {\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.addEventListener(HashChangeEvent, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.removeEventListener(HashChangeEvent, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nvar HashChangeEvent$1 = 'hashchange';\nvar HashPathCoders = {\n hashbang: {\n encodePath: function encodePath(path) {\n return path.charAt(0) === '!' ? path : '!/' + stripLeadingSlash(path);\n },\n decodePath: function decodePath(path) {\n return path.charAt(0) === '!' ? path.substr(1) : path;\n }\n },\n noslash: {\n encodePath: stripLeadingSlash,\n decodePath: addLeadingSlash\n },\n slash: {\n encodePath: addLeadingSlash,\n decodePath: addLeadingSlash\n }\n};\n\nfunction stripHash(url) {\n var hashIndex = url.indexOf('#');\n return hashIndex === -1 ? url : url.slice(0, hashIndex);\n}\n\nfunction getHashPath() {\n // We can't use window.location.hash here because it's not\n // consistent across browsers - Firefox will pre-decode it!\n var href = window.location.href;\n var hashIndex = href.indexOf('#');\n return hashIndex === -1 ? '' : href.substring(hashIndex + 1);\n}\n\nfunction pushHashPath(path) {\n window.location.hash = path;\n}\n\nfunction replaceHashPath(path) {\n window.location.replace(stripHash(window.location.href) + '#' + path);\n}\n\nfunction createHashHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Hash history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canGoWithoutReload = supportsGoWithoutReloadUsingHash();\n var _props = props,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$hashType = _props.hashType,\n hashType = _props$hashType === void 0 ? 'slash' : _props$hashType;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n var _HashPathCoders$hashT = HashPathCoders[hashType],\n encodePath = _HashPathCoders$hashT.encodePath,\n decodePath = _HashPathCoders$hashT.decodePath;\n\n function getDOMLocation() {\n var path = decodePath(getHashPath());\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n var forceNextPop = false;\n var ignorePath = null;\n\n function locationsAreEqual$$1(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash;\n }\n\n function handleHashChange() {\n var path = getHashPath();\n var encodedPath = encodePath(path);\n\n if (path !== encodedPath) {\n // Ensure we always have a properly-encoded hash.\n replaceHashPath(encodedPath);\n } else {\n var location = getDOMLocation();\n var prevLocation = history.location;\n if (!forceNextPop && locationsAreEqual$$1(prevLocation, location)) return; // A hashchange doesn't always == location change.\n\n if (ignorePath === createPath(location)) return; // Ignore this change; we already setState in push/replace.\n\n ignorePath = null;\n handlePop(location);\n }\n }\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of paths we've seen in sessionStorage.\n // Instead, we just default to 0 for paths we don't know.\n\n var toIndex = allPaths.lastIndexOf(createPath(toLocation));\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allPaths.lastIndexOf(createPath(fromLocation));\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n } // Ensure the hash is encoded properly before doing anything else.\n\n\n var path = getHashPath();\n var encodedPath = encodePath(path);\n if (path !== encodedPath) replaceHashPath(encodedPath);\n var initialLocation = getDOMLocation();\n var allPaths = [createPath(initialLocation)]; // Public interface\n\n function createHref(location) {\n var baseTag = document.querySelector('base');\n var href = '';\n\n if (baseTag && baseTag.getAttribute('href')) {\n href = stripHash(window.location.href);\n }\n\n return href + '#' + encodePath(basename + createPath(location));\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot push state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a PUSH, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n pushHashPath(encodedPath);\n var prevIndex = allPaths.lastIndexOf(createPath(history.location));\n var nextPaths = allPaths.slice(0, prevIndex + 1);\n nextPaths.push(path);\n allPaths = nextPaths;\n setState({\n action: action,\n location: location\n });\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'Hash history cannot PUSH the same path; a new entry will not be added to the history stack') : void 0;\n setState();\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot replace state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a REPLACE, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n replaceHashPath(encodedPath);\n }\n\n var prevIndex = allPaths.indexOf(createPath(history.location));\n if (prevIndex !== -1) allPaths[prevIndex] = path;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n process.env.NODE_ENV !== \"production\" ? warning(canGoWithoutReload, 'Hash history go(n) causes a full page reload in this browser') : void 0;\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(HashChangeEvent$1, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(HashChangeEvent$1, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nfunction clamp(n, lowerBound, upperBound) {\n return Math.min(Math.max(n, lowerBound), upperBound);\n}\n/**\n * Creates a history object that stores locations in memory.\n */\n\n\nfunction createMemoryHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n var _props = props,\n getUserConfirmation = _props.getUserConfirmation,\n _props$initialEntries = _props.initialEntries,\n initialEntries = _props$initialEntries === void 0 ? ['/'] : _props$initialEntries,\n _props$initialIndex = _props.initialIndex,\n initialIndex = _props$initialIndex === void 0 ? 0 : _props$initialIndex,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = history.entries.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var index = clamp(initialIndex, 0, initialEntries.length - 1);\n var entries = initialEntries.map(function (entry) {\n return typeof entry === 'string' ? createLocation(entry, undefined, createKey()) : createLocation(entry, undefined, entry.key || createKey());\n }); // Public interface\n\n var createHref = createPath;\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var prevIndex = history.index;\n var nextIndex = prevIndex + 1;\n var nextEntries = history.entries.slice(0);\n\n if (nextEntries.length > nextIndex) {\n nextEntries.splice(nextIndex, nextEntries.length - nextIndex, location);\n } else {\n nextEntries.push(location);\n }\n\n setState({\n action: action,\n location: location,\n index: nextIndex,\n entries: nextEntries\n });\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n history.entries[history.index] = location;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n var nextIndex = clamp(history.index + n, 0, history.entries.length - 1);\n var action = 'POP';\n var location = history.entries[nextIndex];\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location,\n index: nextIndex\n });\n } else {\n // Mimic the behavior of DOM histories by\n // causing a render after a cancelled POP.\n setState();\n }\n });\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n function canGo(n) {\n var nextIndex = history.index + n;\n return nextIndex >= 0 && nextIndex < history.entries.length;\n }\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n return transitionManager.setPrompt(prompt);\n }\n\n function listen(listener) {\n return transitionManager.appendListener(listener);\n }\n\n var history = {\n length: entries.length,\n action: 'POP',\n location: entries[index],\n index: index,\n entries: entries,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n canGo: canGo,\n block: block,\n listen: listen\n };\n return history;\n}\n\nexport { createBrowserHistory, createHashHistory, createMemoryHistory, createLocation, locationsAreEqual, parsePath, createPath };\n","import React, { Component } from 'react';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport PropTypes from 'prop-types';\nimport warning from 'tiny-warning';\n\nvar MAX_SIGNED_31_BIT_INT = 1073741823;\nvar commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};\n\nfunction getUniqueId() {\n var key = '__global_unique_id__';\n return commonjsGlobal[key] = (commonjsGlobal[key] || 0) + 1;\n}\n\nfunction objectIs(x, y) {\n if (x === y) {\n return x !== 0 || 1 / x === 1 / y;\n } else {\n return x !== x && y !== y;\n }\n}\n\nfunction createEventEmitter(value) {\n var handlers = [];\n return {\n on: function on(handler) {\n handlers.push(handler);\n },\n off: function off(handler) {\n handlers = handlers.filter(function (h) {\n return h !== handler;\n });\n },\n get: function get() {\n return value;\n },\n set: function set(newValue, changedBits) {\n value = newValue;\n handlers.forEach(function (handler) {\n return handler(value, changedBits);\n });\n }\n };\n}\n\nfunction onlyChild(children) {\n return Array.isArray(children) ? children[0] : children;\n}\n\nfunction createReactContext(defaultValue, calculateChangedBits) {\n var _Provider$childContex, _Consumer$contextType;\n\n var contextProp = '__create-react-context-' + getUniqueId() + '__';\n\n var Provider = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Provider, _Component);\n\n function Provider() {\n var _this;\n\n _this = _Component.apply(this, arguments) || this;\n _this.emitter = createEventEmitter(_this.props.value);\n return _this;\n }\n\n var _proto = Provider.prototype;\n\n _proto.getChildContext = function getChildContext() {\n var _ref;\n\n return _ref = {}, _ref[contextProp] = this.emitter, _ref;\n };\n\n _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.props.value !== nextProps.value) {\n var oldValue = this.props.value;\n var newValue = nextProps.value;\n var changedBits;\n\n if (objectIs(oldValue, newValue)) {\n changedBits = 0;\n } else {\n changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;\n\n if (process.env.NODE_ENV !== 'production') {\n warning((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits, 'calculateChangedBits: Expected the return value to be a ' + '31-bit integer. Instead received: ' + changedBits);\n }\n\n changedBits |= 0;\n\n if (changedBits !== 0) {\n this.emitter.set(nextProps.value, changedBits);\n }\n }\n }\n };\n\n _proto.render = function render() {\n return this.props.children;\n };\n\n return Provider;\n }(Component);\n\n Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = PropTypes.object.isRequired, _Provider$childContex);\n\n var Consumer = /*#__PURE__*/function (_Component2) {\n _inheritsLoose(Consumer, _Component2);\n\n function Consumer() {\n var _this2;\n\n _this2 = _Component2.apply(this, arguments) || this;\n _this2.state = {\n value: _this2.getValue()\n };\n\n _this2.onUpdate = function (newValue, changedBits) {\n var observedBits = _this2.observedBits | 0;\n\n if ((observedBits & changedBits) !== 0) {\n _this2.setState({\n value: _this2.getValue()\n });\n }\n };\n\n return _this2;\n }\n\n var _proto2 = Consumer.prototype;\n\n _proto2.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var observedBits = nextProps.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentDidMount = function componentDidMount() {\n if (this.context[contextProp]) {\n this.context[contextProp].on(this.onUpdate);\n }\n\n var observedBits = this.props.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentWillUnmount = function componentWillUnmount() {\n if (this.context[contextProp]) {\n this.context[contextProp].off(this.onUpdate);\n }\n };\n\n _proto2.getValue = function getValue() {\n if (this.context[contextProp]) {\n return this.context[contextProp].get();\n } else {\n return defaultValue;\n }\n };\n\n _proto2.render = function render() {\n return onlyChild(this.props.children)(this.state.value);\n };\n\n return Consumer;\n }(Component);\n\n Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = PropTypes.object, _Consumer$contextType);\n return {\n Provider: Provider,\n Consumer: Consumer\n };\n}\n\nvar index = React.createContext || createReactContext;\n\nexport default index;\n","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { createMemoryHistory, createLocation, locationsAreEqual, createPath } from 'history';\nimport warning from 'tiny-warning';\nimport createContext from 'mini-create-react-context';\nimport invariant from 'tiny-invariant';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport pathToRegexp from 'path-to-regexp';\nimport { isValidElementType } from 'react-is';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport hoistStatics from 'hoist-non-react-statics';\n\n// TODO: Replace with React.createContext once we can assume React 16+\n\nvar createNamedContext = function createNamedContext(name) {\n var context = createContext();\n context.displayName = name;\n return context;\n};\n\nvar historyContext = /*#__PURE__*/createNamedContext(\"Router-History\");\n\nvar context = /*#__PURE__*/createNamedContext(\"Router\");\n\n/**\n * The public API for putting history on context.\n */\n\nvar Router = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Router, _React$Component);\n\n Router.computeRootMatch = function computeRootMatch(pathname) {\n return {\n path: \"/\",\n url: \"/\",\n params: {},\n isExact: pathname === \"/\"\n };\n };\n\n function Router(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.state = {\n location: props.history.location\n }; // This is a bit of a hack. We have to start listening for location\n // changes here in the constructor in case there are any \r\n {this.props.selectedCharities.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {this.props.dictionary.code_error_header_spent\r\n .replace(\"[CODE]\", this.props.code)\r\n .replace(\"[DATESPENT]\", this.props.dateSpent)}\r\n
\r\n \r\n {this.props.dictionary.code_error_message_spent}\r\n
\r\n - \r\n {this.props.selectedCharities.map(charity => {\r\n return
- {charity.name} ;\r\n })}\r\n
\r\n
\r\n )}\r\n \r\n {this.props.dictionary.code_error_header}\r\n
\r\n \r\n {this.props.dictionary.code_error_message}\r\n
\r\n \r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n }\r\n}\r\nexport default withRouter(App);\r\n","import { Router, __RouterContext, matchPath } from 'react-router';\nexport { MemoryRouter, Prompt, Redirect, Route, Router, StaticRouter, Switch, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter } from 'react-router';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport React from 'react';\nimport { createBrowserHistory, createHashHistory, createLocation, createPath } from 'history';\nimport PropTypes from 'prop-types';\nimport warning from 'tiny-warning';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport invariant from 'tiny-invariant';\n\n/**\n * The public API for a {this.renderPanel()}
\r\n {this.state.account.settings.showFooter ? (\r\n