text: (window["webpackJsonp"] = window["webpackJsonp"] || []).push([["main"],{
  
  /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./app/src/App.css":
  /*!************************************************************************************************************************!*\
    !*** ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./app/src/App.css ***!
    \************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  exports = module.exports = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
  // Module
  exports.push([module.i, ".photos {\n    display: grid;\n    grid-template-columns: repeat(auto-fit,minmax(100px,1fr));\n}\n.photos img {\n  width: 100%;\n}\n.files-dropzone {\n  height: 40px;\n  line-height: 40px;\n  text-align: center;\n}\n.files>div {\n  border: 1px solid #ced4da;\n    border-radius: .25rem;\n}\n.files>div:hover {\n  cursor: pointer;\n}\n\n.modal {\n  display:    block;\n  position:   fixed;\n  z-index:    1000;\n  top:        0;\n  left:       0;\n  height:     100%;\n  width:      100%;\n  background: rgba( 255, 255, 255, .8 )\n  url('https://i.stack.imgur.com/FhHRx.gif')\n  50% 50%\n  no-repeat;\n}\nbody.loading {\n  overflow: hidden;\n}\nbody.loading .modal {\n  display: block;\n}\n.userItem {\n  border-bottom: 1px solid #000;\n}", ""]);
  
  
  
  /***/ }),
  
  /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./app/src/index.css":
  /*!**************************************************************************************************************************!*\
    !*** ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./app/src/index.css ***!
    \**************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  exports = module.exports = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
  // Module
  exports.push([module.i, "body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n    monospace;\n}\n\n.kn-column__column___3Iwzx {\n  display: flex;\n  flex: 1 1;\n  flex-direction: column;\n  border-right: 1px solid #dddddd;\n}\n\n.kn-column__column___3Iwzx:last-of-type {\n  border: 0;\n}\n\n.kn-list__list___22Wuc {\n  outline: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.kn-list__list_item___1mDV9 {\n  display: flex;\n  flex-direction: column;\n}\n\n.kn-list__scrollbar___1a9W-::-webkit-scrollbar,\n.kn-list__list___22Wuc::-webkit-scrollbar {\n  width: 15px;\n  height: 17px;\n}\n\n.kn-list__scrollbar___1a9W-::-webkit-scrollbar-thumb,\n.kn-list__list___22Wuc::-webkit-scrollbar-thumb {\n  background: #CDCDCD;\n  border-color: transparent;\n  border-style: solid;\n  background-clip: content-box;\n}\n\n.kn-list__scrollbar___1a9W-::-webkit-scrollbar-thumb:vertical,\n.kn-list__list___22Wuc::-webkit-scrollbar-thumb:vertical {\n  min-height: 45px;\n  border-width: 4px 4px 4px 5px;\n}\n\n.kn-list__scrollbar___1a9W-::-webkit-scrollbar-thumb:horizontal,\n.kn-list__list___22Wuc::-webkit-scrollbar-thumb:horizontal {\n  min-width: 45px;\n  border-width: 5px 4px 6px;\n}\n\n.kn-list__scrollbar___1a9W-::-webkit-scrollbar-track,\n.kn-list__list___22Wuc::-webkit-scrollbar-track {\n  background: #ffffff;\n}\n\n.kn-list__scrollbar___1a9W-::-webkit-scrollbar-track:vertical,\n.kn-list__list___22Wuc::-webkit-scrollbar-track:vertical {\n  border-left: 1px solid #EDEDED;\n  border-right: none;\n}\n\n.kn-list__scrollbar___1a9W-::-webkit-scrollbar-track:horizontal,\n.kn-list__list___22Wuc::-webkit-scrollbar-track:horizontal,\n.kn-list__scrollbar___1a9W-::-webkit-scrollbar-corner,\n.kn-list__list___22Wuc::-webkit-scrollbar-corner {\n  border-top: 1px solid #EDEDED;\n  border-bottom: none;\n}\n\n.kn-item_label__label___2fJ5p {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-right: 14px;\n  white-space: nowrap;\n}\n\n.kn-item__item___kQ2Ll {\n  display: flex;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n\n.kn-item__item___kQ2Ll .kn-item__selected___3tRL6 {\n  background-color: #f7f7f7;\n}\n\n.kn-item__item___kQ2Ll:hover {\n  background-color: #f3f3f3;\n}\n\n.kn-item__disabled___3xX7z {\n  color: #b4b4b4;\n  cursor: default;\n}\n\n.kn-item__selected___3tRL6 {\n  background-color: #f7f7f7;\n}\n\n.kn-item__with_border___3n9sw {\n  border-bottom: 1px solid #dddddd;\n}\n\n.kn-item__with_grouping___3IJz8 {\n  color: #000000;\n  padding-left: 10px;\n}\n\n.kn-no_items__no_items___3ON4R {\n  font-size: 14px;\n  color: #999999;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.kn-search__search___3Zpb2 {\n  height: 45px;\n  display: flex;\n  align-items: center;\n  padding: 0 12px 0 0;\n  border-bottom: 1px solid #dddddd;\n}\n\n.kn-search__input___2tyxf {\n  height: 45px;\n  padding: 0 12px;\n  display: flex;\n  align-items: center;\n  flex: 1 1;\n  outline: none;\n  border: 0;\n  font-size: 14px;\n  background: transparent;\n}\n\n.kn-search__icon___1frx4 {\n  font-size: 24px;\n}\n\n.kn-search__list_filter_container___2FaR9 {\n  margin-bottom: 10px;\n  position: relative;\n}\n\n.kn-selected_item__selected_item___1uiiv,\n.kn-selected_item__with_grouping___1Ibnd {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 0 0 12px;\n  margin-right: -4px;\n  transition: background-color 0.2s ease-in-out;\n  cursor: pointer;\n}\n\n.kn-selected_item__selected_item___1uiiv:hover,\n.kn-selected_item__with_grouping___1Ibnd:hover {\n  background-color: #f3f3f3;\n}\n\n.kn-selected_item__with_grouping___1Ibnd {\n  pointer-events: none;\n  color: #000000;\n}\n\n.kn-selected_item__disabled___1430r {\n  color: #b4b4b4;\n  background-color: #f7f7f7;\n  cursor: default;\n}\n\n.kn-selection_status__selection_status___1FzyX {\n  height: 45px;\n  padding: 0 12px;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #dddddd;\n  justify-content: space-between;\n}\n\n.kn-selection_status__status___1qxE9 {\n  color: #000000;\n}\n\n.kn-selection_status__clear_all___3gppf {\n  cursor: pointer;\n  color: #008BBF;\n}\n\n.kn-multi_select__wrapper___30BEc {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  background: #ffffff;\n  border: 1px solid #dddddd;\n  color: #666666;\n  overflow: hidden;\n}\n\n.kn-loader__loader___1LPsU {\n  margin: auto auto;\n}\n\n.kn-custom_style__wrapper___34OF1 {\n  background-color: #fdf2e4;\n}", ""]);
  
  
  
  /***/ }),
  
  /***/ "./app/src/App.css":
  /*!*********************!*\
    !*** ./app/src/App.css ***!
    \*********************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  
  var content = __webpack_require__(/*! !../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!../node_modules/postcss-loader/src??postcss!./App.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./app/src/App.css");
  
  if(typeof content === 'string') content = [[module.i, content, '']];
  
  var transform;
  var insertInto;
  
  
  
  var options = {"hmr":true}
  
  options.transform = transform
  options.insertInto = undefined;
  
  var update = __webpack_require__(/*! ../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
  
  if(content.locals) module.exports = content.locals;
  
  if(true) {
  	module.hot.accept(/*! !../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!../node_modules/postcss-loader/src??postcss!./App.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./app/src/App.css", function() {
  		var newContent = __webpack_require__(/*! !../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!../node_modules/postcss-loader/src??postcss!./App.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./app/src/App.css");
  
  		if(typeof newContent === 'string') newContent = [[module.i, newContent, '']];
  
  		var locals = (function(a, b) {
  			var key, idx = 0;
  
  			for(key in a) {
  				if(!b || a[key] !== b[key]) return false;
  				idx++;
  			}
  
  			for(key in b) idx--;
  
  			return idx === 0;
  		}(content.locals, newContent.locals));
  
  		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
  
  		update(newContent);
  	});
  
  	module.hot.dispose(function() { update(); });
  }
  
  /***/ }),
  
  /***/ "./app/src/App.js":
  /*!********************!*\
    !*** ./app/src/App.js ***!
    \********************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./App.css */ "./app/src/App.css");
  /* harmony import */ var _App_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_App_css__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/esm/react-router-dom.js");
  /* harmony import */ var _components_NavBarComp__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/NavBarComp */ "./app/src/components/NavBarComp.jsx");
  /* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/Footer */ "./app/src/components/Footer.jsx");
  /* harmony import */ var _components_Home__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/Home */ "./app/src/components/Home.jsx");
  /* harmony import */ var _components_Messengers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/Messengers */ "./app/src/components/Messengers.jsx");
  var _jsxFileName = "/app/src/App.js";
  
  
  
  
  
  
  
  
  function App() {
    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__["BrowserRouter"], {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 10
      },
      __self: this
    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
      className: "App",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 11
      },
      __self: this
    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("header", {
      className: "header",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 12
      },
      __self: this
    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_NavBarComp__WEBPACK_IMPORTED_MODULE_3__["default"], {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 13
      },
      __self: this
    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
      className: "main-content ",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 15
      },
      __self: this
    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__["Route"], {
      exact: true,
      path: "/",
      component: _components_Home__WEBPACK_IMPORTED_MODULE_5__["default"],
      __source: {
        fileName: _jsxFileName,
        lineNumber: 16
      },
      __self: this
    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_2__["Route"], {
      path: "/messengers",
      component: _components_Messengers__WEBPACK_IMPORTED_MODULE_6__["default"],
      __source: {
        fileName: _jsxFileName,
        lineNumber: 17
      },
      __self: this
    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_Footer__WEBPACK_IMPORTED_MODULE_4__["default"], {
      copyright: "Copyright \xA9 2020. All Rights Reserved.",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 19
      },
      __self: this
    })));
  }
  
  /* harmony default export */ __webpack_exports__["default"] = (App);
  
  /***/ }),
  
  /***/ "./app/src/components/Footer.jsx":
  /*!***********************************!*\
    !*** ./app/src/components/Footer.jsx ***!
    \***********************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "./node_modules/react-bootstrap/es/index.js");
  var _jsxFileName = "/app/src/components/Footer.jsx";
  
  
  
  class Footer extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
    render() {
      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("footer", {
        className: "footer",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 6
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Container"], {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 7
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 8
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
        md: 12,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 9
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 10
        },
        __self: this
      }, this.props.copyright)))));
    }
  
  }
  
  /* harmony default export */ __webpack_exports__["default"] = (Footer);
  
  /***/ }),
  
  /***/ "./app/src/components/Home.jsx":
  /*!*********************************!*\
    !*** ./app/src/components/Home.jsx ***!
    \*********************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
  /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var react_files__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-files */ "./node_modules/react-files/dist/index.js");
  /* harmony import */ var react_files__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_files__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var _kenshooui_react_multi_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @kenshooui/react-multi-select */ "./node_modules/@kenshooui/react-multi-select/index.js");
  /* harmony import */ var _kenshooui_react_multi_select__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_kenshooui_react_multi_select__WEBPACK_IMPORTED_MODULE_3__);
  /* harmony import */ var _ListImages__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ListImages */ "./app/src/components/ListImages.jsx");
  /* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-bootstrap */ "./node_modules/react-bootstrap/es/index.js");
  var _jsxFileName = "/app/src/components/Home.jsx";
  
  
  
  
  
  
  
  class Home extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
    constructor(props) {
      super(props);
  
      this.getImage = () => {
        if (this.state.selectedItems) {
          var ids = '';
          this.state.selectedItems.forEach(item => {
            ids += item.id + ',';
          });
          var newStr = ids.substring(0, ids.length - 1);
  
          if (this.state.token) {
            axios__WEBPACK_IMPORTED_MODULE_1___default.a.get("https://graph.facebook.com/?ids=".concat(newStr, "&fields=name,photos.limit(10){id,images}&access_token=").concat(this.state.token)).then(res => {
              this.setState({
                imagesFriend: res.data
              });
            }).catch(err => {
              console.log(err);
            });
          } else {
            alert('Please enter your Access Token!!!!');
          }
        } else {
          alert('Please choose friends!!!');
        }
      };
  
      this.handleChange = this.handleChange.bind(this);
      this.handleSubmit = this.handleSubmit.bind(this);
      this.handleChangeSelect = this.handleChangeSelect.bind(this);
      this.state = {
        friends: [],
        selectedItems: [],
        imagesFriend: [],
        token: '',
        uriData: '',
        isLoading: false
      };
      this.fileReader = new FileReader();
  
      this.fileReader.onload = event => {
        JSON.parse(event.target.result).forEach(value => {
          return this.setState({
            friends: [...this.state.friends, {
              id: value.id,
              label: value.name
            }]
          });
        });
      };
    }
  
    getFriend() {
      if (this.state.token) {
        axios__WEBPACK_IMPORTED_MODULE_1___default.a.get("https://graph.facebook.com/me/friends?fields=id,name&limit=5000&access_token=".concat(this.state.token)).then(res => {
          var uriData = "data:application/json;charset=utf-8," + encodeURIComponent(JSON.stringify(res.data.data));
          this.setState({
            uriData: uriData
          });
          res.data.data.forEach(value => {
            this.setState({
              friends: [...this.state.friends, {
                id: value.id,
                label: value.name
              }]
            });
          });
        }).then(res => {
          this.setState({
            isLoading: false
          });
        }).catch(err => {
          console.log(err);
        });
      } else {
        alert('Please enter your Access Token!!!!');
      }
    }
  
    handleChange(event) {
      this.setState({
        token: event.target.value
      });
    }
  
    handleSubmit(event) {
      this.setState({
        isLoading: true
      });
      this.getFriend();
      event.preventDefault();
    }
  
    handleChangeSelect(selectedItems) {
      this.setState({
        selectedItems
      });
    }
  
    render() {
      const obj = Object.entries(this.state.imagesFriend);
      console.log(this.state.friends);
      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Container"], {
        className: "my-3",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 98
        },
        __self: this
      }, this.state.isLoading ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
        className: "modal",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 99
        },
        __self: this
      }) : null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Row"], {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 100
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Col"], {
        md: 12,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 101
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 102
        },
        __self: this
      }, "Back Up Your Facebook Friends Photos"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Form"], {
        onSubmit: this.handleSubmit,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 103
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Form"].Group, {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 104
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Form"].Label, {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 105
        },
        __self: this
      }, "Open the URL: 'view-source:https://business.facebook.com/content_management/' -> View the source and press Ctrl + F to find keyword 'accessToken' -> String with begin of 'EAAA...' is your Facebook Access Token."), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Form"].Control, {
        type: "text",
        placeholder: "Enter your Facebook Access Token here (EAAA...)",
        value: this.state.token,
        onChange: this.handleChange,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 106
        },
        __self: this
      })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Form"].Group, {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 108
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Button"], {
        variant: "primary",
        className: "mr-2",
        type: "submit",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 109
        },
        __self: this
      }, "Get Friend List"), this.state.uriData ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Button"], {
        href: this.state.uriData,
        id: "link",
        variant: "primary",
        download: "/export.json",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 112
        },
        __self: this
      }, "Tải File Json Backup") : null)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Row"], {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 117
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Col"], {
        md: 12,
        className: "files",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 118
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_files__WEBPACK_IMPORTED_MODULE_2___default.a, {
        className: "files-dropzone",
        onChange: file => {
          this.fileReader.readAsText(file[0]);
        },
        onError: err => console.log(err),
        accepts: [".json"],
        clickable: true,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 119
        },
        __self: this
      }, "Drop or Click to upload the .json backup file"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Row"], {
        className: "my-3",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 130
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Col"], {
        md: 12,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 131
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_kenshooui_react_multi_select__WEBPACK_IMPORTED_MODULE_3___default.a, {
        items: this.state.friends,
        selectedItems: this.state.selectedItems,
        onChange: this.handleChangeSelect,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 132
        },
        __self: this
      }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
        className: "mt-3",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 137
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Button"], {
        type: "submit",
        variant: "primary",
        onClick: this.getImage,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 138
        },
        __self: this
      }, "Get Photos")))), obj.map((x, y) => {
        var photoSources = '';
  
        if (x[1].photos) {
          photoSources = x[1].photos.data.map((item, key) => {
            return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
              key: key,
              src: item.images[0].source,
              alt: "photos",
              __source: {
                fileName: _jsxFileName,
                lineNumber: 147
              },
              __self: this
            });
          });
        } else {
          photoSources = 'No Images';
        }
  
        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__["Row"], {
          key: y,
          className: "userItem py-3",
          __source: {
            fileName: _jsxFileName,
            lineNumber: 153
          },
          __self: this
        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ListImages__WEBPACK_IMPORTED_MODULE_4__["default"], {
          uid: x[1].id,
          name: x[1].name,
          photo: photoSources,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 154
          },
          __self: this
        }));
      }));
    }
  
  }
  
  /* harmony default export */ __webpack_exports__["default"] = (Home);
  
  /***/ }),
  
  /***/ "./app/src/components/ListImages.jsx":
  /*!***************************************!*\
    !*** ./app/src/components/ListImages.jsx ***!
    \***************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "./node_modules/react-bootstrap/es/index.js");
  var _jsxFileName = "/app/src/components/ListImages.jsx";
  
  
  
  class ListImages extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
    constructor(props) {
      super(props);
      this.state = {
        friends: []
      };
    }
  
    render() {
      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
        md: 12,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 13
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", {
        className: "fname",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 14
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {
        href: "https://facebook.com/" + this.props.uid,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 15
        },
        __self: this
      }, this.props.name)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
        className: "photos",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 17
        },
        __self: this
      }, this.props.photo));
    }
  
  }
  
  /* harmony default export */ __webpack_exports__["default"] = (ListImages);
  
  /***/ }),
  
  /***/ "./app/src/components/ListSenders.jsx":
  /*!****************************************!*\
    !*** ./app/src/components/ListSenders.jsx ***!
    \****************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  var _jsxFileName = "/app/src/components/ListSenders.jsx";
  
  
  class ListSenders extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
    render() {
      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tr", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 6
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("td", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 7
        },
        __self: this
      }, this.props.senderName), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("td", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 8
        },
        __self: this
      }, this.props.messengerTime));
    }
  
  }
  
  /* harmony default export */ __webpack_exports__["default"] = (ListSenders);
  
  /***/ }),
  
  /***/ "./app/src/components/Messengers.jsx":
  /*!***************************************!*\
    !*** ./app/src/components/Messengers.jsx ***!
    \***************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
  /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var react_files__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-files */ "./node_modules/react-files/dist/index.js");
  /* harmony import */ var react_files__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_files__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-bootstrap */ "./node_modules/react-bootstrap/es/index.js");
  /* harmony import */ var _ListSenders__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ListSenders */ "./app/src/components/ListSenders.jsx");
  var _jsxFileName = "/app/src/components/Messengers.jsx";
  
  
  
  
  
  
  class Messengers extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
    constructor(props) {
      super(props);
      this.handleChange = this.handleChange.bind(this);
      this.handleSubmit = this.handleSubmit.bind(this);
      this.fileReader = new FileReader();
  
      this.fileReader.onload = event => {
        var obj = JSON.parse(event.target.result);
        this.setState({
          messengers: obj
        });
      };
  
      this.state = {
        token: '',
        messengers: [],
        uriData: '',
        isLoading: false
      };
    }
  
    getMessengers() {
      if (this.state.token) {
        axios__WEBPACK_IMPORTED_MODULE_1___default.a.get("https://graph.facebook.com/me/threads?fields=senders,updated_time,name&limit=1000&access_token=".concat(this.state.token)).then(res => {
          var uriData = "data:application/json;charset=utf-8," + encodeURIComponent(JSON.stringify(res.data.data));
          this.setState({
            uriData: uriData,
            messengers: res.data.data
          });
        }).then(res => {
          this.setState({
            isLoading: false
          });
        }).catch(err => {
          console.log(err);
        });
      } else {
        alert('Please enter your Access Token!!!!');
      }
    }
  
    handleChange(event) {
      this.setState({
        token: event.target.value
      });
    }
  
    handleSubmit(event) {
      this.setState({
        isLoading: true
      });
      this.getMessengers();
      event.preventDefault();
    }
  
    render() {
      console.log(this.state.messengers);
      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Container"], {
        className: "my-3",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 55
        },
        __self: this
      }, this.state.isLoading ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
        className: "modal",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 56
        },
        __self: this
      }) : null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Row"], {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 57
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Col"], {
        md: 12,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 58
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 59
        },
        __self: this
      }, "Get Recent Messengers"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Form"], {
        onSubmit: this.handleSubmit,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 60
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Form"].Group, {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 61
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Form"].Label, {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 62
        },
        __self: this
      }, "Access Token"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Form"].Control, {
        type: "text",
        placeholder: "EAAA.....",
        value: this.state.token,
        onChange: this.handleChange,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 63
        },
        __self: this
      })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Form"].Group, {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 65
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Button"], {
        variant: "primary",
        className: "mr-2",
        type: "submit",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 66
        },
        __self: this
      }, "Get Messengers"), this.state.uriData ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Button"], {
        href: this.state.uriData,
        id: "link",
        variant: "primary",
        download: "/export.json",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 69
        },
        __self: this
      }, "Export Json") : null)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Row"], {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 74
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Col"], {
        md: 12,
        className: "files",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 75
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_files__WEBPACK_IMPORTED_MODULE_2___default.a, {
        className: "files-dropzone",
        onChange: file => {
          this.fileReader.readAsText(file[0]);
        },
        onError: err => console.log(err),
        accepts: [".json"],
        clickable: true,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 76
        },
        __self: this
      }, "Drop files here or click to upload Json File"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Row"], {
        className: "mt-3",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 87
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Col"], {
        md: 12,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 88
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__["Table"], {
        striped: true,
        bordered: true,
        hover: true,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 89
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("thead", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 90
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tr", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 91
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("th", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 92
        },
        __self: this
      }, "Name"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("th", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 93
        },
        __self: this
      }, "Time"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tbody", {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 96
        },
        __self: this
      }, this.state.messengers.map((item, key) => {
        var senderName;
  
        if (item.senders.data.length === 2) {
          senderName = item.senders.data[0].name;
        } else {
          senderName = item.name;
        }
  
        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ListSenders__WEBPACK_IMPORTED_MODULE_4__["default"], {
          key: key,
          senderName: senderName,
          messengerTime: item.updated_time,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 104
          },
          __self: this
        });
      }))))));
    }
  
  }
  
  /* harmony default export */ __webpack_exports__["default"] = (Messengers);
  
  /***/ }),
  
  /***/ "./app/src/components/NavBarComp.jsx":
  /*!***************************************!*\
    !*** ./app/src/components/NavBarComp.jsx ***!
    \***************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "./node_modules/react-bootstrap/es/index.js");
  /* harmony import */ var react_router_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-bootstrap */ "./node_modules/react-router-bootstrap/lib/index.js");
  /* harmony import */ var react_router_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router_bootstrap__WEBPACK_IMPORTED_MODULE_2__);
  var _jsxFileName = "/app/src/components/NavBarComp.jsx";
  
  
  
  
  class NavBarComp extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
    render() {
      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Navbar"], {
        bg: "primary",
        variant: "dark",
        expand: "lg",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 7
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Navbar"].Brand, {
        href: "/",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 8
        },
        __self: this
      }, "Facebook Friends Photos Backup"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Navbar"].Toggle, {
        "aria-controls": "basic-navbar-nav",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 9
        },
        __self: this
      }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Navbar"].Collapse, {
        id: "basic-navbar-nav",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 10
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Nav"], {
        className: "mr-auto",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 11
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_bootstrap__WEBPACK_IMPORTED_MODULE_2__["LinkContainer"], {
        to: "/",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 12
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Nav"].Link, {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 13
        },
        __self: this
      }, "")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_bootstrap__WEBPACK_IMPORTED_MODULE_2__["LinkContainer"], {
        to: "",
        __source: {
          fileName: _jsxFileName,
          lineNumber: 15
        },
        __self: this
      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Nav"].Link, {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 16
        },
        __self: this
      }, "")))));
    }
  
  }
  
  /* harmony default export */ __webpack_exports__["default"] = (NavBarComp);
  
  /***/ }),
  
  /***/ "./app/src/index.css":
  /*!***********************!*\
    !*** ./app/src/index.css ***!
    \***********************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  
  var content = __webpack_require__(/*! !../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!../node_modules/postcss-loader/src??postcss!./index.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./app/src/index.css");
  
  if(typeof content === 'string') content = [[module.i, content, '']];
  
  var transform;
  var insertInto;
  
  
  
  var options = {"hmr":true}
  
  options.transform = transform
  options.insertInto = undefined;
  
  var update = __webpack_require__(/*! ../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
  
  if(content.locals) module.exports = content.locals;
  
  if(true) {
  	module.hot.accept(/*! !../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!../node_modules/postcss-loader/src??postcss!./index.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./app/src/index.css", function() {
  		var newContent = __webpack_require__(/*! !../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!../node_modules/postcss-loader/src??postcss!./index.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./app/src/index.css");
  
  		if(typeof newContent === 'string') newContent = [[module.i, newContent, '']];
  
  		var locals = (function(a, b) {
  			var key, idx = 0;
  
  			for(key in a) {
  				if(!b || a[key] !== b[key]) return false;
  				idx++;
  			}
  
  			for(key in b) idx--;
  
  			return idx === 0;
  		}(content.locals, newContent.locals));
  
  		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
  
  		update(newContent);
  	});
  
  	module.hot.dispose(function() { update(); });
  }
  
  /***/ }),
  
  /***/ "./app/src/index.js":
  /*!**********************!*\
    !*** ./app/src/index.js ***!
    \**********************/
  /*! no exports provided */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "./node_modules/react-dom/index.js");
  /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var _index_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.css */ "./app/src/index.css");
  /* harmony import */ var _index_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_index_css__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var _App__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./App */ "./app/src/App.js");
  /* harmony import */ var _serviceWorker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./serviceWorker */ "./app/src/serviceWorker.js");
  var _jsxFileName = "/app/src/index.js";
  
  
  
  
  
  react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.render(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_App__WEBPACK_IMPORTED_MODULE_3__["default"], {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 7
    },
    __self: undefined
  }), document.getElementById('root')); // If you want your app to work offline and load faster, you can change
  // unregister() to register() below. Note this comes with some pitfalls.
  // Learn more about service workers: https://bit.ly/CRA-PWA
  
  _serviceWorker__WEBPACK_IMPORTED_MODULE_4__["unregister"]();
  
  /***/ }),
  
  /***/ "./app/src/serviceWorker.js":
  /*!******************************!*\
    !*** ./app/src/serviceWorker.js ***!
    \******************************/
  /*! exports provided: register, unregister */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "register", function() { return register; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "unregister", function() { return unregister; });
  // This optional code is used to register a service worker.
  // register() is not called by default.
  // This lets the app load faster on subsequent visits in production, and gives
  // it offline capabilities. However, it also means that developers (and users)
  // will only see deployed updates on subsequent visits to a page, after all the
  // existing tabs open on the page have been closed, since previously cached
  // resources are updated in the background.
  // To learn more about the benefits of this model and instructions on how to
  // opt-in, read https://bit.ly/CRA-PWA
  const isLocalhost = Boolean(window.location.hostname === 'localhost' || // [::1] is the IPv6 localhost address.
  window.location.hostname === '[::1]' || // 127.0.0.1/8 is considered localhost for IPv4.
  window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
  function register(config) {
    if (false) {}
  }
  
  function registerValidSW(swUrl, config) {
    navigator.serviceWorker.register(swUrl).then(registration => {
      registration.onupdatefound = () => {
        const installingWorker = registration.installing;
  
        if (installingWorker == null) {
          return;
        }
  
        installingWorker.onstatechange = () => {
          if (installingWorker.state === 'installed') {
            if (navigator.serviceWorker.controller) {
              // At this point, the updated precached content has been fetched,
              // but the previous service worker will still serve the older
              // content until all client tabs are closed.
              console.log('New content is available and will be used when all ' + 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'); // Execute callback
  
              if (config && config.onUpdate) {
                config.onUpdate(registration);
              }
            } else {
              // At this point, everything has been precached.
              // It's the perfect time to display a
              // "Content is cached for offline use." message.
              console.log('Content is cached for offline use.'); // Execute callback
  
              if (config && config.onSuccess) {
                config.onSuccess(registration);
              }
            }
          }
        };
      };
    }).catch(error => {
      console.error('Error during service worker registration:', error);
    });
  }
  
  function checkValidServiceWorker(swUrl, config) {
    // Check if the service worker can be found. If it can't reload the page.
    fetch(swUrl).then(response => {
      // Ensure service worker exists, and that we really are getting a JS file.
      const contentType = response.headers.get('content-type');
  
      if (response.status === 404 || contentType != null && contentType.indexOf('javascript') === -1) {
        // No service worker found. Probably a different app. Reload the page.
        navigator.serviceWorker.ready.then(registration => {
          registration.unregister().then(() => {
            window.location.reload();
          });
        });
      } else {
        // Service worker found. Proceed as normal.
        registerValidSW(swUrl, config);
      }
    }).catch(() => {
      console.log('No internet connection found. App is running in offline mode.');
    });
  }
  
  function unregister() {
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.ready.then(registration => {
        registration.unregister();
      });
    }
  }
  
  /***/ }),
  
  /***/ 0:
  /*!**********************************************************************************!*\
    !*** multi ./node_modules/react-dev-utils/webpackHotDevClient.js ./app/src/index.js ***!
    \**********************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  __webpack_require__(/*! /app/node_modules/react-dev-utils/webpackHotDevClient.js */"./node_modules/react-dev-utils/webpackHotDevClient.js");
  module.exports = __webpack_require__(/*! /app/src/index.js */"./app/src/index.js");
  
  
  /***/ })
  
  },[[0,"runtime~main",0]]]);
  //# sourceMappingURL=main.chunk.js.map
  