{content}
\n \n \n );\n};\n\nLoadingIndicator.propTypes = {\n inline: PropTypes.bool,\n content: PropTypes.object,\n};\n\nLoadingIndicator.defaultProps = {\n inline: false,\n content: <>Loading…,\n};\n\nexport default LoadingIndicator;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faAngleDown,\n faAngleUp,\n faUser,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { usePermissions, ROUTE_GUARDS } from \"utils\";\nimport {\n Menu,\n MenuItem,\n MenuButton,\n MenuHeader,\n FocusableItem,\n} from \"@szhsin/react-menu\";\n\nconst ProfileDropdown = ({ username, organization, logoutMethod }) => {\n const permissions = usePermissions();\n\n const orgId = organization?.id || null;\n const orgName = organization?.name || null;\n\n const chevron = ({ open }) => {\n const icon = open ? faAngleUp : faAngleDown;\n return {orgName}
}\n \n \n \n {locations.map((item) => (\n \n ))}\n \n\n \n updateUserLocationId(tempLocation)}\n />\n \n
\n )\n );\n};\n\nexport default LocationSelector;\n\nconst AlertContent = ({ isLoading, error, closeModal, confirmModal }) => {\n return (\n \n {isLoading ? (\n \n
\n\n
\n );\n};\n","var _path, _path2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgDataIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 31,\n height: 30,\n viewBox: \"0 0 31 30\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.2907 13.4549H4V26.0255H26V7.10742H18.7093\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.5817 25.9008V3H11.291V26.0253\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDataIcon);\nexport default __webpack_public_path__ + \"static/media/data_icon.e98cbfa4.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgServicesIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 31,\n height: 30,\n viewBox: \"0 0 31 30\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.44451 3.74023L4.07812 4.5418C4.07812 5.13711 4.07812 7.46211 4.07812 11.9996C4.07812 16.5371 7.8875 17.7652 9.79219 17.8121C9.5125 20.5152 10.9219 25.9215 16.5 25.9215C22.0781 25.9215 23.25 21.4215 23.25 19.4996C23.25 17.5777 23.25 13.8746 23.25 13.8746\",\n stroke: \"currentColor\",\n strokeWidth: 1.6\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M9.79668 17.8121C11.7014 17.7652 15.5107 16.5371 15.5107 11.9996C15.5107 7.46211 15.5107 5.13711 15.5107 4.5418L12.1444 3.74023\",\n stroke: \"currentColor\",\n strokeWidth: 1.6\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25.8313 12.0937C25.8313 10.6722 24.6715 9.5125 23.25 9.5125C21.8285 9.5125 20.6687 10.6722 20.6687 12.0937C20.6687 13.5153 21.8285 14.675 23.25 14.675C24.6715 14.675 25.8313 13.5153 25.8313 12.0937Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.6\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", null, /*#__PURE__*/React.createElement(\"rect\", {\n width: 24,\n height: 24,\n fill: \"white\",\n transform: \"translate(3 3)\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgServicesIcon);\nexport default __webpack_public_path__ + \"static/media/services_icon.35b28b2c.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCoalitionsIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 31,\n height: 30,\n viewBox: \"0 0 31 30\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26 4H4V25.5578H26V4Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.0227 4.39062V10.2346C16.0227 11.0138 15.3832 11.6631 14.6158 11.6631H13.4646C12.6972 11.6631 12.0576 12.3125 12.0576 13.0917V16.8578C12.0576 17.637 12.6972 18.2863 13.4646 18.2863H14.6158C15.3832 18.2863 16.0227 18.9356 16.0227 19.7148V25.5588\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCoalitionsIcon);\nexport default __webpack_public_path__ + \"static/media/coalitions_icon.c8df6d88.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgUsersIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 31,\n height: 30,\n viewBox: \"0 0 31 30\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.1738 13.5898C13.5458 13.5898 15.4687 11.6669 15.4687 9.29491C15.4687 6.9229 13.5458 5 11.1738 5C8.8018 5 6.87891 6.9229 6.87891 9.29491C6.87891 11.6669 8.8018 13.5898 11.1738 13.5898Z\",\n stroke: \"#919EAB\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.26459 13.903C3.85898 15.2305 3 17.0266 3 19.0048V25.1739H19.3207L19.3467 19.0048C19.3467 17.0786 18.5398 15.3346 17.1862 14.0071C17.1342 13.955 17.1081 13.929 17.0561 13.877\",\n stroke: \"#919EAB\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.1844 11.0582C23.8573 11.0582 25.2135 9.70203 25.2135 8.0291C25.2135 6.35617 23.8573 5 22.1844 5C20.5114 5 19.1553 6.35617 19.1553 8.0291C19.1553 9.70203 20.5114 11.0582 22.1844 11.0582Z\",\n stroke: \"#919EAB\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.1699 20.957H27.9746L28.0006 16.2196C28.0006 14.7359 27.3759 13.3823 26.3347 12.3672\",\n stroke: \"#919EAB\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgUsersIcon);\nexport default __webpack_public_path__ + \"static/media/users_icon.d261674d.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgOrganizationsIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 31,\n height: 30,\n viewBox: \"0 0 31 30\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.7087 5.13672L8.14746 7.81335\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.1781 7.841L17.6436 5.19141\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.5254 17.4108V12.1387\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.5908 24.3075L22.1787 21.6309\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.06934 21.6016L12.6839 24.3052\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.74805 12.0059V17.3862\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.1364 6.62364C16.6685 6.62364 17.9105 5.36474 17.9105 3.81182C17.9105 2.25889 16.6685 1 15.1364 1C13.6043 1 12.3623 2.25889 12.3623 3.81182C12.3623 5.36474 13.6043 6.62364 15.1364 6.62364Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.1364 28.3619C16.6685 28.3619 17.9105 27.103 17.9105 25.5501C17.9105 23.9972 16.6685 22.7383 15.1364 22.7383C13.6043 22.7383 12.3623 23.9972 12.3623 25.5501C12.3623 27.103 13.6043 28.3619 15.1364 28.3619Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.77408 12.0572C7.30617 12.0572 8.54817 10.7983 8.54817 9.24541C8.54817 7.69249 7.30617 6.43359 5.77408 6.43359C4.242 6.43359 3 7.69249 3 9.24541C3 10.7983 4.242 12.0572 5.77408 12.0572Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3 20.1946C3 21.7357 4.227 23.0064 5.77408 23.0064C7.32117 23.0064 8.54817 21.7628 8.54817 20.1946C8.54817 18.6535 7.32117 17.3828 5.77408 17.3828C5.74741 17.3828 5.69406 17.3828 5.66739 17.3828C4.17365 17.4639 3 18.6806 3 20.1946Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.526 23.0065C26.0581 23.0065 27.3001 21.7476 27.3001 20.1946C27.3001 18.6417 26.0581 17.3828 24.526 17.3828C22.994 17.3828 21.752 18.6417 21.752 20.1946C21.752 21.7476 22.994 23.0065 24.526 23.0065Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.526 12.0572C26.0581 12.0572 27.3001 10.7983 27.3001 9.24541C27.3001 7.69249 26.0581 6.43359 24.526 6.43359C22.994 6.43359 21.752 7.69249 21.752 9.24541C21.752 10.7983 22.994 12.0572 24.526 12.0572Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.0561 19.0301C17.3102 19.0301 19.1375 17.2027 19.1375 14.9486C19.1375 12.6945 17.3102 10.8672 15.0561 10.8672C12.8019 10.8672 10.9746 12.6945 10.9746 14.9486C10.9746 17.2027 12.8019 19.0301 15.0561 19.0301Z\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgOrganizationsIcon);\nexport default __webpack_public_path__ + \"static/media/organizations_icon.9a7642ba.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgNationalDataIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 31,\n height: 30,\n viewBox: \"0 0 31 30\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M27 25.945H4V4\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.7959 17.7103L12.5436 12.9626L16.7638 17.1828L25.8372 8.10938\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26.0488 13.5996V7.79688H20.3516\",\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n strokeMiterlimit: 10\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgNationalDataIcon);\nexport default __webpack_public_path__ + \"static/media/national_data_icon.d66713e0.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _g2, _g3;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgResourceCenterIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n width: 31,\n height: 30,\n viewBox: \"0 0 64 64\",\n enableBackground: \"new 0 0 31 30\",\n xmlSpace: \"preserve\",\n fill: \"\",\n stroke: \"\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"SVGRepo_bgCarrier\",\n strokeWidth: 0\n })), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"SVGRepo_tracerCarrier\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"SVGRepo_iconCarrier\"\n }, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n d: \"M24.008,32.038L9.541,27.904c-0.527-0.146-1.084,0.155-1.236,0.688c-0.151,0.53,0.156,1.084,0.688,1.236 l14.467,4.134C23.551,33.987,23.643,34,23.734,34c0.435,0,0.835-0.286,0.961-0.726C24.847,32.744,24.539,32.19,24.008,32.038z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n d: \"M24.008,39.038L9.541,34.905c-0.527-0.146-1.084,0.155-1.236,0.688c-0.151,0.531,0.156,1.084,0.688,1.236 l14.467,4.133C23.551,40.987,23.643,41,23.734,41c0.435,0,0.835-0.286,0.961-0.726C24.847,39.743,24.539,39.19,24.008,39.038z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n d: \"M24.008,25.038L9.541,20.904c-0.527-0.146-1.084,0.155-1.236,0.688c-0.151,0.53,0.156,1.084,0.688,1.236 l14.467,4.134C23.551,26.987,23.643,27,23.734,27c0.435,0,0.835-0.286,0.961-0.726C24.847,25.744,24.539,25.19,24.008,25.038z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n d: \"M24.008,18.038L9.541,13.904c-0.527-0.146-1.084,0.155-1.236,0.688c-0.151,0.53,0.156,1.084,0.688,1.236 l14.467,4.134C23.551,19.987,23.643,20,23.734,20c0.435,0,0.835-0.286,0.961-0.726C24.847,18.744,24.539,18.19,24.008,18.038z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n d: \"M39.963,33.962c0.092,0,0.184-0.013,0.275-0.038l14.467-4.134c0.531-0.152,0.839-0.706,0.688-1.236 c-0.152-0.532-0.708-0.832-1.236-0.688L39.689,32c-0.531,0.152-0.839,0.706-0.688,1.236C39.128,33.676,39.528,33.962,39.963,33.962 z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n d: \"M54.459,34.905l-14.467,4.133c-0.531,0.152-0.839,0.705-0.688,1.236C39.431,40.714,39.831,41,40.266,41 c0.092,0,0.184-0.013,0.275-0.038l14.467-4.133c0.531-0.152,0.839-0.705,0.688-1.236C55.543,35.061,54.987,34.761,54.459,34.905z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n d: \"M54.459,20.904l-14.467,4.134c-0.531,0.152-0.839,0.706-0.688,1.236C39.431,26.714,39.831,27,40.266,27 c0.092,0,0.184-0.013,0.275-0.038l14.467-4.134c0.531-0.152,0.839-0.706,0.688-1.236C55.543,21.06,54.987,20.758,54.459,20.904z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n d: \"M54.459,13.904l-14.467,4.134c-0.531,0.152-0.839,0.706-0.688,1.236C39.431,19.714,39.831,20,40.266,20 c0.092,0,0.184-0.013,0.275-0.038l14.467-4.134c0.531-0.152,0.839-0.706,0.688-1.236C55.543,14.06,54.987,13.76,54.459,13.904z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeWidth: 1.6,\n d: \"M63.219,0.414c-0.354-0.271-0.784-0.413-1.221-0.413c-0.172,0-0.345,0.022-0.514,0.066L32,7.93L2.516,0.067 c-0.17-0.045-0.343-0.066-0.515-0.066c-0.437,0-0.866,0.142-1.22,0.413C0.289,0.793,0,1.379,0,2v49.999 c0,0.906,0.609,1.699,1.484,1.933l25.873,6.899C28.089,62.685,29.887,64,32,64s3.911-1.315,4.643-3.169l25.873-6.899 C63.391,53.698,64,52.905,64,51.999V2C64,1.379,63.711,0.793,63.219,0.414z M32,54c0.173,0,0.347-0.022,0.516-0.067L62,46.07v1.954 l-30,7.941L2,48.024V46.07l29.484,7.862C31.653,53.978,31.827,54,32,54z M1.998,2.001c0,0,0.001,0,0.003,0V2L31,9.733v42L2,44 L1.998,2.001z M34.979,59.205c-0.079,1.143-0.785,2.111-1.788,2.546l-0.676,0.181c-0.169,0.045-0.343,0.067-0.516,0.067 s-0.347-0.022-0.516-0.067l-0.676-0.181c-1.003-0.435-1.709-1.403-1.788-2.546L2,51.999v-1.906l29.744,7.874 C31.828,57.989,31.914,58,32,58s0.172-0.011,0.256-0.033L62,50.093v1.906L34.979,59.205z M33,51.733v-42L62,2v42L33,51.733z\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgResourceCenterIcon);\nexport default __webpack_public_path__ + \"static/media/resource_center_icon.acc99552.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _g2, _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgDashboardsIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n fill: \"\",\n id: \"Layer_1\",\n width: 31,\n height: 30,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n viewBox: \"0 0 31 32\",\n xmlSpace: \"preserve\",\n enableBackground: \"new 0 0 31 30\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"SVGRepo_bgCarrier\",\n strokeWidth: 0\n })), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"SVGRepo_tracerCarrier\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), /*#__PURE__*/React.createElement(\"g\", {\n id: \"SVGRepo_iconCarrier\"\n }, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"dashboard_1_\",\n stroke: \"currentColor\",\n d: \"M31,31.36H1c-0.199,0-0.36-0.161-0.36-0.36V1c0-0.199,0.161-0.36,0.36-0.36h30 c0.199,0,0.36,0.161,0.36,0.36v30C31.36,31.199,31.199,31.36,31,31.36z M1.36,30.64h29.28V12.36H1.36V30.64z M13.36,11.64h17.28 V1.36H13.36V11.64z M1.36,11.64h11.28V1.36H1.36V11.64z M9,27.36c-2.956,0-5.36-2.405-5.36-5.36h0.72c0,2.559,2.082,4.64,4.64,4.64 s4.64-2.081,4.64-4.64S11.559,17.36,9,17.36v-0.72c2.956,0,5.36,2.405,5.36,5.36S11.956,27.36,9,27.36z M27.36,27h-0.72V16h0.721 L27.36,27L27.36,27z M23.36,27h-0.72v-8h0.721L23.36,27L23.36,27z M19.36,27h-0.72v-3h0.721L19.36,27L19.36,27z\"\n })), /*#__PURE__*/React.createElement(\"rect\", {\n id: \"_Transparent_Rectangle\",\n style: {\n fill: \"none\"\n },\n width: 32,\n height: 32\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDashboardsIcon);\nexport default __webpack_public_path__ + \"static/media/dashboards_icon.85032369.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect } from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport { useUserState } from \"context\";\nimport { ReactComponent as HomeIcon } from \"images/home_icon.svg\";\nimport { ReactComponent as DataIcon } from \"images/data_icon.svg\";\nimport { ReactComponent as ServicesIcon } from \"images/services_icon.svg\";\nimport { ReactComponent as CoalitionIcon } from \"images/coalitions_icon.svg\";\nimport { ReactComponent as UsersIcon } from \"images/users_icon.svg\";\nimport { ReactComponent as OrganizationsIcon } from \"images/organizations_icon.svg\";\nimport { ReactComponent as NationalDataIcon } from \"images/national_data_icon.svg\";\nimport { ReactComponent as ResourceCenterIcon } from \"images/resource_center_icon.svg\";\nimport { ReactComponent as DashboardsIcon } from \"images/dashboards_icon.svg\";\n\nconst Navigation = () => {\n const { isAdmin, organization, coalitions, isOrgAdmin } = useUserState();\n const [hasOrg, setHasOrg] = useState(false);\n\n useEffect(() => {\n setHasOrg(!!organization);\n }, [organization]);\n\n return (\n \n );\n};\n\nexport default Navigation;\n","import React from \"react\";\nimport { COOKIE_CONSENT_CLEAR } from \"actions\";\nimport { useCookieConsentDispatch } from \"context\";\nimport classnames from \"classnames\";\n\nconst Footer = ({ showAttribution }) => {\n const currentYear = new Date().getFullYear();\n const dispatch = useCookieConsentDispatch();\n\n return (\n Loading…
\n ) : (\n <>\n \n
\n\n \n {error\n ? \"There was an error with the request.\"\n : `If you have any changes or edits in progress and switch locations you will lose un-saved data.`}\n
\n\n\n \n \n
\n \n )}\n \n \n
\n \n );\n};\n\nexport default Footer;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { logout } from \"actions\";\nimport { useLocation } from \"react-router-dom\";\nimport { useAuthDispatch, useUserState, useUserDispatch } from \"context\";\nimport { useMutation, useQueryClient } from \"react-query\";\nimport ProfileDropdown from \"components/ProfileDropdown\";\nimport LocationSelector from \"components/LocationSelector\";\nimport Navigation from \"components/Navigation\";\nimport Footer from \"components/Footer\";\nimport logo from \"images/sac-logo.7776b610_NEW.svg\";\n\nconst AppPage = ({ children }) => {\n const user = useUserState();\n const { pathname } = useLocation();\n\n const {\n attributes: { fullName, email, locationId },\n organization,\n locations,\n isCoalitionOnly,\n } = user;\n const dispatch = useAuthDispatch();\n const userDispatch = useUserDispatch();\n const [showLocationSelector, setShowLocationSelector] = useState(\n pathname === \"/\" && locationId && locations && organization\n );\n const history = useHistory();\n\n const { mutate: logoutRequest } = useMutation(logout);\n\n const queryClient = useQueryClient();\n\n const handleLogout = () => {\n logoutRequest({\n dispatch,\n userDispatch,\n queryClient,\n });\n history.push(\"/login\");\n };\n\n useEffect(() => {\n setShowLocationSelector(\n pathname === \"/\" && locationId && locations && organization\n );\n }, [locationId, locations, organization, pathname]);\n\n return (\n - \n
- \n
- \n
- \n
©{currentYear} Shelter Animals Count™
\n\n Built by{\" \"}\n \n Software for Good\n \n
\n\n
\n \n );\n};\n\nexport default AppPage;\n","import React, { useReducer, useContext, useEffect, useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { get } from \"lodash\";\nimport { useQuery, useMutation, useQueryClient } from \"react-query\";\nimport { UserReducer, initialUserState } from \"reducers\";\nimport { useAuthState, useAuthDispatch } from \"context\";\nimport { USER_CREATE, UPDATE_TOKEN, UPDATE_USER_ID, logout } from \"actions\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport AppPage from \"components/AppPage\";\nimport {\n apiFetch,\n AUTH_TOKEN_KEY,\n USER_ID_KEY,\n useQueryParams,\n useEvent,\n formatUiErrors,\n} from \"utils\";\nimport { getCoalitions } from \"reducers/user\";\n\nexport const UserStateContext = React.createContext();\nexport const UserDispatchContext = React.createContext();\n\nexport function useUserState() {\n const context = useContext(UserStateContext);\n if (context === undefined) {\n return \"\";\n }\n\n return context;\n}\n\nexport function useUserDispatch() {\n const context = useContext(UserDispatchContext);\n if (context === undefined) {\n throw new Error(\"useUserDispatch must be used within a UserProvider\");\n }\n\n return context;\n}\n\nexport const OrgStateContext = React.createContext();\nexport const OrgDispatchContext = React.createContext();\n\nexport function useOrgState() {\n const context = useContext(OrgStateContext);\n if (context === undefined) {\n throw new Error(\"useOrgState must be used within a OrgProvider\");\n }\n\n return context;\n}\n\nexport function useOrgDispatch() {\n const context = useContext(OrgDispatchContext);\n if (context === undefined) {\n throw new Error(\"useOrgDispatch must be used within a OrgProvider\");\n }\n\n return context;\n}\n\nexport const UserProvider = ({ children }) => {\n const [user, dispatch] = useReducer(UserReducer, initialUserState);\n const { token, userId } = useAuthState();\n const authDispatch = useAuthDispatch();\n const history = useHistory();\n const queryClient = useQueryClient();\n\n const [error, setError] = useState(null);\n const [needsRefresh, setNeedsRefresh] = useState(false);\n\n // Get the query params from the url\n const {\n uid,\n accountConfirmationSuccess,\n alreadyConfirmed,\n orgAuthorizationSuccess,\n orgAlreadyConfirmed,\n } = useQueryParams();\n\n // User is logged in when their userId and token are truthy\n const [isLoggedIn, setIsLoggedIn] = useState(\n Boolean(userId) && Boolean(token?.accessToken)\n );\n\n // isLoading should be set to true if the user is not logged in\n const [isLoading, setIsLoading] = useState(isLoggedIn);\n\n const [isConfirmingAccount, setIsConfirmingAccount] = useState(\n accountConfirmationSuccess === \"true\"\n );\n\n const { mutate: logoutRequest } = useMutation(logout);\n const handleLogout = (error) => {\n logoutRequest({\n dispatch: authDispatch,\n userDispatch: dispatch,\n queryClient,\n error,\n });\n };\n\n const getUserData = async () => {\n // If the user is logged in we need to make a request to the /users/:userId endpoint\n // If confirm = true the getUser function will first make a request to refresh the auth token\n\n setIsLoading(true);\n const confirmToken = { ...token, uid };\n\n if (!!isConfirmingAccount)\n await apiFetch({\n token: confirmToken,\n dispatch: authDispatch,\n endpoint: \"/refresh_token\",\n });\n\n const user = await apiFetch({\n token: !!isConfirmingAccount ? confirmToken : token,\n dispatch: authDispatch,\n endpoint: `/api/v1/users/${userId}?include=locations,user_memberships,organizations,organizations.coalition_memberships`,\n });\n\n const pendingCoalitionContributorRequests =\n await getPendingCoalitionContributorRequests({\n ...user,\n token,\n dispatch: authDispatch,\n });\n\n return { ...user, pendingCoalitionContributorRequests };\n };\n\n const handleUserRequestSuccess = (response) => {\n dispatch({ type: USER_CREATE, payload: response || {} });\n\n if (!!isConfirmingAccount) {\n history.replace(\"/?account_confirmation_success=true\");\n }\n if (alreadyConfirmed === \"true\") {\n history.replace(\"/?already_confirmed=true\");\n }\n if (orgAuthorizationSuccess === \"true\") {\n history.replace(\"/?org_authorization_success=true\");\n }\n if (orgAlreadyConfirmed === \"true\") {\n history.replace(\"/?org_already_confirmed=true\");\n }\n\n setIsLoading(false);\n };\n\n const handleUserRequestError = (error) => {\n setError(null);\n handleLogout(error);\n history.replace(\"/login\");\n };\n\n const { refetch } = useQuery(\"user\", getUserData, {\n enabled: isLoggedIn,\n onSuccess: handleUserRequestSuccess,\n onError: handleUserRequestError,\n });\n\n // Listen to updates from localStorage and update the token in the auth state\n // if the new token is different from the existing one. This makes sure that the user's\n // session is refreshed after they confirm their email change.\n // NOTE: UPDATE_TOKEN differs from REFRESH_TOKEN in that it only updates the auth state\n // but doesn't resave the token to localStorage. That happens during the confirmation flow\n // when the auth token is refreshed with the apiFetch utility function.\n const handleLocalStorageChange = ({ key, newValue, oldValue }) => {\n if (key === AUTH_TOKEN_KEY && newValue !== oldValue) {\n authDispatch({\n type: UPDATE_TOKEN,\n payload: { token: newValue ? JSON.parse(newValue) : {} },\n });\n setNeedsRefresh(true);\n }\n if (key === USER_ID_KEY && newValue !== oldValue) {\n authDispatch({\n type: UPDATE_USER_ID,\n payload: { userId: newValue },\n });\n setNeedsRefresh(true);\n }\n };\n useEvent(\"storage\", handleLocalStorageChange);\n\n // Update the isLoggedIn state\n useEffect(() => {\n setIsLoggedIn(Boolean(userId) && Boolean(token?.accessToken));\n }, [userId, token]);\n\n // Update the isConfirmingAccount state\n useEffect(() => {\n setIsConfirmingAccount(accountConfirmationSuccess === \"true\");\n }, [accountConfirmationSuccess]);\n\n useEffect(() => {\n // Get the user data if the user is logged in\n isLoggedIn ? refetch() : setIsLoading(false);\n }, [isLoggedIn, refetch]);\n\n useEffect(() => {\n // Refresh if the local storage has changed and both auth values are set\n if (token?.accessToken && userId && needsRefresh) {\n refetch();\n setNeedsRefresh(false);\n }\n }, [token, userId, needsRefresh, refetch]);\n\n if (isLoading) return \n \n
\n \n \n
\n\n \n \n \n \n {showLocationSelector && (\n
\n {children}\n - \n {errors.map((e, index) => (\n
- {e.toString()} \n ))}\n
- \n {errors.map((e, index) => (\n
- {e.toString()} \n ))}\n
\n \n Download Example CSV\n \n
\n );\n } else {\n return errors.toString();\n }\n};\n","export const EXPORT_DATE_FORMATS = {\n MONTH: \"MMMM yyyy\",\n YEAR: \"yyyy\",\n};\n\nexport const organizationHeaders = [\n { label: \"Organization ID\", key: \"id\" },\n { label: \"Organization Name\", key: \"name\" },\n { label: \"Organization Date Created\", key: \"createdAt\" },\n { label: \"Organization Status\", key: \"status\" },\n { label: \"Organization Start Date\", key: \"incorporatedOn\" },\n { label: \"EIN\", key: \"ein\" },\n { label: \"Organization Type\", key: \"organizationType\" },\n { label: \"Annual Intake\", key: \"annualIntake\" },\n { label: \"Animal Species\", key: \"animalSpecies\" },\n { label: \"Budget\", key: \"annualOperatingBudget\" },\n { label: \"Software Provider\", key: \"shelterSoftware\" },\n { label: \"Website\", key: \"websiteUrl\" },\n { label: \"Registration Referral\", key: \"referringOrganizationName\" },\n { label: \"Authorizer Name\", key: \"authorizerName\" },\n { label: \"Authorizer Title\", key: \"authorizerTitle\" },\n { label: \"Authorizer Email\", key: \"authorizerEmail\" },\n { label: \"Authorizer Phone Number\", key: \"authorizerPhoneNumber\" },\n];\n\nexport const transformOrganizationsData = (response) => {\n if (!response || !response.data) return [];\n return response.data.map((record) => {\n const {\n ein,\n createdAt,\n incorporatedOn,\n animalSpecies,\n authorizerPhoneNumber,\n ...attributes\n } = record.attributes;\n return Object.assign(record, {\n ...attributes,\n ein: formatEin(ein),\n createdAt: formatDateTime(createdAt),\n incorporatedOn: new Date(incorporatedOn).toLocaleDateString(),\n animalSpecies: formatAnimalSpecies(animalSpecies),\n authorizerPhoneNumber: formatPhoneNumberForDisplay(authorizerPhoneNumber),\n });\n });\n};\n\nexport const locationHeaders = [\n { label: \"Location ID\", key: \"id\" },\n { label: \"Location Name\", key: \"name\" },\n { label: \"Location Date Created\", key: \"createdAt\" },\n { label: \"Address Line 1\", key: \"addressLine1\" },\n { label: \"Address Line 2\", key: \"addressLine2\" },\n { label: \"City\", key: \"city\" },\n { label: \"State\", key: \"usState\" },\n { label: \"Zip Code\", key: \"zipCode\" },\n { label: \"County\", key: \"usCountyName\" },\n { label: \"Organzation ID\", key: \"organizationId\" },\n { label: \"Is Primary Location\", key: \"primary\" },\n { label: \"Contact Phone Number\", key: \"contactPhoneNumber\" },\n];\n\nexport const transformLocationsData = (response) => {\n if (!response || !response.data) return [];\n return response.data.map((record) => {\n const { createdAt, primary, contactPhoneNumber, ...attributes } =\n record.attributes;\n return Object.assign(record, {\n ...attributes,\n createdAt: formatDateTime(createdAt),\n primary: primary ? String(primary) : \"false\",\n contactPhoneNumber: formatPhoneNumberForDisplay(contactPhoneNumber),\n });\n });\n};\n\nexport const userAccountHeaders = [\n { label: \"User ID\", key: \"id\" },\n { label: \"Full Name\", key: \"fullName\" },\n { label: \"User Date Created\", key: \"createdAt\" },\n { label: \"Title\", key: \"title\" },\n { label: \"Email\", key: \"email\" },\n];\n\nexport const transformUserAccountsData = (response) => {\n if (!response || !response.data) return [];\n return response.data.map((record) => {\n const { createdAt, ...attributes } = record.attributes;\n return Object.assign(record, {\n ...attributes,\n createdAt: formatDateTime(createdAt),\n });\n });\n};\n\nexport const coalitionHeaders = [\n { label: \"Coalition ID\", key: \"id\" },\n { label: \"Coalition Name\", key: \"name\" },\n { label: \"Description\", key: \"description\" },\n { label: \"Operating Region\", key: \"operatingRegion\" },\n { label: \"Region Type\", key: \"operatingRegionType\" },\n];\n\nexport const transformCoalitionsData = (response) => {\n if (!response || !response.data) return [];\n return response.data.map((record) => {\n const { createdAt, ...attributes } = record.attributes;\n return Object.assign(record, {\n ...attributes,\n createdAt: formatDateTime(createdAt),\n });\n });\n};\n\nexport const formatDateTime = (date) => {\n if (!date) return \"\";\n return new Date(date).toLocaleString();\n};\n\nexport const formatDateObject = (date) => {\n if (!date) return \"\";\n const newDate = new Date(date);\n newDate.setTime(newDate.getTime() + newDate.getTimezoneOffset() * 60 * 1000);\n return newDate;\n};\n\nexport const formatEin = (ein) => {\n if (!ein || !String(ein).trim()) return \"\";\n return ein;\n};\n\nexport const formatBusinessNumber = (bn) => {\n if (!bn || !String(bn).trim()) return \"\";\n return bn;\n};\n\nexport const formatAnimalSpecies = (animalSpecies) => {\n if (!animalSpecies || animalSpecies === \"[]\") {\n return null;\n }\n return animalSpecies ? animalSpecies.join(\", \") : null;\n};\n\nconst api_phone_regex = /^[+]?1(\\d{10})(\\sx(\\d*))?$/;\nconst phone_regex = /^\\(?(\\d{3})\\)?[-. ]?(\\d{3})[-. ]?(\\d{4})$/;\n\n/**\n * Converts phone number string form API into an string for display value with formatting\n * i.e. \"+15555555555 x1234\" becomes \"(555) 555-5555 x1234\"\n * @param {string} phoneNumber\n * @returns {string}\n */\nexport const formatPhoneNumberForDisplay = (phoneNumber) => {\n if (!phoneNumber || !String(phoneNumber).trim()) return \"\";\n\n const matches = api_phone_regex.exec(phoneNumber.trim());\n if (!matches) return \"\";\n\n let formattedPhone = matches[1].replace(phone_regex, \"($1) $2-$3\");\n if (matches[3]) {\n formattedPhone += ` x${matches[3]}`;\n }\n return formattedPhone;\n};\n\n/**\n * Converts phone number string form API into an object with phoneNumber and extension values\n * i.e. \"+15555555555 x1234\" becomes {\n * phoneNumber: \"(555) 555-5555\"\n * extension: \"1234\"\n * }\n * @param {string} phoneNumber\n * @returns {Object} phoneNumberFields\n * @returns {string} phoneNumberFields.phoneNumber\n * @returns {string} phoneNumberFields.extension\n */\nexport const formatPhoneNumberForFormFields = (phoneNumber) => {\n const defaultReturn = { phoneNumber: \"\", extension: \"\" };\n if (!phoneNumber || !String(phoneNumber).trim()) return defaultReturn;\n\n const matches = api_phone_regex.exec(phoneNumber.trim());\n\n if (!matches) return defaultReturn;\n\n return {\n phoneNumber: matches[1].replace(phone_regex, \"($1) $2-$3\"),\n extension: matches[3] || \"\",\n };\n};\n\n/**\n * Converts phoneNumber and extension values into an string API consumption\n * * i.e. {\n * phoneNumber: \"(555) 555-5555\"\n * extension: \"1234\"\n * } becomes \"15555555555 x1234\"\n * @param {Object} phoneNumberFields\n * @param {string} phoneNumberFields.phoneNumber\n * @param {string} phoneNumberFields.extension\n * @returns {string}\n */\nexport const formatPhoneNumberForApi = ({\n phoneNumber = \"\",\n extension = \"\",\n}) => {\n if (!phoneNumber) return \"\";\n\n return `1${phoneNumber.replace(/\\D/g, \"\")}${\n extension ? ` x${extension.replace(/\\D/g, \"\")}` : \"\"\n }`;\n};\n","import { camelizeKeys } from \"humps\";\n\nexport const getQueryParams = (search) => {\n if (!search.match(/[^&?]*?=[^&?]*/g)) return {};\n return search.match(/[^&?]*?=[^&?]*/g).reduce((params, value) => {\n const split = value.split(\"=\");\n params[split[0]] = decodeURIComponent(split[1]);\n return camelizeKeys(params);\n }, {});\n};\n","export const dataEntryStatuses = {\n unbegun: \"unbegun\", // no records exist\n incomplete: \"incomplete\", // at least one record exists\n complete: \"complete\", // all records have complete status\n unavailable: \"unavailable\", // front-end only status for current and future months\n};\n","import { apiFetch } from \"utils\";\n\nexport const getOrganizations = async ({\n token,\n dispatch,\n page = 1,\n search = \"\",\n userId = \"\",\n}) => {\n return await apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/organizations?page[number]=${page}&extra_fields[organizations]=locations_count,locations_us_states,locations_provinces&stats[total]=count&sort=name${\n search ? `&filter[search]=${search}` : \"\"\n }${userId ? `&filter[user_id]=${userId}` : \"\"}`,\n includeMeta: true,\n });\n};\n\nexport const getLocations = async ({\n token,\n dispatch,\n page = 1,\n search = \"\",\n userId = \"\",\n}) => {\n return await apiFetch({\n token,\n dispatch,\n endpoint: `api/v1/locations?filter[organization_id][eq]=${search}&extra_fields[locations]=us_county_name&page[number]=1&stats[total]=count&sort=name`,\n includeMeta: true,\n });\n};\n\nconst constructGetCoalitionsEndpoint = ({\n page = 1,\n search = \"\",\n operatingRegions = \"\",\n userId = \"\",\n orgId = \"\",\n region = \"\",\n country = \"\",\n}) => {\n let endpoint = `/api/v1/coalitions?page[number]=${page}&extra_fields[coalitions]=organizations_count&stats[total]=count&filter[status][not_eq]=closed`;\n\n if (search) endpoint += `&filter[search]=${search}`;\n if (operatingRegions)\n endpoint += `&filter[operating_regions]=[\"${operatingRegions}\"]`;\n if (userId && orgId)\n endpoint += `&filter[for_user][eq]=${userId}&filter[user_memberships.user_id][eq]=${userId}&filter[coalition_memberships.organization_id][eq]=${orgId}&include=user_memberships,coalition_memberships`;\n if (userId && !orgId)\n endpoint += `&filter[for_user][eq]=${userId}&filter[user_memberships.user_id][eq]=${userId}&include=user_memberships`;\n if (!userId && orgId)\n endpoint += `&filter[for_organization][eq]=${orgId}&filter[coalition_memberships.organization_id][eq]=${orgId}&include=coalition_memberships`;\n if (region) endpoint += `&filter[operating_region_type]=${region}`;\n if (country) endpoint += `&filter[country]=${country}`;\n\n return endpoint;\n};\n\nexport const getCoalitions = ({\n token,\n dispatch,\n page = 1,\n search = \"\",\n operatingRegions = \"\",\n userId = \"\",\n orgId = \"\",\n region = \"\",\n country = \"\",\n}) =>\n apiFetch({\n token,\n dispatch,\n endpoint: constructGetCoalitionsEndpoint({\n page,\n search,\n operatingRegions,\n userId,\n orgId,\n region,\n country,\n }),\n includeMeta: true,\n });\n\nconst constructGetOrganizationsEndpoint = ({\n page = 1,\n search = \"\",\n state = \"\",\n organizationType = \"\",\n country = \"\",\n}) => {\n let endpoint = `/api/v1/organizations?page[number]=${page}&extra_fields[organizations]=locations_us_states,locations_provinces&stats[total]=count&sort=name&filter[searchable_organization][eq]=true`;\n\n if (search) endpoint += `&filter[search]=${search}`;\n if (state) endpoint += `&filter[locations_us_state]=${state}`;\n if (organizationType)\n endpoint += `&filter[organization_type]=${organizationType}`;\n if (country) endpoint += `&filter[country]=${country}`;\n\n return endpoint;\n};\n\nexport const getOrganizationsForUsers = ({\n token,\n dispatch,\n page = 1,\n search = \"\",\n state = \"\",\n organizationType = \"\",\n country = \"\",\n}) =>\n apiFetch({\n token,\n dispatch,\n endpoint: constructGetOrganizationsEndpoint({\n page,\n search,\n state,\n organizationType,\n country,\n }),\n includeMeta: true,\n });\n","// TODO: Uncomment when the software provider import is an option\n// const dataSoftwareIcon = (\n// \n In order to process this CSV file, the data must be labeled to match\n this example:\n
\n\n Files cannot be processed if they are missing expected columns or have\n incorrectly labeled columns.\n
\n\n Check this error message to see which column header(s) need to be\n updated:\n
\n {errors.toString()}\n\n
\n\n \n \n
\n \n {/* TODO: Is this the right link? */}\n \n shelteranimalscount.org\n \n\n {showLogout && }\n
\n {children}
\n \n );\n};\n\nexport default PageWrapper;\n","import React, { useState, useEffect } from \"react\";\nimport { Field, useField, useFormikContext } from \"formik\";\nimport { get } from \"lodash\";\nimport ReactTooltip from \"react-tooltip\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faQuestionCircle } from \"@fortawesome/free-regular-svg-icons\";\n\nconst FormField = ({ ...props }) => {\n const propsClone = { ...props };\n const {\n label,\n required,\n readOnly,\n type,\n tooltip,\n tooltipWidthClass,\n className,\n } = props;\n delete propsClone.tooltipWidthClass;\n\n const [field] = useField(props);\n const { name } = field;\n const { errors, touched } = useFormikContext();\n const [fieldErrors, setFieldErrors] = useState(null);\n const [isCheckbox, setIsCheckbox] = useState(false);\n\n useEffect(() => {\n const fieldErrors = get(errors, name);\n setFieldErrors(fieldErrors && get(touched, name) ? fieldErrors : null);\n }, [name, errors, touched]);\n\n useEffect(() => {\n setIsCheckbox(type === \"checkbox\");\n }, [type]);\n\n return (\n \n \n
\n );\n};\n\nexport default FormField;\n\nconst LabelContent = ({\n label,\n required,\n readOnly,\n tooltip,\n tooltipWidthClass,\n name,\n isCheckbox,\n}) => {\n return (\n {fieldErrors}
\n ) : null;\n};\n","import React, { useState, useEffect } from \"react\";\nimport { useField, useFormikContext } from \"formik\";\nimport DatePicker from \"react-datepicker\";\nimport { get } from \"lodash\";\n\nconst DatePickerField = ({ ...props }) => {\n const { label, required, readOnly } = props;\n const [field, { value }, { setValue }] = useField(props);\n const { name } = field;\n const { errors, touched } = useFormikContext();\n const [fieldErrors, setFieldErrors] = useState(null);\n\n useEffect(() => {\n const fieldErrors = get(errors, name);\n setFieldErrors(fieldErrors && get(touched, name) ? fieldErrors : null);\n }, [name, errors, touched]);\n\n if (!label) {\n return (\n \n \n {fieldErrors && (\n
\n );\n};\n\nexport default DatePickerField;\n","import React from \"react\";\n\nexport const OrganizationTypeTooltip = () => (\n <>\n {fieldErrors}
\n )}\n Government animal services
\n - \n
- Animal shelter with a government contract \n
- \n (private/nonprofit agency with a physical facility and a contract for\n animal control or housing services)\n \n
- \n
- Animal rescue with a government contract \n
- \n (private/nonprofit and foster based agency with a contract for animal\n control or housing services)\n \n
- \n
- Shelter without a government contract \n
- (private/nonprofit agency with physical facility) \n
- \n
- Rescue without a government contract \n
- (private/nonprofit agency that’s foster-based) \n
- \n
- Non-sheltering service provider \n
- (agency that provides direct or partnered services) \n
Organization Status
\n - \n
- Registered \n
- \n (New organization, has not clicked the “confirm” link in the\n confirmation email)\n \n
- \n
- Confirmed \n
- (Organization registered and confirmed) \n
- \n
- Closed \n
- (Organization is closed) \n
- \n
- Paused \n
- (Organization participation is paused) \n
Employee Identification Number Format _________
\n \n);\n\nexport const OrganizationBusinessNumberTooltip = () => (\n <>\n Business Number Format _________
\n \n);\n\nexport const OrganizationAnnualIntakeTooltip = () => (\n <>\n \n This field is for administrative use only; please make your best\n approximation of annual intake of cats and dogs.\n
\n \n);\n\nexport const OrganizationAnnualBudgetTooltip = () => (\n <>\n \n This field is for administrative use only; please provide an estimate of\n your annual operating budget.\n
\n \n);\n\nexport const OrganizationMemberRoleTooltip = () => (\n <>\n Organization Managers have full access to the portal.
\n Organization Viewers have view only access to the portal.
\n \n);\n\nexport const OrganizationCommunicationsOptInTooltip = () => (\n <>\n \n By opting into this communication, it fosters additional collaboration\n between organizations. It allows SAC staff to forward your organization's\n contact information to other organizations that might be experiencing\n similar issues data related or otherwise.\n
\n \n);\n\nexport const OrganizationSearchableOptInTooltip = () => (\n <>\n \n By opting into this communication, it fosters additional collaboration\n between organizations. It allows SAC contributing organizations to search\n for your organization by name, business number/ein, organization type,\n organization region or state\n
\n \n);\n\nexport const OrganizationMediaOptInTooltip = () => (\n <>\n \n At Shelter Animals Count, we understand the importance of sharing the\n stories behind the numbers. We often receive inquiries from journalists\n who are interested in shedding light on the work and experiences of animal\n shelters across the country. If you're a regular SAC contributor and would\n like to be contacted by journalists for potential interviews or features,\n please select \"yes\" in the drop down menu to provide your consent.\n
\n \n);\n","import React from \"react\";\nimport { useMutation } from \"react-query\";\nimport { useHistory } from \"react-router-dom\";\nimport { Formik, Form } from \"formik\";\nimport * as Yup from \"yup\";\nimport { toast } from \"react-toastify\";\nimport { endOfMonth, setMonth, format } from \"date-fns\";\nimport { cloneDeep } from \"lodash\";\nimport PageWrapper from \"components/PageWrapper\";\nimport Button from \"components/Button\";\nimport FormField from \"components/FormField\";\nimport DatePickerField from \"components/DatePickerField\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport { OrganizationEinTooltip } from \"components/Tooltips\";\nimport {\n useAuthState,\n useAuthDispatch,\n useUserState,\n useUserDispatch,\n} from \"context\";\nimport { USER_UPDATE } from \"actions\";\nimport { apiFetch, formatUiErrors, formatDateObject, formatEin } from \"utils\";\n\nconst LegacyOrganizationDashboard = () => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { organization } = useUserState();\n const userDispatch = useUserDispatch();\n const history = useHistory();\n\n const initialValues = {\n websiteUrl: organization.attributes.websiteUrl || \"\",\n incorporatedOn: organization.attributes.incorporatedOn\n ? formatDateObject(organization.attributes.incorporatedOn)\n : \"\",\n ein: formatEin(organization.attributes.ein) || \"\",\n };\n\n const OrganizationSchema = Yup.object().shape({\n websiteUrl: Yup.string().url(\"Invalid URL\"),\n incorporatedOn: Yup.string().required(\"Date is required\"),\n ein: Yup.string()\n .matches(/^\\d{2}?-\\d{7}$/, \"Invalid EIN\")\n .required(\"EIN is required\"),\n });\n\n const { mutate: updateOrganizationDetails, isLoading } = useMutation(\n ({ websiteUrl, incorporatedOn, ein }) =>\n apiFetch({\n token,\n dispatch,\n endpoint: \"/api/v1/organization_import_finalizers\",\n method: \"POST\",\n body: {\n data: {\n type: \"organization_import_finalizers\",\n attributes: {\n organizationId: organization.id,\n websiteUrl,\n incorporatedOn: format(incorporatedOn, \"dd/MM/yyyy\"),\n ein: ein.replace(/\\D/g, \"\"),\n },\n },\n },\n }),\n {\n onSuccess: (response) => {\n const newOrg = cloneDeep(organization);\n Object.assign(newOrg.attributes, {\n ...response.attributes,\n status: \"registered\",\n });\n userDispatch({\n type: USER_UPDATE,\n payload: {\n organization: newOrg,\n },\n });\n toast.success(\"Saved successfully\", {\n autoClose: 3000,\n });\n history.push(\"/\");\n },\n onError: (error) => {\n toast.error(() => formatUiErrors(error), {\n autoClose: 5000,\n className: \"toast-center\",\n });\n },\n }\n );\n\n if (!organization) return {organization.attributes.name}
\n\n We weren’t able to import this information from the legacy system\n for your organization. Please provide your organization’s start\n date, EIN, and optional website url.\n
\n\n{children}
\n \n );\n};\n\nError.propTypes = {\n size: PropTypes.oneOf([\"small\", \"large\"]),\n showIcon: PropTypes.bool,\n className: PropTypes.string,\n};\n\nError.defaultProps = {\n size: \"small\",\n};\n\nexport default Error;\n","export const isLastStackedBar = (data, dataKey) => {\n const bucketsWithData = Object.keys(speciesBuckets)\n .reverse()\n .reduce((arr, bucket) => {\n if (data[bucket]) arr[bucket] = data[bucket];\n return arr;\n }, {});\n\n return Object.keys(bucketsWithData)[0] === dataKey;\n};\n\nexport const getMonthColor = (monthNum) => {\n const currentMonth = new Date().getMonth();\n\n if (monthNum > currentMonth + 1) {\n return \"text-dashboard-medium-gray\";\n }\n return \"text-medium-gray\";\n};\n\nexport const transformGraphData = (response) => {\n const { included = [] } = response;\n // Create a config object where each key is a month of the year\n // Bootstrap each bucket of totals with zeros\n const initMonthsMap = {};\n for (let i = 1; i <= 12; i++) {\n if (!initMonthsMap[i])\n initMonthsMap[i] = { canine: 0, feline: 0, other: 0 };\n }\n\n const includedRecords = included.filter(\n (inc) => inc.type === \"animal_intakes\" || inc.type === \"animal_services\"\n );\n\n const monthsMap = includedRecords.reduce(\n (arr, item) => {\n const species = item.attributes.species;\n const monthOfRecord = item.attributes.monthOfRecord;\n\n // Assume the correct bucket is \"other\" unless the species is canine or feline\n let speciesBucket = speciesBuckets.other;\n if (\n species === speciesBuckets.canine ||\n species === speciesBuckets.feline\n ) {\n speciesBucket = species;\n }\n\n const total = () => {\n if (\n // totalLiveIntakeCount includes (totalOtherIntakesCount) to the total value\n item.attributes.totalLiveIntakeCount ||\n item.attributes.totalLiveIntakeCount === 0\n ) {\n return item.attributes.totalLiveIntakeCount;\n }\n return item.attributes.totalServicesCount;\n };\n arr[monthOfRecord][speciesBucket] += total();\n\n return arr;\n },\n { ...initMonthsMap }\n );\n\n // Loop through the months and construct an array\n return Object.keys(monthsMap).map((key) => {\n const { canine, feline, other } = monthsMap[key];\n return { month_of_record: parseInt(key, 10), canine, feline, other };\n });\n};\n\nexport const speciesBuckets = {\n canine: \"canine\",\n feline: \"feline\",\n other: \"other\",\n};\n\nexport const graphColors = {\n line: \"#DEE7EF\",\n yAxis: \"728B93\",\n canine: \"#056AA8\",\n feline: \"#2EB5BC\",\n other: \"#C4D1DC\",\n tooltipBg: \"#F5F7FA\",\n};\n\nexport const constructEndpoint = ({\n coalitionId,\n organizationId,\n coalitionYear,\n coalitionFilters,\n action = \"intakes\",\n}) => {\n var orgs = [];\n if (\n coalitionFilters &&\n coalitionFilters.organization_ids &&\n coalitionFilters.organization_ids.length > 0\n ) {\n orgs = coalitionFilters.organization_ids.map((a) => a.value);\n }\n return `/api/v1/locations?&include=${\n action === \"intakes\" ? \"animal_intakes\" : \"animal_services\"\n }&filter[coalition_data_sharing]=${coalitionId}:${\n action === \"intakes\"\n ? \"intake_outcome_data_sharing\"\n : \"community_service_data_sharing\"\n }${\n organizationId\n ? `&filter[organization_id][eq]=${organizationId}`\n : orgs.length > 0\n ? `&filter[organization_id][in_ids]=${orgs}`\n : \"\"\n }&filter[${\n action === \"intakes\" ? \"animal_intakes\" : \"animal_services\"\n }.year_of_record][eq]=${coalitionYear}&page[size]=1000`;\n};\n","import React from \"react\";\nimport { graphColors } from \"./utils\";\n\nconst IntakeOverviewGraphLegend = () => {\n return (\n \n {/* Legend */}\n
\n );\n};\n\nexport default IntakeOverviewGraphLegend;\n\nconst IntakeOverviewGraphLegendItem = (props) => {\n const { backgroundColor, label } = props;\n return (\n \n
\n \n
\n {label}\n \n );\n};\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCaretLeft } from \"@fortawesome/free-solid-svg-icons\";\n\nconst ButtonIncrement = ({ onClick }) => {\n return (\n \n setYear(year - 1)} />\n setYear(year + 1)}\n />\n
\n );\n};\n\nDateFilter.propTypes = {\n setYear: PropTypes.func.isRequired,\n year: PropTypes.number.isRequired,\n};\n\nexport default DateFilter;\n","import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useQuery } from \"react-query\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport {\n apiFetch,\n getMonthName,\n getMonthAbbr,\n formatUiErrors,\n camelToTitle,\n} from \"utils\";\nimport {\n isLastStackedBar,\n getMonthColor,\n transformGraphData,\n speciesBuckets,\n graphColors,\n constructEndpoint,\n} from \"./utils\";\n// TODO: Upgrade recharts to 2.0.x when this issue is fixed:\n// https://github.com/recharts/recharts/issues/2360\nimport {\n ResponsiveContainer,\n BarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n} from \"recharts\";\nimport IntakeOverviewGraphLegend from \"./IntakeOverviewGraphLegend\";\nimport Error from \"components/Error\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport DateFilter from \"components/IntakeOverviewGraphFilters/DateFilter\";\n\nconst IntakeOverviewGraph = ({\n coalitionId,\n coalitionPage,\n coalitionFilters,\n searchClick,\n setSearchClick,\n action,\n adminLocation,\n}) => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { attributes } = useUserState();\n\n var locationId = attributes.locationId;\n if (!!adminLocation) locationId = adminLocation;\n\n const [year, setYear] = useState(new Date().getFullYear());\n const dashboardEndpoint =\n action === \"services\"\n ? `/api/v1/locations/${locationId}?include=animal_services&filter[animal_services.year_of_record][eq]=${year}`\n : `/api/v1/locations/${locationId}?include=animal_intakes&filter[animal_intakes.year_of_record][eq]=${year}`;\n\n const { orgName: organizationId, year: coalitionYear } = coalitionFilters;\n\n const coalitionEndpoint = constructEndpoint({\n coalitionId,\n organizationId,\n coalitionFilters,\n coalitionYear,\n action,\n });\n\n const {\n isLoading,\n error,\n data: response,\n refetch,\n } = useQuery(`intakeOverviewGraph${action}`, async () => {\n const req = await apiFetch({\n token,\n dispatch,\n endpoint: coalitionPage ? coalitionEndpoint : dashboardEndpoint,\n });\n if (setSearchClick) setSearchClick(false);\n return transformGraphData(req);\n });\n\n useEffect(refetch, [\n locationId,\n year,\n organizationId,\n isLoading,\n coalitionFilters,\n searchClick,\n refetch,\n action,\n ]);\n\n if (isLoading) {\n return (\n \n \n \n (\n {getMonthName(val)}\n )}\n formatter={(val, name) => [val, camelToTitle(name)]}\n itemStyle={{ marginBottom: \"-6px\" }}\n />\n \n
\n \n );\n};\n\nIntakeOverviewGraph.propTypes = {\n coalitionId: PropTypes.string,\n coalitionPage: PropTypes.bool,\n coalitionFilters: PropTypes.shape({\n orgName: PropTypes.string.isRequired,\n year: PropTypes.string.isRequired,\n }),\n action: PropTypes.string,\n};\n\nIntakeOverviewGraph.defaultProps = {\n coalitionId: \"\",\n coalitionPage: false,\n coalitionFilters: {\n orgName: \"\",\n year: String(new Date().getFullYear()),\n },\n action: \"data-entry\",\n};\n\nexport default IntakeOverviewGraph;\n\nconst CustomBar = (props) => {\n const { dataKey, x, y, fill, width, height, payload } = props;\n\n return (\n <>\n \n {value}\n {original.tooltip && (\n <>\n \n {original.tooltip}\n \n \n )}\n
\n );\n};\n\n// This function returns a cell with a red border if the value of the\n// cell has not been added\nconst getCell = ({ value }) => {\n const withValue = value !== null && value !== undefined;\n return withValue ? (\n value\n ) : (\n \n
\n );\n }\n return speciesData.label;\n};\n\nexport default IntakeOverviewTableSpecies;\n","import IntakeOverviewTableSpecies from \"./IntakeOverviewTableSpecies\";\nimport { speciesMap } from \"utils\";\n\nexport const speciesOrder = {\n unbegun: \"unbegun\", // no records exist\n incomplete: \"incomplete\", // at least one record exists\n complete: \"complete\", // all records have complete status\n};\n\nexport const transformTableData = (response) => {\n const { included = [] } = response;\n\n const includedRecords = included.filter(\n (inc) => inc.type === \"location_ytd_species_totals\"\n );\n\n return Object.keys(speciesMap).reduce((arr, key) => {\n const speciesData =\n includedRecords.find((inc) => inc?.attributes.species === key) || {};\n const { attributes } = speciesData || {};\n\n arr.push({\n rowHeader: \n 
\n
\n {speciesData.label}\n \n \n \n {getMonthAbbr(month)}\n \n\n \n
\n \n \n );\n};\n\nexport default RecordStatusTableItem;\n","import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useQuery } from \"react-query\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport { apiFetch, formatUiErrors } from \"utils\";\nimport RecordStatusTableItem from \"../RecordStatusTableItem\";\nimport { isUnavailable } from \"../../utils\";\nimport { dataEntryStatuses } from \"utils\";\nimport Error from \"components/Error\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCaretRight, faCaretLeft } from \"@fortawesome/free-solid-svg-icons\";\n\n// Animal Data Records\nconst RecordStatusTable = ({ action, adminLocation, adminOrganization }) => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { attributes, isAdmin } = useUserState();\n\n var locationId = attributes.locationId;\n if (!!adminLocation) locationId = adminLocation;\n const [year, setYear] = useState(new Date().getFullYear());\n const currentYear = new Date().getFullYear();\n const endpoint =\n action === \"services\"\n ? `/api/v1/data_entry_status?filter[location_id][eq]=${locationId}&filter[year][eq]=${year}&filter[action][eq]=services`\n : `/api/v1/data_entry_status?filter[location_id][eq]=${locationId}&filter[year][eq]=${year}`;\n\n const {\n isLoading,\n error,\n data: response,\n refetch,\n } = useQuery([`dataStatus${action}`, locationId], () =>\n apiFetch({\n token,\n dispatch,\n endpoint,\n })\n );\n\n useEffect(refetch, [locationId, year, refetch]);\n\n if (isLoading) {\n return (\n \n
\n );\n};\n\nRecordStatusTable.propTypes = {\n action: PropTypes.string,\n};\n\nRecordStatusTable.defaultProps = {\n action: \"data-entry\",\n};\n\nexport default RecordStatusTable;\n","import { useAuthDispatch, useAuthState, useUserState } from \"context\";\nimport React, { useEffect, useState } from \"react\";\nimport { useMutation, useQuery, useQueryClient } from \"react-query\";\nimport { getTotalPages, getOrganizations, getLocations } from \"utils\";\nimport { get, uniq } from \"lodash\";\nimport { Form, Formik } from \"formik\";\nimport FormField from \"components/FormField\";\nimport Button from \"components/Button\";\nimport RecordStatusTable from \"components/RecordStatusTable\";\nimport IntakeOverviewGraph from \"components/IntakeOverviewGraph\";\nimport IntakeOverviewTable from \"components/IntakeOverviewTable\";\n\nconst OrganizationData = () => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const {\n attributes: { fullName },\n } = useUserState();\n const queryClient = useQueryClient();\n const queryClient2 = useQueryClient();\n const [page, setPage] = useState(1);\n const [totalPages, setTotalPages] = useState(0);\n const [search, setSearch] = useState(\"\");\n const [orgId, setOrgId] = useState(\"\");\n const [locationId, setLocationId] = useState(\"\");\n\n // Initial query\n const {\n data: response = { data: [], included: [] },\n error,\n isLoading,\n } = useQuery(\n [\"organizations\", { page, search }],\n () => getOrganizations({ token, dispatch, page, search }),\n {\n keepPreviousData: true,\n }\n );\n\n const {\n data: response2 = { data: [], included: [] },\n error2,\n isLoading2,\n } = useQuery(\n [\"organizations2\", { page, search: orgId }],\n () => getLocations({ token, dispatch, page: 1, search: orgId }),\n {\n keepPreviousData: true,\n }\n );\n // Prefetch the next page of organizations\n useEffect(() => {\n if (totalPages > page) {\n queryClient.prefetchQuery(\n [\"organizations\", { page: page + 1, search }],\n () => getOrganizations({ token, dispatch, page: page + 1, search })\n );\n }\n }, [response, page, search, queryClient]);\n\n useEffect(() => {\n queryClient2.prefetchQuery(\n [\"organizations2\", { page: page + 1, search: orgId }],\n () => getLocations({ token, dispatch, page: 1, search: orgId })\n );\n }, [orgId]);\n\n // Update the total pages count from the API/query response\n useEffect(() => {\n const totalPages = getTotalPages({\n totalCount: get(response, \"meta.stats.total.count\") || 0,\n });\n setTotalPages(totalPages);\n }, [response]);\n\n const handleSubmit = (values) => {\n if (values.search !== search) {\n setSearch(values.search);\n }\n };\n\n return (\n <>\n \n setYear(year - 1)}\n >\n setYear(year + 1)}\n >\n
\n\n \n {year}\n
\n\n \n {response.data.map((record, i) => {\n const { attributes } = record;\n const { month, year, status } = attributes;\n\n return (\n
\n \n \n {({ setFieldValue }) => (\n \n )}\n \n\n {!!locationId && (\n
\n \n );\n};\n\nexport default OrganizationData;\n","import React from \"react\";\nimport { useMutation, useQuery } from \"react-query\";\nimport { toast } from \"react-toastify\";\nimport { CSVLink } from \"react-csv\";\nimport { format } from \"date-fns\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport {\n getAllRecords,\n formatUiErrors,\n organizationHeaders,\n transformOrganizationsData,\n locationHeaders,\n transformLocationsData,\n userAccountHeaders,\n transformUserAccountsData,\n coalitionHeaders,\n transformCoalitionsData,\n apiFetch,\n} from \"utils\";\nimport Button from \"components/Button\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport Error from \"components/Error\";\nimport IntakeOverviewGraph from \"components/IntakeOverviewGraph\";\nimport IntakeOverviewTable from \"components/IntakeOverviewTable\";\nimport OrganizationData from \"./OrganizationData\";\n\nconst mutationConfig = ({ headers, fileNamePrefix, buttonText }) => {\n return {\n onSuccess: (data) => {\n toast.success(\n Intake and Outcome Records
\n\n {/* Intake Outcome Database */}\n
\n )}\n \n
\n {/* Services Database */}\n \n Intake and Outcome Database (IOD)\n
\n {/* Data Matrix CTA */}\n\n \n Enter Data: CSV Upload\n \n \n Enter Data: Manual\n \n \n Export Data\n \n
\n\n {/* Records */}\n \n
\n\n {/* Graph */}\n \n
\n \n IOD Data Records\n
\n\n COMPLETE\n INCOMPLETE\n \n UNBEGUN\n \n
\n \n
\n\n {/* Table */}\n IOD Overview by Species
\n\n
\n IOD Overview by Category
\n\n
\n \n Community Services Database (CSD)\n
\n {/* Services Matrix CTA */}\n\n \n Enter Data: CSV Upload\n \n \n Enter Data: Manual\n \n \n Export Data\n \n
\n\n {/* Records */}\n \n
\n\n {/* Graph */}\n \n
\n \n CSD Data Records\n
\n\n COMPLETE\n \n INCOMPLETE\n \n UNBEGUN\n
\n \n
\n\n {/* Table */}\n CSD Overview by Species
\n\n
\n CSD Overview by Category
\n\n
\n \n
\n Animal Data
\n\n {getAnimalDataExportContent()}\n\n Generating your export…}\n emphasis=\"secondary\"\n className=\"w-full\"\n >\n Generate Organizations CSV\n \n
\n Organizations
\n\n \n\n\n Generating your export…}\n emphasis=\"secondary\"\n className=\"w-full\"\n >\n Generate Locations CSV\n \n
\n Locations
\n\n\n Generating your export…}\n emphasis=\"secondary\"\n className=\"w-full\"\n >\n Generate Coalitions CSV\n \n
\n Coalitions
\n \n\n\n Generating your export…}\n emphasis=\"secondary\"\n className=\"w-full\"\n >\n Generate User Accounts CSV\n \n
\n Users
\n \n\nThe latest animal data CSV is unavailable.
;\n\n return (\n <>\n\n Created{\" \"}\n {format(\n new Date(response.data[0].attributes.createdAt),\n \"MM/dd/yyyy\"\n )}\n
\n \n );\n };\n\n return (\n <>\nWelcome{fullName ? `, ${fullName}` : null}!
\n {getContent()}\n \n );\n};\n\nexport default AdminDashboard;\n\nconst DownloadExportLink = ({ data, headers, fileNamePrefix, buttonText }) => {\n return (\nWelcome{fullName ? `, ${fullName}` : null}!
\n {locationId ? (\n\n {/* Intake Outcome Database */}\n
\n ) : (\n \n
\n {/* Services Database */}\n \n Intake and Outcome Database (IOD)\n
\n {/* Data Matrix CTA */}\n\n {isOrgAdmin ? (\n \n ) : null}\n {isOrgAdmin ? (\n \n ) : null}\n \n Export Data\n \n
\n {/* Records */}\n \n
\n\n {/* Graph */}\n \n
\n IOD Data Records
\n\n COMPLETE\n INCOMPLETE\n \n UNBEGUN\n \n
\n \n
\n\n {/* Table */}\n IOD Overview by Species
\n\n
\n IOD Overview by Category
\n\n
\n \n Community Services Database (CSD)\n
\n {/* Services Matrix CTA */}\n\n {isOrgAdmin ? (\n \n ) : null}\n {isOrgAdmin ? (\n \n ) : null}\n \n Export Data\n \n
\n {/* Records */}\n \n
\n\n {/* Graph */}\n \n
\n CSD Data Records
\n\n COMPLETE\n \n INCOMPLETE\n \n UNBEGUN\n
\n \n
\n\n {/* Table */}\n CSD Overview by Species
\n\n
\n CSD Overview by Category
\n\n you must be associated with an organization. Contact your organization\n to be added as a user or email info@shelteranimalscount.org for\n assistance.\n
\n )}\n \n );\n};\n\nexport default DataPortalDashboard;\n","import React, { useEffect } from \"react\";\nimport { toast } from \"react-toastify\";\nimport { Redirect, useHistory } from \"react-router-dom\";\nimport { useUserState } from \"context\";\nimport { useQueryParams } from \"utils\";\nimport AdminDashboard from \"./AdminDashboard\";\nimport DataPortalDashboard from \"./DataPortalDashboard\";\n\nconst Dashboard = () => {\n const { isAdmin, isCoalitionOnly } = useUserState();\n const history = useHistory();\n const {\n accountConfirmationSuccess,\n alreadyConfirmed,\n orgAuthorizationSuccess,\n orgAlreadyConfirmed,\n } = useQueryParams();\n\n useEffect(() => {\n const accountConfirmed =\n accountConfirmationSuccess === \"true\" || alreadyConfirmed === \"true\";\n const orgAuthorized =\n orgAuthorizationSuccess === \"true\" || orgAlreadyConfirmed === \"true\";\n if (accountConfirmed || orgAuthorized) {\n toast.success(\n accountConfirmed\n ? \"Your email address has been confirmed.\"\n : \"Your organization has been authorized.\",\n {\n autoClose: 3000,\n }\n );\n history.replace(\"/\");\n }\n }, [\n accountConfirmationSuccess,\n alreadyConfirmed,\n orgAuthorizationSuccess,\n orgAlreadyConfirmed,\n history,\n ]);\n\n if (isCoalitionOnly)\n return (\n {heading}
\n{content}
\n \n\n\n {/* Location */}\n
\n );\n};\n\nDataEntryOptionsFilters.propTypes = {\n currentMonth: PropTypes.instanceOf(Date),\n};\n\nDataEntryOptionsFilters.defaultProps = {\n currentMonth: defaultcurrentMonth,\n};\n\nexport default DataEntryOptionsFilters;\n","import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Button from \"components/Button\";\nimport { isValid } from \"date-fns\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faArrowRight } from \"@fortawesome/free-solid-svg-icons\";\nimport { previousMonth } from \"utils\";\nimport { useUserState } from \"context\";\nimport { useParams } from \"react-router-dom\";\n\nconst DataEntryOptionsCta = ({ date, isCsv, label, action }) => {\n const [cta, setCta] = useState(\"\");\n const { location, organizationId } = useParams();\n const { isOrgAdmin } = useUserState();\n\n useEffect(() => {\n setCta(getCta(date, isCsv));\n }, [date, isCsv]);\n\n const getCta = (date, isCsv) => {\n if (isCsv) {\n if (location) return `/${action}/upload/${location}/${organizationId}`;\n else return `/${action}/upload`;\n }\n if (date && isValid(date)) {\n if (location)\n return `/${action}/${date.getFullYear()}/${\n date.getMonth() + 1\n }/${location}/${organizationId}`;\n else return `/${action}/${date.getFullYear()}/${date.getMonth() + 1}`;\n }\n return \"\";\n };\n\n return (\n \n
\n\n {/* Date picker */}\n Entering Data For:
\n\n
\n \n \n Timeframe:\n \n
\n \n
\n \n \n {isCsv ? \"Select File\" : label}\n
\n );\n};\n\nDataEntryOptionsCta.propTypes = {\n date: PropTypes.instanceOf(Date),\n isCsv: PropTypes.bool.isRequired,\n label: PropTypes.string.isRequired,\n action: PropTypes.string.isRequired,\n};\n\nDataEntryOptionsCta.defaultProps = {\n date: previousMonth,\n isCsv: false,\n};\n\nexport default DataEntryOptionsCta;\n","import React, { useEffect, useState } from \"react\";\nimport { API_URL, formatDateTime } from \"utils\";\nimport { useParams } from \"react-router-dom\";\nimport { useAuthDispatch, useAuthState, useUserState } from \"context\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport Table from \"components/Table\";\n\nconst EntryLogs = (props) => {\n const { token } = useAuthState();\n const { attributes, isAdmin } = useUserState();\n const [page] = useState(1);\n const [response, setResponse] = useState([]);\n const [error, setError] = useState(\"\");\n const [isLoading, setIsLoading] = useState(true);\n\n const { location } = useParams();\n\n let locationId = attributes.locationId;\n if (isAdmin && location) locationId = location;\n\n const fetchData = async () => {\n setIsLoading(true);\n const { accessToken, client, expiry, uid } = token;\n const response = await fetch(\n `${API_URL}/api/v1/entry_logs?page=${page}&locationId=${locationId}`,\n {\n method: \"get\",\n headers: {\n \"access-token\": accessToken,\n \"token-type\": \"Bearer\",\n \"Content-Type\": \"application/json\",\n client,\n expiry,\n uid,\n },\n }\n );\n\n const responseJson = await response.json();\n const { data, error } = responseJson;\n setResponse(data);\n setError(error);\n setIsLoading(false);\n };\n useEffect(() => {\n fetchData();\n }, []);\n\n if (isLoading) {\n return \n
\n );\n};\n\nexport default EntryLogs;\n","import React, { useEffect, useState } from \"react\";\nimport DataEntryOption from \"./DataEntryOption\";\nimport {\n dataEntryOptions,\n dataEntryOptionsMap,\n} from \"../../utils/entryOptions\";\nimport { Formik, Form, useFormikContext } from \"formik\";\nimport DataEntryOptionsFilters from \"./DataEntryOptionsFilters\";\nimport DataEntryOptionsCta from \"./DataEntryOptionsCta\";\nimport { previousMonth as defaultPreviousMonth } from \"utils\";\nimport PropTypes from \"prop-types\";\nimport EntryLogs from \"./EntryLogs\";\n\nconst DataEntryOptions = ({ label, action }) => {\n const [isCsv, setIsCsv] = useState(false);\n const previousMonth = defaultPreviousMonth;\n\n const GetFormValues = () => {\n const { values } = useFormikContext();\n useEffect(() => {\n setIsCsv(values.dataEntryOption === dataEntryOptions.CSV);\n }, [values]);\n return null;\n };\n\n return (\n \n setPage(page)}\n />\n
\n )} */}\n \n \n {({ values }) => (\n
\n\n {values.dataEntryOption === dataEntryOptions.MANUAL && (\n {`${\n action === \"services\" ? \"Services\" : \"Intakes and Outcomes\"\n }: Get Started`}
\n\n Let’s get started by uploading data for the selected month.\n
\nHow would you like to enter data?
\n\n\n \n {isEditing ? (\n \n ) : (\n value\n )}\n \n {original.tooltip && (\n <>\n \n {original.tooltip}\n \n \n )}\n
\n );\n };\n\n const getActionCell = ({\n value,\n cell: {\n row: { original },\n },\n }) => {\n const uuid = uuidv4();\n return (\n \n {isEditing && !!original.action && (\n {\n var key = original.key;\n var val = original.total;\n if (key == \"beginningAnimalCount\")\n val = previousEndingAnimalCount;\n else if (key == \"endingAnimalCount\") val = 1;\n else if (key == \"beginningFosterAnimalCount\")\n val = previousEndingFosterAnimalCount;\n setRecalculate(key, val);\n }}\n >\n Auto Calculate\n \n )}\n
\n );\n };\n\n const getTotalCell = ({\n value,\n cell: {\n row: { original },\n },\n }) => {\n if (isEditing)\n return (\n \n
\n );\n }\n);\n\nAnimalCount.propTypes = {\n dataId: PropTypes.string.isRequired,\n species: PropTypes.string,\n beginningAnimalCount: PropTypes.number,\n endingAnimalCount: PropTypes.number,\n};\n\nexport default AnimalCount;\n","import React, { forwardRef } from \"react\";\nimport AnimalCount from \"./AnimalCount\";\nimport PropTypes from \"prop-types\";\n\nconst AnimalCounts = forwardRef(\n (\n {\n animalData,\n selectedSpecies,\n isEditing,\n endingCounts,\n recalculate,\n setRecalculate,\n },\n ref\n ) => {\n return (\n \n \n
\n
\n \n 
\n {speciesMap[species].label}\n
\n \n To automatically calculate (or recalculate) beginning and ending\n counts, click \"Auto Calculate\" button, in order of fields. Auto\n Calculate will pull beginning counts (total in care and in foster)\n from previous month’s data. Ending total in care is calculated as\n previous month’s beginning count plus intakes minus outcomes.{\" \"}\n \n Ending foster in care cannot be calculated and requires manual\n entry.\n \n
\n\n \n
\n );\n }\n);\nAnimalCounts.propTypes = {\n animalData: PropTypes.array.isRequired,\n selectedSpecies: PropTypes.string.isRequired,\n isEditing: PropTypes.bool.isRequired,\n endingCounts: PropTypes.object.isRequired,\n};\n\nexport default AnimalCounts;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport svgs from \"images\";\nimport { Field } from \"formik\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCheck } from \"@fortawesome/free-solid-svg-icons\";\n\nconst SpeciesCheckbox = ({ species, fieldName, label, selected, disabled }) => {\n const defaultClasses =\n \"border-2 focus:border-dotted rounded-md flex flex-col p-6 justify-around items-center\";\n const selectedClasses = selected\n ? \"border-teal bg-dashboard-light-green\"\n : \"bg-white\";\n const disabledClasses = disabled ? \"opacity-75\" : \"\";\n const disabledSelectedClasses =\n disabled && selected ? \"border-pale-teal\" : \"\";\n\n return (\n \n
\n \n 5\n
\n\n \n
\n Animal Counts
\n {animalData.map(\n ({\n id,\n attributes: {\n species,\n beginningAnimalCount,\n previousEndingAnimalCount,\n previousEndingFosterAnimalCount,\n beginningFosterAnimalCount,\n endingFosterAnimalCount,\n },\n }) => {\n if (species === selectedSpecies || !selectedSpecies) {\n return (\n\n
\n\n \n {label}\n
\n\n \n
\n );\n};\n\nexport default DataStatus;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faExclamationTriangle } from \"@fortawesome/free-solid-svg-icons\";\nimport AlertModal from \"components/AlertModal\";\nimport Button from \"components/Button\";\n\nconst MatrixSettingsModal = ({ isModalOpen, closeModal, confirmModal }) => {\n return (\n \n
\n \n
\n\n
\n \n
\n\n \n If you have existing species and remove them you will lose the tables\n that correspond with that species.\n
\n\n\n \n Cancel\n \n \n Confirm\n \n
\n \n {\n const isValid = Object.keys(values).some((key) => {\n return values[key];\n });\n\n return isValid\n ? {}\n : { invalid: \"You must select at least one species\" };\n }}\n >\n {({ values, handleSubmit, errors }) => (\n <>\n \n \n )}\n \n
\n );\n};\n\nexport default AnimalEntryDetailsForm;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faMapMarkerAlt } from \"@fortawesome/free-solid-svg-icons\";\nimport { speciesMap } from \"utils\";\nimport DataStatus from \"../common/DataStatus\";\n\nconst AnimalEntryDetailsSelected = ({\n formattedDate,\n locationName,\n defaultSpecies,\n entryStatus,\n}) => {\n return (\n \n
\n );\n};\n\nexport default AnimalEntryDetailsSelected;\n","import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router\";\nimport AnimalEntryDetailsForm from \"./AnimalEntryDetailsForm\";\nimport AnimalEntryDetailsSelected from \"./AnimalEntryDetailsSelected\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCheck } from \"@fortawesome/free-solid-svg-icons\";\nimport Button from \"components/Button\";\nimport { useAuthDispatch, useAuthState, useUserState } from \"context\";\nimport { apiFetch, speciesMap } from \"utils\";\nimport PropTypes from \"prop-types\";\n\nconst AnimalEntryDetails = ({\n defaultSpecies,\n entryStatus,\n selectedSpecies,\n setSpecies,\n isEditing,\n setIsEditing,\n handleSubmit,\n location,\n handleSubmitAll,\n}) => {\n const [isEditable, setIsEditable] = useState(false);\n const { isOrgAdmin } = useUserState();\n\n const { month, year } = useParams();\n const date = new Date(`${year}/${month}/1`);\n const formattedDate = Intl.DateTimeFormat(\"en-US\", {\n year: \"numeric\",\n month: \"long\",\n }).format(date);\n\n return (\n \n
\n\n Entering Data For:
\n\n\n
\n
\n\n Timeframe:
\n\n{formattedDate}
\n\n
\n\n Data Entry Status:
\n\n\n
\n \n Animal Types:\n
\n- \n {defaultSpecies.map((species) => (\n
\n
\n );\n};\n\nAnimalEntryDetails.propTypes = {\n defaultSpecies: PropTypes.array.isRequired,\n entryStatus: PropTypes.string.isRequired,\n selectedSpecies: PropTypes.string.isRequired,\n setSpecies: PropTypes.func.isRequired,\n isEditing: PropTypes.bool.isRequired,\n setIsEditing: PropTypes.func.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n handleSubmitAll: PropTypes.func.isRequired,\n};\n\nexport default AnimalEntryDetails;\n","export const animalIntakes = {\n adultStrayAtLargeCount: 0,\n youthStrayAtLargeCount: 0,\n ageUnknownStrayAtLargeCount: 0,\n adultRelinquishedByOwnerCount: 0,\n youthRelinquishedByOwnerCount: 0,\n ageUnknownRelinquishedByOwnerCount: 0,\n adultOwnerIntendedEuthanasiaCount: 0,\n youthOwnerIntendedEuthanasiaCount: 0,\n ageUnknownOwnerIntendedEuthanasiaCount: 0,\n adultOtherIntakesCount: 0,\n youthOtherIntakesCount: 0,\n ageUnknownOtherIntakesCount: 0,\n adultTransferredInstateInFromAgencyCount: 0,\n youthTransferredInstateInFromAgencyCount: 0,\n ageUnknownTransferredInstateInFromAgencyCount: 0,\n adultTransferredOutOfStateInFromAgencyCount: 0,\n youthTransferredOutOfStateInFromAgencyCount: 0,\n ageUnknownTransferredOutOfStateInFromAgencyCount: 0,\n adultTransferredInternationallyInFromAgencyCount: 0,\n youthTransferredInternationallyInFromAgencyCount: 0,\n ageUnknownTransferredInternationallyInFromAgencyCount: 0,\n adultSeizedOrImpoundedCount: 0,\n youthSeizedOrImpoundedCount: 0,\n ageUnknownSeizedOrImpoundedCount: 0,\n totalStrayAtLargeCount: 0,\n totalRelinquishedByOwnerCount: 0,\n totalOwnerIntendedEuthanasiaCount: 0,\n totalTransferredInstateInFromAgencyCount: 0,\n totalTransferredOutOfStateInFromAgencyCount: 0,\n totalTransferredInternationallyInFromAgencyCount: 0,\n totalOtherIntakesCount: 0,\n totalAdultLiveIntakeCount: 0,\n totalYouthLiveIntakeCount: 0,\n totalAgeUnknownLiveIntakeCount: 0,\n totalSeizedOrImpoundedCount: 0,\n totalLiveIntakeCount: 0,\n};\n","import React from \"react\";\n\nexport const data = [\n {\n org: \"Shelter Animals Count\",\n month: \"September\",\n year: \"2020\",\n status: \"Incomplete\",\n lastModified: new Date(2020, 8, 17).toLocaleDateString(),\n actions: 1,\n },\n {\n org: \"Software for Good\",\n month: \"February\",\n year: \"2020\",\n status: \"Complete\",\n lastModified: new Date(2020, 1, 28).toLocaleDateString(),\n actions: 2,\n },\n {\n org: \"Humane Society of Golden Valley\",\n month: \"December\",\n year: \"2019\",\n status: \"Complete\",\n lastModified: new Date(2019, 11, 10).toLocaleDateString(),\n actions: 3,\n },\n];\n\nexport const columns = [\n {\n Header: \"Organization\",\n accessor: \"org\", // accessor is the \"key\" in the data\n },\n {\n Header: \"Month\",\n accessor: \"month\",\n },\n {\n Header: \"Year\",\n accessor: \"year\",\n },\n {\n Header: \"Status\",\n accessor: \"status\",\n },\n {\n Header: \"Last Modified\",\n accessor: \"lastModified\",\n },\n {\n accessor: \"actions\",\n Cell: ({ value: id }) => (\n <>\n \n
\n \n
\n \n {!isEditable ? (\n \n
\n \n
\n \n
\n\n {!isEditable ? (\n Details
\n\n {!isEditable && isOrgAdmin ? (\n \n ) : null}\n\n
\n \n
\n \n \n
\n
\n \n \n 1. Click species button below to edit/enter all data for that\n species.\n \n \n 2. Click save to save all data for that species. Any empty\n fields will be highlighted as incomplete.\n \n \n 3. Click species button again and then submit button to submit\n all data for all species.\n \n
\n \n
\n \n {defaultSpecies.map((species, index) => {\n return (\n setSpecies(species)}\n >\n {speciesMap[species].label}\n \n );\n })}\n
\n {selectedSpecies ? (\n \n \n \n
\n ) : (\n \n )}\n \n \n \n
\n );\n};\n\nInput.propTypes = {\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n};\n\nexport default Input;\n","import React from \"react\";\nimport Input from \"components/Input\";\n\nconst TableFormInput = (cellInfo) => {\n const inputName = cellInfo.cell.row.original.attributeKeys.find((key) =>\n key.toUpperCase().includes(cellInfo.cell.column.id.toUpperCase())\n );\n return (\n \n
\n );\n});\n\nAnimalIntake.propTypes = {\n attributes: PropTypes.array,\n dataId: PropTypes.string.isRequired,\n isEditing: PropTypes.bool.isRequired,\n};\n\nAnimalIntake.defaultProps = {\n attributes: animalIntakes,\n};\n\nAnimalIntake.propTypes = {\n attributes: PropTypes.shape({\n species: PropTypes.string.isRequired,\n adultStrayAtLargeCount: PropTypes.number,\n youthStrayAtLargeCount: PropTypes.number,\n ageUnknownStrayAtLargeCount: PropTypes.number,\n adultRelinquishedByOwnerCount: PropTypes.number,\n youthRelinquishedByOwnerCount: PropTypes.number,\n ageUnknownRelinquishedByOwnerCount: PropTypes.number,\n adultOwnerIntendedEuthanasiaCount: PropTypes.number,\n youthOwnerIntendedEuthanasiaCount: PropTypes.number,\n ageUnknownOwnerIntendedEuthanasiaCount: PropTypes.number,\n adultOtherIntakesCount: PropTypes.number,\n youthOtherIntakesCount: PropTypes.number,\n ageUnknownOtherIntakesCount: PropTypes.number,\n adultTransferredInstateInFromAgencyCount: PropTypes.number,\n youthTransferredInstateInFromAgencyCount: PropTypes.number,\n ageUnknownTransferredInstateInFromAgencyCount: PropTypes.number,\n adultTransferredOutOfStateInFromAgencyCount: PropTypes.number,\n youthTransferredOutOfStateInFromAgencyCount: PropTypes.number,\n ageUnknownTransferredOutOfStateInFromAgencyCount: PropTypes.number,\n adultTransferredInternationallyInFromAgencyCount: PropTypes.number,\n youthTransferredInternationallyInFromAgencyCount: PropTypes.number,\n ageUnknownTransferredInternationallyInFromAgencyCount: PropTypes.number,\n adultSeizedOrImpoundedCount: PropTypes.number,\n youthSeizedOrImpoundedCount: PropTypes.number,\n ageUnknownSeizedOrImpoundedCount: PropTypes.number,\n adultLegacyTransferredInFromAgencyCount: PropTypes.number,\n youthLegacyTransferredInFromAgencyCount: PropTypes.number,\n ageUnknownLegacyTransferredInFromAgencyCount: PropTypes.number,\n totalStrayAtLargeCount: PropTypes.number,\n totalRelinquishedByOwnerCount: PropTypes.number,\n totalOwnerIntendedEuthanasiaCount: PropTypes.number,\n totalTransferredInstateInFromAgencyCount: PropTypes.number,\n totalTransferredOutOfStateInFromAgencyCount: PropTypes.number,\n totalTransferredInternationallyInFromAgencyCount: PropTypes.number,\n totalOtherIntakesCount: PropTypes.number,\n totalAdultLiveIntakeCount: PropTypes.number,\n totalYouthLiveIntakeCount: PropTypes.number,\n totalAgeUnknownLiveIntakeCount: PropTypes.number,\n totalSeizedOrImpoundedCount: PropTypes.number,\n totalLegacyTransferredInFromAgencyCount: PropTypes.number,\n totalLiveIntakeCount: PropTypes.number,\n }),\n};\n\nexport default AnimalIntake;\n","import React, { forwardRef } from \"react\";\nimport AnimalIntake from \"./AnimalIntake\";\nimport PropTypes from \"prop-types\";\n\nconst AnimalIntakes = forwardRef(\n ({ animalData, selectedSpecies, isEditing }, ref) => {\n return (\n \n \n
\n
\n {!isEditing ? (\n \n \n {speciesMap[species].label}\n
\n \n
\n );\n }\n);\n\nAnimalIntakes.propTypes = {\n animalData: PropTypes.array.isRequired,\n selectedSpecies: PropTypes.string.isRequired,\n isEditing: PropTypes.bool.isRequired,\n};\n\nexport default AnimalIntakes;\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport TableFormInput from \"../common/TableFormInput\";\nimport { useParams } from \"react-router-dom\";\nimport { useQueryClient, useMutation } from \"react-query\";\nimport { Formik, Form } from \"formik\";\nimport { cloneDeep } from \"lodash\";\nimport Table, {\n getRowData,\n rowLabelCell,\n getFormAttributes,\n transformAttributesForPayload,\n} from \"components/Table\";\nimport { animalOutcomes } from \"components/Table/__mocks__\";\nimport { useAuthDispatch, useAuthState, useUserState } from \"context\";\nimport { apiFetch, speciesMap, useHandleRequestStates } from \"utils\";\n\nconst AnimalOutcomeForm = forwardRef(({ attributes, type, dataId }, ref) => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const queryClient = useQueryClient();\n const { year, month } = useParams();\n const { handleSuccess, handleError } = useHandleRequestStates();\n\n const {\n attributes: { locationId },\n } = useUserState();\n\n // Set our Table Columns\n const formColumns = [\n {\n accessor: \"rowLabel\",\n Header: \"\",\n Cell: rowLabelCell,\n },\n {\n accessor: \"adult\",\n Header: \"Adult\",\n Cell: TableFormInput,\n },\n {\n accessor: \"youth\",\n Header: \"Up to 5 mos.\",\n Cell: TableFormInput,\n },\n {\n accessor: \"ageUnknown\",\n Header: \"Age Unknown\",\n Cell: TableFormInput,\n },\n {\n accessor: \"total\",\n Header: \"Subtotal\",\n },\n ];\n\n let data = [\n {\n rowLabel: \"Adoption\",\n keySubString: \"AdoptionCount\",\n tooltip: `Final adoptions only, having permanently left the agency's possession. For example, it does NOT include animals placed in foster care or on overnight \"trial\" stays.`,\n },\n {\n rowLabel: \"Returned to owner\",\n keySubString: \"ReturnedToOwnerCount\",\n tooltip: \"Stray or Owner Relinquished animals returned to their owner\",\n },\n {\n rowLabel: \"Transferred in state\",\n keySubString: \"TransferredInstateToAnotherAgencyCount\",\n tooltip:\n \"Transferred out of the agency's possession to another entity within the same state or territory.\",\n },\n {\n rowLabel: \"Transferred out of state\",\n keySubString: \"TransferredOutOfStateToAnotherAgencyCount\",\n tooltip:\n \"Transferred out of the agency's possession to another entity in a different state or territory.\",\n },\n {\n rowLabel: \"Transferred internationally\",\n keySubString: \"TransferredInternationallyToAnotherAgencyCount\",\n tooltip:\n \"Transferred out of the agency's possession to another entity outside the US.\",\n },\n {\n rowLabel: \"Transfers Out (undesignated)\",\n keySubString: \"LegacyTransferredToAnotherAgencyCount\",\n tooltip:\n \"Transfer in to agency (undesignated) represents Transfer In data prior to when agency location break outs.\",\n },\n {\n rowLabel: \"Returned to field\",\n keySubString: \"ReturnedToFieldCount\",\n tooltip:\n \"Animals included in intake, already altered or altered after intake, and returned to stray capture location to be released (often referred to as SNR). This is not TNR.\",\n },\n {\n rowLabel: \"Other live outcome\",\n keySubString: \"OtherLiveOutcomeCount\",\n },\n ].map(({ rowLabel, keySubString, tooltip }) =>\n getRowData({\n data: attributes,\n accessKeys: [\"adult\", \"youth\", \"ageUnknown\", \"total\"],\n rowLabel,\n keySubString,\n tooltip,\n })\n );\n\n if (type === \"other\") {\n data = [\n {\n rowLabel: \"Died in care\",\n keySubString: \"DiedInCareCount\",\n },\n {\n rowLabel: \"Lost in care\",\n keySubString: \"LostInCareCount\",\n },\n {\n rowLabel: \"Shelter euthanasia\",\n keySubString: \"ShelterEuthanasiaCount\",\n },\n {\n rowLabel: \"Owner intended euthanasia\",\n keySubString: \"OwnerIntendedEuthanasiaCount\",\n tooltip:\n \"Limited to this definition: Euthanasia of pets whose owner brought the pet to the shelter with the INTENT of utilizing euthanasia services.\",\n },\n ].map(({ rowLabel, keySubString, tooltip }) =>\n getRowData({\n data: attributes,\n accessKeys: [\"adult\", \"youth\", \"ageUnknown\", \"total\"],\n rowLabel,\n keySubString,\n tooltip,\n })\n );\n }\n\n const { mutate: updateAnimalOutcomes } = useMutation(\n (attributes) =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/animal_outcomes/${dataId}`,\n method: \"PATCH\",\n body: {\n data: {\n id: dataId,\n type: \"animal_outcomes\",\n attributes: transformAttributesForPayload(attributes),\n },\n },\n }),\n {\n onSuccess: async (response) => {\n handleSuccess({\n message: `Updated the ${speciesMap[\n attributes.species\n ].label.toLocaleLowerCase()} ${\n type === \"live\" ? \"live\" : \"other\"\n } outcomes`,\n });\n\n return await queryClient.setQueryData(\n [\"dataEntry\", `${locationId}_${month}/${year}`],\n (oldData = {}) => {\n const newData = cloneDeep(oldData);\n if (newData.outcomes) {\n const speciesIndex = newData.outcomes.data.findIndex(\n (outcomesRecord) => {\n return outcomesRecord.id === dataId;\n }\n );\n newData.outcomes.data[speciesIndex] = response.data;\n }\n return newData;\n }\n );\n },\n onError: handleError,\n }\n );\n\n return (\n \n
\n \n 2\n
\n \n
\n \n
\n\n {animalData.map(\n ({ id, attributes, attributes: { species, locationId } }) => {\n if (species === selectedSpecies || !selectedSpecies) {\n return (\n Live Intake
\n\n updateAnimalOutcomes(values)}\n innerRef={ref}\n >\n \n \n
\n );\n});\n\nAnimalOutcomeForm.defaultProps = {\n attributes: animalOutcomes,\n};\n\nAnimalOutcomeForm.propTypes = {\n type: PropTypes.oneOf([\"live\", \"other\"]),\n dataId: PropTypes.string.isRequired,\n attributes: PropTypes.shape({\n species: PropTypes.string.isRequired,\n adultAdoptionCount: PropTypes.number,\n youthAdoptionCount: PropTypes.number,\n ageUnknownAdoptionCount: PropTypes.number,\n adultReturnedToOwnerCount: PropTypes.number,\n youthReturnedToOwnerCount: PropTypes.number,\n ageUnknownReturnedToOwnerCount: PropTypes.number,\n adultReturnedToFieldCount: PropTypes.number,\n youthReturnedToFieldCount: PropTypes.number,\n ageUnknownReturnedToFieldCount: PropTypes.number,\n adultOtherLiveOutcomeCount: PropTypes.number,\n youthOtherLiveOutcomeCount: PropTypes.number,\n ageUnknownOtherLiveOutcomeCount: PropTypes.number,\n adultDiedInCareCount: PropTypes.number,\n youthDiedInCareCount: PropTypes.number,\n ageUnknownDiedInCareCount: PropTypes.number,\n adultLostInCareCount: PropTypes.number,\n youthLostInCareCount: PropTypes.number,\n ageUnknownLostInCareCount: PropTypes.number,\n adultShelterEuthanasiaCount: PropTypes.number,\n youthShelterEuthanasiaCount: PropTypes.number,\n ageUnknownShelterEuthanasiaCount: PropTypes.number,\n adultOwnerIntendedEuthanasiaCount: PropTypes.number,\n youthOwnerIntendedEuthanasiaCount: PropTypes.number,\n ageUnknownOwnerIntendedEuthanasiaCount: PropTypes.number,\n adultTransferredInstateToAnotherAgencyCount: PropTypes.number,\n youthTransferredInstateToAnotherAgencyCount: PropTypes.number,\n ageUnknownTransferredInstateToAnotherAgencyCount: PropTypes.number,\n adultTransferredOutOfStateToAnotherAgencyCount: PropTypes.number,\n youthTransferredOutOfStateToAnotherAgencyCount: PropTypes.number,\n ageUnknownTransferredOutOfStateToAnotherAgencyCount: PropTypes.number,\n adultTransferredInternationallyToAnotherAgencyCount: PropTypes.number,\n youthTransferredInternationallyToAnotherAgencyCount: PropTypes.number,\n ageUnknownTransferredInternationallyToAnotherAgencyCount: PropTypes.number,\n adultLegacyTransferredToAnotherAgencyCount: PropTypes.number,\n youthLegacyTransferredToAnotherAgencyCount: PropTypes.number,\n ageUnknownLegacyTransferredToAnotherAgencyCount: PropTypes.number,\n totalAdoptionCount: PropTypes.number,\n totalReturnedToOwnerCount: PropTypes.number,\n totalTransferredInstateToAnotherAgencyCount: PropTypes.number,\n totalTransferredOutOfStateToAnotherAgencyCount: PropTypes.number,\n totalTransferredInternationallyToAnotherAgencyCount: PropTypes.number,\n totalTransferredToAnotherAgencyCount: PropTypes.number,\n totalReturnedToFieldCount: PropTypes.number,\n totalOtherLiveOutcomeCount: PropTypes.number,\n totalDiedInCareCount: PropTypes.number,\n totalLostInCareCount: PropTypes.number,\n totalShelterEuthanasiaCount: PropTypes.number,\n totalOwnerIntendedEuthanasiaCount: PropTypes.number,\n totalAdultOutcomesCount: PropTypes.number,\n totalYouthOutcomesCount: PropTypes.number,\n totalAgeUnknownOutcomesCount: PropTypes.number,\n totalOutcomesCount: PropTypes.number,\n }),\n};\n\nexport default AnimalOutcomeForm;\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Table, { getRowData, columns } from \"components/Table\";\nimport { animalOutcomes } from \"components/Table/__mocks__\";\nimport AnimalOutcomeForm from \"./AnimalOutcomeForm\";\nimport { speciesMap } from \"utils\";\n\nconst AnimalOutcome = forwardRef(\n ({ attributes, type, dataId, isEditing }, ref) => {\n const { species, locationId } = attributes;\n\n let data = [\n {\n rowLabel: \"Adoption\",\n keySubString: \"AdoptionCount\",\n tooltip: `Final adoptions only, having permanently left the agency's possession. For example, it does NOT include animals placed in foster care or on overnight \"trial\" stays.`,\n },\n {\n rowLabel: \"Returned to owner\",\n keySubString: \"ReturnedToOwnerCount\",\n tooltip: \"Stray or Owner Relinquished animals returned to their owner\",\n },\n {\n rowLabel: \"Transferred in state\",\n keySubString: \"TransferredInstateToAnotherAgencyCount\",\n tooltip:\n \"Transferred out of the agency's possession to another entity within the same state or territory.\",\n },\n {\n rowLabel: \"Transferred out of state\",\n keySubString: \"TransferredOutOfStateToAnotherAgencyCount\",\n tooltip:\n \"Transferred out of the agency's possession to another entity in a different state or territory.\",\n },\n {\n rowLabel: \"Transferred internationally\",\n keySubString: \"TransferredInternationallyToAnotherAgencyCount\",\n tooltip:\n \"Transferred out of the agency's possession to another entity outside the US.\",\n },\n {\n rowLabel: \"Transfers Out (undesignated)\",\n keySubString: \"LegacyTransferredToAnotherAgencyCount\",\n tooltip:\n \"Transfer in to agency (undesignated) represents Transfer In data prior to when agency location break outs.\",\n },\n {\n rowLabel: \"Returned to field\",\n keySubString: \"ReturnedToFieldCount\",\n tooltip:\n \"Animals included in intake, already altered or altered after intake, and returned to stray capture location to be released (often referred to as SNR). This is not TNR.\",\n },\n {\n rowLabel: \"Other live outcome\",\n keySubString: \"OtherLiveOutcomeCount\",\n tooltip: \"Other types of live outcome not captured above.\",\n },\n ].map(({ rowLabel, keySubString, tooltip }) =>\n getRowData({\n data: attributes,\n accessKeys: [\"adult\", \"youth\", \"ageUnknown\", \"total\"],\n rowLabel,\n keySubString,\n tooltip,\n })\n );\n\n if (type === \"other\") {\n data = [\n {\n rowLabel: \"Died in care\",\n keySubString: \"DiedInCareCount\",\n tooltip: \"Animals who die, unassisted, while sheltered or fostered.\",\n },\n {\n rowLabel: \"Lost in care\",\n keySubString: \"LostInCareCount\",\n tooltip:\n \"Animals whose outcome is unknown (may have escaped the shelter, outcome was not recorded and unknown).\",\n },\n {\n rowLabel: \"Shelter euthanasia\",\n keySubString: \"ShelterEuthanasiaCount\",\n tooltip:\n \"All euthanasia other than that performed by the definition below as owner intended euthanasia.\",\n },\n {\n rowLabel: \"Owner intended euthanasia\",\n keySubString: \"OwnerIntendedEuthanasiaCount\",\n tooltip:\n \"Animals included in intake whose owner brought the pet to the shelter with the INTENT of requesting euthanasia. OIE provided as a service outside of intake is not counted here.\",\n },\n ].map(({ rowLabel, keySubString, tooltip }) =>\n getRowData({\n data: attributes,\n accessKeys: [\"adult\", \"youth\", \"ageUnknown\", \"total\"],\n rowLabel,\n keySubString,\n tooltip,\n })\n );\n }\n\n if (type === \"other\") {\n const arr = [\n \"locationId\",\n \"monthOfRecord\",\n \"yearOfRecord\",\n \"dateOfRecord\",\n \"archivedAt\",\n \"createdAt\",\n \"updatedAt\",\n \"DiedInCareCount\",\n \"LostInCareCount\",\n \"ShelterEuthanasiaCount\",\n \"OwnerIntendedEuthanasiaCount\",\n \"species\",\n ];\n let resultObj = {};\n const getAllKeys = Object.keys(attributes);\n arr.forEach(function (item) {\n getAllKeys.forEach(function (keyName) {\n if (keyName.indexOf(item) !== -1) {\n resultObj[keyName] = attributes[keyName];\n }\n });\n });\n attributes = resultObj;\n } else {\n const arr = [\n \"DiedInCareCount\",\n \"LostInCareCount\",\n \"ShelterEuthanasiaCount\",\n \"OwnerIntendedEuthanasiaCount\",\n ];\n let resultObj = {};\n const getAllKeys = Object.keys(attributes);\n getAllKeys.forEach(function (keyName) {\n if (!arr.some((v) => keyName.includes(v))) {\n resultObj[keyName] = attributes[keyName];\n }\n });\n attributes = resultObj;\n }\n return (\n \n
\n );\n }\n);\n\nAnimalOutcome.propTypes = {\n attributes: PropTypes.array,\n dataId: PropTypes.string.isRequired,\n type: PropTypes.oneOf([\"live\", \"other\"]).isRequired,\n isEditing: PropTypes.bool.isRequired,\n};\n\nAnimalOutcome.defaultProps = {\n attributes: animalOutcomes,\n};\n\nAnimalOutcome.propTypes = {\n type: PropTypes.oneOf([\"live\", \"other\"]),\n attributes: PropTypes.shape({\n species: PropTypes.string.isRequired,\n adultAdoptionCount: PropTypes.number,\n youthAdoptionCount: PropTypes.number,\n ageUnknownAdoptionCount: PropTypes.number,\n adultReturnedToOwnerCount: PropTypes.number,\n youthReturnedToOwnerCount: PropTypes.number,\n ageUnknownReturnedToOwnerCount: PropTypes.number,\n adultReturnedToFieldCount: PropTypes.number,\n youthReturnedToFieldCount: PropTypes.number,\n ageUnknownReturnedToFieldCount: PropTypes.number,\n adultOtherLiveOutcomeCount: PropTypes.number,\n youthOtherLiveOutcomeCount: PropTypes.number,\n ageUnknownOtherLiveOutcomeCount: PropTypes.number,\n adultDiedInCareCount: PropTypes.number,\n youthDiedInCareCount: PropTypes.number,\n ageUnknownDiedInCareCount: PropTypes.number,\n adultLostInCareCount: PropTypes.number,\n youthLostInCareCount: PropTypes.number,\n ageUnknownLostInCareCount: PropTypes.number,\n adultShelterEuthanasiaCount: PropTypes.number,\n youthShelterEuthanasiaCount: PropTypes.number,\n ageUnknownShelterEuthanasiaCount: PropTypes.number,\n adultOwnerIntendedEuthanasiaCount: PropTypes.number,\n youthOwnerIntendedEuthanasiaCount: PropTypes.number,\n ageUnknownOwnerIntendedEuthanasiaCount: PropTypes.number,\n adultTransferredInstateToAnotherAgencyCount: PropTypes.number,\n youthTransferredInstateToAnotherAgencyCount: PropTypes.number,\n ageUnknownTransferredInstateToAnotherAgencyCount: PropTypes.number,\n adultTransferredOutOfStateToAnotherAgencyCount: PropTypes.number,\n youthTransferredOutOfStateToAnotherAgencyCount: PropTypes.number,\n ageUnknownTransferredOutOfStateToAnotherAgencyCount: PropTypes.number,\n adultTransferredInternationallyToAnotherAgencyCount: PropTypes.number,\n youthTransferredInternationallyToAnotherAgencyCount: PropTypes.number,\n ageUnknownTransferredInternationallyToAnotherAgencyCount: PropTypes.number,\n adultLegacyTransferredToAnotherAgencyCount: PropTypes.number,\n youthLegacyTransferredToAnotherAgencyCount: PropTypes.number,\n ageUnknownLegacyTransferredToAnotherAgencyCount: PropTypes.number,\n totalAdoptionCount: PropTypes.number,\n totalReturnedToOwnerCount: PropTypes.number,\n totalTransferredInstateToAnotherAgencyCount: PropTypes.number,\n totalTransferredOutOfStateToAnotherAgencyCount: PropTypes.number,\n totalTransferredInternationallyToAnotherAgencyCount: PropTypes.number,\n totalTransferredToAnotherAgencyCount: PropTypes.number,\n totalReturnedToFieldCount: PropTypes.number,\n totalOtherLiveOutcomeCount: PropTypes.number,\n totalDiedInCareCount: PropTypes.number,\n totalLostInCareCount: PropTypes.number,\n totalShelterEuthanasiaCount: PropTypes.number,\n totalOwnerIntendedEuthanasiaCount: PropTypes.number,\n totalAdultOutcomesCount: PropTypes.number,\n totalYouthOutcomesCount: PropTypes.number,\n totalAgeUnknownOutcomesCount: PropTypes.number,\n totalOutcomesCount: PropTypes.number,\n }),\n};\n\nexport default AnimalOutcome;\n","var _path, _path2, _path3;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgUploadIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 71,\n height: 66,\n viewBox: \"0 0 71 66\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24 14L35 3L46 14\",\n stroke: \"#C4D1DC\",\n strokeWidth: 3,\n strokeMiterlimit: 10\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M35 3V54\",\n stroke: \"#C4D1DC\",\n strokeWidth: 3,\n strokeMiterlimit: 10\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.1506 29.8398H7C4.23858 29.8398 2 32.0784 2 34.8398V59.4C2 62.1614 4.23858 64.4 7 64.4H63.6068C66.3682 64.4 68.6068 62.1614 68.6068 59.4V34.8398C68.6068 32.0784 66.3682 29.8398 63.6068 29.8398H52.6184\",\n stroke: \"#C4D1DC\",\n strokeWidth: 3,\n strokeMiterlimit: 10\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgUploadIcon);\nexport default __webpack_public_path__ + \"static/media/upload_icon.c36e9577.svg\";\nexport { ForwardRef as ReactComponent };","import React, { forwardRef } from \"react\";\nimport AnimalOutcome from \"./AnimalOutcome\";\nimport PropTypes from \"prop-types\";\n\nconst AnimalOutcomes = forwardRef(\n ({ animalData, selectedSpecies, isEditing }, ref) => {\n return (\n \n \n
\n
\n {!isEditing ? (\n \n \n {speciesMap[species].label}\n
\n \n
\n )}\n \n
\n );\n }\n);\n\nAnimalOutcomes.propTypes = {\n animalData: PropTypes.array.isRequired,\n selectedSpecies: PropTypes.string.isRequired,\n isEditing: PropTypes.bool.isRequired,\n};\n\nexport default AnimalOutcomes;\n","import React, { useEffect, useState, useRef } from \"react\";\nimport { async, hash } from \"rsvp\";\nimport {\n AnimalCounts,\n AnimalIntakes,\n AnimalOutcomes,\n AnimalEntryDetails,\n} from \"./components\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport Error from \"components/Error\";\nimport { useQuery, useQueryClient, useMutation } from \"react-query\";\nimport { useParams } from \"react-router-dom\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport {\n apiFetch,\n API_URL,\n formatUiErrors,\n useHandleRequestStates,\n} from \"utils\";\nimport {\n generatePayload,\n updateSpeciesCache,\n} from \"./components/AnimalEntryDetails/utils\";\nimport Button from \"components/Button\";\n\nconst DataEntry = () => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { year, month, location, organizationId } = useParams();\n const queryClient = useQueryClient();\n const [animalSpecies, setAnimalSpecies] = useState([\"canine\", \"feline\"]);\n const [selectedSpecies, setSelectedSpecies] = useState(\"\");\n const [recalculate, setRecalculate] = useState(false);\n const [isEditing, setIsEditing] = useState(false);\n const [submittedAll, setSubmittedAll] = useState(false);\n const [speciesMonthEndingCount, setSpeciesMonthEndingCount] = useState({});\n const [newOrganization, setOrganization] = useState({});\n const [newlocation, setNewLocation] = useState({});\n\n const animalIntakeForm = useRef(null);\n const animalOutcomeForm = useRef([]);\n const animalCountForm = useRef(null);\n\n const { attributes, isAdmin, organization, isOrgAdmin } = useUserState();\n var locationId = attributes.locationId;\n if (isAdmin) locationId = location;\n\n const getOrg = async () => {\n if (organizationId) {\n const response = await apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/organizations/${organizationId}`,\n });\n setOrganization(response.data);\n }\n const response2 = await apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/locations/${locationId}`,\n });\n setNewLocation(response2.data);\n };\n\n useEffect(() => {\n getOrg();\n }, []);\n\n const { handleSuccess } = useHandleRequestStates();\n\n const generateDataEntries = ({\n locationId,\n year,\n month,\n token,\n dispatch,\n }) => {\n const dateFilters = `filter[year_of_record][eq]=${year}&filter[month_of_record][eq]=${month}`;\n const statusDateFilters = `filter[year][eq]=${year}&filter[month][eq]=${month}`;\n const locationFilter = `&filter[location_id][eq]=${locationId}`;\n\n return hash({\n status: apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/data_entry_status?${statusDateFilters}${locationFilter}`,\n }),\n counts: apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/animal_counts?${dateFilters}${locationFilter}`,\n }),\n intakes: apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/animal_intakes?${dateFilters}${locationFilter}`,\n }),\n outcomes: apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/animal_outcomes?${dateFilters}${locationFilter}`,\n }),\n });\n };\n\n const {\n mutate: setMatrixSpecies,\n isLoading: isLoadingTables,\n error: isTableError,\n } = useMutation(\n () => {\n const payload = generatePayload({\n addedSpecies: animalSpecies,\n removedSpecies: [],\n locationId,\n year,\n month,\n });\n return apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/locations/${locationId}`,\n method: \"PATCH\",\n body: {\n data: {\n id: locationId,\n type: \"locations\",\n attributes: {},\n relationships: payload.relationships,\n },\n included: payload.included,\n },\n });\n },\n {\n onSuccess: (response) => {\n return queryClient.setQueryData(\n [\"dataEntry\", `${locationId}_${month}/${year}`],\n (oldData) =>\n updateSpeciesCache({\n oldData,\n response,\n changedSpecies: { added: animalSpecies, removed: [] },\n })\n );\n },\n }\n );\n\n // Calculate number of species in care at the end of the month\n const calculateEndingCount = () => {\n const { data: intakes } = response.intakes;\n const { data: outcomes } = response.outcomes;\n const { data: counts } = response.counts;\n let intakeHash = {};\n let outcomeHash = {};\n intakes.forEach((intake) => {\n intakeHash[intake.attributes.species] =\n intake.attributes.totalLiveIntakeCount;\n });\n outcomes.forEach((outcome) => {\n outcomeHash[outcome.attributes.species] =\n outcome.attributes.totalOutcomesCount;\n });\n let countsHash = {};\n animalSpecies.forEach((species) => {\n counts.forEach((count) => {\n const endCount = count.attributes.endingAnimalCount;\n if (count.attributes.species === species) {\n const total =\n count.attributes.beginningAnimalCount +\n (intakeHash[species] - outcomeHash[species]);\n Object.assign(\n countsHash,\n endCount === 0 || !endCount\n ? {\n [species]: total < 0 ? 0 : total,\n }\n : {\n [species]: count.attributes.endingAnimalCount,\n }\n );\n }\n });\n });\n setSpeciesMonthEndingCount(countsHash);\n };\n // General Request\n const {\n isLoading,\n error,\n data: response,\n refetch,\n } = useQuery(\n [\"dataEntry\", `${locationId}_${month}/${year}`],\n () => generateDataEntries({ locationId, year, month, token, dispatch }),\n {\n onSuccess: (response) => {\n // IF Counts & Intakes & Outcomes have no data we need to set up our species\n if (\n !response.counts.data.length &&\n !response.intakes.data.length &&\n !response.outcomes.data.length\n ) {\n if (\n organizationId &&\n newOrganization &&\n newOrganization.attributes &&\n newOrganization.attributes.animalSpecies.length !== 0\n ) {\n setAnimalSpecies(newOrganization.attributes.animalSpecies);\n } else if (\n organization &&\n organization.attributes &&\n organization.attributes.animalSpecies.length !== 0\n ) {\n setAnimalSpecies(organization.attributes.animalSpecies);\n }\n } else {\n const dataToSpeciesArray = [\"counts\", \"intakes\", \"outcomes\"].reduce(\n (speciesArray, key) => {\n const subArray = response[key].data;\n\n subArray.forEach((d) => {\n const { attributes } = d;\n const { species } = attributes;\n\n if (speciesArray.indexOf(species) === -1) {\n speciesArray.push(species);\n }\n });\n\n return speciesArray;\n },\n []\n );\n\n setAnimalSpecies(dataToSpeciesArray);\n }\n },\n }\n );\n\n useEffect(() => {\n if (!response) {\n return;\n }\n\n if (\n !response.counts.data.length &&\n !response.intakes.data.length &&\n !response.outcomes.data.length &&\n isOrgAdmin\n ) {\n setMatrixSpecies();\n } else {\n calculateEndingCount();\n }\n }, [response, setMatrixSpecies]);\n\n useEffect(refetch, [locationId, submittedAll]);\n useEffect(() => {\n setTimeout(() => {\n refetch();\n }, 1000);\n }, [isEditing]);\n\n const handleSubmit = async () => {\n await animalIntakeForm.current?.handleSubmit();\n await animalOutcomeForm.current?.liveOutcome.handleSubmit();\n await animalOutcomeForm.current?.otherOutcome.handleSubmit();\n await animalCountForm.current?.handleSubmit();\n setIsEditing(false);\n };\n\n const setSpecies = (species) => {\n if (species === selectedSpecies) {\n setSelectedSpecies(\"\");\n } else {\n setSelectedSpecies(species);\n }\n };\n const autoRecalculate = (key, val) => {\n debugger;\n if (key == \"endingAnimalCount\") {\n const { values: intakes } = animalIntakeForm.current;\n var newIntakes = Object.keys(intakes)\n .filter(\n (a) =>\n ![\n \"locationId\",\n \"species\",\n \"monthOfRecord\",\n \"yearOfRecord\",\n ].includes(a)\n )\n .reduce((cur, key) => {\n return Object.assign(cur, { [key]: intakes[key] });\n }, {});\n var newIntakesSum = Object.values(newIntakes)\n .filter((a) => a >= 0)\n .reduce((a, b) => a + b, 0);\n\n const { values: liveOutcomes } = animalOutcomeForm.current.liveOutcome;\n const { values: otherOutcomes } = animalOutcomeForm.current.otherOutcome;\n\n var newLiveOutCome = Object.keys(liveOutcomes)\n .filter(\n (a) =>\n ![\n \"locationId\",\n \"species\",\n \"monthOfRecord\",\n \"yearOfRecord\",\n ].includes(a)\n )\n .reduce((cur, key) => {\n return Object.assign(cur, { [key]: liveOutcomes[key] });\n }, {});\n var newliveOutComeSum = Object.values(newLiveOutCome)\n .filter((a) => a >= 0)\n .reduce((a, b) => a + b, 0);\n\n var newotherOutcomes = Object.keys(otherOutcomes)\n .filter(\n (a) =>\n ![\n \"locationId\",\n \"species\",\n \"monthOfRecord\",\n \"yearOfRecord\",\n ].includes(a)\n )\n .reduce((cur, key) => {\n return Object.assign(cur, { [key]: otherOutcomes[key] });\n }, {});\n var newotherOutcomesSum = Object.values(newotherOutcomes)\n .filter((a) => a >= 0)\n .reduce((a, b) => a + b, 0);\n\n var total = newliveOutComeSum + newotherOutcomesSum;\n\n val =\n animalCountForm.current.values.beginningAnimalCount +\n newIntakesSum -\n total;\n }\n\n animalCountForm.current.setFieldValue(key, val || 0);\n };\n const handleSubmitAll = () => {\n setSubmittedAll(!submittedAll);\n handleSuccess({\n message: \"All data submitted.\",\n });\n };\n\n const Content = () => {\n if (isLoading || isLoadingTables)\n return (\n \n
\n \n
\n \n 3\n
\n\n \n (ref.current[\"liveOutcome\"] = el)}\n />\n );\n }\n }\n )}\n
\n \n
\n\n {animalData.map(\n ({ id, attributes, attributes: { species, locationId } }) => {\n if (species === selectedSpecies || !selectedSpecies) {\n return (\n Live Outcomes
\n\n
\n \n
\n \n 4\n
\n\n \n (ref.current[\"otherOutcome\"] = el)}\n />\n );\n }\n }\n )}\n
\n \n
\n {animalData.map(\n ({\n id,\n attributes,\n attributes: { species, organizationId },\n }) => {\n if (species === selectedSpecies || !selectedSpecies) {\n return (\n Non-Live (Other) Outcomes
\n\n {newlocation.attributes?.name} - location is closed by system\n admin. If you want to enter data for this location please contact\n Shelter Animals Count helpdesk, info@shelteranimalscount.org\n
\n );\n }\n\n return (\n <>\n {/* Entry Status at this level will only ever return 1 item so we just grab the 0 index */}\n \n setIsEditing(true)}\n >\n Edit\n \n \n
\n )}\n \n );\n };\n\n return (\n \n
\n );\n};\n\nexport default DataEntry;\n","export default __webpack_public_path__ + \"static/media/Shelter-Animals-Count_Sample-Import.576f3f42.csv\";","var _path, _path2, _path3;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCsvIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 25,\n height: 30,\n viewBox: \"0 0 25 30\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.5359 0.265625V6.34928H24.7664L18.5359 0.265625Z\",\n fill: \"#2EB5BC\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M25 22.6616V8.78327H18.5358C17.1729 8.78327 16.0436 7.68061 16.0436 6.34981V0H0V22.6616H25ZM16.9393 12.1673C16.9393 12.1673 18.2632 16.1977 18.3411 16.5019C18.4579 16.1977 19.8598 12.1673 19.8598 12.1673H21.729L19.081 19.3916H17.5234L15.109 12.1673C15.0701 12.1673 16.9393 12.1673 16.9393 12.1673ZM12.0327 16.4639C11.5265 16.2738 10.0078 15.7795 10.0078 14.2586C10.0078 13.0038 11.0981 12.0913 12.5779 12.0913C13.2788 12.0913 13.9798 12.2433 14.5639 12.6236L14.0576 14.1445C13.6293 13.8403 13.0841 13.6502 12.5779 13.6502C11.9938 13.6502 11.7991 13.9164 11.7991 14.1445C11.7991 14.4106 11.8769 14.6008 12.8115 14.943C13.7072 15.2852 14.7586 15.8555 14.7586 17.2243C14.7586 18.365 13.9019 19.5057 12.0327 19.5057C11.2539 19.5057 10.4751 19.2776 9.85203 18.8593L10.3193 17.3004C10.8255 17.6426 11.4486 17.9468 12.0717 17.9468C12.3442 17.9468 12.9673 17.8707 12.9673 17.3004C12.9673 16.9962 12.8894 16.7681 12.0327 16.4639C11.5265 16.2738 12.8894 16.7681 12.0327 16.4639C11.5265 16.2738 12.8894 16.7681 12.0327 16.4639C11.5265 16.2738 12.8894 16.7681 12.0327 16.4639C11.5265 16.2738 12.8894 16.7681 12.0327 16.4639ZM7.16511 12.0913C7.90498 12.0913 8.60592 12.2053 9.22897 12.5856L8.76168 14.1065C8.25545 13.8403 7.74922 13.6502 7.16511 13.6502C5.84112 13.6502 5.10125 14.4487 5.10125 15.8175C5.10125 17.1483 5.84112 17.9087 7.12617 17.9087C7.71028 17.9087 8.29439 17.7186 8.80062 17.4525L9.19003 18.9734C8.4891 19.3536 7.71028 19.4677 6.93146 19.4677C4.71184 19.4677 3.27103 18.0228 3.27103 15.8175C3.30997 13.6122 4.8676 12.0913 7.16511 12.0913Z\",\n fill: \"#2EB5BC\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 25.1328V29.9997H25V25.1328H0Z\",\n fill: \"#2EB5BC\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCsvIcon);\nexport default __webpack_public_path__ + \"static/media/csv_icon.b2881b09.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgTrashIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 24,\n viewBox: \"0 0 20 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.6364 3.78111H18.1259H14.3497V0.726562H5.28671V3.78111H1.51049H0V5.30838H1.51049V23.6357H18.1259V5.30838H19.6364V3.78111ZM6.7972 2.25384H12.8392V3.78111H6.7972V2.25384ZM16.6154 22.1084H3.02098V5.30838H5.28671H14.3497H16.6154V22.1084Z\",\n fill: \"#F35471\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6.79723 7.59766H5.28674V19.8158H6.79723V7.59766Z\",\n fill: \"#F35471\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.5734 7.59766H9.06287V19.8158H10.5734V7.59766Z\",\n fill: \"#F35471\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.3496 7.59766H12.8391V19.8158H14.3496V7.59766Z\",\n fill: \"#F35471\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTrashIcon);\nexport default __webpack_public_path__ + \"static/media/trash_icon.34cbbcb8.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect, useCallback } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { useMutation } from \"react-query\";\nimport { Link, useParams } from \"react-router-dom\";\nimport { ReactComponent as UploadIcon } from \"images/upload_icon.svg\";\nimport { ReactComponent as CsvIcon } from \"images/csv_icon.svg\";\nimport { ReactComponent as TrashIcon } from \"images/trash_icon.svg\";\nimport Error from \"components/Error\";\nimport Button from \"components/Button\";\nimport { apiFetch, formatCsvValidationErrors } from \"utils\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCheckCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport PropTypes from \"prop-types\";\n\nconst DataEntryUpload = ({ exampleCSV, action, title }) => {\n const { attributes, isAdmin } = useUserState();\n const { location, organizationId } = useParams();\n var locationId = attributes.location;\n if (isAdmin && location) locationId = location;\n\n if (!locationId) locationId = attributes.locationId;\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const [file, setFile] = useState(null);\n const [uiError, setUiError] = useState(null);\n\n const onDrop = useCallback((acceptedFiles) => {\n acceptedFiles.forEach((file) => {\n const reader = new FileReader();\n reader.onabort = () => console.log(\"file reading was aborted\");\n reader.onerror = () => console.log(\"file reading has failed\");\n reader.onload = () => {\n const binaryStr = reader.result;\n setFile({\n name: file.name,\n binaryStr,\n });\n };\n reader.readAsDataURL(file);\n });\n }, []);\n\n const {\n mutate: handleSubmit,\n isLoading,\n error,\n isSuccess,\n } = useMutation(() =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/file_imports`,\n method: \"POST\",\n body: {\n data: {\n type: \"file_imports\",\n attributes: {\n locationId,\n file: file.binaryStr,\n file_type: action,\n },\n },\n },\n })\n );\n\n useEffect(() => {\n setUiError(error);\n }, [error]);\n\n const { getRootProps, getInputProps, isDragActive, fileRejections } =\n useDropzone({\n onDrop,\n maxFiles: 1,\n accept: \".csv\",\n disabled: isLoading,\n });\n\n const fileRejectionItems = fileRejections.map(({ errors }) => (\n <>{errors.map((e) => e.message)}\n ));\n\n if (isSuccess) return Enter Shelter Intake and Outcome Data
\n\n Please keep in mind that all data fields must be filled in, even if the\n entry is “0.” Records will be considered incomplete until all fields are\n populated with numeric values.\n
\n\n\n
\n );\n};\n\nDataEntryUpload.propTypes = {\n exampleCSV: PropTypes.instanceOf(File).isRequired,\n action: PropTypes.string.isRequired,\n title: PropTypes.string,\n};\n\nDataEntryUpload.defaultProps = {\n title: \"Upload Your CSV\",\n};\nexport default DataEntryUpload;\n\nconst Success = () => {\n return (\n \n
\n\n {title}
\n\n All fields in the data file must contain values. Data upload will\n overwrite data previously entered for same month and year.{\" \"}\n
\n
\n{formatCsvValidationErrors(uiError, exampleCSV)} \n )}\n
\n\n Upload formatted CSV
\n {file ? (\n\n {\n setFile(null);\n setUiError(null);\n }}\n className=\"p-2 border rounded\"\n type=\"button\"\n disabled={isLoading}\n >\n
\n ) : (\n \n
\n \n \n {isDragActive ? (\n
\n )}\n \n
\n ) : (\n Drop File
\n\n
\n )}\n \n \n Choose a file\n {\" \"}\n or drag it here.\n
\n{fileRejectionItems}
\n\n
\n \n Download Example CSV\n \n
\n\n {uiError && (\n \n If you would prefer to format the data yourself, please download the\n CSV template.\n
\n\n Enter data a different way\n\n Loading…}\n onClick={handleSubmit}\n type=\"button\"\n >\n Submit\n \n
\n \n
\n );\n};\n","import React from \"react\";\nimport exampleCSV from \"files/Shelter-Animals-Count_Sample-Import.csv\";\nimport Upload from \"../../components/DataEntryUpload\";\n\nconst DataEntryUpload = () => (\n \n
\n\n \n \n Thanks! Your entry is complete.\n
\nNo further action is required.
\n\n \n {fieldErrors && (\n
\n );\n};\n\nexport default DatePickerField;\n","import { View, Text } from \"@react-pdf/renderer\";\n\nconst SideTextServices = (props) => {\n return (\n {fieldErrors}
\n )}\n \n Choose a Month or Year to export. \n\n
\n \n );\n};\n\nDataEntryExport.propTypes = {\n headingTag: PropTypes.string,\n subheadingTag: PropTypes.string,\n title: PropTypes.string,\n action: PropTypes.string.isRequired,\n};\n\nDataEntryExport.defaultProps = {\n headingTag: \"h1\",\n subheadingTag: \"h2\",\n title: \"Data Entry Export\",\n};\n\nexport default DataEntryExport;\n","import React from \"react\";\nimport Export from \"components/DataEntryExport\";\n\nconst DataEntryExport = () => \n \n {({ isValid, dirty, values: { dateFormat } }) => (\n \n )}\n \n
\n \n
\n );\n};\n\nexport default FormWrapper;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory, useLocation, Link } from \"react-router-dom\";\nimport { useMutation } from \"react-query\";\nimport { Formik, Form } from \"formik\";\nimport * as Yup from \"yup\";\nimport Button from \"components/Button\";\nimport Error from \"components/Error\";\nimport FormField from \"components/FormField\";\nimport { loginUser, loginUserWithOAuth } from \"actions\";\nimport { formatUiErrors, useQueryParams } from \"utils\";\nimport { useAuthDispatch, useAuthState } from \"context\";\nimport FormWrapper from \"components/FormWrapper\";\n\nconst LoginSchema = Yup.object().shape({\n email: Yup.string().email(\"Invalid email\").required(\"Email is required\"),\n password: Yup.string()\n .min(8, \"Invalid password\")\n .required(\"Password is required\"),\n});\n\nconst Login = () => {\n const { errorMessage } = useAuthState();\n const dispatch = useAuthDispatch();\n const history = useHistory();\n const location = useLocation();\n const {\n accountConfirmationSuccess,\n alreadyConfirmed,\n orgAuthorizationSuccess,\n orgAlreadyConfirmed,\n oauthConfirmationSuccess,\n accessToken,\n client,\n expiry,\n uid,\n userId,\n } = useQueryParams();\n\n const { from } = location.state || { from: { pathname: \"/\" } };\n const [uiError, setUIError] = useState(undefined);\n const [uiMessage, setUIMessage] = useState(undefined);\n const [isLoginSuccessful, setIsLoginSuccessful] = useState(false);\n\n // Standard email/password login mutation\n const {\n mutate: loginRequest,\n isLoading,\n error,\n } = useMutation((payload) => loginUser(dispatch, payload), {\n onSuccess: () => {\n // Clear UI errors locally, don't dispatch LOGIN_FAILURE\n if (errorMessage) {\n setUIError(null);\n }\n\n setIsLoginSuccessful(true);\n },\n onError: (err) => {\n setUIError(formatUiErrors(err));\n },\n });\n\n // Summa OAuth login handler\n useEffect(() => {\n if (oauthConfirmationSuccess === \"true\") {\n const tokenPayload = { accessToken, client, uid, expiry, userId };\n try {\n loginUserWithOAuth(dispatch, tokenPayload);\n setIsLoginSuccessful(true);\n } catch (error) {\n setUIError(formatUiErrors(error));\n }\n }\n }, [\n oauthConfirmationSuccess,\n accessToken,\n client,\n uid,\n expiry,\n userId,\n dispatch,\n ]);\n\n // Handle navigation after login success\n useEffect(() => {\n if (isLoginSuccessful) {\n history.replace(from);\n }\n }, [isLoginSuccessful, history, from]);\n\n useEffect(() => {\n setUIError(errorMessage || error?.message);\n }, [error, errorMessage]);\n\n useEffect(() => {\n if (accountConfirmationSuccess === \"true\" || alreadyConfirmed === \"true\") {\n setUIMessage(\"Your email address has been confirmed.\");\n }\n }, [accountConfirmationSuccess, alreadyConfirmed]);\n\n useEffect(() => {\n if (orgAuthorizationSuccess === \"true\" || orgAlreadyConfirmed === \"true\") {\n setUIMessage(\"Your organization has been authorized.\");\n }\n }, [orgAuthorizationSuccess, orgAlreadyConfirmed]);\n\n return (\n \n \n
\n Login
\n\n {uiError &&\n {uiMessage}\n
\n )}\n\n \n Register\n Forgot Password\n
\n \n )}\n \n 404 - Page Not Found
\n\n The page you requested could not be found. Check that you typed the\n address correctly, go back to your previous page or try navigating to\n your location from the homepage. Still can't find what you're looking\n for?{\" \"}\n
\n \n
\n {heading}
\n{content}
\n \n\nYour Information
\n\n\n {/* Full Name */}\n
\n\n \n {/* Email */}\n
\n\n \n {/* Password */}\n
\n \n );\n};\n\nexport default AccountSubForm;\n\nconst PasswordTooltip = () => (\n <>\n Passwords must be between 8 and 18 characters.
\n\n We recommend using a combination of uppercase letters, lowercase letters,\n numbers, and special characters.\n
\n \n);\n","import React, { useState } from \"react\";\nimport { useQuery } from \"react-query\";\nimport { API_URL } from \"utils\";\nimport { camelizeKeys } from \"humps\";\nimport { useFormikContext } from \"formik\";\nimport FormField from \"components/FormField\";\n\nconst CountyDropdown = ({\n fieldName,\n usState,\n disabled,\n handleSuccess,\n handleError,\n required,\n ...props\n}) => {\n const { values, setFieldError, setFieldValue, setFieldTouched } =\n useFormikContext();\n const fieldValue = values[fieldName];\n const [initLoad, setInitLoad] = useState(true);\n\n const {\n isLoading,\n error,\n data = [],\n } = useQuery(\n [\"counties\", usState],\n async () => {\n const response = await fetch(\n // Page size is 260 because the max number of counties for a given state is 254\n `${API_URL}/api/v1/us_counties?filter[us_state][eq]=${usState}&page[size]=260`,\n {\n method: \"GET\",\n }\n );\n const {\n data,\n error: apiError,\n errors: apiErrors,\n } = await response.json();\n\n if (!response.ok) {\n const resErrors = apiErrors || apiError;\n throw resErrors;\n }\n\n return camelizeKeys(data || []);\n },\n {\n enabled: !!usState,\n onSuccess: () => {\n setFieldValue(fieldName, initLoad ? fieldValue || \"\" : \"\");\n setFieldTouched(fieldName, false);\n setInitLoad(false);\n },\n onError: () => {\n setFieldError(fieldName, `Unable to load counties for ${usState}.`);\n setFieldTouched(fieldName);\n },\n }\n );\n\n return (\nOrganization Information
\n\n\n {/* Organization Name */}\n \n \n \n \n \n
\n\n \n {/* Address Line 1 */}\n
\n\n \n {/* City */}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )}\n\n {/* Zip Code | Postac code */}\n {country === \"United States\" ? (\n
\n\n \n {/* County */}\n {country === \"United States\" && (\n
\n\n \n {/* Contact Phone Number */}\n
\n\n \n {/* Org Type */}\n
\n\n \n {/* Date Started */}\n
\n\n {/* Referral */}\n \n
\n\n {/* Referring Org */}\n {referral && (\n \n
\n )}\n\n \n {/* Animal Species */}\n \n \n Object.keys(animalSpecies).map((key) => (\n
\n \n\n \n What animal species do you work with? (Select all that apply)\n
\n \n {/* Annual Intake */}\n
\n\n \n {/* Annual Budget */}\n
\n\n \n {/* Software Provider */}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n );\n};\n\nexport default OrganizationSubForm;\n","import React from \"react\";\nimport { useFormikContext } from \"formik\";\nimport * as Yup from \"yup\";\nimport { addNamespace } from \"utils\";\nimport FormField from \"components/FormField\";\n\nexport const defaultValues = {\n isAuthorizer: false,\n authorizerName: \"\",\n authorizerTitle: \"\",\n authorizerEmail: \"\",\n authorizerConfirmEmail: \"\",\n authorizerPhoneNumber: \"\",\n authorizerExtension: \"\",\n};\n\nexport const validationSchema = () => ({\n isAuthorizer: Yup.boolean(),\n authorizerName: Yup.string().when(\"isAuthorizer\", {\n is: false,\n then: Yup.string().required(\"Name is required\"),\n }),\n authorizerTitle: Yup.string().when(\"isAuthorizer\", {\n is: false,\n then: Yup.string().required(\"Title is required\"),\n }),\n authorizerEmail: Yup.string().when(\"isAuthorizer\", {\n is: false,\n then: Yup.string().email(\"Invalid email\").required(\"Email is required\"),\n }),\n authorizerConfirmEmail: Yup.string().when(\"isAuthorizer\", {\n is: false,\n then: Yup.string()\n .email(\"Invalid email\")\n .oneOf([Yup.ref(\"authorizerEmail\")], \"Emails do not match\")\n .required(\"Confirm the email\"),\n }),\n authorizerPhoneNumber: Yup.string().when(\"isAuthorizer\", {\n is: false,\n then: Yup.string().matches(\n /^\\(?([2-9]\\d\\d)\\)?[-. ]?(\\d{3})[-. ]?(\\d{4})$/,\n \"Invalid phone number\"\n ),\n }),\n});\n\nconst AuthorizationSubForm = ({ namespace }) => {\n const withNamespace = addNamespace(namespace);\n\n const {\n values: { authorization },\n } = useFormikContext();\n\n return (\n <>\n Authorization
\n\n A leader (e.g. CEO, executive director, board leadership, etc.) within\n your organization must agree to partipation in our national database.\n Participation will be confirmed via an email sent to your\n organization’s authorized person.\n
\n\n\n {/* User is Authorizer */}\n
\n\n {!authorization.isAuthorizer && (\n <>\n \n {/* Authorizer Name */}\n
\n\n \n {/* Email */}\n
\n\n \n {/* Authorizer Phone Number */}\n
\n \n )}\n \n );\n};\n\nexport default AuthorizationSubForm;\n","import React from \"react\";\nimport * as Yup from \"yup\";\nimport { addNamespace } from \"utils\";\nimport FormField from \"components/FormField\";\nimport {\n OrganizationSearchableOptInTooltip,\n OrganizationCommunicationsOptInTooltip,\n OrganizationMediaOptInTooltip,\n} from \"components/Tooltips\";\n\nexport const defaultValues = {\n communicationsOptIn: true,\n searchableOptIn: true,\n mediaOptIn: true,\n};\n\nexport const validationSchema = () => ({\n communicationsOptIn: Yup.boolean(),\n searchableOptIn: Yup.boolean(),\n mediaOptIn: Yup.boolean(),\n});\n\nconst DataSharingSubForm = ({ namespace }) => {\n const withNamespace = addNamespace(namespace);\n\n return (\n <>\n Data Sharing Preferences
\n\n <>\n\n
\n \n \n );\n};\n\nexport default DataSharingSubForm;\n","import { format } from \"date-fns\";\nimport { formatPhoneNumberForApi } from \"utils\";\n\nconst getAuthorizer = ({ account, authorization }) => {\n return authorization.isAuthorizer\n ? {\n organizationAuthorizerName: account.fullName,\n organizationAuthorizerTitle: account.title,\n organizationAuthorizerEmail: account.email,\n organizationAuthorizerPhoneNumber: formatPhoneNumberForApi({\n phoneNumber: account.phoneNumber,\n extension: account.extension,\n }),\n }\n : {\n organizationAuthorizerName: authorization.authorizerName,\n organizationAuthorizerTitle: authorization.authorizerTitle,\n organizationAuthorizerEmail: authorization.authorizerEmail,\n organizationAuthorizerPhoneNumber: formatPhoneNumberForApi({\n phoneNumber: authorization.authorizerPhoneNumber,\n extension: authorization.extension,\n }),\n };\n};\n\nexport const constructPayload = (values) => {\n if (\n values.organization.websiteUrl &&\n !values.organization.websiteUrl.startsWith(\"http://\" || \"https://\")\n ) {\n values.organization.websiteUrl = `http://${values.organization.websiteUrl}`;\n }\n\n return {\n data: {\n type: \"registrations\",\n attributes: {\n registrationType: values.registerType,\n userFullName: values.account.fullName,\n userTitle: values.account.title,\n userEmail: values.account.email,\n userPassword: values.account.password,\n organizationName: values.organization.name,\n organizationCountry: values.organization.country,\n organizationType: values.organization.organizationType,\n organizationWebsiteUrl: values.organization.websiteUrl,\n organizationBusinessNumber: values.organization.businessNumber.replace(\n /\\D/g,\n \"\"\n ),\n organizationIncorporatedOn: format(\n values.organization.incorporatedOn,\n \"dd/MM/yyyy\"\n ),\n organizationEin: values.organization.ein.replace(/\\D/g, \"\"),\n ...(values.organization.referral\n ? {\n organizationReferringOrganizationName:\n values.organization.referringOrganizationName,\n }\n : {}),\n organizationAnimalSpecies: Object.keys(\n values.organization.animalSpecies\n ).reduce((array, key) => {\n if (!!values.organization.animalSpecies[key]) {\n array.push(key);\n }\n return array;\n }, []),\n organizationAnnualIntake: values.organization.annualIntake,\n organizationAnnualOperatingBudget:\n values.organization.annualOperatingBudget,\n organizationShelterSoftware: values.organization.shelterSoftware,\n ...getAuthorizer({\n account: values.account,\n authorization: values.authorization,\n }),\n organizationCommunicationsOptIn: values.dataSharing.communicationsOptIn,\n organizationSearchableOptIn: values.dataSharing.searchableOptIn,\n organizationMediaOptIn: values.dataSharing.mediaOptIn,\n locationAddressLine_1: values.organization.addressLine1,\n locationAddressLine_2: values.organization.addressLine2,\n locationCity: values.organization.city,\n locationUsState:\n values.organization.country === \"United States\"\n ? values.organization.usState\n : null,\n locationZipCode:\n values.organization.country === \"United States\"\n ? values.organization.zipCode\n : null,\n locationUsCountyId:\n values.organization.country === \"United States\"\n ? values.organization.usCounty\n : null,\n locationPostalCode: values.organization.postalCode.replace(/\\s/g, \"\"),\n locationProvinceOrTerritory: values.organization.provinceOrTerritory,\n locationContactPhoneNumber: formatPhoneNumberForApi({\n phoneNumber: values.organization.contactPhoneNumber,\n extension: values.organization.extension,\n }),\n },\n },\n };\n};\n","import React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { useMutation } from \"react-query\";\nimport { Formik, Form } from \"formik\";\nimport * as Yup from \"yup\";\nimport { toast } from \"react-toastify\";\nimport RegisterTypeSubForm from \"./components/RegisterTypeSubForm\";\nimport AccountSubForm, * as AccountSubFormMeta from \"./components/AccountSubForm\";\nimport OrganizationSubForm, * as OrganizationSubFormMeta from \"./components/OrganizationSubForm\";\nimport AuthorizationSubForm, * as AuthorizationSubFormMeta from \"./components/AuthorizationSubForm\";\nimport DataSharingSubForm, * as DataSharingSubFormMeta from \"./components/DataSharingSubForm\";\nimport Button from \"components/Button\";\nimport PageWrapper from \"components/PageWrapper\";\nimport { apiFetch, formatUiErrors } from \"utils\";\nimport { useAuthState, useAuthDispatch } from \"context\";\nimport { constructPayload } from \"./utils\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCheckCircle } from \"@fortawesome/free-solid-svg-icons\";\n\nconst Register = () => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const [formStep, setFormStep] = useState(1);\n\n const validationSchema = Yup.lazy(() =>\n Yup.object({\n account: Yup.object(AccountSubFormMeta.validationSchema()),\n organization: Yup.object(OrganizationSubFormMeta.validationSchema()),\n authorization: Yup.object(AuthorizationSubFormMeta.validationSchema()),\n dataSharing: Yup.object(DataSharingSubFormMeta.validationSchema()),\n })\n );\n\n const nextStep = () => setFormStep(2);\n\n const {\n mutate: submit,\n isLoading,\n isSuccess,\n } = useMutation(\n (values) => {\n const payload = constructPayload(values);\n return apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/registrations`,\n method: \"POST\",\n body: payload,\n });\n },\n {\n onError: (error) => {\n toast.error(() => formatUiErrors(error), {\n autoClose: 5000,\n className: \"toast-center\",\n });\n },\n }\n );\n\n return (\n \n
\n\n \n Already have an account? Log in.\n
\n\n \n
\n \n \n
\n \n );\n};\n\nconst TermsOfService = () => (\n \n
\n);\n\nconst Success = () => {\n return (\n Shelter Animals Count - Agreement For Shelter Data
\n\n Shelter Animals Count (“SAC”) maintains a database of animal\n shelter data (the “Database”), in an effort to create a national database\n for the animal welfare field (the “Project”). When a shelter (“Shelter”)\n provides information (the “Information”) for the Database, it\n will be provided and used on the following terms:\n
\n- \n
- \n Shelter agrees to submit complete data into the SAC data matrix portal\n each month.\n \n
- \n Permission to use Information. SAC has permission to use any Information\n submitted by Shelter to SAC in the Database at no cost to SAC. This\n permission will be on a non-exclusive, worldwide, royalty-free,\n permanent basis, meaning that Shelter may give others permission to use\n the Information in addition to SAC; that the Database may be used\n anywhere and without time limit; SAC does not have to pay any royalties\n for using the Information in the Database.\n \n
- \n Permitted uses of Information. SAC may use the Information by compiling\n it with the data of other participating organizations and otherwise\n supporting its development of a national database for the animal welfare\n field. SAC may make the data in the database available to members of the\n public, both by making it available for review on SAC’s website and also\n by releasing the data in CSV or comparable format. SAC may include the\n Information in data analysis projects, and may disclose, publish, or\n present the results of those projects for any lawful purpose relating to\n the Project, including demonstrating the Project to potential funders.\n SAC may not, however, disclose, distribute, present, or publish any of\n the Information in a way that discloses the identity of any animal or\n any person associated with an animal.\n \n
- \n Shelter owns the Information. Shelter does not transfer ownership of the\n Information to SAC, and these Terms of Use do not limit or restrict in\n any way Shelter’s ownership of the Information. Shelter reserves all\n rights in and to the Information not specifically granted to the SAC in\n these Terms of Use.\n \n
- \n Shelter’s and SAC’s representations to each other. Shelter\n represents to SAC that the Information is accurate and that it is not\n limited in any way from sharing the Information. Shelter agrees to\n SAC’s{\" \"}\n
\n
\n );\n};\n","import React, { useState, useEffect } from \"react\";\nimport { Formik, Form } from \"formik\";\nimport { useMutation } from \"react-query\";\nimport Error from \"components/Error\";\nimport FormField from \"components/FormField\";\nimport FormWrapper from \"components/FormWrapper\";\nimport Button from \"components/Button\";\nimport { API_URL } from \"utils\";\nimport * as Yup from \"yup\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCheckCircle } from \"@fortawesome/free-solid-svg-icons\";\n\nconst EmailSchema = Yup.object().shape({\n email: Yup.string().email(\"Invalid email\").required(\"Email is required\"),\n});\n\nconst ForgotPassword = () => {\n const [uiError, setUiError] = useState(null);\n\n const { mutate: handleSubmit, isLoading, data: response } = useMutation(\n async ({ email }) => {\n const requestOptions = {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n email: email,\n redirect_url: `${process.env.REACT_APP_RESET_PASSWORD_REDIRECT_URL}/reset-password`,\n }),\n };\n const response = await fetch(`${API_URL}/auth/password`, requestOptions);\n return await response.json();\n }\n );\n\n useEffect(() => {\n const errors = response?.errors || response?.error;\n setUiError(Array.isArray(errors) ? errors.join(\", \") : errors);\n }, [response]);\n\n return (\n \n
\n\n \n \n Thanks! Your account has been registered.\n
\nYou must confirm your account before you log in.
\nForgot Password
\n {response?.message ? (\n <>\n\n
\n \n ) : (\n <>\n {uiError && {response?.message}
\n\n \nReset Password
\n {data?.message ? (\n <>\n\n
\n \n ) : (\n <>\n {uiError && {data?.message}
\n \nPasswords must be between 8 and 18 characters.
\n\n We recommend using a combination of uppercase letters, lowercase letters,\n numbers, and special characters.\n
\n \n);\n","import React, { useEffect, useState } from \"react\";\nimport { Prompt, useHistory } from \"react-router-dom\";\nimport AlertModal from \"components/AlertModal\";\nimport Button from \"components/Button\";\nimport { faExclamationTriangle } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nconst RouteLeavingGuard = ({ when, shouldBlockNavigation }) => {\n const [modalVisible, setModalVisible] = useState(false);\n const [lastLocation, setLastLocation] = useState(null);\n const [confirmedNavigation, setConfirmedNavigation] = useState(false);\n const history = useHistory();\n\n const closeModal = () => {\n setModalVisible(false);\n };\n\n const handleBlockedNavigation = (nextLocation) => {\n if (!confirmedNavigation && shouldBlockNavigation(nextLocation)) {\n setModalVisible(true);\n setLastLocation(nextLocation);\n return false;\n }\n return true;\n };\n\n const handleConfirmNavigationClick = () => {\n setModalVisible(false);\n setConfirmedNavigation(true);\n };\n\n useEffect(() => {\n if (confirmedNavigation && lastLocation) {\n // Navigate to the previous blocked location with your navigate function\n history.push(lastLocation.pathname);\n setConfirmedNavigation(false);\n }\n }, [confirmedNavigation, lastLocation, history]);\n\n return (\n <>\n\n \n
\n\n
\n \n \n );\n};\nexport default RouteLeavingGuard;\n","import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\nimport { Formik, Form, useFormikContext } from \"formik\";\nimport FormField from \"components/FormField\";\nimport RouteLeavingGuard from \"components/RouteLeavingGuard\";\nimport * as Yup from \"yup\";\nimport { FORM_MODES } from \"utils\";\nimport { useMutation } from \"react-query\";\nimport { apiFetch } from \"utils\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport Button from \"components/Button\";\n\nconst UserProfileForm = ({\n user,\n formMode,\n cancelRoute,\n onUpdateSuccess,\n onUpdateError,\n}) => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { isAdmin } = useUserState();\n const { orgId } = useParams();\n const [isSuccess, setIsSuccess] = useState(false);\n const [showConfirmEmail, setShowConfirmEmail] = useState(\n formMode === FORM_MODES.ADD\n );\n const [status, setStatus] = useState(!!user.attributes.confirmedAt);\n const [role, setRole] = useState(user.attributes.systemAdmin);\n\n const initialValues = {\n fullName: user.attributes.fullName || \"\",\n title: user.attributes.title || \"\",\n email: user.attributes.email || \"\",\n confirmEmail: \"\",\n confirmedAt: !user.attributes.confirmedAt || false,\n systemAdmin: user.attributes.systemAdmin || false,\n isActive: !user.attributes.archivedAt || false,\n };\n\n const UserProfileSchema = Yup.object().shape({\n fullName: Yup.string().required(\"Name is required\"),\n title: Yup.string().required(\"Title is required\"),\n email: Yup.string().email(\"Invalid email\").required(\"Email is required\"),\n confirmEmail: Yup.lazy(() =>\n showConfirmEmail\n ? Yup.string()\n .email(\"Invalid email\")\n .oneOf([Yup.ref(\"email\")], \"Emails do not match\")\n .required(\"Confirm the email\")\n : Yup.string()\n ),\n });\n\n const { mutate: addMember, isLoading: isLoadingAdd } = useMutation(\n ({ fullName, title, email }) =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/user_membership_invites`,\n method: \"POST\",\n body: {\n data: {\n type: \"user_membership_invites\",\n attributes: {\n resourceId: orgId,\n resourceType: \"organization\",\n name: fullName,\n title,\n email,\n },\n },\n },\n }),\n {\n onSuccess: (data) => {\n setIsSuccess(true);\n onUpdateSuccess(data);\n },\n onError: (e) => {\n setIsSuccess(false);\n onUpdateError(e);\n },\n }\n );\n\n const { mutate: updateUserInformation, isLoading } = useMutation(\n ({ fullName, title, email, isActive }) =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/users/${user.id}`,\n method: \"PATCH\",\n body: {\n data: {\n id: user.id,\n type: \"users\",\n attributes: {\n fullName,\n title,\n confirmedAt: status === \"true\" ? new Date() : null,\n systemAdmin: role,\n archivedAt: !isActive ? new Date() : null,\n ...(showConfirmEmail ? { unconfirmedEmail: email } : {}),\n },\n },\n },\n }),\n {\n onSuccess: (data) => {\n setIsSuccess(true);\n onUpdateSuccess(data);\n },\n onError: (e) => {\n setIsSuccess(false);\n onUpdateError(e);\n },\n }\n );\n\n const { mutate: resetUserPassword } = useMutation(() =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/users/${user.id}/reset/`,\n method: \"POST\",\n body: {\n data: {\n id: user.id,\n },\n },\n })\n );\n\n const SelectOptions = ({ props, children }) => {\n const propsClone = { ...props };\n delete propsClone?.className;\n delete propsClone?.value;\n return (\n \n
\n\n \n You have unsaved changes. If you proceed, these changes will be\n lost.\n
\n\n\n \n \n
\n \n {!!response.data.attributes.unconfirmedEmail ? (\n
,\n {\n autoClose: !!response.data.attributes.unconfirmedEmail ? 5000 : 3000,\n }\n );\n };\n\n const handleUpdateError = (error) => {\n toast.error(() => formatUiErrors(error), {\n autoClose: 5000,\n });\n };\n\n return (\n \n Please check your email account for `\n {response.data.attributes.unconfirmedEmail}` to confirm your new\n email address. Your login information will not change until you\n confirm.\n
\n ) : (\n \"Saved successfully\"\n )}\n \n
\n );\n};\n\nexport default Profile;\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { range } from \"lodash\";\n\nconst LEFT_PAGE = \"LEFT\";\nconst RIGHT_PAGE = \"RIGHT\";\n\nconst Pagination = ({\n totalPages,\n currentPage,\n pageNeighbors,\n onPageChanged,\n}) => {\n const [pages, setPages] = useState([]);\n\n /**\n * pageNeighbors: is the number of additional page numbers to show on each side of the current page.\n * The value can be 0, 1, or 2 and will default to 0 (set in the defaultValues) if not specified.\n * currentPage: the currentPage\n * totalPages: the total number of pages based on the API response\n */\n const getPages = ({ pageNeighbors, currentPage, totalPages }) => {\n /**\n * totalNumbers: the total page numbers to show, i.e. if pageNeighbors = 2, totalNumbers is 7\n * totalBlocks: totalNumbers + 2 to cover for the left(<) and right(>) controls\n */\n const totalNumbers = pageNeighbors * 2 + 3;\n const totalBlocks = totalNumbers + 2;\n\n if (totalPages > totalBlocks) {\n const startPage = Math.max(2, currentPage - pageNeighbors);\n const endPage = Math.min(totalPages - 1, currentPage + pageNeighbors);\n // We need the + 1 on the second range parameter (`end`) because the lodash range method\n // returns a range *UP TO, BUT NOT INCLUDING* the `end` value\n let pages = range(startPage, endPage + 1);\n\n /**\n * hasLeftSpill: has hidden pages to the left\n * hasRightSpill: has hidden pages to the right\n * spillOffset: number of hidden pages either to the left or to the right\n */\n const hasLeftSpill = startPage > 2;\n const hasRightSpill = totalPages - endPage > 1;\n const spillOffset = totalNumbers - (pages.length + 1);\n\n if (hasLeftSpill && !hasRightSpill) {\n // handle: (1) < {5 6} [7] {8 9} (10)\n // extra pages is the range starting from the max number of pages\n // we want to show BEFORE the startPage, through start page - 1\n // i.e. startPage = 8, spillOffset = 4, extraPages = [4, 5, 6, 7]\n const extraPages = range(startPage - spillOffset, startPage);\n pages = [LEFT_PAGE, ...extraPages, ...pages];\n } else if (!hasLeftSpill && hasRightSpill) {\n // handle: (1) {2 3} [4] {5 6} > (10)\n // extra pages is the range starting from the number AFTER the end range, through the spill offset\n // i.e. endPage = 3, spillOffset = 4, extraPages = [4, 5, 6, 7]\n const extraPages = range(endPage + 1, endPage + spillOffset + 1);\n pages = [...pages, ...extraPages, RIGHT_PAGE];\n } else if (hasLeftSpill && hasRightSpill) {\n // handle: (1) < {4 5} [6] {7 8} > (10)\n pages = [LEFT_PAGE, ...pages, RIGHT_PAGE];\n }\n\n return [1, ...pages, totalPages];\n }\n\n return range(1, totalPages + 1);\n };\n\n useEffect(() => {\n setPages(getPages({ pageNeighbors, currentPage, totalPages }));\n }, [currentPage, pageNeighbors, totalPages]);\n\n const handlePageClick = (page) => {\n switch (page) {\n case RIGHT_PAGE:\n onPageChanged(currentPage + 1);\n break;\n case LEFT_PAGE:\n onPageChanged(currentPage - 1);\n break;\n default:\n onPageChanged(page);\n }\n };\n\n return !!pages.length ? (\n \n ) : null;\n};\n\nPagination.propTypes = {\n totalPages: PropTypes.number.isRequired,\n currentPage: PropTypes.number.isRequired,\n pageNeighbors: PropTypes.oneOf([0, 1, 2]),\n onPageChanged: PropTypes.func,\n};\nPagination.defaultProps = {\n pageNeighbors: 2,\n};\n\nexport default Pagination;\n","import React from \"react\";\nimport { Menu, MenuButton } from \"@szhsin/react-menu\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faEllipsisV } from \"@fortawesome/free-solid-svg-icons\";\n\nconst ActionsMenu = ({ children }) => {\n return (\n User Profile
\n\n {formMode === FORM_MODES.VIEW && (\n\n \n\n Loading…}\n >\n Reset Password\n \n
\n )}\n\n Organizations
\n\n\n \n {({ setFieldValue }) => (\n \n )}\n \n
\n\n \n setPage(page)}\n />\n
\n )}\n \n );\n};\n\nexport default Organizations;\n\nconst Menu = ({ id, organization, deleteOrg, resendAuthorizationEmail }) => {\n return (\n \n {tabs.map((tab, index) => (\n \n {tab.label}\n \n ))}\n
\n );\n};\n\nexport default Tabs;\n","import React, { useEffect, useState } from \"react\";\nimport { endOfMonth, setMonth, subYears, format } from \"date-fns\";\nimport PropTypes from \"prop-types\";\nimport { Formik, Form, FieldArray, useFormikContext } from \"formik\";\nimport FormField from \"components/FormField\";\nimport RouteLeavingGuard from \"components/RouteLeavingGuard\";\nimport * as Yup from \"yup\";\nimport { useMutation, useQuery } from \"react-query\";\nimport {\n apiFetch,\n formatEin,\n formatBusinessNumber,\n speciesMap,\n FORM_MODES,\n formatPhoneNumberForFormFields,\n formatPhoneNumberForApi,\n formatDateObject,\n usePermissions,\n ROUTE_GUARDS,\n} from \"utils\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport Button from \"components/Button\";\nimport DatePickerField from \"components/DatePickerField\";\nimport SpeciesCheckbox from \"components/SpeciesCheckbox\";\nimport {\n OrganizationTypeTooltip,\n OrganizationEinTooltip,\n OrganizationAnnualBudgetTooltip,\n OrganizationStatusTooltip,\n OrganizationBusinessNumberTooltip,\n} from \"components/Tooltips\";\n\nconst OrganizationForm = ({\n organization,\n formMode,\n onUpdateSuccess,\n onUpdateError,\n orgId,\n}) => {\n const { isAdmin, isOrgAdmin } = useUserState();\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const [isSuccess, setIsSuccess] = useState(false);\n const [showConfirmEmail, setShowConfirmEmail] = useState(false);\n const [annualTotal, setAnnualTotal] = useState(0);\n const lastYear = subYears(new Date(), 1);\n const initialValues = getInitialValues({ organization, formMode });\n const [initialIodApiOption] = useState(initialValues.iodApiOption);\n const permissions = usePermissions();\n const isOrgMember = permissions[ROUTE_GUARDS.CAN_VIEW_ORG]();\n\n const OrganizationSchema = Yup.object().shape({\n name: Yup.string().required(\"Name is required\"),\n country: Yup.string().required(\"Country is required\"),\n organizationType: Yup.string().required(\"Select an organization type\"),\n status: Yup.string().required(\"Select an organization Status\"),\n websiteUrl: Yup.string().url(\n \"Invalid URL: Include https:// prefix to your URL\"\n ),\n incorporatedOn: Yup.string().required(\"Date is required\"),\n ein: Yup.string().when(\"country\", {\n is: \"United States\",\n then: Yup.string()\n .matches(/^\\d{9}$/, \"Invalid EIN\")\n .required(\"EIN is required\"),\n }),\n businessNumber: Yup.string().when(\"country\", {\n is: \"Canada\",\n then: Yup.string()\n .matches(/^\\d{9}$/, \"Invalid business number\")\n .required(\"Business number is required\"),\n }),\n annualIntake: Yup.string().required(\"Animal intake is required\"),\n annualOperatingBudget: Yup.string().required(\n \"Annual operating budget is required\"\n ),\n authorizerName: Yup.string().required(\"Authorizer name is required\"),\n authorizerTitle: Yup.string().required(\"Authorizer title is required\"),\n authorizerEmail: Yup.string()\n .email(\"Invalid email\")\n .required(\"Authorizer email is required\"),\n authorizerConfirmEmail: Yup.lazy(() =>\n showConfirmEmail\n ? Yup.string()\n .email(\"Invalid email\")\n .oneOf([Yup.ref(\"authorizerEmail\")], \"Emails do not match\")\n .required(\"Confirm the authorizer email\")\n : Yup.string()\n ),\n authorizerPhoneNumber: Yup.string()\n .matches(\n /^\\(?([2-9]\\d\\d)\\)?[-. ]?(\\d{3})[-. ]?(\\d{4})$/,\n \"Invalid phone number\"\n )\n .required(\"Phone number is required\"),\n iodApiOption: Yup.string(),\n externalId: Yup.string().when(\"iodApiOption\", {\n is: \"yes\",\n then: Yup.string().required(\"Software Unique Identifier is required\"),\n }),\n shelterSoftware: Yup.string().required(\"Shelter software is required\"),\n aapId: Yup.string(),\n notes: Yup.string(),\n });\n\n const { mutate: updateOrganizationDetails, isLoading } = useMutation(\n ({\n name,\n country,\n organizationType,\n websiteUrl,\n incorporatedOn,\n ein,\n businessNumber,\n animalSpecies,\n annualIntake,\n annualOperatingBudget,\n shelterSoftware,\n externalId,\n iodApiOption,\n iodApiActive,\n authorizerName,\n authorizerTitle,\n status,\n authorizerEmail,\n authorizerPhoneNumber,\n authorizerExtension,\n aapId,\n notes,\n }) =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/organizations/${organization.id}`,\n method: \"PATCH\",\n body: {\n data: {\n id: organization.id,\n type: \"organizations\",\n attributes: {\n name,\n country,\n organizationType,\n status,\n websiteUrl,\n incorporatedOn: format(incorporatedOn, \"dd/MM/yyyy\"),\n ...(isAdmin ? { ein: ein.replace(/\\D/g, \"\") } : {}),\n ...(isAdmin\n ? { businessNumber: businessNumber.replace(/\\D/g, \"\") }\n : {}),\n animalSpecies: Object.keys(animalSpecies).reduce((array, key) => {\n if (!!animalSpecies[key]) {\n array.push(key);\n }\n return array;\n }, []),\n annualIntake,\n annualOperatingBudget,\n externalId: externalId.trim(),\n iodApiOption,\n iodApiActive,\n shelterSoftware,\n ...(isOrgAdmin\n ? {\n authorizerName,\n authorizerTitle,\n ...(showConfirmEmail ? { authorizerEmail } : {}),\n authorizerPhoneNumber: formatPhoneNumberForApi({\n phoneNumber: authorizerPhoneNumber,\n extension: authorizerExtension,\n }),\n }\n : {}),\n ...(initialIodApiOption !== iodApiOption\n ? { iodApiOptionUpdated: new Date() }\n : {}),\n ...(isAdmin ? { aapId } : {}),\n ...(isAdmin ? { notes } : {}),\n },\n },\n },\n }),\n {\n onSuccess: (data) => {\n setIsSuccess(true);\n onUpdateSuccess(data);\n },\n onError: (e) => {\n setIsSuccess(false);\n onUpdateError(e);\n },\n }\n );\n\n useQuery(\n [\"organizationAnnualIntakeTotal\", orgId],\n () =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/organizations/annual_intake_totals?filter[organization_id][eq]=${orgId}`,\n }),\n {\n onSuccess: ({ data }) => {\n data > 0 ? setAnnualTotal(data) : setAnnualTotal(0);\n },\n }\n );\n\n return (\n Organization Managers
\n\n {isAdmin && (\n
\n\n {!isOrgMember && communicationOptIn && (\n {formMode === FORM_MODES.EDIT && \"Editing \"}Details
\n\n {isOrgAdmin && formMode === FORM_MODES.VIEW && isOrgMember && (\n\n \n\n {response.data.attributes.status === \"registered\" && (\n Resending authorization email…}\n >\n Resend Authorization Email\n \n )}\n
\n )}\n \n
\n )}\n\n \n {isLoading ? (\n \n
\n
\n );\n};\n\nConfirmationModal.propTypes = {\n prompt: PropTypes.string.isRequired,\n isLoading: PropTypes.bool,\n error: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n closeModal: PropTypes.func.isRequired,\n confirmModal: PropTypes.func.isRequired,\n};\n\nConfirmationModal.defaultProps = {\n isLoading: false,\n error: null,\n};\n\nexport default ConfirmationModal;\n","import React, { useEffect, useState } from \"react\";\nimport { useQuery, useQueryClient, useMutation } from \"react-query\";\nimport { Link, useParams } from \"react-router-dom\";\nimport { toast } from \"react-toastify\";\nimport { get } from \"lodash\";\nimport { MenuItem, FocusableItem } from \"@szhsin/react-menu\";\nimport { ROUTE_GUARDS, apiFetch, getTotalPages, usePermissions } from \"utils\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport ActionsMenu from \"components/ActionsMenu\";\nimport ConfirmationModal from \"components/ConfirmationModal\";\nimport AlertModal from \"components/AlertModal\";\nimport Button from \"components/Button\";\nimport Table from \"components/Table\";\nimport Pagination from \"components/Pagination\";\n\nconst Locations = () => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const queryClient = useQueryClient();\n const permissions = usePermissions();\n const { organization, isAdmin } = useUserState();\n const { orgId } = useParams();\n const [page, setPage] = useState(1);\n const [totalPages, setTotalPages] = useState(0);\n const [locationToDelete, setLocationToDelete] = useState(null);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [modalError, setModalError] = useState(null);\n const isOrgMember = permissions[ROUTE_GUARDS.CAN_VIEW_ORG]();\n const getOrgLocations = ({ page = 1 }) =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/locations?filter[organization_id][eq]=${orgId}&extra_fields[locations]=us_county_name&page[number]=${page}&stats[total]=count&sort=name`,\n includeMeta: true,\n });\n\n // Initial query\n const {\n data: response = { data: [] },\n error,\n isLoading,\n } = useQuery(\n [\"organizationLocations\", { orgId, page }],\n () => getOrgLocations({ page }),\n {\n keepPreviousData: true,\n }\n );\n\n // Prefetch the next page of organizations\n useEffect(() => {\n if (totalPages > page) {\n queryClient.prefetchQuery(\n [\"organizationLocations\", { orgId, page: page + 1 }],\n () => getOrgLocations({ page: page + 1 })\n );\n }\n }, [response, page, queryClient]);\n\n // Update the total pages count from the API/query response\n useEffect(() => {\n const totalPages = getTotalPages({\n totalCount: get(response, \"meta.stats.total.count\") || 0,\n });\n setTotalPages(totalPages);\n }, [response]);\n\n const columns = [\n {\n accessor: \"id\",\n Header: \"Location Id\",\n },\n {\n accessor: \"attributes.name\",\n Header: \"Name\",\n },\n {\n accessor: \"address\",\n Header: \"Address\",\n Cell: ({ row: { original } }) => (\n <>\n {isOrgMember && `${original.attributes.addressLine1}`}\n {isOrgMember && original.attributes.addressLine2 && (\n <>\n Loading…
\n ) : (\n <>\n {error ? (\n <>\n \n
\n {formatUiErrors(error)}
\n \n ) : (\n {prompt}
\n )}\n\n\n \n \n
\n \n )}\n \n {original.attributes.addressLine2}\n
\n \n )}\n {original.attributes.city},{\" \"}\n {`${\n original.attributes.country === \"United States\"\n ? original.attributes.usState\n : original.attributes.provinceOrTerritory\n }, `}\n {original.attributes.country === \"United States\"\n ? original.attributes.zipCode\n : original.attributes.postalCode}\n \n ),\n },\n ...[\n organization?.attributes.country === \"United States\"\n ? {\n accessor: \"attributes.usCountyName\",\n Header: \"County\",\n }\n : {\n accessor: \"attributes.provinceOrTerritory\",\n Header: \"Province/Territory\",\n },\n ],\n {\n accessor: \"attributes.status\",\n Header: \"Status\",\n },\n ];\n\n if (\n permissions[ROUTE_GUARDS.ORGANIZATION_MANAGER]() &&\n permissions[ROUTE_GUARDS.CAN_VIEW_ORG]()\n ) {\n columns.push({\n accessor: \"orgId\",\n Header: \"\",\n Cell: ({ row: { original } }) => (\n
\n
\n\n Locations
\n\n {/* TODO: https://app.asana.com/0/1179331329125530/1199708861796442/f */}\n {permissions[ROUTE_GUARDS.ORGANIZATION_MANAGER]() &&\n permissions[ROUTE_GUARDS.CAN_VIEW_ORG]() && (\n\n \n Add Location\n \n
\n )}\n \n setPage(page)}\n />\n
\n )}\n\n \n
\n\n \n {formMode === FORM_MODES.EDIT && \"Editing \"}\n {response.data.attributes.name}\n
\n\n {formMode === FORM_MODES.VIEW && (\n\n \n
\n )}\n \n
\n\n Add Location
\n\n {camelToTitle(role) || \"\"}\n\n {permissions[ROUTE_GUARDS.ORGANIZATION_MANAGER]() && (\n
\n );\n },\n },\n {\n accessor: \"id\",\n Header: \"\",\n Cell: ({ row: { original } }) =>\n permissions[ROUTE_GUARDS.ORGANIZATION_MANAGER]() && (\n \n \n editOrSave(e)}>\n {!isEdited ? \"Edit\" : \"Save\"}\n \n \n }\n className=\"actions-menu\"\n align=\"end\"\n >\n \n \n \n
\n )}\n \n
\n\n Members
\n\n {permissions[ROUTE_GUARDS.ORGANIZATION_MANAGER]() && (\n\n \n Invite Member\n \n
\n )}\n \n setPage(page)}\n />\n
\n )}\n\n \n
\n\n Invite Member
\n\n {!!response.data.attributes.unconfirmedEmail ? (\n
,\n {\n autoClose: !!response.data.attributes.unconfirmedEmail ? 5000 : 3000,\n }\n );\n\n queryClient.invalidateQueries([\"organizationMembers\", { orgId }], {\n refetchActive: true,\n });\n\n return queryClient.setQueryData([\"user\", userId], response);\n };\n\n const handleUpdateError = (error) => {\n toast.error(() => formatUiErrors(error), {\n autoClose: 5000,\n });\n };\n\n if (isLoading) {\n return \n An email was sent to the account for `\n {response.data.attributes.unconfirmedEmail}` to confirm the new\n email address.\n
\n ) : (\n \"Saved successfully\"\n )}\n \n
\n\n \n {formMode === FORM_MODES.EDIT && \"Editing \"}\n {response.data.attributes.fullName}\n
\n\n {formMode === FORM_MODES.VIEW && (\n\n \n
\n )}\n {cell.value}
,\n },\n {\n accessor: \"attributes.description\",\n Header: \"Description\",\n },\n {\n accessor: \"attributes.status\",\n Header: \"Status\",\n Cell: ({ cell }) => titleCase(cell.value),\n },\n ];\n};\n// Columns - Map up with accessor from Data - attributes.name etc.\nexport const baseColumns = [\n {\n accessor: \"attributes.name\",\n Header: \"Name\",\n Cell: ({ cell }) => cell.value,\n },\n {\n accessor: \"attributes.operatingRegion\",\n Header: \"States/Provinces\",\n Cell: ({ cell }) => (cell.value ? uniq(cell.value).join(\", \") : \"\"),\n },\n {\n accessor: \"attributes.operatingRegionType\",\n Header: \"Region Type\",\n },\n {\n accessor: \"attributes.organizationsCount\",\n Header: \"Shelters\",\n Cell: ({ cell }) => {cell.value}
,\n },\n {\n accessor: \"attributes.description\",\n Header: \"Description\",\n },\n {\n accessor: \"attributes.status\",\n Header: \"Status\",\n Cell: ({ cell }) => titleCase(cell.value),\n },\n];\n\nexport const baseColumnsForSharing = [\n {\n accessor: \"attributes.name\",\n Header: \"Name\",\n Cell: ({ cell }) => cell.value,\n },\n {\n accessor: \"attributes.organizationsCount\",\n Header: \"Shelters\",\n Cell: ({ cell }) => {cell.value}
,\n },\n {\n accessor: \"attributes.description\",\n Header: \"Description\",\n },\n {\n accessor: \"attributes.status\",\n Header: \"Status\",\n Cell: ({ cell }) => titleCase(cell.value),\n },\n];\n/**\n * Constructs array of a user's roles in a given coalition\n * @param {Object} params\n * @param {string} params.coalitionId\n * @param {Object} params.coalitions\n * @return arr Returns array of roles\n */\nexport const getCoalitionRoles = ({ coalitionId, coalitions }) => {\n if (!coalitions || !coalitions[coalitionId]) return [];\n\n const memberships = coalitions[coalitionId];\n return Object.keys(memberships).map((key) => {\n const membership = memberships[key];\n let role =\n camelToTitle(membership.attributes.role) || \"Coalition Contributor\";\n\n if (\n membership.attributes.status === \"requested\" ||\n membership.attributes.status === \"reminded\"\n ) {\n role += ` (${\n membership.attributes.statusActor === \"Organization\"\n ? \"requested\"\n : \"invited\"\n })`;\n } else if (membership.attributes.status === \"rejected\") {\n role += ` (${\n membership.attributes.statusActor === \"Organization\"\n ? \"rejected by organization\"\n : \"rejected by coalition\"\n })`;\n }\n\n return role;\n });\n};\n\nexport const getDataSharing = ({ coalitionId, coalitions, type }) => {\n if (!coalitions || !coalitions[coalitionId]) return [];\n\n const memberships = coalitions[coalitionId];\n return Object.keys(memberships).map((key) => {\n const membership = memberships[key];\n let role = membership.attributes.intakeOutcomeDataSharing;\n if (type == \"community\")\n role = membership.attributes.communityServiceDataSharing;\n return role;\n });\n};\n\nexport const getDataSharingType = ({ coalitionId, coalitions, type }) => {\n if (!coalitions || !coalitions[coalitionId]) return \"None\";\n\n const memberships = coalitions[coalitionId];\n const orgMembership = memberships[\"orgMembership\"];\n\n let status = false;\n\n if (type === \"community\")\n status = orgMembership?.attributes.communityServiceDataSharing;\n else status = orgMembership?.attributes.intakeOutcomeDataSharing;\n\n return status ? \"All\" : \"None\";\n};\n\n/**\n * Returns markup for My Role column based on user's roles in a coalition\n * @param {Object} params\n * @param {string} params.coalitionId\n * @param {Object} params.coalitions\n * @return JSX\n */\nexport const coalitionRoleColumn = ({ coalitionId, coalitions }) => {\n const roles = getCoalitionRoles({ coalitionId, coalitions });\n\n if (!roles.length) return \"--\";\n return (\n \n {roles.map((role, i) => {\n return
\n );\n};\n\nexport const coalitionSharing = ({\n coalitionId,\n coalitions,\n type,\n openModel,\n}) => {\n const roles = getDataSharing({ coalitionId, coalitions, type });\n const coaRoles = getCoalitionRoles({ coalitionId, coalitions });\n\n return (\n {role}
;\n })}\n \n {roles.includes(true) ? \"Yes\" : \"No\"} \n {(coaRoles.includes(\"Coalition Contributor\") ||\n coaRoles.includes(\"Coalition Contributor (invited)\")) && (\n \n openModel({ id: coalitionId, type, state: roles.includes(true) })\n }\n />\n )}\n
\n );\n};\n\n/**\n * Hook that handles success of respond to coalition invite request\n * @param {Object} params\n * @param {Object} params.response API response\n * @param {Object} params.organization User's organization\n * @param {Array} params.coalition\n * @param {string} params.action \"accept\" || \"reject\"\n * @return {function}\n */\nexport const useHandleRespondToInviteSuccess = () => {\n const { createContributorMembership } = useManageCoalitionMemberships();\n const { handleSuccess } = useHandleRequestStates();\n\n return ({ response, organization, coalition, action }) => {\n const updatedMembershipRecord = response.data;\n const coalitionName = get(coalition, \"attributes.name\");\n\n createContributorMembership(updatedMembershipRecord);\n const message =\n action === COALITION_MEMBERSHIP_ACTIONS.ACCEPT\n ? `${organization.attributes.name} is now an active contributor of ${coalitionName}`\n : `Declined invitation to join ${coalitionName}`;\n\n handleSuccess({\n message,\n queries: [\n {\n key: \"myCoalitions\",\n config: {\n refetchActive: true,\n },\n },\n {\n key: \"coalitions\",\n },\n {\n key: [\"coalitionContributors\", coalition.id],\n },\n {\n key: [\"searchOrganizations\", { coalitionId: coalition.id }],\n },\n ],\n });\n };\n};\n\n/**\n * Hook that handles success of request access to coalition request\n * @param {Object} params\n * @param {Object} params.response API response\n * @param {Array} params.coalition\n * @return {function}\n */\nexport const useHandleRequestAccessSuccess = () => {\n const { createContributorMembership } = useManageCoalitionMemberships();\n const { handleSuccess } = useHandleRequestStates();\n\n return ({ response, coalition }) => {\n const newMembershipRecord = response.data;\n const coalitionId = String(newMembershipRecord.attributes.coalitionId);\n\n createContributorMembership(newMembershipRecord);\n\n handleSuccess({\n message: `A request email has been sent to the members of ${get(\n coalition,\n \"attributes.name\"\n )}`,\n queries: [\n {\n key: \"coalitions\",\n config: {\n refetchActive: true,\n },\n },\n {\n key: \"myCoalitions\",\n },\n {\n key: [\"coalitionContributors\", coalition.id],\n },\n {\n key: [\"searchOrganizations\", { coalitionId: coalition.id }],\n },\n ],\n });\n };\n};\n\n/**\n * Hook that handles success of leave coalition request\n * @param {Object} coalition\n * @return {function}\n */\nexport const useHandleLeaveCoalitionSuccess = () => {\n const { deleteContributorMembership } = useManageCoalitionMemberships();\n const { handleSuccess } = useHandleRequestStates();\n\n return (coalition) => {\n deleteContributorMembership(coalition.id);\n\n handleSuccess({\n message: `Your organization has been successfully removed from ${get(\n coalition,\n \"attributes.name\"\n )}`,\n queries: [\n {\n key: \"myCoalitions\",\n config: {\n refetchActive: true,\n },\n },\n {\n key: \"coalitions\",\n },\n {\n key: [\"coalitionContributors\", coalition.id],\n },\n {\n key: [\"searchOrganizations\", { coalitionId: coalition.id }],\n },\n ],\n });\n };\n};\n","import React, { useState, useEffect } from \"react\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport { useQuery, useQueryClient, useMutation } from \"react-query\";\nimport { FocusableItem, MenuItem } from \"@szhsin/react-menu\";\nimport { Formik, Form, Field } from \"formik\";\nimport { isEqual, get } from \"lodash\";\nimport {\n apiFetch,\n getTotalPages,\n usePermissions,\n useHandleRequestStates,\n ROUTE_GUARDS,\n getCoalitions,\n COALITION_MEMBERSHIP_ACTIONS,\n} from \"utils\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport Table from \"components/Table\";\nimport Pagination from \"components/Pagination\";\nimport ActionsMenu from \"components/ActionsMenu\";\nimport FormField from \"components/FormField\";\nimport Button from \"components/Button\";\nimport StateDropdown from \"components/StateDropdown\";\nimport ProvinceDropdown from \"components/ProvinceDropdown\";\nimport RegionDropDown from \"components/RegionDropDown\";\nimport {\n coalitionRoleColumn,\n useHandleRespondToInviteSuccess,\n useHandleRequestAccessSuccess,\n useHandleLeaveCoalitionSuccess,\n getDataSharingType,\n baseColumnsForSharing,\n getBaseColumns,\n} from \"./utils\";\nimport AlertModal from \"components/AlertModal\";\n\nconst CoalitionsTable = ({ userId, organization, path = \"\" }) => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { coalitions, isAdmin } = useUserState();\n const queryClient = useQueryClient();\n const { handleError } = useHandleRequestStates();\n const handleRespondToInviteSuccess = useHandleRespondToInviteSuccess();\n const handleRequestAccessSuccess = useHandleRequestAccessSuccess();\n const handleLeaveCoalitionSuccess = useHandleLeaveCoalitionSuccess();\n const orgId = get(organization, \"id\");\n const { pathname } = useLocation();\n const [isModalOpen, setIsModelOpen] = useState(false);\n const [openUserId, setOpenUserId] = useState(0);\n const [state, setOpenState] = useState(false);\n const [openType, setOpenType] = useState(\"\");\n\n // Pagination\n const [totalPages, setTotalPages] = useState(0);\n const [page, setPage] = useState(1);\n\n // const openModel = (data) => {\n // setIsModelOpen(true);\n // setOpenUserId(data.id);\n // setOpenType(data.type);\n // setOpenState(data.state);\n // };\n // Form Filters\n const initialFilters = {\n search: \"\",\n operatingRegions: \"\",\n region: \"\",\n country: \"United States\",\n };\n const [filters, setFilters] = useState(initialFilters);\n\n // Initial query\n const {\n data: response = { data: [], included: [] },\n isLoading,\n error,\n } = useQuery(\n [\n userId\n ? \"myCoalitions\"\n : path\n ? [\"orgCoalitions\", `${orgId}`]\n : \"coalitions\",\n { page, ...filters },\n ],\n () =>\n getCoalitions({\n token,\n dispatch,\n page,\n ...filters,\n userId,\n orgId: pathname === \"/coalitions\" ? \"\" : orgId,\n }),\n {\n keepPreviousData: true,\n refetchOnWindowFocus: true,\n staleTime: 0,\n cacheTime: 0,\n }\n );\n\n // Prefetch the next page of coalitions\n useEffect(() => {\n if (totalPages > page) {\n queryClient.prefetchQuery(\n [\n userId\n ? \"myCoalitions\"\n : path\n ? [\"orgCoalitions\", `${orgId}`]\n : \"coalitions\",\n { page: page + 1, ...filters },\n ],\n () =>\n getCoalitions({\n token,\n dispatch,\n page: page + 1,\n ...filters,\n userId,\n orgId: pathname === \"/coalitions\" ? \"\" : orgId,\n })\n );\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [response, totalPages, filters, queryClient]);\n\n // Update the total pages count from the API/query response\n useEffect(() => {\n const totalPages = getTotalPages({\n totalCount: get(response, \"meta.stats.total.count\") || 0,\n });\n setTotalPages(totalPages);\n }, [response]);\n\n const columns = [\n ...(userId\n ? baseColumnsForSharing\n : getBaseColumns(organization?.attributes.country)),\n ...(userId\n ? [\n {\n accessor: \"id\",\n Header: \"My Role\",\n Cell: ({ cell }) =>\n coalitionRoleColumn({ coalitionId: cell.value, coalitions }),\n },\n {\n accessor: \"id1\",\n Header: \"Community Service Data Sharing\",\n Cell: ({ cell }) =>\n getDataSharingType({\n coalitionId: cell.row.original.id,\n coalitions,\n type: \"community\",\n }),\n },\n\n {\n accessor: \"id2\",\n Header: \"Intake/outcome Data Sharing\",\n Cell: ({ cell }) =>\n getDataSharingType({\n coalitionId: cell.row.original.id,\n coalitions,\n type: \"intake_outcome\",\n }),\n },\n ]\n : []),\n {\n accessor: \"actions\",\n Header: \"\",\n Cell: ({ row: { original } }) => {\n const membership = response?.included?.find(\n (data) =>\n data.type === \"coalition_memberships\" &&\n data.attributes.coalitionId === Number(original.id)\n );\n\n return (\n \n \n
\n )}\n\n \n \n {({\n resetForm,\n errors,\n touched,\n handleSubmit,\n values: { country },\n }) => (\n \n )}\n \n
\n\n \n setPage(page)}\n />\n
\n )}\n \n );\n};\n\nexport default CoalitionsTable;\n\nconst Menu = ({\n memberships,\n coalition,\n organization,\n userId,\n requestAccess,\n leaveCoalition,\n respondToInvitation,\n path,\n isAdmin,\n}) => {\n const permissions = usePermissions();\n const hasPendingCoalitionInvite =\n (userId || isAdmin) &&\n permissions[ROUTE_GUARDS.COALITION_CONTRIBUTOR_PENDING](coalition.id) &&\n get(memberships, \"orgMembership.attributes.statusActor\") === \"Coalition\";\n const orgHasPendingCoalitionInvite =\n path &&\n permissions[ROUTE_GUARDS.COALITION_CONTRIBUTOR_PENDING](coalition.id) &&\n get(memberships, \"orgMembership.attributes.statusActor\") === \"Organization\";\n const pendingInvites =\n hasPendingCoalitionInvite || orgHasPendingCoalitionInvite;\n const canRequestAccess =\n !isAdmin &&\n !userId &&\n permissions[ROUTE_GUARDS.ORGANIZATION_MANAGER]() &&\n !permissions[ROUTE_GUARDS.COALITION_CONTRIBUTOR](coalition.id);\n const canLeaveCoalition =\n (userId || path || isAdmin) &&\n permissions[ROUTE_GUARDS.ORGANIZATION_MANAGER]() &&\n permissions[ROUTE_GUARDS.COALITION_CONTRIBUTOR](coalition.id);\n const isOrgManagerAndCoalitionContributor =\n permissions[ROUTE_GUARDS.COALITION_CONTRIBUTOR](coalition.id) &&\n permissions[ROUTE_GUARDS.ORGANIZATION_MANAGER]() &&\n coalition.attributes.status === \"active\";\n\n return (\n \n
\n );\n }\n // Has one state (operatingRegionType === \"Statewide\" || operatingRegionType === \"Community\")\n if (typeof operatingRegion === \"string\" && !!operatingRegion) {\n return (\n \n {country === \"United States\" ? \"State\" : \"Province/Territory\"}\n
\n {operatingRegion.join(\", \")}
\n \n
\n );\n }\n // No state value\n return (\n \n {country === \"United States\" ? \"State\" : \"Province/Territory\"}\n
\n {operatingRegion}
\n \n
\n );\n }\n\n if (country === \"Canada\") {\n return (\n State
\n --
\n \n
\n\n Create Coalition
\n\n
\n );\n};\n\nexport default EntryLogs;\n","import React, { useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\n\nconst AnalyticsAndForecast = () => {\n const { orgId } = useParams();\n\n useEffect(() => {\n const script = document.createElement(\"script\");\n script.src = \"https://public.tableau.com/javascripts/api/viz_v1.js\";\n script.async = true;\n document.body.appendChild(script);\n\n return () => {\n document.body.removeChild(script);\n };\n }, []);\n\n return (\n Sharing Permissions
\n\n\n {formMode !== FORM_MODES.VIEW && (\n
\n \n {\n setFormMode(\"VIEW\");\n setSacCategoryData(\n getUniqueTypeSubtypePairs(sacCategoryGroups)\n );\n }}\n >\n Cancel\n \n
\n )}\n\n {formMode === FORM_MODES.VIEW && (\n \n {\n setFormMode(\"EDIT\");\n setSacCategoryData(\n getUniqueTypeSubtypePairs(sacCategoryGroups)\n );\n }}\n >\n Edit\n \n
\n )}\n \n
\n \n \n Intakes\n \n \n Subtypes\n \n \n SAC Category\n \n
\n \n {isFetching && intakeData.length === 0 ? (\n
\n \n \n Loading data…\n \n
\n ) : (\n intakeData.length === 0 && (\n \n \n No data found\n \n
\n )\n )}\n {intakeData.map((obj, idx) => (\n \n
\n \n \n Outcomes\n \n \n Subtypes\n \n \n SAC Category\n \n
\n \n {isFetching ? (\n
\n \n \n Loading data…\n \n
\n ) : (\n outcomeData.length === 0 && (\n \n \n No data found\n \n
\n )\n )}\n {outcomeData.map((obj, idx) => (\n \n {formMode !== FORM_MODES.VIEW && (\n Mapping…}\n onClick={mapCategories}\n type=\"button\"\n >\n Save\n \n )}\n {formMode !== FORM_MODES.VIEW && (\n {\n setFormMode(\"VIEW\");\n setSacCategoryData(getUniqueTypeSubtypePairs(sacCategoryGroups));\n }}\n >\n Cancel\n \n )}\n\n {formMode === FORM_MODES.VIEW && (\n {\n setFormMode(\"EDIT\");\n setSacCategoryData(getUniqueTypeSubtypePairs(sacCategoryGroups));\n }}\n >\n Edit\n \n )}\n
\n \n );\n}\n\nconst CategoryForm = ({ data, categoryData, idx, handleSave, formMode }) => (\n \n
\n );\n}\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { apiFetch } from \"utils\";\nimport { useAuthState, useAuthDispatch } from \"context\";\nimport { useQuery } from \"react-query\";\n\nexport default function RehomeDashboard() {\n const [tin, setTin] = useState(\"\");\n const { orgId } = useParams();\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n\n useQuery(\n [\"organizationLocations\", orgId],\n async () => {\n const response = await apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/organizations/${orgId}`,\n });\n\n return response.data;\n },\n {\n onSuccess: (data) => {\n setTin(\n data.attributes.country === \"United States\"\n ? data.attributes.ein\n : data.attributes.businessNumber\n );\n },\n }\n );\n\n useEffect(() => {\n const script = document.createElement(\"script\");\n script.src = \"https://public.tableau.com/javascripts/api/viz_v1.js\";\n script.async = true;\n document.body.appendChild(script);\n\n return () => {\n document.body.removeChild(script);\n };\n }, []);\n\n return (\n {name}
\n\n\n \n (\n <>\n (\n \n
\n \n );\n};\n\nexport default Organization;\n","import React, { useState, useEffect } from \"react\";\nimport { useQuery, useMutation, useQueryClient } from \"react-query\";\nimport { Link } from \"react-router-dom\";\nimport { MenuItem, FocusableItem } from \"@szhsin/react-menu\";\nimport { toast } from \"react-toastify\";\nimport { get } from \"lodash\";\nimport { apiFetch, getTotalPages } from \"utils\";\nimport { useAuthState, useAuthDispatch } from \"context\";\nimport { Formik, Form } from \"formik\";\nimport Table from \"components/Table\";\nimport Button from \"components/Button\";\nimport FormField from \"components/FormField\";\nimport Pagination from \"components/Pagination\";\nimport ActionsMenu from \"components/ActionsMenu\";\nimport AlertModal from \"components/AlertModal\";\nimport ConfirmationModal from \"components/ConfirmationModal\";\n\nconst Users = () => {\n const { token, userId } = useAuthState();\n const dispatch = useAuthDispatch();\n const queryClient = useQueryClient();\n const [page, setPage] = useState(1);\n const [totalPages, setTotalPages] = useState(0);\n const [search, setSearch] = useState(\"\");\n const [status, setStatus] = useState(\"\");\n const [userToDelete, setUserToDelete] = useState(null);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [modalError, setModalError] = useState(null);\n\n const getUsers = async ({ page = 1, search = \"\", status = \"\" }) => {\n return await apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/users?page[number]=${page}&filter[id][not_eq]=${userId}&stats[total]=count&sort=full_name${\n search ? `&filter[search]=${search}` : \"\"\n }${status ? `&filter[status][eq]=${status}` : \"\"}`,\n includeMeta: true,\n });\n };\n\n // Initial query\n const {\n data: response = { data: [] },\n error,\n isLoading,\n } = useQuery(\n [\"users\", { page, search, status }],\n () => getUsers({ page, search, status }),\n {\n keepPreviousData: true,\n }\n );\n\n // Prefetch the next page of users\n useEffect(() => {\n if (totalPages > page) {\n queryClient.prefetchQuery(\n [\"users\", { page: page + 1, search, status }],\n () => getUsers({ page: page + 1, search, status })\n );\n }\n }, [response, page, search, queryClient, status]);\n\n // Update the total pages count from the API/query response\n useEffect(() => {\n const totalPages = getTotalPages({\n totalCount: get(response, \"meta.stats.total.count\") || 0,\n });\n setTotalPages(totalPages);\n }, [response]);\n\n const columns = [\n {\n accessor: \"attributes.fullName\",\n Header: \"Name\",\n },\n {\n accessor: \"attributes.email\",\n Header: \"Email\",\n },\n {\n accessor: \"attributes.confirmedAt\",\n Header: \"Confirmation Status\",\n Cell: ({ cell }) => (cell.value ? \"Confirmed\" : \"Unconfirmed\"),\n },\n {\n accessor: \"id\",\n Header: \"\",\n Cell: ({ row: { original }, cell }) => (\n Coalitions
\nUsers
\n\n\n \n {({ setFieldValue }) => (\n \n )}\n \n
\n\n \n setPage(page)}\n />\n
\n )}\n\n Organizations
\n\n\n setPage(page)}\n />\n
\n )}\n \n );\n};\n\nUserOrganizations.propTypes = {\n userId: PropTypes.string.isRequired,\n};\n\nexport default UserOrganizations;\n","import React, { useState, useEffect } from \"react\";\nimport { useAuthState, useAuthDispatch } from \"context\";\nimport { useQuery, useQueryClient } from \"react-query\";\nimport Table from \"components/Table\";\nimport Pagination from \"components/Pagination\";\nimport { getTotalPages, camelToTitle, getCoalitions } from \"utils\";\nimport { uniq, get } from \"lodash\";\nimport Button from \"components/Button\";\n\nconst UserCoalitions = ({ userId }) => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const queryClient = useQueryClient();\n\n // Pagination\n const [totalPages, setTotalPages] = useState(0);\n const [page, setPage] = useState(1);\n\n // Initial query\n const {\n data: response = { data: [], included: [] },\n isLoading,\n error,\n } = useQuery(\n [\"userCoalitions\", { page, userId }],\n () => getCoalitions({ token, dispatch, page, userId }),\n {\n keepPreviousData: true,\n }\n );\n\n // Prefetch the next page of coalitions\n useEffect(() => {\n if (totalPages > page) {\n queryClient.prefetchQuery(\n [\"userCoalitions\", { page: page + 1, userId }],\n () => getCoalitions({ token, dispatch, page: page + 1, userId })\n );\n }\n }, [response, page, userId, queryClient]);\n\n // Update the total pages count from the API/query response\n useEffect(() => {\n const totalPages = getTotalPages({\n totalCount: get(response, \"meta.stats.total.count\") || 0,\n });\n setTotalPages(totalPages);\n }, [response]);\n\n // Columns - Map up with accessor from Data - attributes.name etc.\n const columns = [\n {\n accessor: \"attributes.name\",\n Header: \"Name\",\n },\n {\n accessor: \"attributes.operatingRegion\",\n Header: \"States\",\n Cell: ({ cell }) => (cell.value ? uniq(cell.value).join(\", \") : \"\"),\n },\n {\n accessor: \"attributes.operatingRegionType\",\n Header: \"Region Type\",\n },\n {\n accessor: \"attributes.organizationsCount\",\n Header: \"Shelters\",\n Cell: ({ cell }) => {cell.value}
,\n },\n {\n accessor: \"attributes.description\",\n Header: \"Description\",\n },\n ...(userId\n ? [\n {\n accessor: \"attributes.userRole\",\n Header: \"My Role\",\n Cell: ({ cell, row: { original } }) =>\n `${camelToTitle(cell.value)}${\n original.attributes.userStatus === \"requested\"\n ? ` - (${original.attributes.userStatus})`\n : \"\"\n }`,\n },\n ]\n : []),\n {\n accessor: \"id\",\n Header: \"\",\n Cell: ({ cell }) => (\n Coalitions
\n\n\n setPage(page)}\n />\n
\n )}\n \n );\n};\n\nexport default UserCoalitions;\n","import React from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useQueryClient, useQuery } from \"react-query\";\nimport { toast } from \"react-toastify\";\nimport { useHistory } from \"react-router-dom\";\nimport { apiFetch, formatUiErrors, FORM_MODES } from \"utils\";\nimport { useAuthState, useAuthDispatch } from \"context\";\nimport Error from \"components/Error\";\nimport Button from \"components/Button\";\nimport UserProfileForm from \"components/UserProfileForm\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport BackLink from \"components/BackLink\";\nimport UserOrganizations from \"./components/UserOrganizations\";\nimport UserCoalitions from \"./components/UserCoalitions\";\n\nconst UserDetails = ({ formMode = FORM_MODES.VIEW }) => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { userId } = useParams();\n const history = useHistory();\n const queryClient = useQueryClient();\n\n const { isLoading, error, data: response } = useQuery([\"user\", userId], () =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/users/${userId}`,\n })\n );\n\n const handleUpdateSuccess = (response) => {\n history.push(`/users/${userId}`);\n\n toast.success(\n \n {!!response.data.attributes.unconfirmedEmail ? (\n
,\n {\n autoClose: !!response.data.attributes.unconfirmedEmail ? 5000 : 3000,\n }\n );\n\n queryClient.invalidateQueries([\"users\"], {\n refetchActive: true,\n });\n\n return queryClient.setQueryData([\"user\", userId], response);\n };\n\n const handleUpdateError = (error) => {\n toast.error(() => formatUiErrors(error), {\n autoClose: 5000,\n });\n };\n\n if (isLoading) {\n return \n An email was sent to the account for `\n {response.data.attributes.unconfirmedEmail}` to confirm the new\n email address.\n
\n ) : (\n \"Saved successfully\"\n )}\n \n
\n\n \n {formMode === FORM_MODES.EDIT && \"Editing \"}\n {response.data.attributes.fullName}\n
\n\n {formMode === FORM_MODES.VIEW && (\n\n \n
\n )}\n \n
\n
\n );\n};\n\nexport default PendingCoalitionContributors;\n","import React from \"react\";\nimport CoalitionsNav from \"components/CoalitionsNav\";\nimport CoalitionsTable from \"components/CoalitionsTable\";\nimport PendingCoalitionContributors from \"components/PendingCoalitionContributors\";\nimport { useUserState } from \"context\";\n\nconst Coalitions = () => {\n const { organization, pendingCoalitionContributorRequests } = useUserState();\n\n return (\n <>\n Pending Coalition Requests
\n\n {data.map((coalition) => (\n\n
\n ))}\n \n {coalition.attributes.name}:{\" \"}\n \n View Contributors\n \n
\n All Coalitions
\n\n\n {/* TODO: Do we need to pass the entire organization object or can we just pass ID? */}\n
\n \n );\n};\n\nexport default Coalitions;\n","import React from \"react\";\nimport CoalitionsNav from \"components/CoalitionsNav\";\nimport CoalitionsTable from \"components/CoalitionsTable\";\nimport PendingCoalitionContributors from \"components/PendingCoalitionContributors\";\nimport { useUserState, useAuthState } from \"context\";\n\nconst MyCoalitions = () => {\n const { userId } = useAuthState();\n const { organization, pendingCoalitionContributorRequests } = useUserState();\n\n return (\n <>\n My Coalitions
\n\n\n
\n \n );\n};\n\nexport default MyCoalitions;\n","import React from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useQuery } from \"react-query\";\nimport { apiFetch, formatUiErrors } from \"utils\";\nimport { useAuthState, useAuthDispatch } from \"context\";\nimport Error from \"components/Error\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport Table from \"components/Table\";\n\nconst CoalitionManagers = () => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { coalitionId } = useParams();\n\n const {\n isLoading,\n error,\n data: response,\n } = useQuery([\"coalitionManagers\", coalitionId], () =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/users?&filter[coalition_managers][eq]=${coalitionId}`,\n })\n );\n\n if (isLoading) {\n return (\n Coalition Managers
\n\n
\n );\n};\n\nexport default CoalitionDetails;\n","export const ORGANIZATION_TYPES = {\n ALL: \"All Organization Types\",\n GOVERNMENT_ANIMAL_SERVICES: \"Government Animal Services\",\n ANIMAL_SHELTER_WITH_A_GOVERNMENT_CONTRACT:\n \"Animal Shelter with a Government Contract\",\n ANIMAL_RESCUE_WITH_A_GOVERNMENT_CONTRACT:\n \"Animal Rescue with a Government Contract\",\n SHELTER_WITHOUT_A_GOVERNMENT_CONTRACT:\n \"Shelter without a Government Contract\",\n RESCUE_WITHOUT_A_GOVERNMENT_CONTRACT: \"Rescue without a Government Contract\",\n};\n","import React from \"react\";\nimport FormField from \"components/FormField\";\nimport { ORGANIZATION_TYPES } from \"./utils\";\n\nconst OrganizationTypeDropDown = ({ ...props }) => {\n return (\n \n
\n\n \n
\n\n Details
\n\n {(isCoalitionManager || isAdmin) && (\n
\n \n {\n seformMode(\"EDIT\");\n }}\n >\n Edit\n \n
\n )}\n \n Data Status\n
\n \n Data Status\n
\n \n \n
\n );\n },\n };\n\n columns.push(dateAcceptedColumn, removeOrgColumn);\n activeContributorColumns.push(dateAcceptedColumn, removeOrgColumn);\n }\n\n if (contributorPage === \"rejected\") {\n const dateDeclinedColumn = {\n accessor: \"membership.statusUpdatedAt\",\n Header: \"Date Declined\",\n sortType: \"datetime\",\n sortDescFirst: true,\n Cell: ({ cell }) => {\n const formattedDate = cell.value\n ? format(new Date(cell.value), \"MM-dd-yyyy\")\n : \"N/A\";\n return (\n <>\n {cell.value &&\n cell.value.toDateString() !== new Date(1970).toDateString() ? (\n {formattedDate}\n ) : (\n N/A\n )}\n \n );\n },\n };\n\n columns.push(dateDeclinedColumn);\n }\n\n const { mutate: respondToRequest } = useMutation(\n ({ organization, action }) =>\n apiFetch({\n token,\n dispatch,\n method: \"PATCH\",\n endpoint: `/api/v1/coalition_memberships/${organization.membership.id}`,\n body: {\n data: {\n id: organization.membership.id,\n type: \"coalition_memberships\",\n attributes: {\n statusChangeAction: action,\n statusActor: \"Coalition\",\n },\n },\n },\n }),\n {\n onSuccess: (response, { action }) => {\n const membership = response.data;\n const membershipCoalitionId = String(membership.attributes.coalitionId);\n\n userDispatch({\n type: USER_UPDATE,\n payload: {\n pendingCoalitionContributorRequests:\n pendingCoalitionContributorRequests.filter(\n (coalition) => coalition.id !== String(membershipCoalitionId)\n ),\n },\n });\n const actionMessage = (action) => {\n switch (action) {\n case COALITION_MEMBERSHIP_ACTIONS.REJECT:\n return \"Declined request successfully\";\n case COALITION_MEMBERSHIP_ACTIONS.ACCEPT:\n return \"Accepted request successfully\";\n case COALITION_MEMBERSHIP_ACTIONS.REMIND:\n return \"Re-invite request successfully\";\n default:\n return \"\";\n }\n };\n\n handleSuccess({\n message: actionMessage(action),\n queries: [\n {\n key: [\"coalitionContributors\", coalitionId],\n config: {\n refetchActive: true,\n },\n },\n {\n key: [\"searchOrganizations\", { coalitionId }],\n },\n {\n key: \"coalitions\",\n },\n {\n key: \"myCoalitions\",\n },\n ],\n });\n },\n onError: handleError,\n }\n );\n\n /**\n * FORM METHODS\n */\n const onSubmitFilters = (values) => {\n if (!isEqual(values, filters)) {\n setFilters(values);\n }\n };\n\n return (\n <>\n \n
\n\n Coalition Contributors
\n\n {permissions[ROUTE_GUARDS.COALITION_MANAGER]() && (\n\n \n Invite Contributor\n \n
\n )}\n \n \n {({ resetForm, handleSubmit }) => (\n \n )}\n \n
\n\n \n setPage(page)}\n />\n
\n )}\n \n );\n};\n\nexport default Contributors;\n\nconst getActions = ({ organization, respondToRequest }) => {\n if (\n organization.membership.status === \"requested\" &&\n organization.membership.statusActor === \"Organization\"\n ) {\n return (\n \n {/* Accept Contributor Request */}\n \n respondToRequest({\n organization,\n action: COALITION_MEMBERSHIP_ACTIONS.ACCEPT,\n })\n }\n >\n Accept\n \n\n {/* Decline Contributor Request */}\n \n respondToRequest({\n organization,\n action: COALITION_MEMBERSHIP_ACTIONS.REJECT,\n })\n }\n >\n Decline\n \n
\n );\n } else if (\n organization.membership.status === \"requested\" &&\n organization.membership.statusActor === \"Coalition\"\n ) {\n return (\n \n Invite Resent. You'll be able to send another reminder in{\" \"}\n {60 - diffDays} days\n
\n );\n }\n // TODO: Deactivate - https://app.asana.com/0/1179331329125530/1199405047540888/f\n // return (\n // \n // );\n\n return null;\n};\n","import React, { useEffect, useState } from \"react\";\nimport { useQuery, useQueryClient, useMutation } from \"react-query\";\nimport { useParams, useHistory } from \"react-router-dom\";\nimport { Formik, Form } from \"formik\";\nimport ReactTooltip from \"react-tooltip\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faQuestionCircle } from \"@fortawesome/free-regular-svg-icons\";\nimport { toast } from \"react-toastify\";\nimport { isEqual, get, uniq } from \"lodash\";\nimport Button from \"components/Button\";\nimport FormField from \"components/FormField\";\nimport StateDropdown from \"components/StateDropdown\";\nimport Table from \"components/Table\";\nimport Pagination from \"components/Pagination\";\nimport { useAuthState, useAuthDispatch } from \"context\";\nimport {\n apiFetch,\n getTotalPages,\n formatEin,\n titleCase,\n getOrgDataStatus,\n useHandleRequestStates,\n useManageCoalitionMemberships,\n formatBusinessNumber,\n} from \"utils\";\nimport ProvinceDropdown from \"components/ProvinceDropdown\";\n\nconst AddContributor = () => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const queryClient = useQueryClient();\n const { coalitionId } = useParams();\n const history = useHistory();\n const [page, setPage] = useState(1);\n const [totalPages, setTotalPages] = useState(0);\n const [showTable, setShowTable] = useState(false);\n const { createContributorMembership } = useManageCoalitionMemberships();\n const { handleSuccess, handleError } = useHandleRequestStates();\n\n // We need to manage the isLoading state manually, instead of relying on\n // the useQuery isLoading property, so we can have more granular control\n // over when we display the table to prevent a flicker of the records from\n // the previous search\n const [isLoading, setIsLoading] = useState(false);\n\n const initialFilters = {\n search: \"\",\n state: \"\",\n provinceOrTerritory: \"\",\n orgType: \"\",\n country: \"United States\",\n };\n\n const [filters, setFilters] = useState(initialFilters);\n\n const getOrganizations = async ({\n page = 1,\n search = \"\",\n state = \"\",\n orgType = \"\",\n country = \"\",\n }) => {\n const response = await apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/organizations?page[number]=${page}&filter[status][eq]=confirmed${\n search ? `&filter[search]=${search}` : \"\"\n }${\n orgType ? `&filter[organization_type]=${orgType}` : \"\"\n }&filter[country][eq]=${country}&filter[coalition_membership_by_id_and_status][eq]=${coalitionId}&include=data_entry_statuses&extra_fields[organizations]=locations_us_states,locations_provinces&stats[total]=count&sort=name${\n state ? `&filter[locations_us_state]=${state}` : \"\"\n }`,\n includeMeta: true,\n });\n response.data.map((org) => {\n const incStatusRecords = response.included.filter((inc) => {\n return (\n inc.type === \"organization_data_entry_statuses\" &&\n String(inc.attributes.organizationId) === org.id\n );\n });\n\n if (!!incStatusRecords.length) {\n org.attributes.dataStatus = getOrgDataStatus(incStatusRecords);\n }\n\n return org;\n });\n return response;\n };\n\n // Initial query\n const { data: response = { data: [], included: [] }, error } = useQuery(\n [\"searchOrganizations\", { coalitionId, page, ...filters }],\n () => {\n // Manually set isLoading to true when the request kicks off\n setIsLoading(true);\n return getOrganizations({ page, ...filters });\n },\n {\n enabled: !isEqual(filters, initialFilters),\n keepPreviousData: true,\n // If the request errors out, set isLoading to false\n onError: () => setIsLoading(false),\n }\n );\n\n // Prefetch the next page of organizations\n useEffect(() => {\n if (totalPages > page) {\n queryClient.prefetchQuery(\n [\"searchOrganizations\", { coalitionId, page: page + 1, ...filters }],\n () => getOrganizations({ page: page + 1, ...filters })\n );\n }\n }, [response, page, filters, queryClient]);\n\n useEffect(() => {\n // We can assume that the response was successful if the response changes\n // and we set isLoading to false\n setIsLoading(false);\n }, [response]);\n\n // Update the total pages count from the API/query response\n useEffect(() => {\n const totalPages = getTotalPages({\n totalCount: get(response, \"meta.stats.total.count\") || 0,\n });\n setTotalPages(totalPages);\n }, [response]);\n\n const columns = [\n {\n accessor: \"attributes.name\",\n Header: \"Name\",\n },\n ...(filters.country === \"United States\"\n ? [\n {\n accessor: \"attributes.locationsUsStates\",\n Header: \"States\",\n Cell: ({ cell }) => (cell.value ? uniq(cell.value).join(\", \") : \"\"),\n },\n ]\n : []),\n ...(filters.country === \"Canada\"\n ? [\n {\n accessor: \"attributes.locationsProvinces\",\n Header: \"Province/Territory\",\n Cell: ({ cell }) => (cell.value ? uniq(cell.value).join(\", \") : \"\"),\n },\n ]\n : []),\n ...(filters.country === \"United States\"\n ? [\n {\n accessor: \"attributes.ein\",\n Header: \"EIN\",\n Cell: ({ cell }) => formatEin(cell.value),\n },\n ]\n : []),\n ...(filters.country === \"Canada\"\n ? [\n {\n accessor: \"attributes.businessNumber\",\n Header: \"Business Number\",\n Cell: ({ cell }) => formatBusinessNumber(cell.value),\n },\n ]\n : []),\n {\n accessor: \"attributes.organizationType\",\n Header: \"Type\",\n },\n {\n accessor: \"attributes.dataStatus\",\n Header: () => {\n return (\n <>\n \n Data Status\n
\n Invite Contributor
\n\n\n \n {({\n resetForm,\n errors,\n touched,\n handleSubmit,\n values: { country },\n }) => (\n \n )}\n \n
\n\n {showTable && (\n <>\n \n setPage(page)}\n />\n
\n )}\n \n )}\n \n );\n};\n\nexport default AddContributor;\n","import React, { useEffect, useState } from \"react\";\nimport { Form, Formik, useFormikContext } from \"formik\";\nimport FormField from \"components/FormField\";\nimport * as Yup from \"yup\";\nimport { useAuthDispatch, useAuthState, useUserState } from \"context\";\nimport { FORM_MODES, apiFetch, formatUiErrors } from \"utils\";\nimport { useHistory, useParams } from \"react-router-dom\";\nimport { useMutation } from \"react-query\";\nimport RouteLeavingGuard from \"components/RouteLeavingGuard\";\nimport { toast } from \"react-toastify\";\nimport Button from \"components/Button\";\n\nexport default function SharingPermissions() {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { coalitions } = useUserState();\n const { coalitionId } = useParams();\n const [isSuccess, setIsSuccess] = useState(false);\n const [formMode, setFormMode] = useState(\"VIEW\");\n const history = useHistory();\n const initialValues = getDataSharing({ coalitionId, coalitions });\n\n const sharingPermissionsSchema = Yup.object().shape({\n intakeOutcomeDataSharing: Yup.boolean(),\n communityServiceDataSharing: Yup.boolean(),\n });\n\n const handleUpdateSuccess = () => {\n history.push(`/coalitions/${coalitionId}/sharing-permissions`);\n setFormMode(\"VIEW\");\n window.location.reload();\n toast.success(\"Saved successfully\", {\n autoClose: 3000,\n });\n };\n const handleUpdateError = (error) => {\n toast.error(() => formatUiErrors(error), {\n autoClose: 5000,\n });\n };\n\n const { mutate: updateSharing, isLoading } = useMutation(\n ({ intakeOutcomeDataSharing, communityServiceDataSharing }) =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/coalition_memberships/${initialValues.id}`,\n method: \"PATCH\",\n body: {\n data: {\n id: initialValues.id,\n type: \"coalition_memberships\",\n attributes: {\n intakeOutcomeDataSharing,\n communityServiceDataSharing,\n },\n },\n },\n }),\n {\n onSuccess: (data) => {\n setIsSuccess(true);\n handleUpdateSuccess(data);\n },\n onError: (e) => {\n setIsSuccess(false);\n handleUpdateError(e);\n },\n }\n );\n\n return (\n \n 0 ? response.data : []}\n columns={columns}\n columnWidths={columnWidths}\n noResultsText=\"No contributors found\"\n isLoading={isLoading || loadingData}\n error={error}\n />\n\n {ready ? (\n \n Download Intake Data Status Table as CSV\n \n ) : (\n {\n exportDataStatus(\"dataStatuses\");\n }}\n isLoading={dataStatusLoading}\n loadingText={<>Generating your export…}\n emphasis=\"secondary\"\n className=\"w-max mt-4\"\n >\n Generate Intakes Data Status CSV\n \n )}\n\n {!!(response.data || []).length && (\n
\n\n Intake/Outcome Data Entry Status
\n\n\n \n {({ resetForm, handleSubmit }) => (\n \n )}\n \n
\n\n \n {\n setPage(page);\n }}\n />\n
\n )}\n \n 0 ? response.data : []}\n columns={serviceStatusColumns}\n columnWidths={columnWidths}\n noResultsText=\"No contributors found\"\n isLoading={isLoading || loadingData}\n error={error}\n />\n\n {ready ? (\n \n Download Community Services Data Status Table as CSV\n \n ) : (\n {\n exportDataStatus(\"servicesStatuses\");\n }}\n isLoading={dataStatusLoading}\n loadingText={<>Generating your export…}\n emphasis=\"secondary\"\n className=\"w-max mt-4\"\n >\n Generate Community Services Data Status CSV\n \n )}\n\n {!!(response.data || []).length && (\n
\n \n );\n};\n\nexport default DataStatusTable;\n\nconst getStatusColumns = () => {\n let columns = [];\n for (let i = 0; i < 12; i++) {\n columns.push({\n accessor: `dataStatuses.${i + 1}`,\n Header: getMonthAbbr(i + 1),\n Cell: ({ cell, row: { original } }) =>\n dataStatusIndicator({\n status: cell.value,\n month: i + 1,\n id: original.id,\n }),\n });\n }\n return columns;\n};\n\nconst getServiceStatusColumns = () => {\n let columns = [];\n for (let i = 0; i < 12; i++) {\n columns.push({\n accessor: `servicesStatuses.${i + 1}`,\n Header: getMonthAbbr(i + 1),\n Cell: ({ cell, row: { original } }) =>\n dataStatusIndicator({\n status: cell.value,\n month: i + 1,\n id: original.id,\n data: \"services\",\n }),\n });\n }\n return columns;\n};\n\nconst indicatorIcon = ({ icon, colorClass }) => {\n return Community Services Data Entry Status
\n\n\n {\n setPage(page);\n }}\n />\n
\n )}\n Export Coalition Data
\n\n
\n\n Choose a Month or Year to export.
\n\n\n \n {({\n isValid,\n dirty,\n values: { dateFormat, state, usCountyId },\n }) => {\n return (\n \n );\n }}\n \n
\n \n {selectedExport !== \"contributors\" && (\n <>\n
\n \n State\n
\n \n Counties\n
\n \n Provinces\n
\n\n \n Organization Type\n 0 || selectedProvinces.length > 0\n ? allOrgsTypes\n : []\n }\n value={selectedOrgType}\n className=\"grid gap-6 mb-6\"\n onChange={setSelectedOrgType}\n />\n
\n \n )}\n\n \n Organization*\n
\n Available Exports
\n\n {camelToTitle(role) || \"\"}\n\n {permissions[ROUTE_GUARDS.COALITION_MANAGER]() && (\n
\n );\n },\n },\n {\n accessor: \"id\",\n Header: \"\",\n Cell: ({ row: { original: user } }) => (\n \n \n editOrSave(e)}>\n {!isEdited ? \"Edit\" : \"Save\"}\n \n \n }\n className=\"actions-menu\"\n align=\"end\"\n >\n \n \n \n
\n )}\n \n
\n\n Users
\n\n {permissions[ROUTE_GUARDS.COALITION_MANAGER]() && (\n\n \n
\n )}\n \n setPage(page)}\n />\n
\n )}\n\n Invite User
\n\n\n \n {({ handleSubmit, values }) => {\n return (\n \n );\n }}\n \n
\n );\n};\n\nCoalitionFilter.propTypes = {\n coalitionId: PropTypes.string.isRequired,\n filters: PropTypes.shape({\n orgName: PropTypes.string,\n year: PropTypes.string,\n }).isRequired,\n setFilters: PropTypes.func.isRequired,\n};\n\nexport default CoalitionFilter;\n","import React, { useState } from \"react\";\nimport IntakeOverviewGraph from \"components/IntakeOverviewGraph\";\nimport IntakeOverviewTable from \"components/IntakeOverviewTable\";\nimport CoalitionFilter from \"components/IntakeOverviewGraphFilters/CoalitionFilter\";\nimport { useParams } from \"react-router-dom\";\n\nconst Home = () => {\n const [action, setAction] = useState(\"intakes\");\n const defaultFilters = JSON.parse(localStorage.getItem(\"filters\"));\n const [filters, setFilters] = useState(defaultFilters);\n const [searchClick, setSearchClick] = useState(true);\n const { coalitionId } = useParams();\n\n return (\n \n
\n \n
\n \n State*\n
\n \n Counties*\n
\n\n \n Organization Type*\n
\n\n \n Organization Name*\n
\n \n
\n );\n};\nexport default Home;\n","import React, { useState } from \"react\";\nimport AlertModal from \"components/AlertModal\";\nimport ConfirmationModal from \"components/ConfirmationModal\";\nimport { useHandleRequestStates, apiFetch } from \"utils\";\nimport { useMutation, useQuery } from \"react-query\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport { useParams } from \"react-router-dom\";\nimport { get } from \"lodash\";\nimport Button from \"components/Button\";\n\nconst Settings = () => {\n const { handleSuccess } = useHandleRequestStates();\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { coalitionId } = useParams();\n const { isAdmin } = useUserState();\n\n const [coalitionToArchive, setCoalitionToArchive] = useState(null);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [modalError, setModalError] = useState(null);\n\n const { isLoading, data: response } = useQuery(\n [\"coalition\", coalitionId],\n () =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/coalitions/${coalitionId}`,\n })\n );\n\n /**\n * MODAL METHODS\n */\n const openModal = (coalition) => {\n setCoalitionToArchive(coalition);\n setIsModalOpen(true);\n };\n\n const closeModal = () => {\n setIsModalOpen(false);\n setModalError(null);\n setCoalitionToArchive(null);\n };\n\n // ARCHIVE\n const { mutate: archiveCoalition, isLoading: isLoadingArchiveCoalition } =\n useMutation(\n ({ id }) =>\n apiFetch({\n token,\n dispatch,\n method: \"POST\",\n endpoint: \"/api/v1/resource_archivers\",\n body: {\n data: {\n type: \"resource_archivers\",\n attributes: {\n resourceId: id,\n resourceType: \"coalition\",\n },\n },\n },\n }),\n {\n onSuccess: () => {\n handleSuccess({\n message: `Updated ${coalitionToArchive.attributes.name} successfully`,\n queries: [\n {\n key: \"coalition\",\n config: {\n refetchActive: true,\n },\n },\n {\n key: \"coalitions\",\n },\n {\n key: \"myCoalitions\",\n },\n ],\n });\n closeModal();\n },\n onError: setModalError,\n }\n );\n\n // Active from draft\n const { mutate: activeCoalition, isLoading: isLoadingActiveCoalition } =\n useMutation(\n ({ id }) =>\n apiFetch({\n token,\n dispatch,\n method: \"PUT\",\n endpoint: \"/api/v1/coalitions/\" + id,\n body: {\n data: {\n type: \"coalitions\",\n id: id,\n attributes: {\n status: \"active\",\n },\n },\n },\n }),\n {\n onSuccess: () => {\n handleSuccess({\n message: `Updated ${coalitionToArchive.attributes.name} successfully`,\n queries: [\n {\n key: \"coalition\",\n config: {\n refetchActive: true,\n },\n },\n {\n key: \"coalitions\",\n },\n {\n key: \"myCoalitions\",\n },\n ],\n });\n closeModal();\n },\n onError: setModalError,\n }\n );\n\n const archiveRecord = response.data.attributes.status === \"active\";\n const draftRecord = response.data.attributes.status === \"draft\";\n return (\n \n
\n \n \n {\n setAction(e.target.value);\n }}\n value={action}\n >\n \n \n \n
\n \n {action === \"intakes\"\n ? \"Intake Overview\"\n : \"Community Services Overview\"}\n
\n\n {action === \"intakes\"\n ? \"Intake Overview\"\n : \"Community Services Overview\"}\n
\n\n openModal(response.data)}\n >\n Activate Coalition\n \n )}\n {/* Only sys admin can delete records */}\n {!draftRecord && isAdmin && (\n openModal(response.data)}\n >\n {archiveRecord ? \"Delete Coalition\" : \"Activate Coalition\"}\n \n )}\n \n {\n draftRecord\n ? activeCoalition(coalitionToArchive)\n : archiveCoalition(coalitionToArchive);\n }}\n />\n \n
\n );\n};\n\nexport default Settings;\n","import React, { useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\n\nconst AnalyticsAndForecast = () => {\n const { coalitionId } = useParams();\n\n useEffect(() => {\n const script = document.createElement(\"script\");\n script.src = \"https://public.tableau.com/javascripts/api/viz_v1.js\";\n script.async = true;\n document.body.appendChild(script);\n\n return () => {\n document.body.removeChild(script);\n };\n }, []);\n\n return (\n {response.data.attributes.name} Settings
\n {/* Archive coalition (admin or manager only) */}\n {draftRecord && isAdmin && (\n{response.data.attributes.name}
\n\n This Coalition has been closed, contact{\" \"}\n \n info@shelteranimalscount.org\n {\" \"}\n for more information.\n
\n \n );\n }\n\n return (\n <>\n{response.data.attributes.name}
\n\n\n {canViewCoalition || isCoalitionManager ? (\n \n {/* Home */}\n \n ) : (\n \n \n )}\n
\n \n );\n};\n\nexport default Coalition;\n","import React from \"react\";\nimport { marketingResources } from \"images\";\n\nconst MarketingResources = () => {\n return (\n \n {marketingResources.map((resource) => (\n \n
\n ))}\n \n );\n};\n\nexport default MarketingResources;\n","import React, { useState } from \"react\";\nimport YouTube from \"@u-wave/react-youtube\";\nimport { videoThumbnails } from \"images\";\n\nconst VideoTutorials = () => {\n const videos = [\n {\n id: \"l3aa1PrPScE\",\n name: \"How to Register an Organization\",\n icon: \"register_an_org\",\n },\n {\n id: \"b_OtS423urY\",\n name: \"How to Add a User to an Organization\",\n icon: \"add_user_to_org\",\n },\n {\n id: \"cCvi5ePMLt4\",\n name: \"How to Enter Data with a CSV File Upload\",\n icon: \"enter_data_with_csv\",\n },\n {\n id: \"N8LEzcW98mc\",\n name: \"How to Enter Data Manually\",\n icon: \"enter_data_manually\",\n },\n {\n id: \"oDGkZbSjncM\",\n name: \"How to Create a Coalition\",\n icon: \"create_a_coalition\",\n },\n {\n id: \"-i9uf-WVOno\",\n name: \"How to Request to Join a Coalition\",\n icon: \"request_to_join_coalition\",\n },\n {\n id: \"LP1HvVTpbeA\",\n name: \"How to Invite Organizations to a Coalition\",\n icon: \"invite_org_to_coalition\",\n },\n {\n id: \"-JhiwvcgJOY\",\n name: \"How to Opt into Sharing Data with a Coalition\",\n icon: \"share_data_with_coalition\",\n },\n ];\n\n const hashVideoRx = /^#!\\/video\\/(\\d)$/;\n const hash =\n typeof window.location !== \"undefined\" ? window.location.hash : \"\"; // eslint-disable-line no-undef\n const defaultVideo = hashVideoRx.test(hash)\n ? parseInt(hash.replace(hashVideoRx, \"$1\"), 10)\n : 0;\n\n const [videoIndex, setVideoIndex] = useState(defaultVideo);\n const [suggestedQuality] = useState(\"auto\");\n\n const video = videos[videoIndex];\n\n const selectVideo = (index) => {\n setVideoIndex(index);\n };\n\n return (\n <>\n \n
\n \n \n );\n};\n\nexport default VideoTutorials;\n","import React from \"react\";\nimport { Switch, Route } from \"react-router-dom\";\nimport { useLocation } from \"react-router-dom\";\nimport Tabs from \"components/Tabs\";\nimport MarketingResources from \"./components/MarketingResources/MarketingResources\";\nimport VideoTutorials from \"./components/VideoTutorials/VideoTutorials\";\n\nconst ResourceCenter = () => {\n const { pathname } = useLocation();\n const tabs = [\n {\n to: \"/resource-center/marketing-resources\",\n label: \"Marketing Resources\",\n exact: false,\n isActive: () => {\n return pathname === \"/resource-center/marketing-resources\";\n },\n },\n {\n to: \"/resource-center/video-tutorials\",\n label: \"Video Tutorials\",\n exact: false,\n isActive: () => {\n return pathname === \"/resource-center/video-tutorials\";\n },\n },\n ];\n return (\n <>\n \n
\n Shelter Animals Count \"How To\" Videos
\n\n {videos.map((choice, index) => (\n \n selectVideo(index)}\n >\n {choice.name}\n \n
\n ))}\n Resource Center
\n\n\n \n \n
\n \n );\n};\n\nexport default ResourceCenter;\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useEffect } from \"react\";\nimport { useUserState } from \"context\";\n\nconst Comparison = () => {\n const { organization } = useUserState();\n\n useEffect(() => {\n const script = document.createElement(\"script\");\n script.src = \"https://public.tableau.com/javascripts/api/viz_v1.js\";\n script.async = true;\n document.body.appendChild(script);\n\n return () => {\n document.body.removeChild(script);\n };\n }, []);\n\n return (\n <>\n Dashboards
\n\n\n \n \n
\n \n );\n};\n\nexport default ResourceCenter;\n","import React from \"react\";\nimport EntryOptions from \"../../components/DataEntryOptions\";\n\nconst ServicesMatrixOptions = () => (\n \n
\n );\n};\n\nexport default EntryStatus;\n","import React, { useEffect, useState } from \"react\";\nimport { useQueryClient, useMutation } from \"react-query\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\nimport { isEqual } from \"lodash\";\nimport { Formik, Form, FieldArray } from \"formik\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCheck, faMapMarkerAlt } from \"@fortawesome/free-solid-svg-icons\";\nimport { useAuthDispatch, useAuthState, useUserState } from \"context\";\nimport { speciesMap, apiFetch, useHandleRequestStates } from \"utils\";\nimport { generateAnimalSpeciesPayload, updateSpeciesCache } from \"../../utils\";\nimport Button from \"components/Button\";\nimport SpeciesCheckbox from \"components/SpeciesCheckbox\";\nimport MatrixSettingsModal from \"components/MatrixSettingsModal\";\nimport EntryStatus from \"../common/EntryStatus\";\n\nconst ServicesMatrixSettings = ({\n data,\n defaultSpecies,\n locationName,\n locationId,\n month,\n year,\n entryStatus,\n selectedSpecies,\n setSpecies,\n setIsEditing,\n isEditing,\n handleSubmitServices,\n}) => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { isOrgAdmin } = useUserState();\n const queryClient = useQueryClient();\n const { handleSuccess, handleError } = useHandleRequestStates();\n const [editMode, setEditMode] = useState(false);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [changedSpecies, setChangedSpecies] = useState({\n added: [],\n removed: [],\n });\n\n const date = new Date(`${year}/${month}/1`);\n const formattedDate = Intl.DateTimeFormat(\"en-US\", {\n year: \"numeric\",\n month: \"long\",\n }).format(date);\n\n const initialValues = Object.keys(speciesMap).reduce((map, speciesKey) => {\n map[speciesKey] = defaultSpecies.includes(speciesKey);\n return map;\n }, {});\n\n const getRemovedSpecies = (animalSpecies) => {\n const removedSpecies = Object.keys(initialValues).filter(\n (species) => !!initialValues[species] && !animalSpecies[species]\n );\n return removedSpecies.map((speciesKey) => {\n const servicesRecord = data.find((record) => {\n return record.attributes.species === speciesKey;\n });\n\n return {\n key: speciesKey,\n id: servicesRecord?.id,\n };\n });\n };\n\n const getAddedSpecies = (animalSpecies) => {\n return Object.keys(initialValues).filter(\n (species) => !initialValues[species] && !!animalSpecies[species]\n );\n };\n\n // Fire off our API request to add new species to DB\n const { mutate: setMatrixSpecies } = useMutation(\n () => {\n const payload = generateAnimalSpeciesPayload({\n addedSpecies: changedSpecies.added,\n removedSpecies: changedSpecies.removed,\n locationId,\n year,\n month,\n });\n\n return apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/locations/${locationId}`,\n method: \"PATCH\",\n body: {\n data: {\n id: locationId,\n type: \"locations\",\n attributes: {},\n relationships: payload.relationships,\n },\n included: payload.included,\n },\n });\n },\n {\n onSettled: () => setEditMode(false),\n onSuccess: (res) => {\n handleSuccess({\n message: \"Updated the animal types\",\n });\n setIsModalOpen(false);\n\n return queryClient.setQueryData(\n [\"servicesMatrix\", `${locationId}_${month}/${year}`],\n (oldData) =>\n updateSpeciesCache({\n oldData,\n response: res,\n changedSpecies,\n })\n );\n },\n onError: handleError,\n }\n );\n\n const submitSettingsForm = (values) => {\n if (!isEqual(values, initialValues)) {\n const removedSpecies = getRemovedSpecies(values);\n const addedSpecies = getAddedSpecies(values);\n\n // Update state\n setChangedSpecies({\n removed: removedSpecies, // array of objects\n added: addedSpecies, // array of strings\n });\n } else {\n setEditMode(false);\n }\n };\n\n useEffect(() => {\n // If changedSpecies is null, we know the form is being shown for\n // the first time and we don't want to do anything\n if (!changedSpecies) {\n return;\n }\n if (!!changedSpecies.removed.length) {\n // If species have been removed, open the modal\n setIsModalOpen(true);\n } else if (!!changedSpecies.added.length) {\n // If species have only been added (and none have been removed),\n // make the API request\n setMatrixSpecies();\n } else {\n // If the species have not changed we can set the form back to it's view mode\n setEditMode(false);\n }\n }, [changedSpecies]);\n\n return (\n <>\n \n
\n {/* Icon */}\n
\n \n {/** Species selector */}\n \n {!editMode ? (\n \n
\n\n {/* Form */}\n \n
\n \n
\n\n {editMode\n ? editSettings({\n initialValues,\n locationName,\n formattedDate,\n isModalOpen,\n setEditMode,\n setIsModalOpen,\n submitSettingsForm,\n setMatrixSpecies,\n })\n : viewSettings({\n defaultSpecies,\n locationName,\n formattedDate,\n entryStatus,\n })}\n Details
\n\n {!editMode && isOrgAdmin ? (\n \n ) : null}\n\n
\n \n );\n};\n\nServicesMatrixSettings.propTypes = {\n data: PropTypes.arrayOf(PropTypes.object).isRequired,\n defaultSpecies: PropTypes.arrayOf(PropTypes.string).isRequired,\n locationName: PropTypes.string.isRequired,\n locationId: PropTypes.number.isRequired,\n month: PropTypes.string.isRequired,\n year: PropTypes.string.isRequired,\n entryStatus: PropTypes.string.isRequired,\n selectedSpecies: PropTypes.string.isRequired,\n setSpecies: PropTypes.func.isRequired,\n setIsEditing: PropTypes.func.isRequired,\n isEditing: PropTypes.bool.isRequired,\n handleSubmitServices: PropTypes.func.isRequired,\n};\n\nexport default ServicesMatrixSettings;\n\nconst editSettings = ({\n initialValues,\n locationName,\n formattedDate,\n isModalOpen,\n setEditMode,\n setIsModalOpen,\n submitSettingsForm,\n setMatrixSpecies,\n}) => {\n return (\n \n
\n \n \n
\n
\n \n \n 1. Click species button below to edit/enter all data for that\n species.\n \n \n 2. Click save to save all data for that species. Any empty\n fields will be highlighted as incomplete.\n \n \n 3. Click species button again to view data for all species.\n \n
\n \n
\n \n {defaultSpecies.map((species, index) => {\n return (\n setSpecies(species)}\n >\n {speciesMap[species].label}\n \n );\n })}\n
\n {selectedSpecies && (\n \n \n \n
\n )}\n \n
\n\n Entering Data For:
\n\n\n
\n
\n Timeframe:
\n\n{formattedDate}
\n\n
\n\n Services Entry Status:
\n\n
\n \n );\n};\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Formik, Form } from \"formik\";\nimport Table, {\n getRowData,\n columns as defaultColumns,\n getServiceTypeAttributes,\n} from \"components/Table\";\nimport { speciesMap, useHandleRequestStates } from \"utils\";\nimport { getTableColumns, getChangedAttributes } from \"../../utils\";\n\nconst FieldServicesTable = forwardRef(\n ({ id, attributes, species, isEditing, submit }, ref) => {\n const columns = getTableColumns({ defaultColumns, isEditing, species });\n\n const { handleSuccess } = useHandleRequestStates();\n\n const setRow = ({ rowLabel, keySubString, tooltip }) =>\n getRowData({\n data: attributes,\n accessKeys: [\"adult\", \"youth\", \"ageUnknown\", \"total\"],\n rowLabel,\n keySubString,\n tooltip,\n });\n\n const data = [\n setRow({\n rowLabel: \"Trap-Neuter-Return (TNR)\",\n keySubString: \"TrapNeuterReturnCount\",\n tooltip:\n \"Animals not included in intake, already altered or altered after trapping, and returned to capture location.\",\n }),\n setRow({\n rowLabel: \"Return-to-Owner in the Field\",\n keySubString: \"ReturnToOwnerCount\",\n tooltip: \"Stray animals returned to their owner prior to intake.\",\n }),\n ];\n\n const handleSubmit = async (values) => {\n handleSuccess({\n message: `Updated the ${speciesMap[\n attributes.species\n ].label.toLocaleLowerCase()} field services`,\n });\n\n await submit(id, getChangedAttributes(\"field\", attributes, values));\n };\n\n return (\n \n Animal Types:\n
\n- \n {defaultSpecies.map((species) => (\n
\n handleSubmit(values)}\n innerRef={ref}\n >\n {() => (\n \n )}\n \n
\n );\n }\n);\n\nFieldServicesTable.propTypes = {\n id: PropTypes.string.isRequired,\n attributes: PropTypes.object.isRequired,\n species: PropTypes.string.isRequired,\n isEditing: PropTypes.bool.isRequired,\n submit: PropTypes.func.isRequired,\n};\n\nexport default FieldServicesTable;\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport FieldServicesTable from \"../FieldServicesTable\";\n\nconst FieldServices = forwardRef(\n ({ data, selectedSpecies, isEditing, submit }, ref) => {\n return (\n \n \n
\n
\n\n \n \n {speciesMap[species].label}\n
\n \n
\n );\n }\n);\n\nFieldServices.propTypes = {\n data: PropTypes.arrayOf(PropTypes.object).isRequired,\n selectedSpecies: PropTypes.string.isRequired,\n isEditing: PropTypes.bool.isRequired,\n submit: PropTypes.func.isRequired,\n};\n\nexport default FieldServices;\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Formik, Form } from \"formik\";\nimport Table, {\n getRowData,\n columns as defaultColumns,\n getServiceTypeAttributes,\n} from \"components/Table\";\nimport { speciesMap, useHandleRequestStates } from \"utils\";\nimport { getTableColumns, getChangedAttributes } from \"../../utils\";\n\nconst VetServicesTable = forwardRef(\n ({ id, attributes, species, isEditing, submit }, ref) => {\n const { handleSuccess } = useHandleRequestStates();\n\n const columns = getTableColumns({ defaultColumns, isEditing, species });\n\n const setRow = ({ rowLabel, keySubString, tooltip }) =>\n getRowData({\n data: attributes,\n accessKeys: [\"adult\", \"youth\", \"ageUnknown\", \"total\"],\n rowLabel,\n keySubString,\n tooltip,\n });\n\n const data = [\n setRow({\n rowLabel: \"Microchipping and/or Collar with ID tags\",\n keySubString: \"MicrochippingCollarIdTagsCount\",\n tooltip:\n \"Animals receiving insertion of microchip and/or application of long-wear collar with identification, as well as registering microchip/recording identification.\",\n }),\n setRow({\n rowLabel: \"Spay/Neuter for Owned Animals\",\n keySubString: \"SpayNeuterOwnedAnimalCount\",\n tooltip:\n \"Owned animals receiving spay/neuter services. Trap-Neuter-Return is not counted here. Count TNR above in Field Services.\",\n }),\n setRow({\n rowLabel: \"Wellness/Preventive Medical Care\",\n keySubString: \"WellnessPreventiveMedicalCareCount\",\n tooltip:\n \"Routine preventative care provided to healthy pets and/or same treatments provided to mildly affected pets (i.e. vaccinations, routine deworming, flea/tick treatment, heartworm prevention, etc.)\",\n }),\n setRow({\n rowLabel: \"Sick Animal Care/Basic Veterinary Care\",\n keySubString: \"BasicAnimalCareCount\",\n tooltip:\n \"Minor medical or surgical care provided to pets with a condition requiring single course of treatment (i.e. dentistry, tooth extraction, minor heartworm disease, routine skin allergy, ear infection, etc.)\",\n }),\n setRow({\n rowLabel: \"Sick Animal Care/Advanced Veterinary Care\",\n keySubString: \"AdvancedAnimalCareCount\",\n tooltip:\n \"Animal presents with illness as complaint and illness requires more than routine preventative medical or surgical care to address. Condition requires ongoing or chronic care or hospitalization to prevent death/disability (i.e. fractures, chronic diarrhea, URI, parvo, diabetes, cancer, etc.)\",\n }),\n setRow({\n rowLabel: \"Owner Intended Euthanasia\",\n keySubString: \"OwnerIntendedEuthanasiaCount\",\n tooltip:\n \"Limited to this definition: Owner makes an appointment with the shelter to euthanize their animal due to a medical or behavioral condition OR owner selects euthanasia as the best treatment option after consultation with a veterinarian. OIE provided to pets received at intake for OIE is not counted here.\",\n }),\n ];\n\n const handleSubmit = async (values) => {\n handleSuccess({\n message: `Updated the ${speciesMap[\n attributes.species\n ].label.toLocaleLowerCase()} veterninary services`,\n });\n\n await submit(id, getChangedAttributes(\"vet\", attributes, values));\n };\n\n return (\n \n
\n \n 2\n
\n\n \n
\n Field Services
\n {data.map(({ id, attributes, attributes: { species } }) => {\n if (species === selectedSpecies || !selectedSpecies) {\n return (\n\n handleSubmit(values)}\n innerRef={ref}\n >\n {() => (\n \n )}\n \n
\n );\n }\n);\n\nVetServicesTable.propTypes = {\n id: PropTypes.string.isRequired,\n attributes: PropTypes.object.isRequired,\n species: PropTypes.string.isRequired,\n isEditing: PropTypes.bool.isRequired,\n submit: PropTypes.func.isRequired,\n};\n\nexport default VetServicesTable;\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport VetServicesTable from \"../VetServicesTable\";\n\nconst VetServices = forwardRef(\n ({ data, selectedSpecies, isEditing, submit }, ref) => {\n return (\n \n \n
\n
\n\n \n \n {speciesMap[species].label}\n
\n \n
\n );\n }\n);\n\nVetServices.propTypes = {\n data: PropTypes.arrayOf(PropTypes.object).isRequired,\n isEditing: PropTypes.bool.isRequired,\n selectedSpecies: PropTypes.string.isRequired,\n submit: PropTypes.func.isRequired,\n};\n\nexport default VetServices;\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Formik, Form } from \"formik\";\nimport Table, {\n getRowData,\n columns as defaultColumns,\n getServiceTypeAttributes,\n} from \"components/Table\";\nimport { speciesMap, useHandleRequestStates } from \"utils\";\nimport { getTableColumns, getChangedAttributes } from \"../../utils\";\n\nconst BehavioralServicesTable = forwardRef(\n ({ id, attributes, species, isEditing, submit }, ref) => {\n const { handleSuccess } = useHandleRequestStates();\n\n const columns = getTableColumns({ defaultColumns, isEditing, species });\n\n const setRow = ({ rowLabel, keySubString, tooltip }) =>\n getRowData({\n data: attributes,\n accessKeys: [\"adult\", \"youth\", \"ageUnknown\", \"total\"],\n rowLabel,\n keySubString,\n tooltip,\n });\n\n const data = [\n setRow({\n rowLabel: \"Behavior Consultation\",\n keySubString: \"BehaviorConsultationCount\",\n tooltip:\n \"Owned animals receiving behavior consultation in-person, by phone, or online. Limited to this defintion: consult is provided as a free or low-cost community service.\",\n }),\n setRow({\n rowLabel: \"Group Training\",\n keySubString: \"GroupTrainingCount\",\n tooltip:\n \"Owned animals receiving training in a group setting. Limited to this definition: training provided as a free or low-cost community service, not all training classes provided by an organization.\",\n }),\n setRow({\n rowLabel: \"Private Training\",\n keySubString: \"PrivateTrainingCount\",\n tooltip:\n \"Owned animals receiving training in a private setting. Limited to this definitioN: training provided as a free or low-cost community service, not all training classes provided by an organization.\",\n }),\n setRow({\n rowLabel: \"Behavior Modification Program\",\n keySubString: \"BehaviorModificationProgramCount\",\n tooltip:\n \"Owned animals participating in a behavior modification program. Limited to this definition: training provided as a free or low-cost community service, not all training classes provided by an organization.\",\n }),\n ];\n const handleSubmit = async (values) => {\n handleSuccess({\n message: `Updated the ${speciesMap[\n attributes.species\n ].label.toLocaleLowerCase()} behavioral services`,\n });\n\n await submit(id, getChangedAttributes(\"behavior\", attributes, values));\n };\n return (\n \n
\n \n 3\n
\n\n \n
\n Veterinary Services
\n {data.map(({ id, attributes, attributes: { species } }) => {\n if (species === selectedSpecies || !selectedSpecies) {\n return (\n\n handleSubmit(values)}\n innerRef={ref}\n >\n {() => (\n \n )}\n \n
\n );\n }\n);\n\nBehavioralServicesTable.propTypes = {\n attributes: PropTypes.object.isRequired,\n species: PropTypes.string.isRequired,\n isEditing: PropTypes.bool.isRequired,\n submit: PropTypes.func.isRequired,\n};\n\nexport default BehavioralServicesTable;\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport BehavioralServicesTable from \"../BehavioralServicesTable\";\n\nconst BehavioralServices = forwardRef(\n ({ data, selectedSpecies, isEditing, submit }, ref) => {\n return (\n \n \n
\n
\n\n \n \n {speciesMap[species].label}\n
\n \n
\n );\n }\n);\n\nBehavioralServices.propTypes = {\n data: PropTypes.arrayOf(PropTypes.object).isRequired,\n isEditing: PropTypes.bool.isRequired,\n selectedSpecies: PropTypes.string.isRequired,\n submit: PropTypes.func.isRequired,\n};\n\nexport default BehavioralServices;\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Formik, Form } from \"formik\";\nimport Table, {\n getRowData,\n columns as defaultColumns,\n getServiceTypeAttributes,\n} from \"components/Table\";\nimport { speciesMap, useHandleRequestStates } from \"utils\";\nimport { getTableColumns, getChangedAttributes } from \"../../utils\";\n\nconst SupportServicesTable = forwardRef(\n ({ id, attributes, species, isEditing, submit }, ref) => {\n const { handleSuccess } = useHandleRequestStates();\n\n const columns = getTableColumns({ defaultColumns, isEditing, species });\n\n const setRow = ({ rowLabel, keySubString, tooltip }) =>\n getRowData({\n data: attributes,\n accessKeys: [\"adult\", \"youth\", \"ageUnknown\", \"total\"],\n rowLabel,\n keySubString,\n tooltip,\n });\n\n const data = [\n setRow({\n rowLabel: \"Pet Food\",\n keySubString: \"PetFoodCount\",\n tooltip:\n \"Animals receiving pet food through pet pantries or similar services.\",\n }),\n setRow({\n rowLabel: \"Pet Supplies\",\n keySubString: \"PetSuppliesCount\",\n tooltip:\n \"Animals receiving leashes and collars, cat carriers, or other supplies.\",\n }),\n setRow({\n rowLabel: \"Grooming\",\n keySubString: \"GroomingCount\",\n tooltip: \"Animals receiving grooming services.\",\n }),\n setRow({\n rowLabel: \"Temporary Housing for Owned Animals\",\n keySubString: \"TemporaryHousingOwnedAnimalsCount\",\n tooltip:\n \"Animals receiving temporary short or long term housing WITHOUT their owner.\",\n }),\n setRow({\n rowLabel: \"Temporary Housing for People and Animals\",\n keySubString: \"TemporaryHousingPeopleAndAnimalsCount\",\n tooltip:\n \"Animals receiving temporary short or long term housing WITH their owner.\",\n }),\n setRow({\n rowLabel: \"Other Pet Retention Services\",\n keySubString: \"OtherPetRetentionServicesCount\",\n tooltip:\n \"Animals receiving other support not captured above (i.e. fence repairs/builds, dog houses, pet deposits).\",\n }),\n setRow({\n rowLabel: \"Rehoming Support\",\n keySubString: \"RehomingSupport\",\n tooltip:\n \"Animals receiving rehoming assistance outside of owner relinquishment or other shelter/rescue intake.\",\n }),\n ];\n\n const handleSubmit = async (values) => {\n handleSuccess({\n message: `Updated the ${speciesMap[\n attributes.species\n ].label.toLocaleLowerCase()} support services`,\n });\n\n await submit(id, getChangedAttributes(\"support\", attributes, values));\n };\n\n return (\n \n
\n \n 4\n
\n\n \n
\n Behavioral Services
\n {data.map(({ id, attributes, attributes: { species } }) => {\n if (species === selectedSpecies || !selectedSpecies) {\n return (\n\n handleSubmit(values)}\n innerRef={ref}\n >\n {() => (\n \n )}\n \n
\n );\n }\n);\n\nSupportServicesTable.propTypes = {\n attributes: PropTypes.object.isRequired,\n species: PropTypes.string.isRequired,\n isEditing: PropTypes.bool.isRequired,\n submit: PropTypes.func.isRequired,\n};\n\nexport default SupportServicesTable;\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport SupportServicesTable from \"../SupportServicesTable\";\n\nconst SupportServices = forwardRef(\n ({ data, selectedSpecies, isEditing, submit }, ref) => {\n return (\n \n \n
\n
\n\n \n \n {speciesMap[species].label}\n
\n \n
\n );\n }\n);\n\nSupportServices.propTypes = {\n data: PropTypes.arrayOf(PropTypes.object).isRequired,\n isEditing: PropTypes.bool.isRequired,\n selectedSpecies: PropTypes.string.isRequired,\n submit: PropTypes.func.isRequired,\n};\n\nexport default SupportServices;\n","import React, { useEffect, useState, useRef } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useQuery, useQueryClient, useMutation } from \"react-query\";\nimport { apiFetch, formatUiErrors, useHandleRequestStates } from \"utils\";\nimport {\n getDefaultAnimalSpecies,\n generateAnimalSpeciesPayload,\n updateSpeciesCache,\n} from \"./utils\";\nimport { useAuthState, useAuthDispatch, useUserState } from \"context\";\nimport LoadingIndicator from \"components/LoadingIndicator\";\nimport Error from \"components/Error\";\nimport ServicesMatrixSettings from \"./components/ServicesMatrixSettings\";\nimport FieldServices from \"./components/FieldServices\";\nimport VetServices from \"./components/VetServices\";\nimport BehavioralServices from \"./components/BehavioralServices\";\nimport SupportServices from \"./components/SupportServices\";\nimport Button from \"components/Button\";\nimport { transformAttributesForPayload } from \"components/Table\";\nimport { cloneDeepWith, isObject } from \"lodash\";\n\nconst ServicesMatrix = () => {\n const { token } = useAuthState();\n const dispatch = useAuthDispatch();\n const { attributes, organization, isAdmin, isOrgAdmin } = useUserState();\n const queryClient = useQueryClient();\n const { handleError } = useHandleRequestStates();\n const { month, year, location, organizationId } = useParams();\n const [isLoading, setIsLoading] = useState(true);\n const [animalSpecies, setAnimalSpecies] = useState([\"canine\", \"feline\"]);\n const [isEditing, setIsEditing] = useState(false);\n const [selectedSpecies, setSelectedSpecies] = useState(\"\");\n const [updatedData, setUpdatedData] = useState({});\n const [updatingData, setUpdatingdData] = useState(false);\n const [speciesUpdateId, setSpeciesUpdateId] = useState();\n const [newOrganization, setOrganization] = useState({});\n const [newlocation, setNewLocation] = useState({});\n\n const fieldForm = useRef(null);\n const vetForm = useRef(null);\n const behaviourForm = useRef(null);\n const supportForm = useRef(null);\n const isFirstRender = useRef(true);\n var locationId = attributes.locationId;\n if (isAdmin) locationId = location;\n\n const getOrg = async () => {\n if (organizationId) {\n const response = await apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/organizations/${organizationId}`,\n });\n setOrganization(response.data);\n }\n const response2 = await apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/locations/${locationId}`,\n });\n setNewLocation(response2.data.attributes);\n };\n\n useEffect(() => {\n getOrg();\n }, []);\n\n const setSpecies = (species) => {\n if (species === selectedSpecies) {\n setSelectedSpecies(\"\");\n } else {\n setSelectedSpecies(species);\n }\n };\n\n useEffect(() => {\n if (isFirstRender.current) {\n isFirstRender.current = false;\n } else {\n updateServices();\n }\n }, [updatedData]);\n\n const {\n error: isStatusError,\n data: status,\n isLoading: isLoadingStatus,\n } = useQuery(\n [\"servicesMatrixStatus\", `${locationId}_${month}/${year}`],\n () => {\n setIsLoading(true);\n return apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/data_entry_status?filter[year][eq]=${year}&filter[month][eq]=${month}&filter[location_id][eq]=${locationId}&filter[action][eq]=services`,\n });\n },\n {\n onSettled: () => setIsLoading(false),\n }\n );\n\n const {\n error,\n data: response,\n refetch,\n } = useQuery(\n [\"servicesMatrix\", `${locationId}_${month}/${year}`],\n () => {\n setIsLoading(true);\n return apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/animal_services?filter[year_of_record][eq]=${year}&filter[month_of_record][eq]=${month}&filter[location_id][eq]=${locationId}`,\n });\n },\n {\n onSuccess: (res) => {\n var org = organizationId ? newOrganization : organization;\n getDefaultAnimalSpecies({\n data: res.data,\n organization: org,\n setAnimalSpecies,\n entryStatus: status ? status.data[0].attributes.status : \"unbegun\",\n });\n\n isFirstRender.current = true;\n setUpdatedData(() =>\n Object.assign(\n {},\n res.data\n .map((species) => ({\n [species.id]: species.attributes,\n }))\n .reduce((acc, curr) => Object.assign(acc, curr), {})\n )\n );\n },\n onError: () => setIsLoading(false),\n }\n );\n\n const {\n mutate: setMatrixSpecies,\n isLoading: isLoadingTables,\n error: isTableError,\n } = useMutation(\n () => {\n const payload = generateAnimalSpeciesPayload({\n addedSpecies: animalSpecies,\n removedSpecies: [],\n locationId,\n year,\n month,\n });\n\n return apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/locations/${locationId}`,\n method: \"PATCH\",\n body: {\n data: {\n id: locationId,\n type: \"locations\",\n attributes: {},\n relationships: payload.relationships,\n },\n included: payload.included,\n },\n });\n },\n {\n onSuccess: (res) => {\n queryClient.setQueryData(\n [\"servicesMatrix\", `${locationId}_${month}/${year}`],\n (oldData) =>\n updateSpeciesCache({\n oldData,\n response: res,\n changedSpecies: { added: animalSpecies, removed: [] },\n })\n );\n },\n onSettled: () => setIsLoading(false),\n }\n );\n\n const { mutate: updateServices } = useMutation(\n () =>\n apiFetch({\n token,\n dispatch,\n endpoint: `/api/v1/animal_services/${speciesUpdateId}`,\n method: \"PATCH\",\n body: {\n data: {\n id: speciesUpdateId,\n type: \"animal_services\",\n attributes: transformAttributesForPayload(\n updatedData[speciesUpdateId]\n ),\n },\n },\n }),\n {\n onSuccess: (res) => {\n // API returns updated table. But cache stores all tables and when you update you lose extra tables.\n queryClient.setQueryData(\n [\"servicesMatrix\", `${locationId}_${month}/${year}`],\n (oldData) =>\n cloneDeepWith(oldData, (value) => {\n if (isObject(value) && value.id === speciesUpdateId) {\n Object.assign(value, res.data);\n }\n })\n );\n\n queryClient.refetchQueries([\n \"servicesMatrixStatus\",\n `${locationId}_${month}/${year}`,\n ]);\n },\n onError: handleError,\n }\n );\n\n const setUpdatedAttributes = (id, attributes) => {\n setSpeciesUpdateId(id);\n var attri = {\n ...fieldForm.current.values,\n ...behaviourForm.current.values,\n ...vetForm.current.values,\n ...supportForm.current.values,\n };\n\n setUpdatedData(() =>\n cloneDeepWith(updatedData, (value) => {\n if (isObject(value) && value[id]) {\n Object.assign(value[id], attri);\n }\n })\n );\n };\n\n const handleSubmit = async () => {\n await fieldForm.current.handleSubmit();\n // await vetForm.current.handleSubmit();\n // await behaviourForm.current.handleSubmit();\n // await supportForm.current.handleSubmit();\n setIsEditing(false);\n };\n\n useEffect(() => {\n if (!response) {\n return;\n }\n\n if (!response.data.length && isOrgAdmin) {\n setMatrixSpecies();\n } else {\n setIsLoading(false);\n }\n }, [response, animalSpecies]);\n\n useEffect(refetch, [locationId, refetch]);\n // useEffect(refetch, []);\n\n const getContent = () => {\n if (isLoading || isLoadingTables || isLoadingStatus)\n return (\n \n
\n \n 5\n
\n\n \n
\n Support Services
\n {data.map(({ id, attributes, attributes: { species } }) => {\n if (species === selectedSpecies || !selectedSpecies) {\n return (\n\n {newlocation.name} - location is closed by system admin. If you\n want to enter data for this location please contact Shelter Animals\n Count helpdesk,{\" \"}\n \n info@shelteranimalscount.org\n \n .\n
\n );\n }\n return (\n <>\n {/* Settings */}\n \n setIsEditing(true)}\n >\n Edit\n \n \n
\n )}\n \n );\n };\n\n return (\n \n
\n );\n};\n\nexport default ServicesMatrix;\n","export default __webpack_public_path__ + \"static/media/Shelter-Animals-Count_Sample_Services-Import.a91fab62.csv\";","import React from \"react\";\nimport Upload from \"../../components/DataEntryUpload\";\nimport exampleCSV from \"files/Shelter-Animals-Count_Sample_Services-Import.csv\";\n\nconst ServicesUpload = () => (\n Enter Services Data
\n\n Please keep in mind that all data fields must be filled in, even if the\n entry is “0.” Records will be considered incomplete until all fields are\n populated with numeric values.\n
\n\n {getContent()}\nData Use Agreement
\n \nAll Organizations
\n\n \n {({\n resetForm,\n errors,\n touched,\n handleSubmit,\n values: { country },\n }) => (\n \n )}\n \n
\n {/* \n \n {({ setFieldValue }) => (\n \n )}\n \n
*/}\n\n \n setPage(page)}\n />\n
\n )}\n \n );\n};\n\nexport default AllOrganizations;\n\nconst Menu = ({ id }) => {\n return (\n \n
\n\n ShelterLuv Aggregation
\n\n \n {({ isValid, dirty }) => (\n
\n\n \n
\n\n \n Aggregating Data…}\n >\n Aggregate Data\n \n
\n \n )}\n \n \n \n );\n}\n\nexport default Aggregation;\n","import React from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\nimport { FORM_MODES, ROUTE_GUARDS } from \"utils\";\nimport {\n LoginRoute,\n UnauthenticatedRoute,\n PrivateRoute,\n} from \"components/Routes\";\nimport LegacyOrganization from \"screens/LegacyOrganization\";\nimport Dashboard from \"screens/Dashboard\";\nimport DataEntryOptions from \"screens/DataEntryOptions\";\nimport DataEntry from \"screens/DataEntry\";\nimport DataEntryUpload from \"screens/DataEntryUpload\";\nimport DataEntryExport from \"screens/DataEntryExport\";\nimport Login from \"screens/Login\";\nimport PageNotFound from \"screens/PageNotFound\";\nimport Register from \"screens/Register\";\nimport ForgotPassword from \"screens/ForgotPassword\";\nimport ResetPassword from \"screens/ResetPassword\";\nimport Profile from \"screens/Profile\";\nimport Organizations from \"screens/OrganizationManagement/Organizations\";\nimport Organization from \"screens/OrganizationManagement/Organization\";\nimport Users from \"screens/Users\";\nimport UserDetails from \"screens/Users/UserDetails\";\nimport Coalitions from \"screens/CoalitionBuilder/Coalitions\";\nimport MyCoalitions from \"screens/CoalitionBuilder/MyCoalitions\";\nimport AddCoalition from \"screens/CoalitionBuilder/AddCoalition\";\nimport Coalition from \"screens/CoalitionBuilder/Coalition\";\nimport ResourceCenter from \"screens/ResourceCenter\";\nimport Dashboards from \"screens/Dashboards\";\nimport DataMigration from \"screens/DataMigration\";\nimport ServicesMatrixOptions from \"screens/ServicesMatrixOptions\";\nimport ServicesMatrix from \"screens/ServicesMatrix\";\nimport ServicesUpload from \"screens/ServicesUpload\";\nimport ServicesExport from \"screens/ServicesExport\";\nimport DataUseAgreement from \"screens/DataUseAgreement\";\nimport AllOrganizations from \"screens/AllOrganizations\";\nimport Aggregation from \"screens/Aggregation\";\n\nconst Routes = () => {\n return process.env.REACT_APP_DATA_IMPORT_SPLASH_SCREEN ? (\n \n We use cookies to improve user experience, and analyze website traffic.\n For these reasons, we may share your site usage data with our analytics\n partners. By clicking “Accept Cookies,” you consent to store\n on your device all the technologies described in our{\" \"}\n \n Privacy Policy\n \n .\n
\n \n \n \n
\n \n );\n};\n\nexport default CookieConsent;\n","import React from \"react\";\nimport { QueryClientProvider, QueryClient, QueryCache } from \"react-query\";\nimport { ToastContainer, Slide, toast } from \"react-toastify\";\nimport Zendesk from \"react-zendesk\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport Routes from \"./Routes\";\nimport { AuthProvider, CookieConsentProvider, UserProvider } from \"context\";\nimport CookieConsent from \"components/CookieConsent\";\nimport DataMigrationBanner from \"components/DataMigrationBanner\";\n\nconst ZENDESK_KEY = process.env.REACT_APP_ZENDESK_KEY;\nconst showBanner = process.env.REACT_APP_DATA_IMPORT_BANNER === \"true\";\n\nif (showBanner) {\n document.body.classList.add(\"data-migration-banner\");\n}\n\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n staleTime: 5 * 60 * 1000,\n retry: false,\n },\n },\n});\nconst queryCache = new QueryCache();\n\nfunction App() {\n return (\n