React_Client_App_Access/node_modules/.cache/babel-loader/988aad18fd52e72e12512fc3f6b5295b.json

{"ast":null,"code":"import _classCallCheck from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/App.tsx\";\nimport './App.scss';\nimport 'bootstrap/dist/css/bootstrap.css';\nimport React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { BrowserRouter } from 'react-router-dom';\nimport Router from './Router';\nimport ScrollToTop from './shared/components/ScrollToTop';\nimport { fetchUser, logHelloWorld } from './store/auth/actions';\nimport { INITIAL_AUTH_STATE } from './store/auth/reducers';\n\nvar App = /*#__PURE__*/function (_Component) {\n  _inherits(App, _Component);\n\n  function App() {\n    var _getPrototypeOf2;\n\n    var _this;\n\n    _classCallCheck(this, App);\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(App)).call.apply(_getPrototypeOf2, [this].concat(args)));\n    _this.state = {\n      loading: true,\n      loaded: false\n    };\n    return _this;\n  }\n\n  _createClass(App, [{\n    key: \"UNSAFE_componentWillMount\",\n    value: function UNSAFE_componentWillMount() {\n      this.props.logHelloWorld();\n      this.props.fetchUser('Fake User Id');\n    }\n  }, {\n    key: \"componentDidMount\",\n    value: function componentDidMount() {\n      var _this2 = this;\n\n      window.addEventListener('load', function () {\n        _this2.setState({\n          loading: false\n        });\n\n        setTimeout(function () {\n          return _this2.setState({\n            loaded: true\n          });\n        }, 500);\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this$state = this.state,\n          loaded = _this$state.loaded,\n          loading = _this$state.loading;\n      return /*#__PURE__*/React.createElement(BrowserRouter, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 47,\n          columnNumber: 9\n        }\n      }, /*#__PURE__*/React.createElement(ScrollToTop, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 48,\n          columnNumber: 11\n        }\n      }, /*#__PURE__*/React.createElement(Fragment, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 49,\n          columnNumber: 13\n        }\n      }, !loaded && /*#__PURE__*/React.createElement(\"div\", {\n        className: \"load\".concat(loading ? '' : ' loaded'),\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 52,\n          columnNumber: 15\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"load__icon-wrap\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 53,\n          columnNumber: 17\n        }\n      }, /*#__PURE__*/React.createElement(\"svg\", {\n        className: \"load__icon\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 54,\n          columnNumber: 19\n        }\n      }, /*#__PURE__*/React.createElement(\"path\", {\n        fill: \"#4ce1b6\",\n        d: \"M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 55,\n          columnNumber: 21\n        }\n      })))), /*#__PURE__*/React.createElement(\"div\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 15\n        }\n      }, /*#__PURE__*/React.createElement(Router, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 62,\n          columnNumber: 17\n        }\n      })))));\n    }\n  }]);\n\n  return App;\n}(Component);\n\nApp.defaultprops = {\n  auth: INITIAL_AUTH_STATE\n};\n\nvar mapStateToProps = function mapStateToProps(state) {\n  return {\n    auth: state.auth\n  };\n};\n\nvar mapDispathToProps = {\n  logHelloWorld: logHelloWorld,\n  fetchUser: fetchUser\n};\nexport default connect(mapStateToProps, mapDispathToProps)(App);","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/App.tsx"],"names":["React","Component","Fragment","connect","BrowserRouter","Router","ScrollToTop","fetchUser","logHelloWorld","INITIAL_AUTH_STATE","App","state","loading","loaded","props","window","addEventListener","setState","setTimeout","defaultprops","auth","mapStateToProps","mapDispathToProps"],"mappings":";;;;;;AAAA,OAAO,YAAP;AACA,OAAO,kCAAP;AAEA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,SAASC,aAAT,QAA8B,kBAA9B;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,iCAAxB;AAEA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,sBAAzC;AACA,SAASC,kBAAT,QAAmC,uBAAnC;;IAYMC,G;;;;;;;;;;;;;;;UAGJC,K,GAAQ;AACNC,MAAAA,OAAO,EAAE,IADH;AAENC,MAAAA,MAAM,EAAE;AAFF,K;;;;;;gDAKoB;AACtB,WAAKC,KAAL,CAAWN,aAAX;AACA,WAAKM,KAAL,CAAWP,SAAX,CAAqB,cAArB;AACL;;;wCAEmB;AAAA;;AAClBQ,MAAAA,MAAM,CAACC,gBAAP,CAAwB,MAAxB,EAAgC,YAAM;AACpC,QAAA,MAAI,CAACC,QAAL,CAAc;AAAEL,UAAAA,OAAO,EAAE;AAAX,SAAd;;AACAM,QAAAA,UAAU,CAAC;AAAA,iBAAM,MAAI,CAACD,QAAL,CAAc;AAAEJ,YAAAA,MAAM,EAAE;AAAV,WAAd,CAAN;AAAA,SAAD,EAAwC,GAAxC,CAAV;AACD,OAHD;AAID;;;6BAEQ;AAAA,wBACqB,KAAKF,KAD1B;AAAA,UACCE,MADD,eACCA,MADD;AAAA,UACSD,OADT,eACSA,OADT;AAEP,0BACI,oBAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE,oBAAC,WAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE,oBAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACG,CAACC,MAAD,iBAED;AAAK,QAAA,SAAS,gBAASD,OAAO,GAAG,EAAH,GAAQ,SAAxB,CAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAK,QAAA,SAAS,EAAC,iBAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAK,QAAA,SAAS,EAAC,YAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE;AAAM,QAAA,IAAI,EAAC,SAAX;AAAqB,QAAA,CAAC,EAAC,4CAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADF,CADF,CADF,CAHF,eAYE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACE,oBAAC,MAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADF,CAZF,CADF,CADF,CADJ;AAsBD;;;;EA5CeX,S;;AAAZS,G,CACGS,Y,GAAe;AAAEC,EAAAA,IAAI,EAAEX;AAAR,C;;AA8CxB,IAAMY,eAAe,GAAG,SAAlBA,eAAkB,CAACV,KAAD;AAAA,SAAsB;AAC1CS,IAAAA,IAAI,EAAET,KAAK,CAACS;AAD8B,GAAtB;AAAA,CAAxB;;AAIA,IAAME,iBAAiB,GAAG;AACxBd,EAAAA,aAAa,EAAbA,aADwB;AAExBD,EAAAA,SAAS,EAATA;AAFwB,CAA1B;AAKA,eAAeJ,OAAO,CAACkB,eAAD,EAAkBC,iBAAlB,CAAP,CAA4CZ,GAA5C,CAAf","sourcesContent":["import './App.scss';\nimport 'bootstrap/dist/css/bootstrap.css';\n\nimport React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport { BrowserRouter } from 'react-router-dom';\n\nimport Router from './Router';\nimport ScrollToTop from './shared/components/ScrollToTop';\nimport { AppState } from './store';\nimport { fetchUser, logHelloWorld } from './store/auth/actions';\nimport { INITIAL_AUTH_STATE } from './store/auth/reducers';\nimport { AuthState } from './store/auth/types';\n\ninterface AppProps {\n  auth: AuthState;\n  logHelloWorld: typeof logHelloWorld;\n  fetchUser: any // Thunk Methods must be set to type any\n}\ninterface AppComponentState {\n  loaded: boolean;\n  loading: boolean;\n}\nclass App extends Component<AppProps,AppComponentState> {\n  static defaultprops = { auth: INITIAL_AUTH_STATE }\n\n  state = {\n    loading: true,\n    loaded: false,\n  }\n  \n  UNSAFE_componentWillMount() {\n        this.props.logHelloWorld();\n        this.props.fetchUser('Fake User Id');\n  }\n  \n  componentDidMount() {\n    window.addEventListener('load', () => {\n      this.setState({ loading: false });\n      setTimeout(() => this.setState({ loaded: true }), 500);\n    });\n  }\n\n  render() {\n    const { loaded, loading } = this.state;\n    return (\n        <BrowserRouter>\n          <ScrollToTop>\n            <Fragment>\n              {!loaded\n              && (\n              <div className={`load${loading ? '' : ' loaded'}`}>\n                <div className=\"load__icon-wrap\">\n                  <svg className=\"load__icon\">\n                    <path fill=\"#4ce1b6\" d=\"M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z\" />\n                  </svg>\n                </div>\n              </div>\n              )\n              }\n              <div>\n                <Router />\n              </div>\n            </Fragment>\n            </ScrollToTop>\n        </BrowserRouter>\n    );\n  }\n}\n\nconst mapStateToProps = (state: AppState) => ({\n    auth: state.auth\n});\n\nconst mapDispathToProps = {\n  logHelloWorld,\n  fetchUser\n}\n\nexport default connect(mapStateToProps, mapDispathToProps)(App);\n\n"]},"metadata":{},"sourceType":"module"}