diff --git a/.babelrc b/.babelrc index 0960c01..1f45614 100644 --- a/.babelrc +++ b/.babelrc @@ -2,5 +2,10 @@ "presets": [ "@babel/preset-env", "@babel/preset-react" + ], + "plugins": [ + [ + "@babel/plugin-proposal-class-properties" + ] ] } \ No newline at end of file diff --git a/client/dist/bundle.js b/client/dist/bundle.js index 8eff73e..57d7a33 100644 --- a/client/dist/bundle.js +++ b/client/dist/bundle.js @@ -106,7 +106,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/styles/index.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material-ui/core/Button */ \"./node_modules/@material-ui/core/Button/index.js\");\n/* harmony import */ var _material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _material_ui_core_Fab__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material-ui/core/Fab */ \"./node_modules/@material-ui/core/Fab/index.js\");\n/* harmony import */ var _material_ui_core_Fab__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Fab__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @material-ui/core/IconButton */ \"./node_modules/@material-ui/core/IconButton/index.js\");\n/* harmony import */ var _material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _material_ui_icons_Add__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @material-ui/icons/Add */ \"./node_modules/@material-ui/icons/Add.js\");\n/* harmony import */ var _material_ui_icons_Add__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_material_ui_icons_Add__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @material-ui/icons/Delete */ \"./node_modules/@material-ui/icons/Delete.js\");\n/* harmony import */ var _material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _material_ui_icons_Navigation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @material-ui/icons/Navigation */ \"./node_modules/@material-ui/icons/Navigation.js\");\n/* harmony import */ var _material_ui_icons_Navigation__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_material_ui_icons_Navigation__WEBPACK_IMPORTED_MODULE_8__);\n\n\n\n\n\n\n\n\n\n\nvar ButtonList = function ButtonList(_ref) {\n var selectView = _ref.selectView,\n uploadedView = _ref.uploadedView,\n purchasedView = _ref.purchasedView,\n renderContactList = _ref.renderContactList;\n\n var styles = function styles(theme) {\n return {\n margin: {\n margin: theme.spacing.unit\n },\n extendedIcon: {\n marginRight: theme.spacing.unit\n }\n };\n };\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dashboard\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h4\", null, \"Dashboard\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n onClick: function onClick() {\n uploadedView();\n renderContactList();\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a, {\n size: \"medium\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"dash-text\"\n }, \"Uploaded Contacts\"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a, {\n size: \"medium\",\n onClick: function onClick() {\n purchasedView();\n renderContactList();\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"dash-text\"\n }, \"Purchased Contacts\"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a, {\n size: \"medium\",\n onClick: function onClick() {\n selectView('upload');\n renderContactList();\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"dash-text\"\n }, \"Upload Contact\"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a, {\n size: \"medium\",\n onClick: function onClick() {\n selectView('search');\n renderContactList();\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"dash-text\"\n }, \"Search Contacts\"))));\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ButtonList);\n\n//# sourceURL=webpack:///./client/src/components/ButtonList.jsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/styles/index.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material-ui/core/Button */ \"./node_modules/@material-ui/core/Button/index.js\");\n/* harmony import */ var _material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _material_ui_core_Fab__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material-ui/core/Fab */ \"./node_modules/@material-ui/core/Fab/index.js\");\n/* harmony import */ var _material_ui_core_Fab__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Fab__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @material-ui/core/IconButton */ \"./node_modules/@material-ui/core/IconButton/index.js\");\n/* harmony import */ var _material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_IconButton__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _material_ui_icons_Add__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @material-ui/icons/Add */ \"./node_modules/@material-ui/icons/Add.js\");\n/* harmony import */ var _material_ui_icons_Add__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_material_ui_icons_Add__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @material-ui/icons/Delete */ \"./node_modules/@material-ui/icons/Delete.js\");\n/* harmony import */ var _material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_material_ui_icons_Delete__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _material_ui_icons_Navigation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @material-ui/icons/Navigation */ \"./node_modules/@material-ui/icons/Navigation.js\");\n/* harmony import */ var _material_ui_icons_Navigation__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_material_ui_icons_Navigation__WEBPACK_IMPORTED_MODULE_8__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\n\n\n\n\n //selectView, uploadedView, purchasedView, renderContactList\n\nvar styles = function styles(theme) {\n return {\n margin: {\n margin: theme.spacing.unit\n },\n extendedIcon: {\n marginRight: theme.spacing.unit\n }\n };\n};\n\nvar Modal = function Modal(_ref) {\n var handleClose = _ref.handleClose,\n show = _ref.show,\n children = _ref.children;\n var showHideClassName = show ? \"modal display-block\" : \"modal display-none\";\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: showHideClassName\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"section\", {\n className: \"modal-main\"\n }, children, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a, {\n color: \"primary\",\n onClick: handleClose\n }, \"close\")));\n};\n\nvar ButtonList =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(ButtonList, _React$Component);\n\n function ButtonList(props) {\n var _this;\n\n _classCallCheck(this, ButtonList);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ButtonList).call(this, props));\n\n _defineProperty(_assertThisInitialized(_this), \"showModal\", function () {\n _this.setState({\n show: true\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"hideModal\", function () {\n _this.setState({\n show: false\n });\n });\n\n _this.state = {\n show: false\n };\n _this.showModal = _this.showModal.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(ButtonList, [{\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n selectView = _this$props.selectView,\n uploadedView = _this$props.uploadedView,\n purchasedView = _this$props.purchasedView,\n renderContactList = _this$props.renderContactList;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dashboard\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Modal, {\n show: this.state.show,\n handleClose: this.hideModal\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h1\", null, \"Lead the Deal\"), \"Lead the deal is a Business to Business platform that serves as a marketplace for contact information. A user starts off with 10 points, which you can use to purchase contacts. If you run out of points, you can upload new contacts in order to obtain more points and access any further contacts from the database.\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h3\", null, \"Uploaded Contacts\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, \"Click to see a list of all the contacts that you have uploaded to the databse. You also have access to a notepad for each different user that will only be visible to you.\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h3\", null, \"Purchased Contacts\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, \"Once you have purchased a contact this section will show you all the relevant contact information, along with a notes section where you can keep track of when you have contacted this person. \"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h3\", null, \"Upload Contact\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, \"Will show a form where you can upload new contacts and obtain one point per contact uploaded. Please be sure to fill out all relevant information accurately. The contacts will be verified upon submission and if the person's name and phone number do not match your contact will not be verified. \"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h3\", null, \"Search Contacts\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, \"Will show a form where you can search contacts by name, company, industry, position, or address. You can fill one, any or all of the fields available. \")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, \" \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"strong\", null, \" Dashboard\"), \" \\u2003 \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n id: \"help\",\n onClick: this.showModal,\n src: \"./help_icon.png\",\n width: \"17px\",\n alt: \"help icon\"\n })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n onClick: function onClick() {\n uploadedView();\n renderContactList();\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a, {\n size: \"medium\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"dash-text\"\n }, \"Uploaded Contacts\"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a, {\n size: \"medium\",\n onClick: function onClick() {\n purchasedView();\n renderContactList();\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"dash-text\"\n }, \"Purchased Contacts\"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a, {\n size: \"medium\",\n onClick: function onClick() {\n selectView('upload');\n renderContactList();\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"dash-text\"\n }, \"Upload Contact\"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_3___default.a, {\n size: \"medium\",\n onClick: function onClick() {\n selectView('search');\n renderContactList();\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"dash-text\"\n }, \"Search Contacts\"))));\n }\n }]);\n\n return ButtonList;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ButtonList);\n\n//# sourceURL=webpack:///./client/src/components/ButtonList.jsx?"); /***/ }), @@ -130,7 +130,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/styles/index.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _material_ui_core_Paper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material-ui/core/Paper */ \"./node_modules/@material-ui/core/Paper/index.js\");\n/* harmony import */ var _material_ui_core_Paper__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Paper__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material-ui/core/Grid */ \"./node_modules/@material-ui/core/Grid/index.js\");\n/* harmony import */ var _material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _LeadInfo_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./LeadInfo.jsx */ \"./client/src/components/LeadInfo.jsx\");\n/* harmony import */ var _ButtonList_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ButtonList.jsx */ \"./client/src/components/ButtonList.jsx\");\n/* harmony import */ var _ContactList_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ContactList.jsx */ \"./client/src/components/ContactList.jsx\");\n/* harmony import */ var _SearchView_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./SearchView.jsx */ \"./client/src/components/SearchView.jsx\");\n/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-router */ \"./node_modules/react-router/esm/react-router.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _AuthService_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./AuthService.js */ \"./client/src/components/AuthService.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar DashBody =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(DashBody, _React$Component);\n\n function DashBody(props) {\n var _this;\n\n _classCallCheck(this, DashBody);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(DashBody).call(this, props));\n _this.state = {\n // userId = null,\n leads: [{\n name: 'patrick ryan',\n company: 'zlien',\n id: 1\n }, {\n name: 'winntana B.',\n company: 'Operation Spark',\n id: 2\n }, {\n name: 'arnulfo Man',\n company: 'guitar'\n }],\n selectedView: null,\n uploaded: [],\n purchased: [],\n currentLead: {},\n contact: null,\n searchedContacts: [],\n contactView: null,\n renderContactList: false,\n commentBodyText: '',\n comments: [{\n date: 'Add comments to keep track of your leads!',\n comment: 'The easiest place to keep track of lead data!'\n }],\n username: ''\n };\n var classes = props.classes;\n DashBody.propTypes = {\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object.isRequired\n };\n _this.selectView = _this.selectView.bind(_assertThisInitialized(_this));\n _this.selectContact = _this.selectContact.bind(_assertThisInitialized(_this));\n _this.searchContact = _this.searchContact.bind(_assertThisInitialized(_this));\n _this.uploadedView = _this.uploadedView.bind(_assertThisInitialized(_this));\n _this.purchasedView = _this.purchasedView.bind(_assertThisInitialized(_this));\n _this.uploadContact = _this.uploadContact.bind(_assertThisInitialized(_this));\n _this.contactPurchase = _this.contactPurchase.bind(_assertThisInitialized(_this));\n _this.renderContactList = _this.renderContactList.bind(_assertThisInitialized(_this));\n _this.handleComment = _this.handleComment.bind(_assertThisInitialized(_this));\n _this.commentBody = _this.commentBody.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(DashBody, [{\n key: \"componentWillMount\",\n value: function componentWillMount() {\n this.props.history.push('/dashboard');\n document.body.style.backgroundImage = 'none';\n this.props.getUserPoints();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n document.body.style.backgroundImage = \"url('./leaddeal.png')\";\n }\n }, {\n key: \"selectView\",\n value: function selectView(button) {\n this.setState({\n selectedView: button\n });\n }\n }, {\n key: \"uploadedView\",\n value: function uploadedView() {\n var _this2 = this;\n\n this.props.auth.fetch(\"/api/users/\".concat(this.props.userId, \"/uploaded_contacts\")).then(function (uploadedContacts) {\n console.log(uploadedContacts);\n\n _this2.setState({\n uploaded: uploadedContacts,\n selectedView: 'uploaded'\n });\n })[\"catch\"](function (err) {\n console.log(err);\n });\n }\n }, {\n key: \"purchasedView\",\n value: function purchasedView() {\n var _this3 = this;\n\n this.props.auth.fetch(\"/api/users/\".concat(this.props.userId, \"/purchased_contacts\")).then(function (purchasedContacts) {\n console.log(purchasedContacts);\n\n _this3.setState({\n purchased: purchasedContacts,\n selectedView: 'purchased'\n });\n })[\"catch\"](function (err) {\n console.log(err);\n });\n }\n }, {\n key: \"selectContact\",\n value: function selectContact(contactId, list, view) {\n var _this4 = this;\n\n if (view === 'access') {\n var contact = this.state[list].filter(function (contact) {\n return contact.id === contactId;\n })[0];\n this.props.auth.fetch(\"/api/users/comments/\".concat(this.props.userId, \"/\").concat(contactId)).then(function (comments) {\n var revComments = comments.reverse();\n\n _this4.setState({\n comments: revComments\n });\n })[\"catch\"](function (err) {\n console.log(err);\n });\n this.setState({\n currentLead: contact,\n contactView: 'access'\n });\n } else {\n var _contact = this.state.searchedContacts.filter(function (contact) {\n return contact.id === contactId;\n })[0];\n this.setState({\n currentLead: _contact,\n contactView: 'limited'\n });\n }\n }\n }, {\n key: \"searchContact\",\n value: function searchContact(query) {\n var _this5 = this;\n\n //console.log(query)\n var options = {\n method: 'POST',\n body: JSON.stringify(query)\n };\n this.props.auth.fetch(\"/api/users/search/\".concat(this.props.userId), options).then(function (contacts) {\n console.log('im inside this contact', contacts);\n\n _this5.setState({\n searchedContacts: contacts,\n selectedView: 'searched'\n });\n })[\"catch\"](function (err) {\n console.log(err);\n });\n }\n }, {\n key: \"uploadContact\",\n value: function uploadContact(contact) {\n var _this6 = this;\n\n console.log(this.props.userId);\n var options = {\n method: 'POST',\n body: JSON.stringify(contact)\n };\n this.props.auth.fetch2(\"/api/users/\".concat(this.props.userId, \"/upload\"), options).then(function (response) {\n _this6.props.getUserPoints();\n\n _this6.setState({\n currentLead: contact,\n contactView: 'access'\n });\n })[\"catch\"](function (err) {\n console.error(err);\n });\n }\n }, {\n key: \"contactPurchase\",\n value: function contactPurchase(event, contactId) {\n var _this7 = this;\n\n console.log(event.target.innerHTML);\n\n if (this.props.points > 0) {\n var options = {\n method: 'POST'\n };\n this.props.auth.fetch(\"/api/users/purchase_contact/\".concat(this.props.userId, \"/\").concat(contactId), options).then(function (result) {\n console.log('i have just purchased this contact', result);\n\n _this7.props.getUserPoints(); // document.getElementById('purchase-button').innerHTML = 'Contact Purchased';\n // document.getElementById('purchase-button').style.color = 'grey';\n\n\n event.target.innerHTML = 'Contact Purchased';\n event.target.style.color = 'grey';\n })[\"catch\"](function (err) {\n console.log(err);\n });\n } else {\n alert('You do not have enough points to complete this purchase. Please upload more contacts to obtain more points');\n }\n }\n }, {\n key: \"handleComment\",\n value: function handleComment(event) {\n var _this8 = this;\n\n event.preventDefault();\n var comment = {};\n comment.body = this.state.commentBodyText;\n var options = {\n method: 'POST',\n body: JSON.stringify(comment)\n };\n this.props.auth.fetch(\"/api/users/comments/\".concat(this.props.userId, \"/\").concat(this.state.currentLead.id), options).then(function (comments) {\n var revComments = comments.reverse();\n\n _this8.setState({\n commentBodyText: '',\n comments: revComments\n });\n })[\"catch\"](function (err) {\n console.log(err);\n\n _this8.setState({\n commentBodyText: ''\n });\n });\n }\n }, {\n key: \"commentBody\",\n value: function commentBody(comment) {\n this.setState({\n commentBodyText: comment\n });\n }\n }, {\n key: \"renderContactList\",\n value: function renderContactList() {\n this.setState({\n renderContactList: true\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n if (this.state.renderContactList) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n container: true,\n spacing: 24\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n item: true,\n xs: true\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"left-top-display\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ButtonList_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n selectView: this.selectView,\n uploadedView: this.uploadedView,\n purchasedView: this.purchasedView,\n renderContactList: this.renderContactList\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"left-bottom-display\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ContactList_jsx__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n uploaded: this.state.uploaded,\n purchased: this.state.purchased,\n selectedView: this.state.selectedView,\n selectContact: this.selectContact,\n searchContact: this.searchContact,\n uploadContact: this.uploadContact\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SearchView_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n searchedContacts: this.state.searchedContacts,\n selectedView: this.state.selectedView,\n selectContact: this.selectContact\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n item: true,\n xs: 9\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_LeadInfo_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n currentLead: this.state.currentLead,\n contactView: this.state.contactView,\n contactPurchase: this.contactPurchase,\n commentBody: this.commentBody,\n handleComment: this.handleComment,\n comments: this.state.comments,\n commentBodyText: this.state.commentBodyText\n }))));\n } else {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n container: true,\n spacing: 24\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n item: true,\n xs: true\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"left-top-display\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ButtonList_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n selectView: this.selectView,\n uploadedView: this.uploadedView,\n purchasedView: this.purchasedView,\n renderContactList: this.renderContactList\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n item: true,\n xs: 9\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_LeadInfo_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n currentLead: this.state.currentLead,\n contactView: this.state.contactView,\n contactPurchase: this.contactPurchase\n }))));\n }\n }\n }]);\n\n return DashBody;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\nvar styles = function styles(theme) {\n return {\n root: {\n flexGrow: 1\n },\n paper: {\n padding: theme.spacing.unit * 2,\n textAlign: 'center',\n color: theme.palette.text.secondary\n }\n };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_router__WEBPACK_IMPORTED_MODULE_9__[\"withRouter\"])(Object(_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__[\"withStyles\"])(styles)(DashBody)));\n\n//# sourceURL=webpack:///./client/src/components/DashBody.jsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material-ui/core/styles */ \"./node_modules/@material-ui/core/styles/index.js\");\n/* harmony import */ var _material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _material_ui_core_Paper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material-ui/core/Paper */ \"./node_modules/@material-ui/core/Paper/index.js\");\n/* harmony import */ var _material_ui_core_Paper__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Paper__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material-ui/core/Grid */ \"./node_modules/@material-ui/core/Grid/index.js\");\n/* harmony import */ var _material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _LeadInfo_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./LeadInfo.jsx */ \"./client/src/components/LeadInfo.jsx\");\n/* harmony import */ var _ButtonList_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ButtonList.jsx */ \"./client/src/components/ButtonList.jsx\");\n/* harmony import */ var _ContactList_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ContactList.jsx */ \"./client/src/components/ContactList.jsx\");\n/* harmony import */ var _SearchView_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./SearchView.jsx */ \"./client/src/components/SearchView.jsx\");\n/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-router */ \"./node_modules/react-router/esm/react-router.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _AuthService_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./AuthService.js */ \"./client/src/components/AuthService.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar DashBody =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(DashBody, _React$Component);\n\n function DashBody(props) {\n var _this;\n\n _classCallCheck(this, DashBody);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(DashBody).call(this, props));\n _this.state = {\n // userId = null,\n leads: [{\n name: 'patrick ryan',\n company: 'zlien',\n id: 1\n }, {\n name: 'winntana B.',\n company: 'Operation Spark',\n id: 2\n }, {\n name: 'arnulfo Man',\n company: 'guitar'\n }],\n selectedView: null,\n uploaded: [],\n purchased: [],\n currentLead: {},\n contact: null,\n searchedContacts: [],\n contactView: null,\n renderContactList: false,\n commentBodyText: '',\n comments: [{\n date: 'Add comments to keep track of your leads!',\n comment: 'The easiest place to keep track of lead data!'\n }],\n username: ''\n };\n var classes = props.classes;\n DashBody.propTypes = {\n classes: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object.isRequired\n };\n _this.selectView = _this.selectView.bind(_assertThisInitialized(_this));\n _this.selectContact = _this.selectContact.bind(_assertThisInitialized(_this));\n _this.searchContact = _this.searchContact.bind(_assertThisInitialized(_this));\n _this.uploadedView = _this.uploadedView.bind(_assertThisInitialized(_this));\n _this.purchasedView = _this.purchasedView.bind(_assertThisInitialized(_this));\n _this.uploadContact = _this.uploadContact.bind(_assertThisInitialized(_this));\n _this.contactPurchase = _this.contactPurchase.bind(_assertThisInitialized(_this));\n _this.renderContactList = _this.renderContactList.bind(_assertThisInitialized(_this));\n _this.handleComment = _this.handleComment.bind(_assertThisInitialized(_this));\n _this.commentBody = _this.commentBody.bind(_assertThisInitialized(_this));\n _this.showModal = _this.showModal.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(DashBody, [{\n key: \"componentWillMount\",\n value: function componentWillMount() {\n this.props.history.push('/dashboard');\n document.body.style.backgroundImage = 'none';\n this.props.getUserPoints();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n document.body.style.backgroundImage = \"url('./leaddeal.png')\";\n }\n }, {\n key: \"showModal\",\n value: function showModal() {\n console.log('modal');\n }\n }, {\n key: \"selectView\",\n value: function selectView(button) {\n this.setState({\n selectedView: button\n });\n }\n }, {\n key: \"uploadedView\",\n value: function uploadedView() {\n var _this2 = this;\n\n this.props.auth.fetch(\"/api/users/\".concat(this.props.userId, \"/uploaded_contacts\")).then(function (uploadedContacts) {\n console.log(uploadedContacts);\n\n _this2.setState({\n uploaded: uploadedContacts,\n selectedView: 'uploaded'\n });\n })[\"catch\"](function (err) {\n console.log(err);\n });\n }\n }, {\n key: \"purchasedView\",\n value: function purchasedView() {\n var _this3 = this;\n\n this.props.auth.fetch(\"/api/users/\".concat(this.props.userId, \"/purchased_contacts\")).then(function (purchasedContacts) {\n console.log(purchasedContacts);\n\n _this3.setState({\n purchased: purchasedContacts,\n selectedView: 'purchased'\n });\n })[\"catch\"](function (err) {\n console.log(err);\n });\n }\n }, {\n key: \"selectContact\",\n value: function selectContact(contactId, list, view) {\n var _this4 = this;\n\n if (view === 'access') {\n var contact = this.state[list].filter(function (contact) {\n return contact.id === contactId;\n })[0];\n this.props.auth.fetch(\"/api/users/comments/\".concat(this.props.userId, \"/\").concat(contactId)).then(function (comments) {\n var revComments = comments.reverse();\n\n _this4.setState({\n comments: revComments\n });\n })[\"catch\"](function (err) {\n console.log(err);\n });\n this.setState({\n currentLead: contact,\n contactView: 'access'\n });\n } else {\n var _contact = this.state.searchedContacts.filter(function (contact) {\n return contact.id === contactId;\n })[0];\n this.setState({\n currentLead: _contact,\n contactView: 'limited'\n });\n }\n }\n }, {\n key: \"searchContact\",\n value: function searchContact(query) {\n var _this5 = this;\n\n //console.log(query)\n var options = {\n method: 'POST',\n body: JSON.stringify(query)\n };\n this.props.auth.fetch(\"/api/users/search/\".concat(this.props.userId), options).then(function (contacts) {\n console.log('im inside this contact', contacts);\n\n _this5.setState({\n searchedContacts: contacts,\n selectedView: 'searched'\n });\n })[\"catch\"](function (err) {\n console.log(err);\n });\n }\n }, {\n key: \"uploadContact\",\n value: function uploadContact(contact) {\n var _this6 = this;\n\n console.log(this.props.userId);\n var options = {\n method: 'POST',\n body: JSON.stringify(contact)\n };\n this.props.auth.fetch2(\"/api/users/\".concat(this.props.userId, \"/upload\"), options).then(function (response) {\n _this6.props.getUserPoints();\n\n _this6.setState({\n currentLead: contact,\n contactView: 'access'\n });\n })[\"catch\"](function (err) {\n console.error(err);\n });\n }\n }, {\n key: \"contactPurchase\",\n value: function contactPurchase(event, contactId) {\n var _this7 = this;\n\n console.log(event.target.innerHTML);\n\n if (this.props.points > 0) {\n var options = {\n method: 'POST'\n };\n this.props.auth.fetch(\"/api/users/purchase_contact/\".concat(this.props.userId, \"/\").concat(contactId), options).then(function (result) {\n console.log('i have just purchased this contact', result);\n\n _this7.props.getUserPoints(); // document.getElementById('purchase-button').innerHTML = 'Contact Purchased';\n // document.getElementById('purchase-button').style.color = 'grey';\n\n\n event.target.innerHTML = 'Contact Purchased';\n event.target.style.color = 'grey';\n })[\"catch\"](function (err) {\n console.log(err);\n });\n } else {\n alert('You do not have enough points to complete this purchase. Please upload more contacts to obtain more points');\n }\n }\n }, {\n key: \"handleComment\",\n value: function handleComment(event) {\n var _this8 = this;\n\n event.preventDefault();\n var comment = {};\n comment.body = this.state.commentBodyText;\n var options = {\n method: 'POST',\n body: JSON.stringify(comment)\n };\n this.props.auth.fetch(\"/api/users/comments/\".concat(this.props.userId, \"/\").concat(this.state.currentLead.id), options).then(function (comments) {\n var revComments = comments.reverse();\n\n _this8.setState({\n commentBodyText: '',\n comments: revComments\n });\n })[\"catch\"](function (err) {\n console.log(err);\n\n _this8.setState({\n commentBodyText: ''\n });\n });\n }\n }, {\n key: \"commentBody\",\n value: function commentBody(comment) {\n this.setState({\n commentBodyText: comment\n });\n }\n }, {\n key: \"renderContactList\",\n value: function renderContactList() {\n this.setState({\n renderContactList: true\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n if (this.state.renderContactList) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n container: true,\n spacing: 24\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n item: true,\n xs: true\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"left-top-display\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ButtonList_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n selectView: this.selectView,\n uploadedView: this.uploadedView,\n purchasedView: this.purchasedView,\n renderContactList: this.renderContactList,\n showModal: this.showModal\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"left-bottom-display\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ContactList_jsx__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n uploaded: this.state.uploaded,\n purchased: this.state.purchased,\n selectedView: this.state.selectedView,\n selectContact: this.selectContact,\n searchContact: this.searchContact,\n uploadContact: this.uploadContact\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SearchView_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n searchedContacts: this.state.searchedContacts,\n selectedView: this.state.selectedView,\n selectContact: this.selectContact\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n item: true,\n xs: 9\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_LeadInfo_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n currentLead: this.state.currentLead,\n contactView: this.state.contactView,\n contactPurchase: this.contactPurchase,\n commentBody: this.commentBody,\n handleComment: this.handleComment,\n comments: this.state.comments,\n commentBodyText: this.state.commentBodyText\n }))));\n } else {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n container: true,\n spacing: 24\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n item: true,\n xs: true\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"left-top-display\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ButtonList_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n selectView: this.selectView,\n uploadedView: this.uploadedView,\n purchasedView: this.purchasedView,\n renderContactList: this.renderContactList\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Grid__WEBPACK_IMPORTED_MODULE_4___default.a, {\n item: true,\n xs: 9\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_LeadInfo_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n currentLead: this.state.currentLead,\n contactView: this.state.contactView,\n contactPurchase: this.contactPurchase\n }))));\n }\n }\n }]);\n\n return DashBody;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\nvar styles = function styles(theme) {\n return {\n root: {\n flexGrow: 1\n },\n paper: {\n padding: theme.spacing.unit * 2,\n textAlign: 'center',\n color: theme.palette.text.secondary\n }\n };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_router__WEBPACK_IMPORTED_MODULE_9__[\"withRouter\"])(Object(_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_2__[\"withStyles\"])(styles)(DashBody)));\n\n//# sourceURL=webpack:///./client/src/components/DashBody.jsx?"); /***/ }), @@ -226,7 +226,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _material_ui_core_Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material-ui/core/Button */ \"./node_modules/@material-ui/core/Button/index.js\");\n/* harmony import */ var _material_ui_core_Button__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _components_DashboardHeader_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/DashboardHeader.jsx */ \"./client/src/components/DashboardHeader.jsx\");\n/* harmony import */ var _components_DashBody_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/DashBody.jsx */ \"./client/src/components/DashBody.jsx\");\n/* harmony import */ var _components_Login_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/Login.jsx */ \"./client/src/components/Login.jsx\");\n/* harmony import */ var _components_Register_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/Register.jsx */ \"./client/src/components/Register.jsx\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _components_AuthService_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/AuthService.js */ \"./client/src/components/AuthService.js\");\n/* harmony import */ var _components_UserHeader_jsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/UserHeader.jsx */ \"./client/src/components/UserHeader.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\n\n\n\n\n\n\n //Material UI stuff\n\nvar styles = {\n paperContainer: {\n backgroundImage: \"url(\".concat(Image, \")\")\n }\n};\n\nvar App =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(App, _React$Component);\n\n function App(props) {\n var _this;\n\n _classCallCheck(this, App);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(App).call(this, props));\n _this.state = {\n isLoggedin: false,\n userId: null,\n redirectTo: '',\n username: '',\n points: null\n };\n _this.registerUser = _this.registerUser.bind(_assertThisInitialized(_this));\n _this.loginUser = _this.loginUser.bind(_assertThisInitialized(_this));\n _this.logOutUser = _this.logOutUser.bind(_assertThisInitialized(_this));\n _this.getUserPoints = _this.getUserPoints.bind(_assertThisInitialized(_this));\n _this.Auth = new _components_AuthService_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"]();\n return _this;\n }\n\n _createClass(App, [{\n key: \"componentWillMount\",\n value: function componentWillMount() {// if (this.Auth.loggedIn()){\n // this.setState({\n // isLoggedin: true,\n // redirectTo: '/dashboard'\n // })\n // } else{\n // this.setState({\n // isLoggedin: false\n // })\n // }\n }\n }, {\n key: \"getUserPoints\",\n value: function getUserPoints() {\n var _this2 = this;\n\n this.Auth.fetch(\"/api/users/\".concat(this.state.userId)).then(function (user) {\n _this2.setState({\n points: user.points\n });\n })[\"catch\"](function (err) {\n console.error(err);\n });\n }\n }, {\n key: \"registerUser\",\n value: function registerUser(user) {\n var _this3 = this;\n\n axios__WEBPACK_IMPORTED_MODULE_8___default.a.post('/api/auth/signup', user).then(function (response) {\n console.log(response);\n\n if (response.data) {\n console.log('succesful signup');\n\n _this3.setState({\n redirectTo: '/login'\n });\n } else {\n console.log('signup error');\n }\n })[\"catch\"](function (err) {\n console.log('sign up server error', err);\n });\n }\n }, {\n key: \"loginUser\",\n value: function loginUser(username, password) {\n var _this4 = this;\n\n this.Auth.login(username, password).then(function (res) {\n console.log(res);\n\n _this4.setState({\n isLoggedin: true,\n userId: res.id,\n username: res.username\n });\n })[\"catch\"](function (err) {\n alert('The username and password you entered did not match our records. Please double-check and try again.');\n });\n }\n }, {\n key: \"logOutUser\",\n value: function logOutUser() {\n this.Auth.logout();\n this.setState({\n isLoggedin: false,\n userId: null,\n redirectTo: '/login'\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this5 = this;\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__[\"BrowserRouter\"], null, this.state.isLoggedin ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_UserHeader_jsx__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n logOutUser: this.logOutUser,\n userId: this.state.userId,\n points: this.state.points,\n username: this.state.username\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_DashBody_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n auth: this.Auth,\n userId: this.state.userId,\n username: this.state.username,\n updatePoints: this.updatePoints,\n getUserPoints: this.getUserPoints,\n points: this.state.points\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__[\"Route\"], {\n exact: true,\n path: \"/dashboard\"\n })) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"intro-body\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_DashboardHeader_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n isLoggedin: this.state.isLoggedin,\n logOutUser: this.logOutUser\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__[\"Route\"], {\n path: \"/register\",\n render: function render(routeProps) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_Register_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({}, routeProps, {\n registerUser: _this5.registerUser\n }));\n }\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__[\"Route\"], {\n path: \"/login\",\n render: function render(routeProps) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_Login_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({}, routeProps, {\n Auth: _this5.Auth,\n isLoggedin: _this5.state.isLoggedin,\n loginUser: _this5.loginUser\n }));\n }\n })));\n }\n }]);\n\n return App;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\nreact_dom__WEBPACK_IMPORTED_MODULE_1___default.a.render(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(App, null), document.getElementById('root'));\n\n//# sourceURL=webpack:///./client/src/index.jsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _material_ui_core_Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material-ui/core/Button */ \"./node_modules/@material-ui/core/Button/index.js\");\n/* harmony import */ var _material_ui_core_Button__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _components_DashboardHeader_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/DashboardHeader.jsx */ \"./client/src/components/DashboardHeader.jsx\");\n/* harmony import */ var _components_DashBody_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/DashBody.jsx */ \"./client/src/components/DashBody.jsx\");\n/* harmony import */ var _components_Login_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/Login.jsx */ \"./client/src/components/Login.jsx\");\n/* harmony import */ var _components_Register_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/Register.jsx */ \"./client/src/components/Register.jsx\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _components_AuthService_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/AuthService.js */ \"./client/src/components/AuthService.js\");\n/* harmony import */ var _components_UserHeader_jsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/UserHeader.jsx */ \"./client/src/components/UserHeader.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\n\n\n\n\n\n\n //Material UI stuff\n\nvar styles = {\n paperContainer: {\n backgroundImage: \"url(\".concat(Image, \")\")\n }\n};\n\nvar App =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(App, _React$Component);\n\n function App(props) {\n var _this;\n\n _classCallCheck(this, App);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(App).call(this, props));\n _this.state = {\n isLoggedin: false,\n userId: null,\n redirectTo: '',\n username: '',\n points: null\n };\n _this.registerUser = _this.registerUser.bind(_assertThisInitialized(_this));\n _this.loginUser = _this.loginUser.bind(_assertThisInitialized(_this));\n _this.logOutUser = _this.logOutUser.bind(_assertThisInitialized(_this));\n _this.getUserPoints = _this.getUserPoints.bind(_assertThisInitialized(_this));\n _this.Auth = new _components_AuthService_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"]();\n _this.showModal = _this.showModal.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(App, [{\n key: \"componentWillMount\",\n value: function componentWillMount() {// if (this.Auth.loggedIn()){\n // this.setState({\n // isLoggedin: true,\n // redirectTo: '/dashboard'\n // })\n // } else{\n // this.setState({\n // isLoggedin: false\n // })\n // }\n }\n }, {\n key: \"showModal\",\n value: function showModal() {\n console.log('modal');\n }\n }, {\n key: \"getUserPoints\",\n value: function getUserPoints() {\n var _this2 = this;\n\n this.Auth.fetch(\"/api/users/\".concat(this.state.userId)).then(function (user) {\n _this2.setState({\n points: user.points\n });\n })[\"catch\"](function (err) {\n console.error(err);\n });\n }\n }, {\n key: \"registerUser\",\n value: function registerUser(user) {\n var _this3 = this;\n\n axios__WEBPACK_IMPORTED_MODULE_8___default.a.post('/api/auth/signup', user).then(function (response) {\n console.log(response);\n\n if (response.data) {\n console.log('succesful signup');\n\n _this3.setState({\n redirectTo: '/login'\n });\n } else {\n console.log('signup error');\n }\n })[\"catch\"](function (err) {\n console.log('sign up server error', err);\n });\n }\n }, {\n key: \"loginUser\",\n value: function loginUser(username, password) {\n var _this4 = this;\n\n this.Auth.login(username, password).then(function (res) {\n console.log(res);\n\n _this4.setState({\n isLoggedin: true,\n userId: res.id,\n username: res.username\n });\n })[\"catch\"](function (err) {\n alert('The username and password you entered did not match our records. Please double-check and try again.');\n });\n }\n }, {\n key: \"logOutUser\",\n value: function logOutUser() {\n this.Auth.logout();\n this.setState({\n isLoggedin: false,\n userId: null,\n redirectTo: '/login'\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this5 = this;\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__[\"BrowserRouter\"], null, this.state.isLoggedin ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_UserHeader_jsx__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n logOutUser: this.logOutUser,\n userId: this.state.userId,\n points: this.state.points,\n username: this.state.username\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_DashBody_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n auth: this.Auth,\n userId: this.state.userId,\n username: this.state.username,\n updatePoints: this.updatePoints,\n getUserPoints: this.getUserPoints,\n points: this.state.points\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__[\"Route\"], {\n exact: true,\n path: \"/dashboard\"\n })) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"intro-body\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_DashboardHeader_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n isLoggedin: this.state.isLoggedin,\n logOutUser: this.logOutUser\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__[\"Route\"], {\n path: \"/register\",\n render: function render(routeProps) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_Register_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({}, routeProps, {\n registerUser: _this5.registerUser\n }));\n }\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_7__[\"Route\"], {\n path: \"/login\",\n render: function render(routeProps) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_Login_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({}, routeProps, {\n Auth: _this5.Auth,\n isLoggedin: _this5.state.isLoggedin,\n loginUser: _this5.loginUser\n }));\n }\n })));\n }\n }]);\n\n return App;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\nreact_dom__WEBPACK_IMPORTED_MODULE_1___default.a.render(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(App, null), document.getElementById('root'));\n\n//# sourceURL=webpack:///./client/src/index.jsx?"); /***/ }), diff --git a/client/dist/help_icon.png b/client/dist/help_icon.png new file mode 100644 index 0000000..ab6d56b Binary files /dev/null and b/client/dist/help_icon.png differ diff --git a/client/dist/styles.css b/client/dist/styles.css index 0cbff07..7479984 100644 --- a/client/dist/styles.css +++ b/client/dist/styles.css @@ -59,4 +59,42 @@ display: block; #contact-list{ font-family: 'Oswald', sans-serif; +} + +#help:hover{ +width: 18px; +cursor: pointer; +} + +.modal { + position: fixed; + top: 0; + left: 0; + width:100%; + height: 100%; + background: rgba(0, 0, 0, 0.6); +} + +.modal-main { + position:fixed; + background: white; + width: 60%; + height: auto; + top:50%; + left:50%; + transform: translate(-50%,-50%); + z-index: 10; + border-radius: 6px; + padding: 10px; +} + +.display-block { + display: block; + z-index: 10; + +} + +.display-none { + display: none; + } \ No newline at end of file diff --git a/client/src/components/ButtonList.jsx b/client/src/components/ButtonList.jsx index f440a86..9de82c5 100644 --- a/client/src/components/ButtonList.jsx +++ b/client/src/components/ButtonList.jsx @@ -9,20 +9,78 @@ import DeleteIcon from '@material-ui/icons/Delete'; import NavigationIcon from '@material-ui/icons/Navigation'; -const ButtonList = ({selectView, uploadedView, purchasedView, renderContactList }) => { - const styles = theme => ({ - margin: { - margin: theme.spacing.unit, - }, - extendedIcon: { - marginRight: theme.spacing.unit, - }, - }); +//selectView, uploadedView, purchasedView, renderContactList +const styles = theme => ({ + margin: { + margin: theme.spacing.unit, + }, + extendedIcon: { + marginRight: theme.spacing.unit, + }, +}); + + +const Modal = ({ handleClose, show, children }) => { + const showHideClassName = show ? "modal display-block" : "modal display-none"; return ( +
+
+ {children} + +
+
+ ); +}; + + +class ButtonList extends React.Component { + + +constructor(props){ + super(props); + + this.state = { + show:false + } + + this.showModal = this.showModal.bind(this); +} + + + showModal = () => { + this.setState({ show: true }); + }; + + hideModal = () => { + this.setState({ show: false }); + }; + + render(){ + + const { selectView, uploadedView, purchasedView, renderContactList } = this.props + return (
+ +

Lead the Deal

+ Lead the deal is a Business to Business platform that serves as a marketplace for contact information. A user starts off with 10 points, which you can use to purchase contacts. + If you run out of points, you can upload new contacts in order to obtain more points and access any further contacts from the database. +

Uploaded Contacts

+

Click to see a list of all the contacts that you have uploaded to the databse. You also have access to a notepad for each different user + that will only be visible to you. +

+

Purchased Contacts

+

Once you have purchased a contact this section will show you all the relevant contact information, along with a notes section where you can keep track of when you have contacted this person.

+

Upload Contact

+

Will show a form where you can upload new contacts and obtain one point per contact uploaded. Please be sure to fill out all relevant information accurately. + The contacts will be verified upon submission and if the person's name and phone number do not match your contact will not be verified.

+

Search Contacts

+

Will show a form where you can search contacts by name, company, industry, position, or address. You can fill one, any or all of the fields available.

+
-

Dashboard

+

Dashboard   + help icon +

{ uploadedView(); renderContactList()}}>
) } +} export default ButtonList; \ No newline at end of file diff --git a/client/src/components/DashBody.jsx b/client/src/components/DashBody.jsx index 7d06d6b..2797aa3 100644 --- a/client/src/components/DashBody.jsx +++ b/client/src/components/DashBody.jsx @@ -45,6 +45,7 @@ class DashBody extends React.Component { this.renderContactList = this.renderContactList.bind(this); this.handleComment = this.handleComment.bind(this) this.commentBody = this.commentBody.bind(this) + this.showModal = this.showModal.bind(this); } componentWillMount(){ @@ -59,6 +60,11 @@ componentWillUnmount(){ document.body.style.backgroundImage = "url('./leaddeal.png')" } +showModal() { + console.log('modal'); + } + + selectView(button){ this.setState({selectedView: button}) } @@ -229,7 +235,8 @@ render(){ selectView={this.selectView} uploadedView={this.uploadedView} purchasedView={this.purchasedView} - renderContactList={this.renderContactList}/> + renderContactList={this.renderContactList} + showModal={this.showModal}/>
diff --git a/client/src/index.jsx b/client/src/index.jsx index f9b6081..67e0c93 100644 --- a/client/src/index.jsx +++ b/client/src/index.jsx @@ -37,6 +37,7 @@ class App extends React.Component { this.logOutUser = this.logOutUser.bind(this); this.getUserPoints = this.getUserPoints.bind(this); this.Auth = new AuthService(); + this.showModal = this.showModal.bind(this); } @@ -54,6 +55,10 @@ componentWillMount() { // } } +showModal(){ + console.log('modal'); +} + getUserPoints(){ diff --git a/package-lock.json b/package-lock.json index a035388..9e1c10b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,6 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0.tgz", "integrity": "sha512-OfC2uemaknXr87bdLUkWog7nYuliM9Ij5HUcajsVcMCpQrcLmtxRbVFTIqmcSkSeYRBFBRxs2FiUqFJDLdiebA==", - "dev": true, "requires": { "@babel/highlight": "^7.0.0" } @@ -39,7 +38,6 @@ "version": "7.4.0", "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.4.0.tgz", "integrity": "sha512-/v5I+a1jhGSKLgZDcmAUZ4K/VePi43eRkUs3yePW1HB1iANOD5tqJXwGSG4BZhSksP8J9ejSlwGeTiiOFZOrXQ==", - "dev": true, "requires": { "@babel/types": "^7.4.0", "jsesc": "^2.5.1", @@ -88,6 +86,19 @@ "@babel/types": "^7.4.0" } }, + "@babel/helper-create-class-features-plugin": { + "version": "7.4.3", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.4.3.tgz", + "integrity": "sha512-UMl3TSpX11PuODYdWGrUeW6zFkdYhDn7wRLrOuNVM6f9L+S9CzmDXYyrp3MTHcwWjnzur1f/Op8A7iYZWya2Yg==", + "requires": { + "@babel/helper-function-name": "^7.1.0", + "@babel/helper-member-expression-to-functions": "^7.0.0", + "@babel/helper-optimise-call-expression": "^7.0.0", + "@babel/helper-plugin-utils": "^7.0.0", + "@babel/helper-replace-supers": "^7.4.0", + "@babel/helper-split-export-declaration": "^7.4.0" + } + }, "@babel/helper-define-map": { "version": "7.4.0", "resolved": "https://registry.npmjs.org/@babel/helper-define-map/-/helper-define-map-7.4.0.tgz", @@ -113,7 +124,6 @@ "version": "7.1.0", "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.1.0.tgz", "integrity": "sha512-A95XEoCpb3TO+KZzJ4S/5uW5fNe26DjBGqf1o9ucyLyCmi1dXq/B3c8iaWTfBk3VvetUxl16e8tIrd5teOCfGw==", - "dev": true, "requires": { "@babel/helper-get-function-arity": "^7.0.0", "@babel/template": "^7.1.0", @@ -124,7 +134,6 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0.tgz", "integrity": "sha512-r2DbJeg4svYvt3HOS74U4eWKsUAMRH01Z1ds1zx8KNTPtpTL5JAsdFv8BNyOpVqdFhHkkRDIg5B4AsxmkjAlmQ==", - "dev": true, "requires": { "@babel/types": "^7.0.0" } @@ -142,7 +151,6 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.0.0.tgz", "integrity": "sha512-avo+lm/QmZlv27Zsi0xEor2fKcqWG56D5ae9dzklpIaY7cQMK5N8VSpaNVPPagiqmy7LrEjK1IWdGMOqPu5csg==", - "dev": true, "requires": { "@babel/types": "^7.0.0" } @@ -174,7 +182,6 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.0.0.tgz", "integrity": "sha512-u8nd9NQePYNQV8iPWu/pLLYBqZBa4ZaY1YWRFMuxrid94wKI1QNt67NEZ7GAe5Kc/0LLScbim05xZFWkAdrj9g==", - "dev": true, "requires": { "@babel/types": "^7.0.0" } @@ -182,8 +189,7 @@ "@babel/helper-plugin-utils": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.0.0.tgz", - "integrity": "sha512-CYAOUCARwExnEixLdB6sDm2dIJ/YgEAKDM1MOeMeZu9Ld/bDgVo8aiWrXwcY7OBh+1Ea2uUcVRcxKk0GJvW7QA==", - "dev": true + "integrity": "sha512-CYAOUCARwExnEixLdB6sDm2dIJ/YgEAKDM1MOeMeZu9Ld/bDgVo8aiWrXwcY7OBh+1Ea2uUcVRcxKk0GJvW7QA==" }, "@babel/helper-regex": { "version": "7.4.3", @@ -211,7 +217,6 @@ "version": "7.4.0", "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.4.0.tgz", "integrity": "sha512-PVwCVnWWAgnal+kJ+ZSAphzyl58XrFeSKSAJRiqg5QToTsjL+Xu1f9+RJ+d+Q0aPhPfBGaYfkox66k86thxNSg==", - "dev": true, "requires": { "@babel/helper-member-expression-to-functions": "^7.0.0", "@babel/helper-optimise-call-expression": "^7.0.0", @@ -233,7 +238,6 @@ "version": "7.4.0", "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.0.tgz", "integrity": "sha512-7Cuc6JZiYShaZnybDmfwhY4UYHzI6rlqhWjaIqbsJGsIqPimEYy5uh3akSRLMg65LSdSEnJ8a8/bWQN6u2oMGw==", - "dev": true, "requires": { "@babel/types": "^7.4.0" } @@ -265,7 +269,6 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.0.0.tgz", "integrity": "sha512-UFMC4ZeFC48Tpvj7C8UgLvtkaUuovQX+5xNWrsIoMG8o2z+XFKjKaN9iVmS84dPwVN00W4wPmqvYoZF3EGAsfw==", - "dev": true, "requires": { "chalk": "^2.0.0", "esutils": "^2.0.2", @@ -275,8 +278,7 @@ "@babel/parser": { "version": "7.4.3", "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.4.3.tgz", - "integrity": "sha512-gxpEUhTS1sGA63EGQGuA+WESPR/6tz6ng7tSHFCmaTJK/cGK8y37cBTspX+U2xCAue2IQVvF6Z0oigmjwD8YGQ==", - "dev": true + "integrity": "sha512-gxpEUhTS1sGA63EGQGuA+WESPR/6tz6ng7tSHFCmaTJK/cGK8y37cBTspX+U2xCAue2IQVvF6Z0oigmjwD8YGQ==" }, "@babel/plugin-proposal-async-generator-functions": { "version": "7.2.0", @@ -289,6 +291,15 @@ "@babel/plugin-syntax-async-generators": "^7.2.0" } }, + "@babel/plugin-proposal-class-properties": { + "version": "7.4.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.4.0.tgz", + "integrity": "sha512-t2ECPNOXsIeK1JxJNKmgbzQtoG27KIlVE61vTqX0DKR9E9sZlVVxWUtEW9D5FlZ8b8j7SBNCHY47GgPKCKlpPg==", + "requires": { + "@babel/helper-create-class-features-plugin": "^7.4.0", + "@babel/helper-plugin-utils": "^7.0.0" + } + }, "@babel/plugin-proposal-json-strings": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.2.0.tgz", @@ -801,7 +812,6 @@ "version": "7.4.0", "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.4.0.tgz", "integrity": "sha512-SOWwxxClTTh5NdbbYZ0BmaBVzxzTh2tO/TeLTbF6MO6EzVhHTnff8CdBXx3mEtazFBoysmEM6GU/wF+SuSx4Fw==", - "dev": true, "requires": { "@babel/code-frame": "^7.0.0", "@babel/parser": "^7.4.0", @@ -812,7 +822,6 @@ "version": "7.4.3", "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.4.3.tgz", "integrity": "sha512-HmA01qrtaCwwJWpSKpA948cBvU5BrmviAief/b3AVw936DtcdsTexlbyzNuDnthwhOQ37xshn7hvQaEQk7ISYQ==", - "dev": true, "requires": { "@babel/code-frame": "^7.0.0", "@babel/generator": "^7.4.0", @@ -829,7 +838,6 @@ "version": "7.4.0", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.4.0.tgz", "integrity": "sha512-aPvkXyU2SPOnztlgo8n9cEiXW755mgyvueUPcpStqdzoSPm0fjO0vQBjLkt3JKJW7ufikfcnMTTPsN1xaTsBPA==", - "dev": true, "requires": { "esutils": "^2.0.2", "lodash": "^4.17.11", @@ -1180,7 +1188,6 @@ "version": "3.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, "requires": { "color-convert": "^1.9.0" } @@ -1704,7 +1711,6 @@ "version": "2.4.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, "requires": { "ansi-styles": "^3.2.1", "escape-string-regexp": "^1.0.5", @@ -1827,7 +1833,6 @@ "version": "1.9.3", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, "requires": { "color-name": "1.1.3" } @@ -1835,8 +1840,7 @@ "color-name": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", - "dev": true + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" }, "commander": { "version": "2.20.0", @@ -2381,8 +2385,7 @@ "escape-string-regexp": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", - "dev": true + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" }, "eslint-scope": { "version": "4.0.3", @@ -2412,8 +2415,7 @@ "esutils": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz", - "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=", - "dev": true + "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=" }, "etag": { "version": "1.8.1", @@ -3612,8 +3614,7 @@ "globals": { "version": "11.11.0", "resolved": "https://registry.npmjs.org/globals/-/globals-11.11.0.tgz", - "integrity": "sha512-WHq43gS+6ufNOEqlrDBxVEbb8ntfXrfAUU2ZOpCxrBdGKW3gyv8mCxAfIBD0DroPKGrJ2eSsXsLtY9MPntsyTw==", - "dev": true + "integrity": "sha512-WHq43gS+6ufNOEqlrDBxVEbb8ntfXrfAUU2ZOpCxrBdGKW3gyv8mCxAfIBD0DroPKGrJ2eSsXsLtY9MPntsyTw==" }, "graceful-fs": { "version": "4.1.15", @@ -3655,8 +3656,7 @@ "has-flag": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", - "dev": true + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" }, "has-symbols": { "version": "1.0.0", @@ -4113,8 +4113,7 @@ "jsesc": { "version": "2.5.2", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "dev": true + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==" }, "json-parse-better-errors": { "version": "1.0.2", @@ -6133,8 +6132,7 @@ "source-map": { "version": "0.5.7", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", - "dev": true + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" }, "source-map-resolve": { "version": "0.5.2", @@ -6301,7 +6299,6 @@ "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, "requires": { "has-flag": "^3.0.0" } @@ -6412,8 +6409,7 @@ "to-fast-properties": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=", - "dev": true + "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=" }, "to-object-path": { "version": "0.3.0", @@ -6465,8 +6461,7 @@ "trim-right": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz", - "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=", - "dev": true + "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=" }, "tslib": { "version": "1.9.3", diff --git a/package.json b/package.json index 6f34041..983505c 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ }, "homepage": "https://github.com/asyncorswim/lead-the-deal#readme", "dependencies": { + "@babel/plugin-proposal-class-properties": "^7.4.0", "@material-ui/core": "^3.9.3", "@material-ui/icons": "^3.0.2", "axios": "^0.18.0",