{"version":3,"sources":["assets/img/card-primary.png","assets/img/emilyz.jpg","assets/img/image_placeholder.jpg","assets/img/placeholder.jpg","assets/img/robi.jpg","assets/img/winners-logo-white.jpg","assets/img/winners-group-logo.png","assets/img/default-avatar.png","variables/charts.jsx","assets/img/tania.jpg","assets/img/lora.jpg","assets/img/jana.jpg","assets/img/jacket.png","assets/img/t-shirt.png","assets/img/gucci.png","assets/img/james.jpg","assets/img/bg1.jpg","assets/img/bg3.jpg","assets/img/card-success.png","assets/img/card-warning.png","assets/img/card-danger.png","components/Sidebar/Sidebar.jsx","components/Authorization/ProtectedRoute.jsx","components/Footer/Footer.jsx","views/pages/Register.jsx","store/actions/authActions.jsx","views/pages/Login.jsx","authRoutes.js","layouts/Auth/Auth.jsx","components/Navbars/AdminNavbar.jsx","components/FixedPlugin/FixedPlugin.jsx","views/maps/VectorMap.jsx","views/maps/GoogleMaps.jsx","views/maps/FullScreenMap.jsx","views/tables/ReactTables.jsx","components/SortingTable/SortingTable.jsx","views/tables/RegularTables.jsx","views/tables/ExtendedTables.jsx","views/forms/WizardSteps/Step1.jsx","components/CustomUpload/ImageUpload.jsx","components/Commissions/MetlifeCommissionGroupModal.jsx","components/Commissions/MetlifeCommissionCoefficientRateConfigurationModal.jsx","views/forms/WizardSteps/Step2.jsx","views/forms/Wizard.jsx","views/forms/WizardSteps/Step3.jsx","views/forms/ValidationForms.jsx","views/forms/ExtendedForms.jsx","views/forms/RegularForms.jsx","variables/general.jsx","views/Calendar.jsx","views/Widgets.jsx","store/actions/dashboardActions.jsx","views/Charts.jsx","components/Reports/MetlifeCommissionUnitReport.jsx","views/Dashboard.jsx","views/components/Buttons.jsx","views/components/SweetAlert.jsx","views/components/Notifications.jsx","views/components/Grid.jsx","views/components/Typography.jsx","variables/icons.jsx","views/components/Panels.jsx","views/components/Icons.jsx","views/pages/Pricing.jsx","views/pages/Timeline.jsx","views/pages/User.jsx","views/pages/Lock.jsx","components/Buttons/ButtonLoader.jsx","components/Commissions/ImportMetlifeCommissionModal.jsx","components/Commissions/MetlifeCommissionRecordModal.jsx","components/Commissions/ExportMetlifeCommissionRecordModal.jsx","components/Commissions/DeleteMetlifeCommissionImportModal.jsx","views/commissions/MetlifeCommissionsTable.jsx","routes.js","views/commissions/MetlifeCommissionCoefficientRateConfigurationsTable.jsx","layouts/Admin/Admin.jsx","App.jsx","store/middleware.jsx","utils/localStorage.jsx","utils/auth.jsx","store/reducers/index.jsx","store/reducers/authReducer.jsx","store/reducers/dashboardReducer.jsx","utils/api.jsx","store/sagas/authSaga.jsx","store/sagas/dashboardSaga.jsx","index.js","store/configureStore.jsx"],"names":["module","exports","__webpack_require__","p","chart_1_2_3_options","maintainAspectRatio","legend","display","tooltips","backgroundColor","titleFontColor","bodyFontColor","bodySpacing","xPadding","mode","intersect","position","responsive","scales","yAxes","barPercentage","gridLines","drawBorder","color","zeroLineColor","ticks","suggestedMin","suggestedMax","padding","fontColor","xAxes","chartExample1","data1","canvas","gradientStroke","getContext","createLinearGradient","addColorStop","labels","datasets","label","fill","borderColor","borderWidth","borderDash","borderDashOffset","pointBackgroundColor","pointBorderColor","pointHoverBackgroundColor","pointBorderWidth","pointHoverRadius","pointHoverBorderWidth","pointRadius","data","data2","data3","options","chartExample2","chartExample3","hoverBackgroundColor","chartExample4","chartExample5","chartExample6","chartExample7","chartExample8","chartExample9","cutoutPercentage","chartExample10","ps","ProtectedRoute","_this","this","_this$props","props","Component","component","rest","Object","objectWithoutProperties","react_default","a","createElement","Route","assign","render","isAuthenticated","Redirect","to","connect","state","auth","dispatch","Footer","className","default","Container","fluid","Date","getFullYear","href","target","React","Register","document","body","classList","toggle","Fragment","Row","Col","md","Card","CardHeader","CardImg","alt","src","require","CardTitle","tag","CardBody","Form","InputGroup","InputGroupAddon","addonType","InputGroupText","Input","placeholder","type","FormGroup","check","Label","onClick","e","preventDefault","CardFooter","Button","size","loginRequest","createAction","loginRequestStarting","loginRequestSuccess","loginRequestError","unauthorizeUser","Login","classCallCheck","possibleConstructorReturn","getPrototypeOf","call","email","password","onEmailChange","value","setState","onPasswordChange","submit","payload","onSuccess","login","bind","assertThisInitialized","location","messageId","lg","onSubmit","onChange","block","hasError","style","textAlign","getErrorMessage","errorMessageId","routes","path","name","mini","loginError","loginErrorMessage","layout","Pages","getRoutes","map","prop","key","collapse","views","getActiveRoute","i","length","collapseActiveRoute","window","pathname","indexOf","getFullPageName","documentElement","remove","ref","Switch","from","components_Footer_Footer","AdminNavbar","updateColor","innerWidth","collapseOpen","toggleCollapse","toggleModalSearch","modalSearch","logout","addEventListener","removeEventListener","Navbar","classNames","defineProperty","expand","id","handleMiniClick","UncontrolledTooltip","delay","placement","toggled","sidebarOpened","toggleSidebar","NavbarBrand","brandText","data-toggle","data-target","aria-expanded","aria-label","Collapse","navbar","isOpen","Nav","UncontrolledDropdown","nav","DropdownToggle","caret","DropdownMenu","right","NavLink","DropdownItem","username","displayName","Sidebar","getCollapseStates","initialState","objectSpread","getCollapseInitialState","createLinks","redirect","st","undefined","icon","activeRoute","es_NavLink","activeClassName","closeSidebar","routeName","navigator","platform","PerfectScrollbar","refs","sidebar","destroy","activeColor","logo","logoImg","logoText","outterLink","imgSrc","text","innerLink","FixedPlugin","handleClick","classes","handleActiveMode","darkMode","_this2","data-color","handleActiveClick","js_default","sidebarMini","onText","offText","mapData","AU","BR","CA","DE","FR","GB","GE","IN","RO","RU","US","SatelliteMap","withScriptjs","withGoogleMap","react_google_maps_lib","defaultZoom","mapTypeId","defaultCenter","lat","lng","defaultOptions","scrollwheel","RegularMap","CustomSkinMap","disableDefaultUI","zoomControl","styles","featureType","stylers","saturation","lightness","hue","elementType","visibility","MapWrapper","dataTable","SortingTable","sortTable","_this$state","bodyData","column","order","sort","b","tbody","_this$state2","Table","thead","classnames","headerSortDown","headerSortUp","k","Wizard","verifyEmail","test","verifyLength","verifyNumber","RegExp","change","event","stateName","stateNameEqualTo","maxValue","isValidated","firstnameState","lastnameState","emailState","phoneState","firstname","lastname","sm","input-group-focus","firstnameFocus","onFocus","onBlur","emailFocus","lastnameFocus","phoneFocus","addressFocus","ImageUpload","file","imagePreviewUrl","avatar","defaultAvatar","defaultImage","handleImageChange","handleSubmit","handleRemove","reader","FileReader","files","onloadend","result","readAsDataURL","fileInput","click","_this3","addBtnColor","addBtnClasses","changeBtnColor","changeBtnClasses","removeBtnColor","removeBtnClasses","defaultProps","CustomUpload_ImageUpload","steps","stepName","stepIcon","Step1","Step2","step3Select","react_select_esm","classNamePrefix","today","y","m","getMonth","d","getDate","events","title","allDay","start","end","localizer","BigCalendar","momentLocalizer","moment","unitReportRequest","unitReportRequestStarting","unitReportRequestSuccess","unitReportRequestError","MetlifeCommissionUnitReport","number","react_chartjs_2_es","getMonthName","month","year","units","Dashboard","setBgChartData","bigChartData","loadUnitReport","xs","Reports_MetlifeCommissionUnitReport","unitReport","dashboard","icons","ButtonLoader","fetchData","loading","stopFetching","children","disabled","ImportMetlifeCommissionModal","componentDidMount","hubConnection","signalR","withUrl","build","then","invoke","connectionId","hubConnectionId","catch","err","console","log","on","progress","button","current","onFinish","modal","show","importFile","createRef","handleUploadClick","prevState","imagefile","querySelector","form","query","formData","FormData","append","axios","post","action","headers","Content-Type","response","error","Modal","onClosed","onClose","ModalHeader","method","ModalBody","required","ModalFooter","Buttons_ButtonLoader","Progress","max","barClassName","MetlifeCommissionRecordModal","get","agent","applno","polnum","iName2","bMode","yymm","stati","index_es","premium","rate","storno","provision","cmTypCa","lob","duration","indexComm","matExp","rider","curr","planCode","mmid","payDateTo","ownPolicy","oName","t2Date","cbIssDt","cbStatus","incno","paidAmt","cwbpdprem","cwbcmRate","cwbcm","cwbRate","cwbcls","overdue","payNum","pcdidp01","cxmPrem","MetlifeCommissionGroupModal","selected","showDetail","edit","toggleEdit","changeUnits","changeEurToRpRatio","saveUnits","toggleRecord","onRecordClosed","index","records","findIndex","record","calculation","eurToRpRatio","request","Array","getElementsByClassName","getAttribute","childNodes","firstChild","table","_this4","Id","data-id","coefficientRate","defaultValue","Commissions_MetlifeCommissionRecordModal","ExportMetlifeCommissionRecordModal","exportGroupedRecords","grouped","handleExportClick","onImportSelected","onError","intl","formatDate","created","formatTime","injectIntl","DeleteMetlifeCommissionImportModal","handleDeleteClick","url","MetlifeCommissionsTable","pages","showExport","showImport","showDelete","toggleGroup","onDetailClosed","refetchData","toggleExport","toggleImport","toggleDeleteImport","message","notify","notificationAlert","place","autoDismiss","page","pageSize","sorted","filtered","params","URLSearchParams","desc","items","Commissions_ImportMetlifeCommissionModal","buttonLabel","onImport","react_table_es","resizable","showPaginationTop","showPaginationBottom","columns","Header","accessor","filterable","Cell","manual","onFetchData","instance","defaultPageSize","getTrProps","rowInfo","original","previousText","nextText","loadingText","noDataText","pageText","ofText","rowsText","dist_default","Commissions_MetlifeCommissionGroupModal","Commissions_ExportMetlifeCommissionRecordModal","showNotification","Commissions_DeleteMetlifeCommissionImportModal","MetlifeCommissionCoefficientRateConfigurationModal","handleSaveClick","handleInputChange","handleInputArrayChange","handleDateInputChange","selectedYears","yearsToPay","yearOptions","o","includes","date","isNaN","property","isMoment","format","_this5","_this6","split","_this7","DateTime_default","timeFormat","inputProps","validFrom","validTo","allowedStati","allowedLob","allowedPCDIDP01","MetlifeCommissionCoefficientRateConfigurationsTable","alert","toggleDetail","deleteRecord","hideAlert","react_bootstrap_sweetalert_default","warning","showCancel","marginTop","onConfirm","onCancel","confirmBtnBsStyle","cancelBtnText","confirmBtnText","reverseButtons","confirmed","sortable","width","join","getTdProps","Commissions_MetlifeCommissionCoefficientRateConfigurationModal","Admin","showNavbarButton","scrollTop","scrollingElement","mainPanel","opacity","exact","components_Sidebar_Sidebar","Navbars_AdminNavbar","components_FixedPlugin_FixedPlugin","addLocaleData","toConsumableArray","sk","locale","hist","createBrowserHistory","App","defaultLocale","Router","history","Auth","Authorization_ProtectedRoute","AdminLayout","sagaMiddleware","createSagaMiddleware","middleware","store","next","getType","localStorage","clear","getState","nextState","token","setItem","tokenExpirationTime","takeIfExists","arguments","String","item","getItem","Number","parseFloat","JSON","parse","loggedIn","expirationTime","getTime","parseInt","reducers","createReducer","_createReducer","loggingIn","_ref","dashboardReducer_createReducer","loadingUnits","loadingUnitsError","loadingUnitsErrorMessage","Authorization","concat","postAxiosRequest","watchAuthRequests","_ref2","errorMessage","regenerator_default","wrap","_context","prev","put","sent","t0","stop","_marked","_context2","takeLatest","_marked2","watchDashboardRequests","requestUnitRecordAxios","dashboardSaga_marked","dashboardSaga_marked2","rootReducer","combineReducers","createStore","composeWithDevTools","applyMiddleware","apply","configureStore","run","ReactDOM","es","src_App","getElementById"],"mappings":"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","file":"static/js/main.6ebd1b01.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/card-primary.3f053d33.png\";","module.exports = __webpack_public_path__ + \"static/media/emilyz.00401056.jpg\";","module.exports = __webpack_public_path__ + \"static/media/image_placeholder.c910111f.jpg\";","module.exports = \"data:image/jpeg;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH//xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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\"","module.exports = __webpack_public_path__ + \"static/media/robi.aace4600.jpg\";","module.exports = \"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QA6RXhpZgAATU0AKgAAAAgAA1EQAAEAAAABAQAAAFERAAQAAAABAAAAAFESAAQAAAABAAAAAAAAAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCADAAMADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9/KKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKN1G6gAoo3UbqACijNFABRRRQAUUUUAFFGaN1ABRRuozQAUUUUAFFFFABRRRmgAoo3UbqACijdRuoA/ML9vT/gpz8RP2Z/jfJoFr5a2qQhwzR9Sa8T/wCH5HxI/wCetv8A9+69p/4Lx/AwvY2/iq3t9zM6xsyr2r8ryNpr8tzrMMdhsXOmqjtuvQ/0O8KeCuEs/wCGsNjqmCg525ZO32lufc//AA/I+JH/AD1t/wDv3Sf8PxviS5Uebb9Rn93XwzQDg15f9uY7/n4z9G/4hFwh/wBANP7j+iz9iP8AaIP7Rvwes9YkdXuhGon2/wB4ivZK/Mf/AIIIfHXf4f1TwveTb5p7gGEE9AK/Tiv1LJ8Z9ZwkKr3tqf52eKPDKyHiXE5fCNoKV4/4Xrp+QUUUV6h+fBXC/tG/FZfgx8I9W8QeYivYxb13d67qvgb/AILdftAp4I+Fq+HIZts2rREEA1w5lilh8NOr2X4n2HAPDss8z7DZcldSkr/4Vq/wPmDxd/wXD+IMHia9S1kt/syykR/J2rO/4fkfEj/nrb/9+6+GncyOWbqetNr8nee45u/tGf6Q0/B/hCMVF4GGi7H3P/w/I+JH/PW3/wC/daPhH/guH8QZ/E1kl1Jb/ZmlAk+TtXwPTkcxuGXqOlEc9xyd/aMKng/whKLisDDXyP6VP2cvisvxn+Eek+IPMRnvot7be1d1XwN/wRF/aBTxv8LW8OTTbptJiAAJr75r9Yy3FLEYaFVdV+J/m9x9w7LI8+xOXNWUZO3+F6r8AoooruPjwrxv9tz9og/s5fB681iN1S6MbCDd/eAr2SvzH/4L3/HXZ4f0vwvZzbJoLgmYA9Qa8vOMZ9Wwk6q3tp6n6D4XcMrPuJcNl9SN4OV5f4Vq7/keG/8AD8b4koWHm2/U4/d0v/D8j4kf89bf/v3XwwTk0V+W/wBuY7/n4z/RP/iEXCH/AEA0/uPuf/h+R8SP+etv/wB+69s/YL/4Kc/ET9pj43x6BdeW1q8JcssfQivysA3Gv1Q/4IOfAwpY3Hiq4t9rK7RqzL2r1clzDHYnFxpuo7bv0PznxW4K4SyDhrE46ngoKduWLt9p7H2N/wAFE/g+vxc/Z61K38nzHs4nmHHTAr+ffxJpb6Nrt1bSDa0MrLj8a/pw8ZaMPEXhTULFl3C7geLH1GK/nx/4KCfB+T4MftI61pTRlFV9449TXpcaYTWGIXoz4L6KvEl44nJaj7Tivwf5o8Pooor4I/ss+oP+CT3xf/4Vb+1Po7zTeXaSEhgTwSa/ejStQXVdNguY/uToHX6Gv5l/hf4mk8I+ONPvo2MbQzLyPqK/om/ZP+IsfxJ+COh3kbBjHaxoxB77a/Q+C8VenOg+mp/EH0quHfZ4zDZzBfEuR/LVfmelUUUV9yfyER3l3HY2zzSMFjjGST2r8JP+Ct3x7b4u/tDXtikvmQ6LO8S4PFfr/wDtx/F+D4P/ALPPiC/aYQ3X2VvIGeSa/np+Ifi2bx14z1DVp2LTX0pkYnvmvheMsbaEcNHrqz+vvoscJ+0xVfPqq0guSPq9392hi0UUV+en9vBRRRQB9Y/8Ekfj23wi/aGsrF5fLh1qdImyeK/duzu4762SaNg0cgyCO9fzG/DzxbN4F8Z6fq0DFZrGUSKR2xX9C37Dnxfg+MH7PPh+/WYTXX2VfPGeQa/QuDcbeEsNLpqj+IfpT8J+zxVDPqS0muSXqtn92h7BRRRX3R/IJX1XUF0rTZ7mT7kCF2+gr8F/+CsPxf8A+FpftT6w8M3mWkZAUA8Aiv2m/aw+Isfw2+COuXkjBTJayIpJ77a/nZ+KHiaTxd441C+kYyNNM3J+pr4bjTFWpwoLrqf179FXh32mMxOczXwrkXz1f5HP0UUV+eH9vl7w3pb6zrtrbRjc00qrj8a/oI/4J2fB9fhH+z1ptv5PlveRJMeOuRX4s/8ABPv4PyfGf9pHRdKWMurPvPHoa/oO8G6MPDvhTT7FV2i0gSLH0GK+94Lwus8Q/RH8afSq4ktHDZLTeus5L8v1NKvyh/4L3/A9dH1Sx8XQw/PqE2x3C9hX6vV82/8ABT74MQ/Fz9nLUjJD5smmQvPH8ucHFfUZ5hPrGCnDruvkfz54P8Sf2JxVhcVJ+5J8svSWn52PwBoqTVIX0vUJreZWWSNipBHSq/2pa/G+Vn+pUakWrpk0EnlTI391ga/av/gij8cV8efAxtMkcGa2l2gZ5wOK/E77Utfe3/BDX45f8I58cF8OSSbYblGkwTwTXv8ADOKdHHRvtLQ/F/HzIY5pwlXlFXlS99fLc/Z6imxuJEVh0YZFUfFOtR+HPDt5fSMFjtYjISe2K/XG7K5/mjCDlJQju9D83/8Aguz+0KtnoWneGrWbEjMyTKD1+tfk/X0F/wAFKfjjJ8Wf2kdbbzfNtbeY+Xg5FfPP2pa/G88xTxOMnPpsvkf6meEXDcMj4Yw2FatKS5pestf1JK7L4LfBPWPjf4oXS9Ht2nnZS2AK4kXAY4r9TP8AghP+z6tzZTeKr21Vtrsil17VjlOAeLxMaPTqej4j8ZQ4ayKtmas5R0in1b2Pzp+NPwT1j4IeKG0vWLdoJ1UNgiuNr9SP+C7H7Pq21lD4qsrVV3OqMUXtX5Zm4CnFGbYB4TEyo9OgeHHGUeJcio5m7KUtJJdGtySv1g/4ITftCreaFqPhq6mzIrKkKk9PpX5N/alr6G/4JrfHGT4TftI6I3m+Va3Ew8zJwK2yPFPD4yE+mz+Z53i7w3DPOGMThbXlFc0fWOv4n9B1FZ/hbWo/Efh2zvo2DR3UQkBHfNXpHEaMx6KMmv2RO6uj/LOcJRk4S3Wh8Pf8FrvjivgP4GLpkbgTXMu0jPODxX4qTyebM7f3mJr7w/4LlfHL/hI/jg3hyOTdDbIsmAeAa+CftS1+R8S4p1sdJLaOh/pd4B5DHK+EqEpK0qvvv57ElFR/alqxpcL6pqENvCrNJIwUADrXgcrP2iVSKV2z9Lv+CCHwPXWNUvvF00Pz6fNsRyvY1+r1fNv/AATB+DEPwj/Zy00xw+VJqcKTyfLjJxX0lX7HkWE+r4KEHvuz/LXxg4k/tvinE4qL9yL5Y+kdPzuFYvxE0BPFHgnUrCRQ63UDR4I65rao6168ldWZ+a0akqc1Ujumn9x/N3+3n8P5fhb+0l4i09oWhhWc7BtxXjP2+v0V/wCC/fwIl8LeObPxRFGFj1OVixA61+aH2/8A2q/IM0wXscVOHmf6ceH3Fcc0yDDYq+vKk/VaP8ja+316d+yL8Zpvg98cdG1SFijNOkJI9GYCvF/t/wDtVY0jW207Vba4DcwyrJ+RBrjpRcJqcd0fUZhWp4vC1MNV1jNNNeqP6ovh1r8fibwNpV9HIsguLWNyQe5UV4n/AMFK/jhB8F/2b9YkkmEM2o27wwnOMtiuf/4JI/G9PjN+yrptzJOJLi3byipPOAMV8R/8HBX7UA1vxFaeBrabDaXN5kmD1Br9Rx+YKOX+2jvJafM/z14O4MnX40WVVV7tKbcvSLv+dj84/EHiibxBrFxeXDGSaZyzMec1T+31im/J/io+3/7Vflnsr6s/0Ujj4xSjHZHV+E7STxB4is7SFdzzSqoGPcV/RD/wTv8Ag8vwg/Z40u18pY5LuJJzxzytfiD/AMEwPgtN8c/2odFsfLL2yvvc44BHNf0TeFdGXw94bsbFQAtrCsQx7DFfbcI4Hl5q79EfyT9Jfiv2v1fJqb/vyX5fkeL/APBRD4PL8X/2eNUtfKWSS0ieccc8LX873iy0k8P+Iry0mXa8MrKRj3Nf1E+KtGXxD4bvrFgCt1C0Rz7jFfzs/wDBT/4LTfAz9qHWrHyylsz70OOCTzRxdgublrr0YfRn4r9l9YyapL+/FfmeF/b6ueH/ABRN4f1i3vLdjHNC4ZWHGK5n7f8A7VAvyP4q+J9lbU/raWPjKLjLZn9H3/BNT44QfGj9m/R5I5hNNp1ukMxznDYr2z4i6/H4Z8DarfSSLGLe1kcEnuFNfkv/AMG+v7UA0TxFd+BrmbLapN5keT0Ar7c/4K3fG9Pgz+yrqVzHOI7i4bygoPOCMV+p4DMFLL/bP7K1+R/nXxjwZPD8aPKqS92rNOPpJ/53PxJ/a6+M03xh+OOs6pMxdlneEE+isRXmP2+s3V9bbUdVubgtzNK0n5kmq/2//ar8uqxc5uct2f6FZfVp4TC08NS0jBJJeiNr7fXs37Bnw/l+KX7SXh3T1haaFpxvG3NfP/2//ar9L/8AggJ8CJfFPjm88USxho9MlUqSOldmV4H22KhDzPl/ELiuOV5BicVfXlaXq9Efr38O9ATwv4J02wjUItrAseAOmK2qOlFfr8VZWR/mPVqSqTdSW7d/vCiiimZnxv8A8FofgM3xb/Zj1DUI498mg27zDjpX8891cyWdw8cmVeM4INf1dfGHwLF8TPhrq+hTf6vUrdomyPWv5e/24fh3J8Gv2mfFWieWY7e0vXSLjGRXxnEuDXtI1l10P6m8BeKGsJWyub+F8y9Hv+Jw39pH1/Wj+0j6/rXO/wBqn+9R/ap/vV8v7FH9Df2p5n64f8EJP2mI/B/hDxDpd9eLbw2NjLcRb24LAcV8L/t5fHO4+Nn7RuuaxNM0m+QouT2BNeRfD747a18NYbhdLvJbb7RGY32NjINc3qHiSbVLySeaQvJIcknvXoVsQ6mGhh/5T4rKslo4PPMTnKtzVUl6d/vNv+0j6/rSjUST1rnP7VP96tfwHo91448WWWl2itJcXUgRVA5PNcCw99EfZSzdRi5SeiP2W/4N1/2etnhXVPF2oW+y6huB9nZhyVPpX6sV4L/wTl+Dcfwe/Zk8O2v2cQ3FxZxvNxglsd696r9Ly3DKhho00fwNx5nss3zyvjG9L2XotAr8p/8Ag4o/Z63+FdL8Xafb77qa4P2hlHIUetfqxXgv/BRr4Nx/GH9mTxFa/ZxNcW9nI8PGSGx2ozLDKvhpU2HAWfSyjPKGMT0Ts/R6H8y51Eg9aT+0j6/rVTx5o914H8WXul3atHcWshRlI5HNZH9qn+9X5p9Xtoz++YZupRUovRn0R+wb8c7j4J/tG6HrEMzR7JAjYPYkV90f8F2/2mI/GHhDw9pdjeLcQ31jFcS7G4DEc1+S2n+JJtLvI54ZCkkZyCO1dJ8QfjtrXxKht11S8lufs8YjTe2cAV3UcQ6eGnh1tI+MzXJaOLzzDZy7XpJr17fcVv7SPr+tH9pH1/Wud/tU/wB6j+1T/erg9ij7b+1PM6W1uZLy4SOPLPIcACv6GP8Agi98Bm+En7Men6hJHsk163SY8da/B39h74dyfGX9pnwronlmS3u71El4zgV/UJ8HvAsXwz+GukaFD/q9Nt1iXA9K+o4awa55Vn00P558euKG8JRyuD+J8z9Ft+J01FFFfZn8shRRRQAHmvwT/wCDiv8AZ1k+HvxisfEVnb4i1UvLO4FfvZXwT/wXs+AP/C0f2XNQ1aG3WS40qAlWxyK87NKCq4drtqfb+HubywGc05p6S91/M/nQ/tJvU0f2k3qagvLR7G6khkG2SM7WHoajr4blR/W/1ifct/2k3qaP7Sb1NVKKOVB9Yn3Lf9pN6mvrv/gjZ8CW+N/7W/h+SRWe1srgGTjK/jXxzX7ff8G1f7M8em+D9Y8VX9uyzOySWzleoNd2W4dVMRFfM+R44zyeByirUT1asvnofrL4d0aPw9odrYwjEdrGI1AHYVdoor7w/kCUm3dhVLxFo0fiHQ7qxmGY7qMxsCOxq7RQEZNO6P5lf+CyfwJb4Iftb+IJI1ZLW9uCY+ML+FfIn9pN6mv2z/4OVP2Z49S8H6P4qsLdmmRnkuXC9AK/EGvg8yw6p15L5n9f8D55PHZRSqX1Ss/loW/7Sb1NH9pN6mqlFcPKj676xPuW/wC0m9TR/aTepqpUlnaPfXUcMY3SSHao9TRyoPrE+5+oH/Bup+zrJ8QvjFfeIry3zFpRSWByK/ewcV8E/wDBBP4A/wDCrv2XNP1aa3WO41WAFmxya+9q+5yuh7LDpd9T+SfELN5Y/Oakm7qPur5BRRRXonw4UUUUAFcH+0r8LV+MvwY1vw8yq326Ar8w9jXeUjLvUqehGDUyimrM0o1ZUqiqQ3TuvkfyNftc/DCb4SfH/wAS6PKmwWt7IiD2BrzWv6ivjH/wRx+BPx38YXGu+IvDDXWo3TmSSRZtu4nr2rlP+HBP7Nf/AEJ8v/gR/wDWr5apkdZybi1Y/oXB+LmWRoRjWhPmSV7Jb/efzQUV/S//AMOCf2a/+hPl/wDAj/61H/Dgn9mv/oT5f/Aj/wCtUf2FX7o6f+IvZR/JP7l/mfzgfCvwNN8SviDpeh243TalOsKD1Jr+pr/gnV8C7f4D/sseFdLSAQ3gskFxxjLV578O/wDgiN+z78LvG2n+INI8KSQ6lpkglgcz7grD2xX1lY2Uem2kcEK7Y4xtUDsK9bK8ulh25Ttc/O+PuOKOdQp0cIpKMdXe2/ybJqKKK9g/MQooooA8J/4KK/Au3+PH7LHirS3gE14bJxb8Zw1fyy/FTwNN8NfiDqmh3A2zabO0Lj0Ir+wq+so9StJIJl3RyDawPcV8m/ET/giN+z78UfG2oeINX8KSTalqchlncT7QzH2xXj5plssQ1KG5+ncA8cUclhUo4tScJaq3f5tH8w9Ff0v/APDgn9mv/oT5f/Aj/wCtR/w4J/Zr/wChPl/8CP8A61eT/YVfuj9E/wCIvZR/JP7l/mfzQV6V+yN8MJvi38f/AA1o8SbxdXsaOPYmv6Ff+HBP7Nf/AEJ8v/gR/wDWrq/g5/wRx+BPwI8YW+u+HfDDWuo2riSORpt20jp2q6eR1lJOTVjmxni5lkqE40YT5mna6W/3ntX7NXwtX4NfBjRPDyqq/YYAvyj2Fd5SKuxQo6AYFLX1MY2Vkfz1Wqyq1HUnu3d/MKKKKozCiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAP/9k=\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","// ##############################\r\n// // // Chart variables\r\n// #############################\r\n\r\n// chartExample1 and chartExample2 options\r\nlet chart_1_2_3_options = {\r\n  maintainAspectRatio: false,\r\n  legend: {\r\n    display: false\r\n  },\r\n  tooltips: {\r\n    backgroundColor: \"#f5f5f5\",\r\n    titleFontColor: \"#333\",\r\n    bodyFontColor: \"#666\",\r\n    bodySpacing: 4,\r\n    xPadding: 12,\r\n    mode: \"nearest\",\r\n    intersect: 0,\r\n    position: \"nearest\"\r\n  },\r\n  responsive: true,\r\n  scales: {\r\n    yAxes: [\r\n      {\r\n        barPercentage: 1.6,\r\n        gridLines: {\r\n          drawBorder: false,\r\n          color: \"rgba(29,140,248,0.0)\",\r\n          zeroLineColor: \"transparent\"\r\n        },\r\n        ticks: {\r\n          suggestedMin: 60,\r\n          suggestedMax: 125,\r\n          padding: 20,\r\n          fontColor: \"#9a9a9a\"\r\n        }\r\n      }\r\n    ],\r\n    xAxes: [\r\n      {\r\n        barPercentage: 1.6,\r\n        gridLines: {\r\n          drawBorder: false,\r\n          color: \"rgba(29,140,248,0.1)\",\r\n          zeroLineColor: \"transparent\"\r\n        },\r\n        ticks: {\r\n          padding: 20,\r\n          fontColor: \"#9a9a9a\"\r\n        }\r\n      }\r\n    ]\r\n  }\r\n};\r\n\r\n// #########################################\r\n// // // used inside src/views/Dashboard.jsx\r\n// #########################################\r\nlet chartExample1 = {\r\n  data1: canvas => {\r\n    let ctx = canvas.getContext(\"2d\");\r\n\r\n    let gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n    gradientStroke.addColorStop(1, \"rgba(29,140,248,0.2)\");\r\n    gradientStroke.addColorStop(0.4, \"rgba(29,140,248,0.0)\");\r\n    gradientStroke.addColorStop(0, \"rgba(29,140,248,0)\"); //blue colors\r\n\r\n    return {\r\n      labels: [\r\n        \"JAN\",\r\n        \"FEB\",\r\n        \"MAR\",\r\n        \"APR\",\r\n        \"MAY\",\r\n        \"JUN\",\r\n        \"JUL\",\r\n        \"AUG\",\r\n        \"SEP\",\r\n        \"OCT\",\r\n        \"NOV\",\r\n        \"DEC\"\r\n      ],\r\n      datasets: [\r\n        {\r\n          label: \"My First dataset\",\r\n          fill: true,\r\n          backgroundColor: gradientStroke,\r\n          borderColor: \"#1f8ef1\",\r\n          borderWidth: 2,\r\n          borderDash: [],\r\n          borderDashOffset: 0.0,\r\n          pointBackgroundColor: \"#1f8ef1\",\r\n          pointBorderColor: \"rgba(255,255,255,0)\",\r\n          pointHoverBackgroundColor: \"#1f8ef1\",\r\n          pointBorderWidth: 20,\r\n          pointHoverRadius: 4,\r\n          pointHoverBorderWidth: 15,\r\n          pointRadius: 4,\r\n          data: [100, 70, 90, 70, 85, 60, 75, 60, 90, 80, 110, 100]\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  data2: canvas => {\r\n    let ctx = canvas.getContext(\"2d\");\r\n\r\n    let gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n    gradientStroke.addColorStop(1, \"rgba(29,140,248,0.2)\");\r\n    gradientStroke.addColorStop(0.4, \"rgba(29,140,248,0.0)\");\r\n    gradientStroke.addColorStop(0, \"rgba(29,140,248,0)\"); //blue colors\r\n\r\n    return {\r\n      labels: [\r\n        \"JAN\",\r\n        \"FEB\",\r\n        \"MAR\",\r\n        \"APR\",\r\n        \"MAY\",\r\n        \"JUN\",\r\n        \"JUL\",\r\n        \"AUG\",\r\n        \"SEP\",\r\n        \"OCT\",\r\n        \"NOV\",\r\n        \"DEC\"\r\n      ],\r\n      datasets: [\r\n        {\r\n          label: \"My First dataset\",\r\n          fill: true,\r\n          backgroundColor: gradientStroke,\r\n          borderColor: \"#1f8ef1\",\r\n          borderWidth: 2,\r\n          borderDash: [],\r\n          borderDashOffset: 0.0,\r\n          pointBackgroundColor: \"#1f8ef1\",\r\n          pointBorderColor: \"rgba(255,255,255,0)\",\r\n          pointHoverBackgroundColor: \"#1f8ef1\",\r\n          pointBorderWidth: 20,\r\n          pointHoverRadius: 4,\r\n          pointHoverBorderWidth: 15,\r\n          pointRadius: 4,\r\n          data: [80, 120, 105, 110, 95, 105, 90, 100, 80, 95, 70, 120]\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  data3: canvas => {\r\n    let ctx = canvas.getContext(\"2d\");\r\n\r\n    let gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n    gradientStroke.addColorStop(1, \"rgba(29,140,248,0.2)\");\r\n    gradientStroke.addColorStop(0.4, \"rgba(29,140,248,0.0)\");\r\n    gradientStroke.addColorStop(0, \"rgba(29,140,248,0)\"); //blue colors\r\n\r\n    return {\r\n      labels: [\r\n        \"JAN\",\r\n        \"FEB\",\r\n        \"MAR\",\r\n        \"APR\",\r\n        \"MAY\",\r\n        \"JUN\",\r\n        \"JUL\",\r\n        \"AUG\",\r\n        \"SEP\",\r\n        \"OCT\",\r\n        \"NOV\",\r\n        \"DEC\"\r\n      ],\r\n      datasets: [\r\n        {\r\n          label: \"My First dataset\",\r\n          fill: true,\r\n          backgroundColor: gradientStroke,\r\n          borderColor: \"#1f8ef1\",\r\n          borderWidth: 2,\r\n          borderDash: [],\r\n          borderDashOffset: 0.0,\r\n          pointBackgroundColor: \"#1f8ef1\",\r\n          pointBorderColor: \"rgba(255,255,255,0)\",\r\n          pointHoverBackgroundColor: \"#1f8ef1\",\r\n          pointBorderWidth: 20,\r\n          pointHoverRadius: 4,\r\n          pointHoverBorderWidth: 15,\r\n          pointRadius: 4,\r\n          data: [60, 80, 65, 130, 80, 105, 90, 130, 70, 115, 60, 130]\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  options: chart_1_2_3_options\r\n};\r\n\r\n// #########################################\r\n// // // used inside src/views/Dashboard.jsx\r\n// #########################################\r\nlet chartExample2 = {\r\n  data: canvas => {\r\n    let ctx = canvas.getContext(\"2d\");\r\n\r\n    let gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n    gradientStroke.addColorStop(1, \"rgba(29,140,248,0.2)\");\r\n    gradientStroke.addColorStop(0.4, \"rgba(29,140,248,0.0)\");\r\n    gradientStroke.addColorStop(0, \"rgba(29,140,248,0)\"); //blue colors\r\n\r\n    return {\r\n      labels: [\"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\", \"DEC\"],\r\n      datasets: [\r\n        {\r\n          label: \"Data\",\r\n          fill: true,\r\n          backgroundColor: gradientStroke,\r\n          borderColor: \"#1f8ef1\",\r\n          borderWidth: 2,\r\n          borderDash: [],\r\n          borderDashOffset: 0.0,\r\n          pointBackgroundColor: \"#1f8ef1\",\r\n          pointBorderColor: \"rgba(255,255,255,0)\",\r\n          pointHoverBackgroundColor: \"#1f8ef1\",\r\n          pointBorderWidth: 20,\r\n          pointHoverRadius: 4,\r\n          pointHoverBorderWidth: 15,\r\n          pointRadius: 4,\r\n          data: [80, 100, 70, 80, 120, 80]\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  options: chart_1_2_3_options\r\n};\r\n\r\n// #########################################\r\n// // // used inside src/views/Dashboard.jsx\r\n// #########################################\r\nlet chartExample3 = {\r\n  data: canvas => {\r\n    let ctx = canvas.getContext(\"2d\");\r\n\r\n    let gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n    gradientStroke.addColorStop(1, \"rgba(72,72,176,0.1)\");\r\n    gradientStroke.addColorStop(0.4, \"rgba(72,72,176,0.0)\");\r\n    gradientStroke.addColorStop(0, \"rgba(119,52,169,0)\"); //purple colors\r\n\r\n    return {\r\n      labels: [\"USA\", \"GER\", \"AUS\", \"UK\", \"RO\", \"BR\"],\r\n      datasets: [\r\n        {\r\n          label: \"Countries\",\r\n          fill: true,\r\n          backgroundColor: gradientStroke,\r\n          hoverBackgroundColor: gradientStroke,\r\n          borderColor: \"#d048b6\",\r\n          borderWidth: 2,\r\n          borderDash: [],\r\n          borderDashOffset: 0.0,\r\n          data: [53, 20, 10, 80, 100, 45]\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  options: {\r\n    maintainAspectRatio: false,\r\n    legend: {\r\n      display: false\r\n    },\r\n    tooltips: {\r\n      backgroundColor: \"#f5f5f5\",\r\n      titleFontColor: \"#333\",\r\n      bodyFontColor: \"#666\",\r\n      bodySpacing: 4,\r\n      xPadding: 12,\r\n      mode: \"nearest\",\r\n      intersect: 0,\r\n      position: \"nearest\"\r\n    },\r\n    responsive: true,\r\n    scales: {\r\n      yAxes: [\r\n        {\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(225,78,202,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            suggestedMin: 60,\r\n            suggestedMax: 120,\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ],\r\n      xAxes: [\r\n        {\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(225,78,202,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  }\r\n};\r\n\r\n// #########################################\r\n// // // used inside src/views/Dashboard.jsx\r\n// #########################################\r\nconst chartExample4 = {\r\n  data: canvas => {\r\n    let ctx = canvas.getContext(\"2d\");\r\n\r\n    let gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n    gradientStroke.addColorStop(1, \"rgba(66,134,121,0.15)\");\r\n    gradientStroke.addColorStop(0.4, \"rgba(66,134,121,0.0)\"); //green colors\r\n    gradientStroke.addColorStop(0, \"rgba(66,134,121,0)\"); //green colors\r\n\r\n    return {\r\n      labels: [\"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\"],\r\n      datasets: [\r\n        {\r\n          label: \"My First dataset\",\r\n          fill: true,\r\n          backgroundColor: gradientStroke,\r\n          borderColor: \"#00d6b4\",\r\n          borderWidth: 2,\r\n          borderDash: [],\r\n          borderDashOffset: 0.0,\r\n          pointBackgroundColor: \"#00d6b4\",\r\n          pointBorderColor: \"rgba(255,255,255,0)\",\r\n          pointHoverBackgroundColor: \"#00d6b4\",\r\n          pointBorderWidth: 20,\r\n          pointHoverRadius: 4,\r\n          pointHoverBorderWidth: 15,\r\n          pointRadius: 4,\r\n          data: [90, 27, 60, 12, 80]\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  options: {\r\n    maintainAspectRatio: false,\r\n    legend: {\r\n      display: false\r\n    },\r\n    tooltips: {\r\n      backgroundColor: \"#f5f5f5\",\r\n      titleFontColor: \"#333\",\r\n      bodyFontColor: \"#666\",\r\n      bodySpacing: 4,\r\n      xPadding: 12,\r\n      mode: \"nearest\",\r\n      intersect: 0,\r\n      position: \"nearest\"\r\n    },\r\n    responsive: true,\r\n    scales: {\r\n      yAxes: [\r\n        {\r\n          barPercentage: 1.6,\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(29,140,248,0.0)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            suggestedMin: 50,\r\n            suggestedMax: 125,\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ],\r\n      xAxes: [\r\n        {\r\n          barPercentage: 1.6,\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(0,242,195,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  }\r\n};\r\n\r\n// #########################################\r\n// // // used inside src/views/Charts.jsx\r\n// #########################################\r\nconst chartExample5 = {\r\n  data: canvas => {\r\n    let ctx = canvas.getContext(\"2d\");\r\n    var gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n    gradientStroke.addColorStop(1, \"rgba(72,72,176,0.4)\");\r\n    gradientStroke.addColorStop(0.8, \"rgba(72,72,176,0.2)\");\r\n    gradientStroke.addColorStop(0, \"rgba(119,52,169,0)\"); //purple colors\r\n    return {\r\n      labels: [\"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\", \"DEC\"],\r\n      datasets: [\r\n        {\r\n          label: \"Data\",\r\n          fill: true,\r\n          backgroundColor: gradientStroke,\r\n          borderColor: \"#ba54f5\",\r\n          borderWidth: 2,\r\n          borderDash: [],\r\n          borderDashOffset: 0.0,\r\n          pointBackgroundColor: \"#be55ed\",\r\n          pointBorderColor: \"rgba(255,255,255,0)\",\r\n          pointHoverBackgroundColor: \"#be55ed\",\r\n          //pointHoverBorderColor:'rgba(35,46,55,1)',\r\n          pointBorderWidth: 20,\r\n          pointHoverRadius: 4,\r\n          pointHoverBorderWidth: 15,\r\n          pointRadius: 4,\r\n          data: [80, 100, 70, 80, 120, 80]\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  options: {\r\n    maintainAspectRatio: false,\r\n    legend: {\r\n      display: false\r\n    },\r\n    tooltips: {\r\n      backgroundColor: \"#f5f5f5\",\r\n      titleFontColor: \"#333\",\r\n      bodyFontColor: \"#666\",\r\n      bodySpacing: 4,\r\n      xPadding: 12,\r\n      mode: \"nearest\",\r\n      intersect: 0,\r\n      position: \"nearest\"\r\n    },\r\n    responsive: true,\r\n    scales: {\r\n      yAxes: [\r\n        {\r\n          barPercentage: 1.6,\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(186,84,245,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            suggestedMin: 60,\r\n            suggestedMax: 125,\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ],\r\n      xAxes: [\r\n        {\r\n          barPercentage: 1.6,\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(186,84,245,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  }\r\n};\r\n// #########################################\r\n// // // used inside src/views/Charts.jsx\r\n// #########################################\r\nconst chartExample6 = {\r\n  data: canvas => {\r\n    let ctx = canvas.getContext(\"2d\");\r\n    var gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n    gradientStroke.addColorStop(1, \"rgba(0,135,191,0.2)\");\r\n    gradientStroke.addColorStop(0.8, \"rgba(0,135,191,0.1)\");\r\n    gradientStroke.addColorStop(0, \"rgba(0,84,119,0)\"); //blue colors\r\n    return {\r\n      labels: [\"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\", \"DEC\"],\r\n      datasets: [\r\n        {\r\n          label: \"Data\",\r\n          fill: true,\r\n          backgroundColor: gradientStroke,\r\n          borderColor: \"#2380f7\",\r\n          borderWidth: 2,\r\n          borderDash: [],\r\n          borderDashOffset: 0.0,\r\n          pointBackgroundColor: \"#2380f7\",\r\n          pointBorderColor: \"rgba(255,255,255,0)\",\r\n          pointHoverBackgroundColor: \"#2380f7\",\r\n          pointBorderWidth: 20,\r\n          pointHoverRadius: 4,\r\n          pointHoverBorderWidth: 15,\r\n          pointRadius: 4,\r\n          data: [80, 100, 70, 80, 120, 80]\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  options: {\r\n    maintainAspectRatio: false,\r\n    legend: {\r\n      display: false\r\n    },\r\n    tooltips: {\r\n      backgroundColor: \"#f5f5f5\",\r\n      titleFontColor: \"#333\",\r\n      bodyFontColor: \"#666\",\r\n      bodySpacing: 4,\r\n      xPadding: 12,\r\n      mode: \"nearest\",\r\n      intersect: 0,\r\n      position: \"nearest\"\r\n    },\r\n    responsive: true,\r\n    scales: {\r\n      yAxes: [\r\n        {\r\n          barPercentage: 1.6,\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(29,140,248,0.0)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            suggestedMin: 60,\r\n            suggestedMax: 125,\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ],\r\n      xAxes: [\r\n        {\r\n          barPercentage: 1.6,\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(29,140,248,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  }\r\n};\r\n// #########################################\r\n// // // used inside src/views/Charts.jsx\r\n// #########################################\r\nconst chartExample7 = {\r\n  data: canvas => {\r\n    let ctx = canvas.getContext(\"2d\");\r\n    var gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n    gradientStroke.addColorStop(1, \"rgba(253,93,147,0.8)\");\r\n    gradientStroke.addColorStop(0, \"rgba(253,93,147,0)\"); //blue colors\r\n    return {\r\n      labels: [\"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\", \"DEC\"],\r\n      datasets: [\r\n        {\r\n          label: \"Data\",\r\n          fill: true,\r\n          backgroundColor: gradientStroke,\r\n          hoverBackgroundColor: gradientStroke,\r\n          borderColor: \"#ff5991\",\r\n          borderWidth: 2,\r\n          borderDash: [],\r\n          borderDashOffset: 0.0,\r\n          data: [80, 100, 70, 80, 120, 80]\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  options: {\r\n    maintainAspectRatio: false,\r\n    legend: {\r\n      display: false\r\n    },\r\n    tooltips: {\r\n      backgroundColor: \"#f5f5f5\",\r\n      titleFontColor: \"#333\",\r\n      bodyFontColor: \"#666\",\r\n      bodySpacing: 4,\r\n      xPadding: 12,\r\n      mode: \"nearest\",\r\n      intersect: 0,\r\n      position: \"nearest\"\r\n    },\r\n    responsive: true,\r\n    scales: {\r\n      yAxes: [\r\n        {\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(253,93,147,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            suggestedMin: 60,\r\n            suggestedMax: 125,\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ],\r\n      xAxes: [\r\n        {\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(253,93,147,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  }\r\n};\r\n// #########################################\r\n// // // used inside src/views/Charts.jsx\r\n// #########################################\r\nconst chartExample8 = {\r\n  data: {\r\n    labels: [\"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\", \"DEC\"],\r\n    datasets: [\r\n      {\r\n        label: \"Data\",\r\n        fill: true,\r\n        backgroundColor: \"#ff8a76\",\r\n        hoverBackgroundColor: \" #ff8a76\",\r\n        borderColor: \"#ff8a76\",\r\n        borderWidth: 2,\r\n        borderDash: [],\r\n        borderDashOffset: 0.0,\r\n        data: [80, 100, 70, 80, 120, 80, 130]\r\n      },\r\n      {\r\n        label: \"Data\",\r\n        fill: true,\r\n        backgroundColor: \"#2782f0\",\r\n        hoverBackgroundColor: \" #2782f0\",\r\n        borderColor: \"#2782f0\",\r\n        borderWidth: 2,\r\n        borderDash: [],\r\n        borderDashOffset: 0.0,\r\n        data: [60, 110, 90, 70, 90, 100]\r\n      }\r\n    ]\r\n  },\r\n  options: {\r\n    maintainAspectRatio: false,\r\n    legend: {\r\n      display: false\r\n    },\r\n    tooltips: {\r\n      backgroundColor: \"#f5f5f5\",\r\n      titleFontColor: \"#333\",\r\n      bodyFontColor: \"#666\",\r\n      bodySpacing: 4,\r\n      xPadding: 12,\r\n      mode: \"nearest\",\r\n      intersect: 0,\r\n      position: \"nearest\"\r\n    },\r\n    responsive: true,\r\n    scales: {\r\n      yAxes: [\r\n        {\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(29,140,248,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            suggestedMin: 60,\r\n            suggestedMax: 120,\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ],\r\n      xAxes: [\r\n        {\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(29,140,248,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            padding: 20,\r\n            fontColor: \"#9e9e9e\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  }\r\n};\r\n// #########################################\r\n// // // used inside src/views/Charts.jsx\r\n// #########################################\r\nconst chartExample9 = {\r\n  data: {\r\n    labels: [1, 2],\r\n    datasets: [\r\n      {\r\n        label: \"Emails\",\r\n        pointRadius: 0,\r\n        pointHoverRadius: 0,\r\n        backgroundColor: [\"#00c09d\", \"#e2e2e2\"],\r\n        borderWidth: 0,\r\n        data: [60, 40]\r\n      }\r\n    ]\r\n  },\r\n  options: {\r\n    cutoutPercentage: 70,\r\n    legend: {\r\n      display: false\r\n    },\r\n\r\n    tooltips: {\r\n      backgroundColor: \"#f5f5f5\",\r\n      titleFontColor: \"#333\",\r\n      bodyFontColor: \"#666\",\r\n      bodySpacing: 4,\r\n      xPadding: 12,\r\n      mode: \"nearest\",\r\n      intersect: 0,\r\n      position: \"nearest\"\r\n    },\r\n\r\n    scales: {\r\n      yAxes: [\r\n        {\r\n          display: 0,\r\n          ticks: {\r\n            display: false\r\n          },\r\n          gridLines: {\r\n            drawBorder: false,\r\n            zeroLineColor: \"transparent\",\r\n            color: \"rgba(255,255,255,0.05)\"\r\n          }\r\n        }\r\n      ],\r\n\r\n      xAxes: [\r\n        {\r\n          display: 0,\r\n          barPercentage: 1.6,\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(255,255,255,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            display: false\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  }\r\n};\r\n// #########################################\r\n// // // used inside src/views/Charts.jsx\r\n// #########################################\r\nconst chartExample10 = {\r\n  data: {\r\n    labels: [1, 2, 3],\r\n    datasets: [\r\n      {\r\n        label: \"Emails\",\r\n        pointRadius: 0,\r\n        pointHoverRadius: 0,\r\n        backgroundColor: [\"#ff8779\", \"#2a84e9\", \"#e2e2e2\"],\r\n        borderWidth: 0,\r\n        data: [60, 40, 20]\r\n      }\r\n    ]\r\n  },\r\n  options: {\r\n    cutoutPercentage: 70,\r\n    legend: {\r\n      display: false\r\n    },\r\n    tooltips: {\r\n      backgroundColor: \"#f5f5f5\",\r\n      titleFontColor: \"#333\",\r\n      bodyFontColor: \"#666\",\r\n      bodySpacing: 4,\r\n      xPadding: 12,\r\n      mode: \"nearest\",\r\n      intersect: 0,\r\n      position: \"nearest\"\r\n    },\r\n    scales: {\r\n      yAxes: [\r\n        {\r\n          display: 0,\r\n          ticks: {\r\n            display: false\r\n          },\r\n          gridLines: {\r\n            drawBorder: false,\r\n            zeroLineColor: \"transparent\",\r\n            color: \"rgba(255,255,255,0.05)\"\r\n          }\r\n        }\r\n      ],\r\n      xAxes: [\r\n        {\r\n          display: 0,\r\n          barPercentage: 1.6,\r\n          gridLines: {\r\n            drawBorder: false,\r\n            color: \"rgba(255,255,255,0.1)\",\r\n            zeroLineColor: \"transparent\"\r\n          },\r\n          ticks: {\r\n            display: false\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  }\r\n};\r\n\r\nmodule.exports = {\r\n  chartExample1, // in src/views/Dashboard.jsx\r\n  chartExample2, // in src/views/Dashboard.jsx\r\n  chartExample3, // in src/views/Dashboard.jsx\r\n  chartExample4, // in src/views/Dashboard.jsx\r\n  chartExample5, // in src/views/Charts.jsx\r\n  chartExample6, // in src/views/Charts.jsx\r\n  chartExample7, // in src/views/Charts.jsx\r\n  chartExample8, // in src/views/Charts.jsx\r\n  chartExample9, // in src/views/Charts.jsx\r\n  chartExample10 // in src/views/Charts.jsx\r\n};\r\n","module.exports = __webpack_public_path__ + \"static/media/tania.ae5396e9.jpg\";","module.exports = __webpack_public_path__ + \"static/media/lora.b2c3ec49.jpg\";","module.exports = __webpack_public_path__ + \"static/media/jana.ffa18048.jpg\";","module.exports = __webpack_public_path__ + \"static/media/jacket.1fa38920.png\";","module.exports = __webpack_public_path__ + \"static/media/t-shirt.46eeebf1.png\";","module.exports = __webpack_public_path__ + \"static/media/gucci.cabd1084.png\";","module.exports = __webpack_public_path__ + \"static/media/james.7f18d6eb.jpg\";","module.exports = __webpack_public_path__ + \"static/media/bg1.17d118fe.jpg\";","module.exports = __webpack_public_path__ + \"static/media/bg3.3ef4d889.jpg\";","module.exports = __webpack_public_path__ + \"static/media/card-success.e2847476.png\";","module.exports = __webpack_public_path__ + \"static/media/card-warning.24e54b66.png\";","module.exports = __webpack_public_path__ + \"static/media/card-danger.48578653.png\";","/*eslint-disable*/\r\nimport React from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\n// javascript plugin used to create scrollbars on windows\r\nimport PerfectScrollbar from \"perfect-scrollbar\";\r\n\r\n// reactstrap components\r\nimport { Nav, Collapse } from \"reactstrap\";\r\n\r\nvar ps;\r\n\r\nclass Sidebar extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = this.getCollapseStates(props.routes);\r\n  }\r\n  // this creates the intial state of this component based on the collapse routes\r\n  // that it gets through this.props.routes\r\n  getCollapseStates = routes => {\r\n    let initialState = {};\r\n    routes.map((prop, key) => {\r\n      if (prop.collapse) {\r\n        initialState = {\r\n          [prop.state]: this.getCollapseInitialState(prop.views),\r\n          ...this.getCollapseStates(prop.views),\r\n          ...initialState\r\n        };\r\n      }\r\n      return null;\r\n    });\r\n    return initialState;\r\n  };\r\n  // this verifies if any of the collapses should be default opened on a rerender of this component\r\n  // for example, on the refresh of the page,\r\n  // while on the src/views/forms/RegularForms.jsx - route /admin/regular-forms\r\n  getCollapseInitialState(routes) {\r\n    for (let i = 0; i < routes.length; i++) {\r\n      if (routes[i].collapse && this.getCollapseInitialState(routes[i].views)) {\r\n        return true;\r\n      } else if (window.location.href.indexOf(routes[i].path) !== -1) {\r\n        return true;\r\n      }\r\n    }\r\n    return false;\r\n  }\r\n  // this function creates the links and collapses that appear in the sidebar (left menu)\r\n  createLinks = routes => {\r\n    return routes.map((prop, key) => {\r\n      if (prop.redirect) {\r\n        return null;\r\n      }\r\n      if (prop.collapse) {\r\n        var st = {};\r\n        st[prop[\"state\"]] = !this.state[prop.state];\r\n        return (\r\n          <li\r\n            className={this.getCollapseInitialState(prop.views) ? \"active\" : \"\"}\r\n            key={key}\r\n          >\r\n            <a\r\n              href=\"#pablo\"\r\n              data-toggle=\"collapse\"\r\n              aria-expanded={this.state[prop.state]}\r\n              onClick={e => {\r\n                e.preventDefault();\r\n                this.setState(st);\r\n              }}\r\n            >\r\n              {prop.icon !== undefined ? (\r\n                <>\r\n                  <i className={prop.icon} />\r\n                  <p>\r\n                    {prop.name}\r\n                    <b className=\"caret\" />\r\n                  </p>\r\n                </>\r\n              ) : (\r\n                <>\r\n                  <span className=\"sidebar-mini-icon\">\r\n                    {prop.mini}\r\n                  </span>\r\n                  <span className=\"sidebar-normal\">\r\n                    {prop.name}\r\n                    <b className=\"caret\" />\r\n                  </span>\r\n                </>\r\n              )}\r\n            </a>\r\n            <Collapse isOpen={this.state[prop.state]}>\r\n              <ul className=\"nav\">{this.createLinks(prop.views)}</ul>\r\n            </Collapse>\r\n          </li>\r\n        );\r\n      }\r\n      return (\r\n        <li className={this.activeRoute(prop.layout + prop.path)} key={key}>\r\n          <NavLink to={prop.layout + prop.path} activeClassName=\"\" onClick={this.props.closeSidebar}>\r\n            {prop.icon !== undefined ? (\r\n              <>\r\n                <i className={prop.icon} />\r\n                <p>{prop.name}</p>\r\n              </>\r\n            ) : (\r\n              <>\r\n                <span className=\"sidebar-mini-icon\">\r\n                  {prop.mini}\r\n                </span>\r\n                <span className=\"sidebar-normal\">\r\n                  {prop.name}\r\n                </span>\r\n              </>\r\n            )}\r\n          </NavLink>\r\n        </li>\r\n      );\r\n    });\r\n  };\r\n  // verifies if routeName is the one active (in browser input)\r\n    activeRoute = routeName => {\r\n        return this.props.location.pathname.indexOf(routeName) > -1 ? \"active\" : \"\";\r\n  };\r\n  componentDidMount() {\r\n    // if you are using a Windows Machine, the scrollbars will have a Mac look\r\n    if (navigator.platform.indexOf(\"Win\") > -1) {\r\n      ps = new PerfectScrollbar(this.refs.sidebar);\r\n    }\r\n  }\r\n  componentWillUnmount() {\r\n    // we need to destroy the false scrollbar when we navigate\r\n    // to a page that doesn't have this component rendered\r\n    if (navigator.platform.indexOf(\"Win\") > -1) {\r\n      ps.destroy();\r\n    }\r\n  }\r\n  render() {\r\n    const { activeColor, logo } = this.props;\r\n    let logoImg = null;\r\n    let logoText = null;\r\n    if (logo !== undefined) {\r\n      if (logo.outterLink !== undefined) {\r\n        logoImg = (\r\n          <a\r\n            href={logo.outterLink}\r\n            className=\"simple-text logo-mini\"\r\n            target=\"_blank\"\r\n            onClick={this.props.closeSidebar}\r\n          >\r\n            <div className=\"logo-img\">\r\n              <img src={logo.imgSrc} alt=\"react-logo\" />\r\n            </div>\r\n          </a>\r\n        );\r\n        logoText = (\r\n          <a\r\n            href={logo.outterLink}\r\n            className=\"simple-text logo-normal\"\r\n            target=\"_blank\"\r\n            onClick={this.props.closeSidebar}\r\n          >\r\n            {logo.text}\r\n          </a>\r\n        );\r\n      } else {\r\n        logoImg = (\r\n          <NavLink\r\n            to={logo.innerLink}\r\n            className=\"simple-text logo-mini\"\r\n            onClick={this.props.closeSidebar}\r\n          >\r\n            <div className=\"logo-img\">\r\n              <img src={logo.imgSrc} alt=\"react-logo\" />\r\n            </div>\r\n          </NavLink>\r\n        );\r\n        logoText = (\r\n          <NavLink\r\n            to={logo.innerLink}\r\n            className=\"simple-text logo-normal\"\r\n            onClick={this.props.closeSidebar}\r\n          >\r\n            {logo.text}\r\n          </NavLink>\r\n        );\r\n      }\r\n    }\r\n    return (\r\n      <div className=\"sidebar\" data={activeColor}>\r\n        <div className=\"sidebar-wrapper\" ref=\"sidebar\">\r\n          {logoImg !== null || logoText !== null ? (\r\n            <div className=\"logo\">\r\n              {logoImg}\r\n              {logoText}\r\n            </div>\r\n          ) : null}\r\n          <Nav>{this.createLinks(this.props.routes)}</Nav>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nSidebar.propTypes = {\r\n  activeColor: PropTypes.oneOf([\"primary\", \"blue\", \"green\", \"orange\", \"red\"]),\r\n  routes: PropTypes.array.isRequired,\r\n  logo: PropTypes.oneOfType([\r\n    PropTypes.shape({\r\n      innerLink: PropTypes.string.isRequired,\r\n      imgSrc: PropTypes.string.isRequired,\r\n      text: PropTypes.string.isRequired\r\n    }),\r\n    PropTypes.shape({\r\n      outterLink: PropTypes.string.isRequired,\r\n      imgSrc: PropTypes.string.isRequired,\r\n      text: PropTypes.string.isRequired\r\n    })\r\n  ]),\r\n  // this is used on responsive to close the sidebar on route navigation\r\n  closeSidebar: PropTypes.func\r\n};\r\n\r\nexport default Sidebar;\r\n","import React, { Component } from \"react\";\r\nimport { Route, Redirect } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\n\r\nclass ProtectedRoute extends Component {\r\n    render() {\r\n        const { component: Component, ...rest } = this.props;\r\n\r\n        return (\r\n            <Route {...rest} render={\r\n                props => {\r\n                    if (this.props.isAuthenticated) {\r\n                        return <Component {...props} />;\r\n                    }\r\n                    else {\r\n                        return <Redirect to={\"/auth/login\"} />;\r\n                    }\r\n                }\r\n            } />\r\n        );\r\n    }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        isAuthenticated: state.auth.isAuthenticated\r\n    };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n\r\n    };\r\n};\r\n\r\nexport default connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n)(ProtectedRoute);","/*eslint-disable*/\r\nimport React from \"react\";\r\nimport { Container, Row } from \"reactstrap\";\r\n// used for making the prop types of this component\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass Footer extends React.Component {\r\n  render() {\r\n    return (\r\n      <footer\r\n        className={\"footer\" + (this.props.default ? \" footer-default\" : \"\")}\r\n      >\r\n        <Container fluid={this.props.fluid ? true : false}>\r\n          <div className=\"copyright\">\r\n            © {new Date().getFullYear()} made by{\" \"}\r\n            <a href=\"https://www.cta.sk\" target=\"_blank\">\r\n              CTA.sk\r\n            </a>\r\n          </div>\r\n        </Container>\r\n      </footer>\r\n    );\r\n  }\r\n}\r\n\r\nFooter.propTypes = {\r\n  default: PropTypes.bool,\r\n  fluid: PropTypes.bool\r\n};\r\n\r\nexport default Footer;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Button,\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardFooter,\r\n  CardImg,\r\n  CardTitle,\r\n  Label,\r\n  FormGroup,\r\n  Form,\r\n  Input,\r\n  InputGroupAddon,\r\n  InputGroupText,\r\n  InputGroup,\r\n  Container,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass Register extends React.Component {\r\n  componentDidMount() {\r\n    document.body.classList.toggle(\"register-page\");\r\n  }\r\n  componentWillUnmount() {\r\n    document.body.classList.toggle(\"register-page\");\r\n  }\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Container>\r\n            <Row>\r\n              <Col className=\"ml-auto\" md=\"5\">\r\n                <div className=\"info-area info-horizontal mt-5\">\r\n                  <div className=\"icon icon-warning\">\r\n                    <i className=\"tim-icons icon-wifi\" />\r\n                  </div>\r\n                  <div className=\"description\">\r\n                    <h3 className=\"info-title\">Marketing</h3>\r\n                    <p className=\"description\">\r\n                      We've created the marketing campaign of the website. It\r\n                      was a very interesting collaboration.\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <div className=\"info-area info-horizontal\">\r\n                  <div className=\"icon icon-primary\">\r\n                    <i className=\"tim-icons icon-triangle-right-17\" />\r\n                  </div>\r\n                  <div className=\"description\">\r\n                    <h3 className=\"info-title\">Fully Coded in HTML5</h3>\r\n                    <p className=\"description\">\r\n                      We've developed the website with HTML5 and CSS3. The\r\n                      client has access to the code using GitHub.\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <div className=\"info-area info-horizontal\">\r\n                  <div className=\"icon icon-info\">\r\n                    <i className=\"tim-icons icon-trophy\" />\r\n                  </div>\r\n                  <div className=\"description\">\r\n                    <h3 className=\"info-title\">Built Audience</h3>\r\n                    <p className=\"description\">\r\n                      There is also a Fully Customizable CMS Admin Dashboard for\r\n                      this product.\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </Col>\r\n              <Col className=\"mr-auto\" md=\"7\">\r\n                <Card className=\"card-register card-white\">\r\n                  <CardHeader>\r\n                    <CardImg\r\n                      alt=\"...\"\r\n                      src={require(\"../../assets/img/card-primary.png\")}\r\n                    />\r\n                    <CardTitle tag=\"h4\">Register</CardTitle>\r\n                  </CardHeader>\r\n                  <CardBody>\r\n                    <Form className=\"form\">\r\n                      <InputGroup>\r\n                        <InputGroupAddon addonType=\"prepend\">\r\n                          <InputGroupText>\r\n                            <i className=\"tim-icons icon-single-02\" />\r\n                          </InputGroupText>\r\n                        </InputGroupAddon>\r\n                        <Input placeholder=\"Full Name\" type=\"text\" />\r\n                      </InputGroup>\r\n                      <InputGroup>\r\n                        <InputGroupAddon addonType=\"prepend\">\r\n                          <InputGroupText>\r\n                            <i className=\"tim-icons icon-email-85\" />\r\n                          </InputGroupText>\r\n                        </InputGroupAddon>\r\n                        <Input placeholder=\"Email\" type=\"text\" />\r\n                      </InputGroup>\r\n                      <InputGroup>\r\n                        <InputGroupAddon addonType=\"prepend\">\r\n                          <InputGroupText>\r\n                            <i className=\"tim-icons icon-lock-circle\" />\r\n                          </InputGroupText>\r\n                        </InputGroupAddon>\r\n                        <Input placeholder=\"Password\" type=\"text\" />\r\n                      </InputGroup>\r\n                      <FormGroup check className=\"text-left\">\r\n                        <Label check>\r\n                          <Input type=\"checkbox\" />\r\n                          <span className=\"form-check-sign\" />I agree to the{\" \"}\r\n                          <a href=\"#pablo\" onClick={e => e.preventDefault()}>\r\n                            terms and conditions\r\n                          </a>\r\n                          .\r\n                        </Label>\r\n                      </FormGroup>\r\n                    </Form>\r\n                  </CardBody>\r\n                  <CardFooter>\r\n                    <Button\r\n                      className=\"btn-round\"\r\n                      color=\"primary\"\r\n                      href=\"#pablo\"\r\n                      onClick={e => e.preventDefault()}\r\n                      size=\"lg\"\r\n                    >\r\n                      Get Started\r\n                    </Button>\r\n                  </CardFooter>\r\n                </Card>\r\n              </Col>\r\n            </Row>\r\n          </Container>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Register;\r\n","import { createAction } from \"redux-act\";\r\n\r\nexport const loginRequest = createAction(\"login request\");\r\nexport const loginRequestStarting = createAction(\"login request starting\");\r\nexport const loginRequestSuccess = createAction(\"login request success\");\r\nexport const loginRequestError = createAction(\"login request error\");\r\n\r\nexport const unauthorizeUser = createAction(\"unauthorizeUser\");","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Button, Card, CardHeader, CardBody, Form, Input, InputGroupAddon, InputGroupText, InputGroup, Container, Col } from \"reactstrap\";\r\n\r\nimport { loginRequest } from \"../../store/actions/authActions\";\r\n\r\nclass Login extends React.Component {\r\n    state = {\r\n        auth: {\r\n            email: '',\r\n            password: ''\r\n        }\r\n    };\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.onEmailChange = this.onEmailChange.bind(this);\r\n        this.onPasswordChange = this.onPasswordChange.bind(this);\r\n        this.submit = this.submit.bind(this);\r\n    }\r\n\r\n    onEmailChange = (e) => {\r\n        var auth = this.state.auth;\r\n        auth.email = e.target.value;\r\n        this.setState({ auth });\r\n    };\r\n\r\n    onPasswordChange = (e) => {\r\n        var auth = this.state.auth;\r\n        auth.password = e.target.value;\r\n        this.setState({ auth });\r\n    }\r\n\r\n    componentDidMount() {\r\n        document.body.classList.toggle(\"login-page\");\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        document.body.classList.toggle(\"login-page\");\r\n    }\r\n\r\n    onSuccess() {\r\n        document.location = \"/\";\r\n    }\r\n\r\n    getErrorMessage(messageId) {\r\n        switch (messageId) {\r\n            case \"PASSWORD_INVALID\":\r\n                return \"Prihlasovacie údaje nie sú správne.\"\r\n            case \"LOGIN_ERROR\":\r\n                return \"Prihlásenie zlyhalo. Uistite sa, prosím, že sú vyplnené všetky polia.\";\r\n            case \"USER_DOES_NOT_EXIST\":\r\n                return \"Používateľ so zadaným emailom neexistuje.\";\r\n            default:\r\n                return messageId;\r\n        }\r\n    }\r\n\r\n    submit = (e) => {\r\n        e.preventDefault();\r\n\r\n        let payload = {\r\n            email: this.state.auth.email,\r\n            password: this.state.auth.password,\r\n            onSuccess: this.onSuccess\r\n        };\r\n\r\n        this.props.login(payload);\r\n    }\r\n\r\n    render() {\r\n        let loginButtonText = 'Prihlásiť sa';\r\n        return (\r\n            <>\r\n                <div className=\"content\">\r\n                    <Container>\r\n                        <Col className=\"ml-auto mr-auto\" lg=\"4\" md=\"6\">\r\n                            <Form className=\"form\" onSubmit={this.submit} >\r\n                                <Card className=\"card-login card-white\">\r\n                                    <CardHeader>\r\n                                        <img\r\n                                            alt=\"...\"\r\n                                            src={require(\"../../assets/img/winners-group-logo.png\")}\r\n                                        />\r\n                                    </CardHeader>\r\n                                    <CardBody>\r\n                                        <InputGroup>\r\n                                            <InputGroupAddon addonType=\"prepend\">\r\n                                                <InputGroupText>\r\n                                                    <i className=\"tim-icons icon-email-85\" />\r\n                                                </InputGroupText>\r\n                                            </InputGroupAddon>\r\n                                            <Input placeholder=\"Email\" type=\"email\" onChange={this.onEmailChange} />\r\n                                        </InputGroup>\r\n                                        <InputGroup>\r\n                                            <InputGroupAddon addonType=\"prepend\">\r\n                                                <InputGroupText>\r\n                                                    <i className=\"tim-icons icon-lock-circle\" />\r\n                                                </InputGroupText>\r\n                                            </InputGroupAddon>\r\n                                            <Input placeholder=\"Heslo\" type=\"password\" onChange={this.onPasswordChange} />\r\n                                        </InputGroup>\r\n                                        <Button\r\n                                            block\r\n                                            className=\"mb-3\"\r\n                                            color=\"danger\"\r\n                                            type=\"submit\"\r\n                                            size=\"lg\"\r\n                                        >\r\n                                            {loginButtonText}\r\n                                        </Button>\r\n                                        {this.props.auth.hasError && (\r\n                                            <div style={{ textAlign: \"center\" }}>\r\n                                                <span className=\"text-danger\">\r\n                                                    {this.getErrorMessage(this.props.auth.errorMessageId)}\r\n                                                </span>\r\n                                            </div>)\r\n                                        }\r\n                                    </CardBody>\r\n                                </Card>\r\n                            </Form>\r\n                        </Col>\r\n                    </Container>\r\n                </div>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        auth: {\r\n            hasError: state.auth.loginError,\r\n            errorMessageId: state.auth.loginErrorMessage\r\n        }\r\n    };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        login: payload => dispatch(loginRequest(payload))\r\n    };\r\n};\r\n\r\nexport default connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n)(Login);\r\n","import Register from \"./views/pages/Register.jsx\";\r\nimport Login from \"./views/pages/Login.jsx\";\r\n\r\nconst routes = [\r\n    {\r\n        path: \"/login\",\r\n        name: \"Login\",\r\n        mini: \"L\",\r\n        component: Login,\r\n        layout: \"/auth\"\r\n    },\r\n    {\r\n        path: \"/register\",\r\n        name: \"Register\",\r\n        mini: \"R\",\r\n        component: Register,\r\n        layout: \"/auth\"\r\n    }];\r\n\r\nexport default routes;\r\n","import React from \"react\";\r\nimport { Route, Switch, Redirect } from \"react-router-dom\";\r\nimport Footer from \"../../components/Footer/Footer.jsx\";\r\nimport routes from \"../../authRoutes.js\";\r\n\r\nclass Pages extends React.Component {\r\n    getRoutes = routes => {\r\n        return routes.map((prop, key) => {\r\n            if (prop.collapse) {\r\n                return this.getRoutes(prop.views);\r\n            }\r\n            if (prop.layout === \"/auth\") {\r\n                return (\r\n                    <Route\r\n                        path={prop.layout + prop.path}\r\n                        component={prop.component}\r\n                        key={key}\r\n                    />\r\n                );\r\n            } else {\r\n                return null;\r\n            }\r\n        });\r\n    };\r\n    getActiveRoute = routes => {\r\n        let activeRoute = \"Default Brand Text\";\r\n        for (let i = 0; i < routes.length; i++) {\r\n            if (routes[i].collapse) {\r\n                let collapseActiveRoute = this.getActiveRoute(routes[i].views);\r\n                if (collapseActiveRoute !== activeRoute) {\r\n                    return collapseActiveRoute;\r\n                }\r\n            } else {\r\n                if (\r\n                    window.location.pathname.indexOf(\r\n                        routes[i].layout + routes[i].path\r\n                    ) !== -1\r\n                ) {\r\n                    return routes[i].name;\r\n                }\r\n            }\r\n        }\r\n        return activeRoute;\r\n    };\r\n    getFullPageName = routes => {\r\n        let pageName = this.getActiveRoute(routes);\r\n        switch (pageName) {\r\n            case \"Pricing\":\r\n                return \"pricing-page\";\r\n            case \"Login\":\r\n                return \"login-page\";\r\n            case \"Register\":\r\n                return \"register-page\";\r\n            case \"Lock Screen\":\r\n                return \"lock-page\";\r\n            default:\r\n                return \"Default Brand Text\";\r\n        }\r\n    };\r\n    componentDidMount() {\r\n        document.documentElement.classList.remove(\"nav-open\");\r\n    }\r\n    render() {\r\n        return (\r\n            <>\r\n                <div className=\"wrapper wrapper-full-page\" ref=\"fullPages\">\r\n                    <div className={\"full-page \" + this.getFullPageName(routes)}>\r\n                        <Switch>\r\n                            {this.getRoutes(routes)}\r\n                            <Redirect from=\"/auth\" to=\"/auth/login\" />\r\n                        </Switch>\r\n                        <Footer fluid />\r\n                    </div>\r\n                </div>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Pages;\r\n","import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n\r\nimport { connect } from \"react-redux\";\r\n// reactstrap components\r\nimport { Button, Collapse, DropdownToggle, DropdownMenu, DropdownItem, UncontrolledDropdown, NavbarBrand, Navbar, NavLink, Nav, Container, UncontrolledTooltip } from \"reactstrap\";\r\n\r\nimport { unauthorizeUser } from \"../../store/actions/authActions\";\r\n\r\nclass AdminNavbar extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            collapseOpen: false,\r\n            modalSearch: false,\r\n            color: \"navbar-transparent\"\r\n        };\r\n    }\r\n    componentDidMount() {\r\n        window.addEventListener(\"resize\", this.updateColor);\r\n    }\r\n    componentWillUnmount() {\r\n        window.removeEventListener(\"resize\", this.updateColor);\r\n    }\r\n    // function that adds color white/transparent to the navbar on resize (this is for the collapse)\r\n    updateColor = () => {\r\n        if (window.innerWidth < 993 && this.state.collapseOpen) {\r\n            this.setState({\r\n                color: \"bg-white\"\r\n            });\r\n        } else {\r\n            this.setState({\r\n                color: \"navbar-transparent\"\r\n            });\r\n        }\r\n    };\r\n    // this function opens and closes the collapse on small devices\r\n    toggleCollapse = () => {\r\n        if (this.state.collapseOpen) {\r\n            this.setState({\r\n                color: \"navbar-transparent\"\r\n            });\r\n        } else {\r\n            this.setState({\r\n                color: \"bg-white\"\r\n            });\r\n        }\r\n        this.setState({\r\n            collapseOpen: !this.state.collapseOpen\r\n        });\r\n    };\r\n    // this function is to open the Search modal\r\n    toggleModalSearch = () => {\r\n        this.setState({\r\n            modalSearch: !this.state.modalSearch\r\n        });\r\n    };\r\n\r\n    logout = () => {\r\n        this.props.logout();\r\n    };\r\n\r\n    render() {\r\n        return (\r\n            <>\r\n                <Navbar\r\n                    className={classNames(\"navbar-absolute\", {\r\n                        [this.state.color]:\r\n                            this.props.location.pathname.indexOf(\"full-screen-map\") === -1\r\n                    })}\r\n                    expand=\"lg\"\r\n                >\r\n                    <Container fluid>\r\n                        <div className=\"navbar-wrapper\">\r\n                            <div className=\"navbar-minimize d-inline\">\r\n                                <Button\r\n                                    className=\"minimize-sidebar btn-just-icon\"\r\n                                    color=\"link\"\r\n                                    id=\"tooltip209599\"\r\n                                    onClick={this.props.handleMiniClick}\r\n                                >\r\n                                    <i className=\"tim-icons icon-align-center visible-on-sidebar-regular\" />\r\n                                    <i className=\"tim-icons icon-bullet-list-67 visible-on-sidebar-mini\" />\r\n                                </Button>\r\n                                <UncontrolledTooltip\r\n                                    delay={0}\r\n                                    target=\"tooltip209599\"\r\n                                    placement=\"right\"\r\n                                >\r\n                                    Sidebar toggle\r\n                </UncontrolledTooltip>\r\n                            </div>\r\n                            <div\r\n                                className={classNames(\"navbar-toggle d-inline\", {\r\n                                    toggled: this.props.sidebarOpened\r\n                                })}\r\n                            >\r\n                                <button\r\n                                    className=\"navbar-toggler\"\r\n                                    type=\"button\"\r\n                                    onClick={this.props.toggleSidebar}\r\n                                >\r\n                                    <span className=\"navbar-toggler-bar bar1\" />\r\n                                    <span className=\"navbar-toggler-bar bar2\" />\r\n                                    <span className=\"navbar-toggler-bar bar3\" />\r\n                                </button>\r\n                            </div>\r\n                            <NavbarBrand href=\"#pablo\" onClick={e => e.preventDefault()}>\r\n                                {this.props.brandText}\r\n                            </NavbarBrand>\r\n                        </div>\r\n                        <button\r\n                            className=\"navbar-toggler\"\r\n                            type=\"button\"\r\n                            data-toggle=\"collapse\"\r\n                            data-target=\"#navigation\"\r\n                            aria-expanded=\"false\"\r\n                            aria-label=\"Toggle navigation\"\r\n                            onClick={this.toggleCollapse}\r\n                        >\r\n                            <span className=\"navbar-toggler-bar navbar-kebab\" />\r\n                            <span className=\"navbar-toggler-bar navbar-kebab\" />\r\n                            <span className=\"navbar-toggler-bar navbar-kebab\" />\r\n                        </button>\r\n                        <Collapse navbar isOpen={this.state.collapseOpen}>\r\n                            <Nav className=\"ml-auto\" navbar>\r\n                                <UncontrolledDropdown nav>\r\n                                    <DropdownToggle\r\n                                        caret\r\n                                        color=\"default\"\r\n                                        data-toggle=\"dropdown\"\r\n                                        nav\r\n                                        onClick={e => e.preventDefault()}\r\n                                    >\r\n                                        <div className=\"photo\">\r\n                                            <img alt=\"...\" src={require(\"../../assets/img/default-avatar.png\")} />\r\n                                        </div>\r\n                                        <b className=\"caret d-none d-lg-block d-xl-block\" />\r\n                                        <p className=\"d-lg-none\">Odhlásiť sa</p>\r\n                                    </DropdownToggle>\r\n                                    <DropdownMenu className=\"dropdown-navbar\" right tag=\"ul\">\r\n                                        <NavLink tag=\"li\">\r\n                                            <DropdownItem className=\"nav-item\" onClick={this.logout}>Odhlásiť sa</DropdownItem>\r\n                                        </NavLink>\r\n                                    </DropdownMenu>\r\n                                </UncontrolledDropdown>\r\n                                <li className=\"separator d-lg-none\" />\r\n                            </Nav>\r\n                        </Collapse>\r\n                    </Container>\r\n                </Navbar>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        isAuthenticated: state.auth.isAuthenticated,\r\n        username: state.auth.username,\r\n        displayName: state.auth.displayName\r\n    };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        logout: () => dispatch(unauthorizeUser()),\r\n    };\r\n};\r\n\r\nexport default connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n)(AdminNavbar);","import React, { Component } from \"react\";\r\n// react plugin used to create switch buttons\r\nimport Switch from \"react-bootstrap-switch\";\r\n\r\nimport { Button } from \"reactstrap\";\r\n\r\nclass FixedPlugin extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      classes: \"dropdown\",\r\n      darkMode: false\r\n    };\r\n  }\r\n  handleClick = () => {\r\n    if (this.state.classes === \"dropdown\") {\r\n      this.setState({ classes: \"dropdown show\" });\r\n    } else {\r\n      this.setState({ classes: \"dropdown\" });\r\n    }\r\n  };\r\n  handleActiveMode = () => {\r\n    this.setState({\r\n      darkMode: !this.state.darkMode\r\n    });\r\n    document.body.classList.toggle(\"white-content\");\r\n  };\r\n  render() {\r\n    return (\r\n      <div className=\"fixed-plugin\">\r\n        <div className={this.state.classes}>\r\n          <a\r\n            href=\"#pablo\"\r\n            onClick={e => {\r\n              e.preventDefault();\r\n              this.handleClick();\r\n            }}\r\n          >\r\n            <i className=\"fa fa-cog fa-2x\" />\r\n          </a>\r\n          <ul className=\"dropdown-menu show\">\r\n            <li className=\"header-title\">SIDEBAR BACKGROUND</li>\r\n            <li className=\"adjustments-line\">\r\n              <div className=\"badge-colors text-center\">\r\n                <span\r\n                  className={\r\n                    this.props.activeColor === \"primary\"\r\n                      ? \"badge filter badge-primary active\"\r\n                      : \"badge filter badge-primary\"\r\n                  }\r\n                  data-color=\"primary\"\r\n                  onClick={() => {\r\n                    this.props.handleActiveClick(\"primary\");\r\n                  }}\r\n                />\r\n                <span\r\n                  className={\r\n                    this.props.activeColor === \"blue\"\r\n                      ? \"badge filter badge-info active\"\r\n                      : \"badge filter badge-info\"\r\n                  }\r\n                  data-color=\"info\"\r\n                  onClick={() => {\r\n                    this.props.handleActiveClick(\"blue\");\r\n                  }}\r\n                />\r\n                <span\r\n                  className={\r\n                    this.props.activeColor === \"green\"\r\n                      ? \"badge filter badge-success active\"\r\n                      : \"badge filter badge-success\"\r\n                  }\r\n                  data-color=\"success\"\r\n                  onClick={() => {\r\n                    this.props.handleActiveClick(\"green\");\r\n                  }}\r\n                />\r\n                <span\r\n                  className={\r\n                    this.props.activeColor === \"orange\"\r\n                      ? \"badge filter badge-warning active\"\r\n                      : \"badge filter badge-warning\"\r\n                  }\r\n                  data-color=\"warning\"\r\n                  onClick={() => {\r\n                    this.props.handleActiveClick(\"orange\");\r\n                  }}\r\n                />\r\n                <span\r\n                  className={\r\n                    this.props.activeColor === \"red\"\r\n                      ? \"badge filter badge-danger active\"\r\n                      : \"badge filter badge-danger\"\r\n                  }\r\n                  data-color=\"danger\"\r\n                  onClick={() => {\r\n                    this.props.handleActiveClick(\"red\");\r\n                  }}\r\n                />\r\n              </div>\r\n            </li>\r\n            <li className=\"header-title\">SIDEBAR MINI</li>\r\n            <li className=\"adjustments-line\">\r\n              <div className=\"togglebutton switch-sidebar-mini\">\r\n                <span className=\"label-switch\">OFF</span>\r\n                <Switch\r\n                  onChange={this.props.handleMiniClick}\r\n                  value={this.props.sidebarMini}\r\n                  onText=\"\"\r\n                  offText=\"\"\r\n                />\r\n                <span className=\"label-switch\">ON</span>\r\n              </div>\r\n            </li>\r\n            <li className=\"adjustments-line\">\r\n              <div className=\"togglebutton switch-change-color mt-3\">\r\n                <span className=\"label-switch\">LIGHT MODE</span>\r\n                <Switch\r\n                  onChange={this.handleActiveMode}\r\n                  value={this.state.darkMode}\r\n                  onText=\"\"\r\n                  offText=\"\"\r\n                />\r\n                <span className=\"label-switch\">DARK MODE</span>\r\n              </div>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default FixedPlugin;\r\n","import React from \"react\";\r\n// react plugin for creating vector maps\r\nimport { VectorMap } from \"react-jvectormap\";\r\n// reactstrap components\r\nimport { Card, CardHeader, CardBody, Row, Col } from \"reactstrap\";\r\n\r\nvar mapData = {\r\n  AU: 760,\r\n  BR: 550,\r\n  CA: 120,\r\n  DE: 1300,\r\n  FR: 540,\r\n  GB: 690,\r\n  GE: 200,\r\n  IN: 200,\r\n  RO: 600,\r\n  RU: 300,\r\n  US: 2920\r\n};\r\n\r\nclass VectorMapView extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"12\">\r\n              <Card className=\"card-plain\">\r\n                <CardHeader>\r\n                  <h4 className=\"text-center map-title\">\r\n                    World Map <br />\r\n                    <small>\r\n                      Looks great on any resolution.{\" \"}\r\n                      <a\r\n                        href=\"https://www.npmjs.com/package/react-jvectormap\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener noreferrer\"\r\n                      >\r\n                        React wrapper component\r\n                      </a>{\" \"}\r\n                      of jQuery{\" \"}\r\n                      <a\r\n                        href=\"http://jvectormap.com/\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener noreferrer\"\r\n                      >\r\n                        jVector Map\r\n                      </a>{\" \"}\r\n                      pluging.\r\n                    </small>\r\n                  </h4>\r\n                  <br />\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"map map-big\" id=\"worldMap\">\r\n                    <VectorMap\r\n                      map={\"world_mill\"}\r\n                      backgroundColor=\"transparent\"\r\n                      zoomOnScroll={false}\r\n                      containerStyle={{\r\n                        width: \"100%\",\r\n                        height: \"420px\"\r\n                      }}\r\n                      regionStyle={{\r\n                        initial: {\r\n                          fill: \"#e4e4e4\",\r\n                          \"fill-opacity\": 0.9,\r\n                          stroke: \"none\",\r\n                          \"stroke-width\": 0,\r\n                          \"stroke-opacity\": 0\r\n                        }\r\n                      }}\r\n                      series={{\r\n                        regions: [\r\n                          {\r\n                            values: mapData,\r\n                            scale: [\"#AAAAAA\", \"#444444\"],\r\n                            normalizeFunction: \"polynomial\"\r\n                          }\r\n                        ]\r\n                      }}\r\n                    />\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default VectorMapView;\r\n","import React from \"react\";\r\n// react components used to create a google map\r\nimport {\r\n  withScriptjs,\r\n  withGoogleMap,\r\n  GoogleMap,\r\n  Marker\r\n} from \"react-google-maps\";\r\n\r\n// reactstrap components\r\nimport { Card, CardHeader, CardBody, CardTitle, Row, Col } from \"reactstrap\";\r\n\r\nconst SatelliteMap = withScriptjs(\r\n  withGoogleMap(props => (\r\n    <GoogleMap\r\n      defaultZoom={3}\r\n      mapTypeId={\"satellite\"}\r\n      defaultCenter={{ lat: 40.748817, lng: -73.985428 }}\r\n      defaultOptions={{\r\n        scrollwheel: false\r\n      }}\r\n    >\r\n      <Marker position={{ lat: 40.748817, lng: -73.985428 }} />\r\n    </GoogleMap>\r\n  ))\r\n);\r\n\r\nconst RegularMap = withScriptjs(\r\n  withGoogleMap(props => (\r\n    <GoogleMap\r\n      defaultZoom={8}\r\n      defaultCenter={{ lat: 40.748817, lng: -73.985428 }}\r\n      defaultOptions={{\r\n        scrollwheel: false\r\n      }}\r\n    >\r\n      <Marker position={{ lat: 40.748817, lng: -73.985428 }} />\r\n    </GoogleMap>\r\n  ))\r\n);\r\n\r\nconst CustomSkinMap = withScriptjs(\r\n  withGoogleMap(props => (\r\n    <GoogleMap\r\n      defaultZoom={13}\r\n      defaultCenter={{ lat: 40.748817, lng: -73.985428 }}\r\n      defaultOptions={{\r\n        scrollwheel: false,\r\n        disableDefaultUI: true,\r\n        zoomControl: true,\r\n        styles: [\r\n          {\r\n            featureType: \"water\",\r\n            stylers: [\r\n              { saturation: 43 },\r\n              { lightness: -11 },\r\n              { hue: \"#0088ff\" }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road\",\r\n            elementType: \"geometry.fill\",\r\n            stylers: [\r\n              { hue: \"#ff0000\" },\r\n              { saturation: -100 },\r\n              { lightness: 99 }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road\",\r\n            elementType: \"geometry.stroke\",\r\n            stylers: [{ color: \"#808080\" }, { lightness: 54 }]\r\n          },\r\n          {\r\n            featureType: \"landscape.man_made\",\r\n            elementType: \"geometry.fill\",\r\n            stylers: [{ color: \"#ece2d9\" }]\r\n          },\r\n          {\r\n            featureType: \"poi.park\",\r\n            elementType: \"geometry.fill\",\r\n            stylers: [{ color: \"#ccdca1\" }]\r\n          },\r\n          {\r\n            featureType: \"road\",\r\n            elementType: \"labels.text.fill\",\r\n            stylers: [{ color: \"#767676\" }]\r\n          },\r\n          {\r\n            featureType: \"road\",\r\n            elementType: \"labels.text.stroke\",\r\n            stylers: [{ color: \"#ffffff\" }]\r\n          },\r\n          { featureType: \"poi\", stylers: [{ visibility: \"off\" }] },\r\n          {\r\n            featureType: \"landscape.natural\",\r\n            elementType: \"geometry.fill\",\r\n            stylers: [{ visibility: \"on\" }, { color: \"#b8cb93\" }]\r\n          },\r\n          { featureType: \"poi.park\", stylers: [{ visibility: \"on\" }] },\r\n          {\r\n            featureType: \"poi.sports_complex\",\r\n            stylers: [{ visibility: \"on\" }]\r\n          },\r\n          { featureType: \"poi.medical\", stylers: [{ visibility: \"on\" }] },\r\n          {\r\n            featureType: \"poi.business\",\r\n            stylers: [{ visibility: \"simplified\" }]\r\n          }\r\n        ]\r\n      }}\r\n    >\r\n      <Marker position={{ lat: 40.748817, lng: -73.985428 }} />\r\n    </GoogleMap>\r\n  ))\r\n);\r\n\r\nclass GoogleMaps extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"12\">\r\n              <Card className=\"card-plain\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Satellite Map</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"map\" id=\"satelliteMap\">\r\n                    <SatelliteMap\r\n                      googleMapURL=\"https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE\"\r\n                      loadingElement={<div style={{ height: `100%` }} />}\r\n                      containerElement={\r\n                        <div\r\n                          style={{\r\n                            height: `500px`,\r\n                            borderRadius: `.2857rem`,\r\n                            overflow: `hidden`\r\n                          }}\r\n                        />\r\n                      }\r\n                      mapElement={<div style={{ height: `100%` }} />}\r\n                    />\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"6\">\r\n              <Card className=\"card-plain\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Regular Map</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"map\" id=\"regularMap\">\r\n                    <RegularMap\r\n                      googleMapURL=\"https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE\"\r\n                      loadingElement={<div style={{ height: `100%` }} />}\r\n                      containerElement={\r\n                        <div\r\n                          style={{\r\n                            height: `500px`,\r\n                            borderRadius: `.2857rem`,\r\n                            overflow: `hidden`\r\n                          }}\r\n                        />\r\n                      }\r\n                      mapElement={<div style={{ height: `100%` }} />}\r\n                    />\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"6\">\r\n              <Card className=\"card-plain\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Custom Skin &amp; Settings Map</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"map\" id=\"customSkinMap\">\r\n                    <CustomSkinMap\r\n                      googleMapURL=\"https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE\"\r\n                      loadingElement={<div style={{ height: `100%` }} />}\r\n                      containerElement={\r\n                        <div\r\n                          style={{\r\n                            height: `500px`,\r\n                            borderRadius: `.2857rem`,\r\n                            overflow: `hidden`\r\n                          }}\r\n                        />\r\n                      }\r\n                      mapElement={<div style={{ height: `100%` }} />}\r\n                    />\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default GoogleMaps;\r\n","import React from \"react\";\r\n// react plugin used to create google maps\r\nimport {\r\n  withScriptjs,\r\n  withGoogleMap,\r\n  GoogleMap,\r\n  Marker\r\n} from \"react-google-maps\";\r\n\r\nconst MapWrapper = withScriptjs(\r\n  withGoogleMap(props => (\r\n    <GoogleMap\r\n      defaultZoom={13}\r\n      defaultCenter={{ lat: 40.748817, lng: -73.985428 }}\r\n      defaultOptions={{\r\n        scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page\r\n        styles: [\r\n          {\r\n            elementType: \"geometry\",\r\n            stylers: [\r\n              {\r\n                color: \"#1d2c4d\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            elementType: \"labels.text.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#8ec3b9\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            elementType: \"labels.text.stroke\",\r\n            stylers: [\r\n              {\r\n                color: \"#1a3646\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"administrative.country\",\r\n            elementType: \"geometry.stroke\",\r\n            stylers: [\r\n              {\r\n                color: \"#4b6878\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"administrative.land_parcel\",\r\n            elementType: \"labels.text.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#64779e\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"administrative.province\",\r\n            elementType: \"geometry.stroke\",\r\n            stylers: [\r\n              {\r\n                color: \"#4b6878\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"landscape.man_made\",\r\n            elementType: \"geometry.stroke\",\r\n            stylers: [\r\n              {\r\n                color: \"#334e87\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"landscape.natural\",\r\n            elementType: \"geometry\",\r\n            stylers: [\r\n              {\r\n                color: \"#023e58\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"poi\",\r\n            elementType: \"geometry\",\r\n            stylers: [\r\n              {\r\n                color: \"#283d6a\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"poi\",\r\n            elementType: \"labels.text.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#6f9ba5\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"poi\",\r\n            elementType: \"labels.text.stroke\",\r\n            stylers: [\r\n              {\r\n                color: \"#1d2c4d\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"poi.park\",\r\n            elementType: \"geometry.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#023e58\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"poi.park\",\r\n            elementType: \"labels.text.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#3C7680\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road\",\r\n            elementType: \"geometry\",\r\n            stylers: [\r\n              {\r\n                color: \"#304a7d\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road\",\r\n            elementType: \"labels.text.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#98a5be\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road\",\r\n            elementType: \"labels.text.stroke\",\r\n            stylers: [\r\n              {\r\n                color: \"#1d2c4d\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road.highway\",\r\n            elementType: \"geometry\",\r\n            stylers: [\r\n              {\r\n                color: \"#2c6675\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road.highway\",\r\n            elementType: \"geometry.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#2c4bd0\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road.highway\",\r\n            elementType: \"geometry.stroke\",\r\n            stylers: [\r\n              {\r\n                color: \"#2c4bd0\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road.highway\",\r\n            elementType: \"labels.text.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#b0d5ce\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"road.highway\",\r\n            elementType: \"labels.text.stroke\",\r\n            stylers: [\r\n              {\r\n                color: \"#023e58\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"transit\",\r\n            elementType: \"labels.text.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#98a5be\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"transit\",\r\n            elementType: \"labels.text.stroke\",\r\n            stylers: [\r\n              {\r\n                color: \"#1d2c4d\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"transit.line\",\r\n            elementType: \"geometry.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#283d6a\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"transit.station\",\r\n            elementType: \"geometry\",\r\n            stylers: [\r\n              {\r\n                color: \"#3a4762\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"water\",\r\n            elementType: \"geometry\",\r\n            stylers: [\r\n              {\r\n                color: \"#0e1626\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            featureType: \"water\",\r\n            elementType: \"labels.text.fill\",\r\n            stylers: [\r\n              {\r\n                color: \"#4e6d70\"\r\n              }\r\n            ]\r\n          }\r\n        ]\r\n      }}\r\n    >\r\n      <Marker position={{ lat: 40.748817, lng: -73.985428 }} />\r\n    </GoogleMap>\r\n  ))\r\n);\r\n\r\nclass FullScreenMap extends React.Component {\r\n  render() {\r\n    return (\r\n      <div id=\"map\" style={{ position: \"relative\", overflow: \"hidden\" }}>\r\n        <MapWrapper\r\n          googleMapURL=\"https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE\"\r\n          loadingElement={<div style={{ height: `100%` }} />}\r\n          containerElement={<div style={{ height: `100%` }} />}\r\n          mapElement={<div style={{ height: `100%` }} />}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default FullScreenMap;\r\n","import React, { Component } from \"react\";\r\nimport classNames from \"classnames\";\r\n// react component for creating dynamic tables\r\nimport ReactTable from \"react-table\";\r\nimport {\r\n  Card,\r\n  CardBody,\r\n  CardHeader,\r\n  CardTitle,\r\n  Row,\r\n  Col,\r\n  Button\r\n} from \"reactstrap\";\r\n\r\nconst dataTable = [\r\n  [\"Airi Satou\", \"Accountant\", \"Tokyo\", \"33\"],\r\n  [\"Angelica Ramos\", \"Chief Executive Officer (CEO)\", \"London\", \"47\"],\r\n  [\"Ashton Cox\", \"Junior Technical Author\", \"San Francisco\", \"66\"],\r\n  [\"Bradley Greer\", \"Software Engineer\", \"London\", \"41\"],\r\n  [\"Brenden Wagner\", \"Software Engineer\", \"San Francisco\", \"28\"],\r\n  [\"Brielle Williamson\", \"Integration Specialist\", \"New York\", \"61\"],\r\n  [\"Caesar Vance\", \"Pre-Sales Support\", \"New York\", \"21\"],\r\n  [\"Cedric Kelly\", \"Senior Javascript Developer\", \"Edinburgh\", \"22\"],\r\n  [\"Charde Marshall\", \"Regional Director\", \"San Francisco\", \"36\"],\r\n  [\"Colleen Hurst\", \"Javascript Developer\", \"San Francisco\", \"39\"],\r\n  [\"Dai Rios\", \"Personnel Lead\", \"Edinburgh\", \"35\"],\r\n  [\"Doris Wilder\", \"Sales Assistant\", \"Sidney\", \"23\"],\r\n  [\"Fiona Green\", \"Chief Operating Officer (COO)\", \"San Francisco\", \"48\"],\r\n  [\"Garrett Winters\", \"Accountant\", \"Tokyo\", \"63\"],\r\n  [\"Gavin Cortez\", \"Team Leader\", \"San Francisco\", \"22\"],\r\n  [\"Gavin Joyce\", \"Developer\", \"Edinburgh\", \"42\"],\r\n  [\"Gloria Little\", \"Systems Administrator\", \"New York\", \"59\"],\r\n  [\"Haley Kennedy\", \"Senior Marketing Designer\", \"London\", \"43\"],\r\n  [\"Herrod Chandler\", \"Sales Assistant\", \"San Francisco\", \"59\"],\r\n  [\"Hope Fuentes\", \"Secretary\", \"San Francisco\", \"41\"],\r\n  [\"Howard Hatfield\", \"Office Manager\", \"San Francisco\", \"51\"],\r\n  [\"Jackson Bradshaw\", \"Director\", \"New York\", \"65\"],\r\n  [\"Jena Gaines\", \"Office Manager\", \"London\", \"30\"],\r\n  [\"Jenette Caldwell\", \"Development Lead\", \"New York\", \"30\"],\r\n  [\"Jennifer Chang\", \"Regional Director\", \"Singapore\", \"28\"],\r\n  [\"Martena Mccray\", \"Post-Sales support\", \"Edinburgh\", \"46\"],\r\n  [\"Michael Silva\", \"Marketing Designer\", \"London\", \"66\"],\r\n  [\"Michelle House\", \"Integration Specialist\", \"Sidney\", \"37\"],\r\n  [\"Olivia Liang\", \"Support Engineer\", \"Singapore\", \"64\"],\r\n  [\"Paul Byrd\", \"Chief Financial Officer (CFO)\", \"New York\", \"64\"],\r\n  [\"Prescott Bartlett\", \"Technical Author\", \"London\", \"27\"],\r\n  [\"Quinn Flynn\", \"Support Lead\", \"Edinburgh\", \"22\"],\r\n  [\"Rhona Davidson\", \"Integration Specialist\", \"Tokyo\", \"55\"],\r\n  [\"Shou Itou\", \"Regional Marketing\", \"Tokyo\", \"20\"],\r\n  [\"Sonya Frost\", \"Software Engineer\", \"Edinburgh\", \"23\"],\r\n  [\"Suki Burks\", \"Developer\", \"London\", \"53\"],\r\n  [\"Tatyana Fitzpatrick\", \"Regional Director\", \"London\", \"19\"],\r\n  [\"Timothy Mooney\", \"Office Manager\", \"London\", \"37\"],\r\n  [\"Unity Butler\", \"Marketing Designer\", \"San Francisco\", \"47\"],\r\n  [\"Vivian Harrell\", \"Financial Controller\", \"San Francisco\", \"62\"],\r\n  [\"Yuri Berry\", \"Chief Marketing Officer (CMO)\", \"New York\", \"40\"],\r\n  [\"Tiger Nixon\", \"System Architect\", \"Edinburgh\", \"61\"]\r\n];\r\n\r\nclass ReactTables extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      data: dataTable.map((prop, key) => {\r\n        return {\r\n          id: key,\r\n          name: prop[0],\r\n          position: prop[1],\r\n          office: prop[2],\r\n          age: prop[3],\r\n          actions: (\r\n            // we've added some custom button actions\r\n            <div className=\"actions-right\">\r\n              {/* use this button to add a like kind of action */}\r\n              <Button\r\n                onClick={() => {\r\n                  let obj = this.state.data.find(o => o.id === key);\r\n                  alert(\r\n                    \"You've clicked LIKE button on \\n{ \\nName: \" +\r\n                      obj.name +\r\n                      \", \\nposition: \" +\r\n                      obj.position +\r\n                      \", \\noffice: \" +\r\n                      obj.office +\r\n                      \", \\nage: \" +\r\n                      obj.age +\r\n                      \"\\n}.\"\r\n                  );\r\n                }}\r\n                color=\"info\"\r\n                size=\"sm\"\r\n                className={classNames(\"btn-icon btn-link like\", {\r\n                  \"btn-neutral\": key < 5\r\n                })}\r\n              >\r\n                <i className=\"tim-icons icon-heart-2\" />\r\n              </Button>{\" \"}\r\n              {/* use this button to add a edit kind of action */}\r\n              <Button\r\n                onClick={() => {\r\n                  let obj = this.state.data.find(o => o.id === key);\r\n                  alert(\r\n                    \"You've clicked EDIT button on \\n{ \\nName: \" +\r\n                      obj.name +\r\n                      \", \\nposition: \" +\r\n                      obj.position +\r\n                      \", \\noffice: \" +\r\n                      obj.office +\r\n                      \", \\nage: \" +\r\n                      obj.age +\r\n                      \"\\n}.\"\r\n                  );\r\n                }}\r\n                color=\"warning\"\r\n                size=\"sm\"\r\n                className={classNames(\"btn-icon btn-link like\", {\r\n                  \"btn-neutral\": key < 5\r\n                })}\r\n              >\r\n                <i className=\"tim-icons icon-pencil\" />\r\n              </Button>{\" \"}\r\n              {/* use this button to remove the data row */}\r\n              <Button\r\n                onClick={() => {\r\n                  var data = this.state.data;\r\n                  data.find((o, i) => {\r\n                    if (o.id === key) {\r\n                      // here you should add some custom code so you can delete the data\r\n                      // from this component and from your server as well\r\n                      data.splice(i, 1);\r\n                      return true;\r\n                    }\r\n                    return false;\r\n                  });\r\n                  this.setState({ data: data });\r\n                }}\r\n                color=\"danger\"\r\n                size=\"sm\"\r\n                className={classNames(\"btn-icon btn-link like\", {\r\n                  \"btn-neutral\": key < 5\r\n                })}\r\n              >\r\n                <i className=\"tim-icons icon-simple-remove\" />\r\n              </Button>{\" \"}\r\n            </div>\r\n          )\r\n        };\r\n      })\r\n    };\r\n  }\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Col md={8} className=\"ml-auto mr-auto\">\r\n            <h2 className=\"text-center\">React Table</h2>\r\n            <p className=\"text-center\">\r\n              A powerful react plugin handcrafted by our friends from{\" \"}\r\n              <a\r\n                href=\"https://react-table.js.org/#/story/readme\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n              >\r\n                react-table\r\n              </a>\r\n              . It is a highly flexible tool, based upon the foundations of\r\n              progressive enhancement on which you can add advanced interaction\r\n              controls. Please check out their{\" \"}\r\n              <a\r\n                href=\"https://react-table.js.org/#/story/readme\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n              >\r\n                full documentation.\r\n              </a>\r\n            </p>\r\n          </Col>\r\n          <Row className=\"mt-5\">\r\n            <Col xs={12} md={12}>\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">React Table</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <ReactTable\r\n                    data={this.state.data}\r\n                    filterable\r\n                    resizable={false}\r\n                    columns={[\r\n                      {\r\n                        Header: \"Name\",\r\n                        accessor: \"name\"\r\n                      },\r\n                      {\r\n                        Header: \"Position\",\r\n                        accessor: \"position\"\r\n                      },\r\n                      {\r\n                        Header: \"Office\",\r\n                        accessor: \"office\"\r\n                      },\r\n                      {\r\n                        Header: \"Age\",\r\n                        accessor: \"age\"\r\n                      },\r\n                      {\r\n                        Header: \"Actions\",\r\n                        accessor: \"actions\",\r\n                        sortable: false,\r\n                        filterable: false\r\n                      }\r\n                    ]}\r\n                    defaultPageSize={10}\r\n                    showPaginationTop\r\n                    showPaginationBottom={false}\r\n                    className=\"-striped -highlight\"\r\n                  />\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ReactTables;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport classnames from \"classnames\";\r\n\r\n// reactstrap components\r\nimport { Table } from \"reactstrap\";\r\n\r\nclass SortingTable extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      bodyData: props.tbody,\r\n      column: {\r\n        name: -1,\r\n        order: \"\"\r\n      }\r\n    };\r\n  }\r\n  sortTable = key => {\r\n    let { bodyData, column } = this.state;\r\n    let order = \"\";\r\n    if (\r\n      (column.name === key && column.order === \"desc\") ||\r\n      column.name !== key\r\n    ) {\r\n      order = \"asc\";\r\n      bodyData.sort((a, b) =>\r\n        a.data[key].text > b.data[key].text\r\n          ? 1\r\n          : a.data[key].text < b.data[key].text\r\n          ? -1\r\n          : 0\r\n      );\r\n    } else if (column.name === key && column.order === \"asc\") {\r\n      order = \"desc\";\r\n      bodyData.sort((a, b) =>\r\n        a.data[key].text > b.data[key].text\r\n          ? -1\r\n          : a.data[key].text < b.data[key].text\r\n          ? 1\r\n          : 0\r\n      );\r\n    }\r\n    this.setState({\r\n      bodyData: bodyData,\r\n      column: {\r\n        name: key,\r\n        order: order\r\n      }\r\n    });\r\n  };\r\n  render() {\r\n    const { bodyData, column } = this.state;\r\n    return (\r\n      <Table className=\"tablesorter\" responsive>\r\n        <thead className=\"text-primary\">\r\n          <tr>\r\n            {this.props.thead.map((prop, key) => {\r\n              return (\r\n                <th\r\n                  className={classnames(\r\n                    \"header\",\r\n                    {\r\n                      headerSortDown:\r\n                        key === column.name && column.order === \"asc\"\r\n                    },\r\n                    {\r\n                      headerSortUp:\r\n                        key === column.name && column.order === \"desc\"\r\n                    },\r\n                    {\r\n                      [prop.className]: prop.className !== undefined\r\n                    }\r\n                  )}\r\n                  key={key}\r\n                  onClick={() => this.sortTable(key)}\r\n                >\r\n                  {prop.text}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {bodyData.map((prop, key) => {\r\n            return (\r\n              <tr\r\n                className={classnames({\r\n                  [prop.className]: prop.className !== undefined\r\n                })}\r\n                key={key}\r\n              >\r\n                {prop.data.map((data, k) => {\r\n                  return (\r\n                    <td\r\n                      className={classnames({\r\n                        [data.className]: data.className !== undefined\r\n                      })}\r\n                      key={k}\r\n                    >\r\n                      {data.text}\r\n                    </td>\r\n                  );\r\n                })}\r\n              </tr>\r\n            );\r\n          })}\r\n        </tbody>\r\n      </Table>\r\n    );\r\n  }\r\n}\r\n\r\nSortingTable.propTypes = {\r\n  thead: PropTypes.arrayOf(\r\n    PropTypes.shape({\r\n      className: PropTypes.string,\r\n      text: PropTypes.string.isRequired\r\n    })\r\n  ).isRequired,\r\n  tbody: PropTypes.arrayOf(\r\n    PropTypes.shape({\r\n      className: PropTypes.string,\r\n      data: PropTypes.arrayOf(\r\n        PropTypes.shape({\r\n          className: PropTypes.string,\r\n          text: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\r\n            .isRequired\r\n        })\r\n      ).isRequired\r\n    })\r\n  ).isRequired\r\n};\r\n\r\nexport default SortingTable;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardHeader, CardBody, CardTitle, Row, Col } from \"reactstrap\";\r\n\r\n// core components\r\nimport SortingTable from \"../../components/SortingTable/SortingTable.jsx\";\r\n\r\nclass RegularTables extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col className=\"mb-5\" md=\"12\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Simple Table</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <SortingTable\r\n                    thead={[\r\n                      { text: \"Name\" },\r\n                      { text: \"Country\" },\r\n                      { text: \"City\" },\r\n                      { className: \"text-center\", text: \"Salary\" }\r\n                    ]}\r\n                    tbody={[\r\n                      {\r\n                        data: [\r\n                          { text: \"Dakota Rice\" },\r\n                          { text: \"Niger\" },\r\n                          { text: \"Oud-Turnhout\" },\r\n                          { className: \"text-center\", text: \"$36,738\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Minerva Hooper\" },\r\n                          { text: \"Curaçao\" },\r\n                          { text: \"Sinaai-Waas\" },\r\n                          { className: \"text-center\", text: \"$23,789\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Sage Rodriguez\" },\r\n                          { text: \"Netherlands\" },\r\n                          { text: \"Baileux\" },\r\n                          { className: \"text-center\", text: \"$56,142\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Philip Chaney\" },\r\n                          { text: \"Korea, South\" },\r\n                          { text: \"Overland Park\" },\r\n                          { className: \"text-center\", text: \"$38,735\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Doris Greene\" },\r\n                          { text: \"Malawi\" },\r\n                          { text: \"Feldkirchen in Kärnten\" },\r\n                          { className: \"text-center\", text: \"$63,542\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Mason Porter\" },\r\n                          { text: \"Chile\" },\r\n                          { text: \"Gloucester\" },\r\n                          { className: \"text-center\", text: \"$78,615\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Jon Porter\" },\r\n                          { text: \"Portugal\" },\r\n                          { text: \"Gloucester\" },\r\n                          { className: \"text-center\", text: \"$98,615\" }\r\n                        ]\r\n                      }\r\n                    ]}\r\n                  />\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col className=\"mb-5\" md=\"12\">\r\n              <Card className=\"card-plain\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Table on Plain Background</CardTitle>\r\n                  <p className=\"category\">Here is a subtitle for this table</p>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <SortingTable\r\n                    thead={[\r\n                      { text: \"Name\" },\r\n                      { text: \"Country\" },\r\n                      { text: \"City\" },\r\n                      { className: \"text-center\", text: \"Salary\" }\r\n                    ]}\r\n                    tbody={[\r\n                      {\r\n                        data: [\r\n                          { text: \"Dakota Rice\" },\r\n                          { text: \"Niger\" },\r\n                          { text: \"Oud-Turnhout\" },\r\n                          { className: \"text-center\", text: \"$36,738\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Minerva Hooper\" },\r\n                          { text: \"Curaçao\" },\r\n                          { text: \"Sinaai-Waas\" },\r\n                          { className: \"text-center\", text: \"$23,789\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Sage Rodriguez\" },\r\n                          { text: \"Netherlands\" },\r\n                          { text: \"Baileux\" },\r\n                          { className: \"text-center\", text: \"$56,142\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Philip Chaney\" },\r\n                          { text: \"Korea, South\" },\r\n                          { text: \"Overland Park\" },\r\n                          { className: \"text-center\", text: \"$38,735\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Doris Greene\" },\r\n                          { text: \"Malawi\" },\r\n                          { text: \"Feldkirchen in Kärnten\" },\r\n                          { className: \"text-center\", text: \"$63,542\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Mason Porter\" },\r\n                          { text: \"Chile\" },\r\n                          { text: \"Gloucester\" },\r\n                          { className: \"text-center\", text: \"$78,615\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Jon Porter\" },\r\n                          { text: \"Portugal\" },\r\n                          { text: \"Gloucester\" },\r\n                          { className: \"text-center\", text: \"$98,615\" }\r\n                        ]\r\n                      }\r\n                    ]}\r\n                  />\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col className=\"mb-5\" md=\"12\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Regular Table with Colors</CardTitle>\r\n                </CardHeader>\r\n                <CardBody className=\"table-full-width\">\r\n                  <SortingTable\r\n                    thead={[\r\n                      { text: \"Name\" },\r\n                      { text: \"Country\" },\r\n                      { text: \"City\" },\r\n                      { className: \"text-center\", text: \"Salary\" }\r\n                    ]}\r\n                    tbody={[\r\n                      {\r\n                        className: \"table-success\",\r\n                        data: [\r\n                          { text: \"Dakota Rice\" },\r\n                          { text: \"Niger\" },\r\n                          { text: \"Oud-Turnhout\" },\r\n                          { className: \"text-center\", text: \"$36,738\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Minerva Hooper\" },\r\n                          { text: \"Curaçao\" },\r\n                          { text: \"Sinaai-Waas\" },\r\n                          { className: \"text-center\", text: \"$23,789\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        className: \"table-info\",\r\n                        data: [\r\n                          { text: \"Sage Rodriguez\" },\r\n                          { text: \"Netherlands\" },\r\n                          { text: \"Baileux\" },\r\n                          { className: \"text-center\", text: \"$56,142\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Philip Chaney\" },\r\n                          { text: \"Korea, South\" },\r\n                          { text: \"Overland Park\" },\r\n                          { className: \"text-center\", text: \"$38,735\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        className: \"table-danger\",\r\n                        data: [\r\n                          { text: \"Doris Greene\" },\r\n                          { text: \"Malawi\" },\r\n                          { text: \"Feldkirchen in Kärnten\" },\r\n                          { className: \"text-center\", text: \"$63,542\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        data: [\r\n                          { text: \"Mason Porter\" },\r\n                          { text: \"Chile\" },\r\n                          { text: \"Gloucester\" },\r\n                          { className: \"text-center\", text: \"$78,615\" }\r\n                        ]\r\n                      },\r\n                      {\r\n                        className: \"table-warning\",\r\n                        data: [\r\n                          { text: \"Jon Porter\" },\r\n                          { text: \"Portugal\" },\r\n                          { text: \"Gloucester\" },\r\n                          { className: \"text-center\", text: \"$98,615\" }\r\n                        ]\r\n                      }\r\n                    ]}\r\n                  />\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default RegularTables;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  BreadcrumbItem,\r\n  Button,\r\n  ButtonGroup,\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardTitle,\r\n  DropdownToggle,\r\n  DropdownMenu,\r\n  DropdownItem,\r\n  UncontrolledDropdown,\r\n  Label,\r\n  FormGroup,\r\n  Input,\r\n  Progress,\r\n  Table,\r\n  Row,\r\n  Col,\r\n  UncontrolledTooltip\r\n} from \"reactstrap\";\r\n\r\nclass ExtendedTables extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <ol className=\"breadcrumb bg-transparent ml-3\">\r\n              <BreadcrumbItem>\r\n                <a href=\"#pablo\" onClick={e => e.preventDefault()}>\r\n                  Home\r\n                </a>\r\n              </BreadcrumbItem>\r\n              <BreadcrumbItem>\r\n                <a href=\"#pablo\" onClick={e => e.preventDefault()}>\r\n                  {\" \"}\r\n                  Library\r\n                </a>\r\n              </BreadcrumbItem>\r\n              <BreadcrumbItem className=\"active\">Data</BreadcrumbItem>\r\n            </ol>\r\n            <Col md=\"12\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <div className=\"tools float-right\">\r\n                    <UncontrolledDropdown>\r\n                      <DropdownToggle\r\n                        caret\r\n                        className=\"btn-link btn-icon\"\r\n                        color=\"default\"\r\n                        data-toggle=\"dropdown\"\r\n                        type=\"button\"\r\n                      >\r\n                        <i className=\"tim-icons icon-settings-gear-63\" />\r\n                      </DropdownToggle>\r\n                      <DropdownMenu right>\r\n                        <DropdownItem\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          Action\r\n                        </DropdownItem>\r\n                        <DropdownItem\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          Another action\r\n                        </DropdownItem>\r\n                        <DropdownItem\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          Something else here\r\n                        </DropdownItem>\r\n                        <DropdownItem\r\n                          className=\"text-danger\"\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          Remove Data\r\n                        </DropdownItem>\r\n                      </DropdownMenu>\r\n                    </UncontrolledDropdown>\r\n                  </div>\r\n                  <CardTitle tag=\"h4\">Simple Table</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Table responsive>\r\n                    <thead className=\"text-primary\">\r\n                      <tr>\r\n                        <th className=\"text-center\">#</th>\r\n                        <th>Name</th>\r\n                        <th>Job Position</th>\r\n                        <th className=\"text-center\">Since</th>\r\n                        <th className=\"text-right\">Salary</th>\r\n                        <th className=\"text-right\">Actions</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <div className=\"photo\">\r\n                            <img\r\n                              alt=\"...\"\r\n                              src={require(\"../../assets/img/tania.jpg\")}\r\n                            />\r\n                          </div>\r\n                        </td>\r\n                        <td>Andrew Mike</td>\r\n                        <td>Develop</td>\r\n                        <td className=\"text-center\">2013</td>\r\n                        <td className=\"text-right\">€ 99,225</td>\r\n                        <td className=\"text-right\">\r\n                          <Button\r\n                            className=\"btn-link btn-icon\"\r\n                            color=\"success\"\r\n                            id=\"tooltip324367706\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-refresh-01\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip324367706\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                          <Button\r\n                            className=\"btn-link\"\r\n                            color=\"danger\"\r\n                            id=\"tooltip974171201\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-simple-remove\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip974171201\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <div className=\"photo\">\r\n                            <img\r\n                              alt=\"...\"\r\n                              src={require(\"../../assets/img/robi.jpg\")}\r\n                            />\r\n                          </div>\r\n                        </td>\r\n                        <td>John Doe</td>\r\n                        <td>Design</td>\r\n                        <td className=\"text-center\">2012</td>\r\n                        <td className=\"text-right\">€ 89,241</td>\r\n                        <td className=\"text-right\">\r\n                          <Button\r\n                            className=\"btn-link btn-icon\"\r\n                            color=\"success\"\r\n                            id=\"tooltip533157871\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-refresh-01\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip533157871\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                          <Button\r\n                            className=\"btn-link\"\r\n                            color=\"danger\"\r\n                            id=\"tooltip423541936\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-simple-remove\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip423541936\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <div className=\"photo\">\r\n                            <img\r\n                              alt=\"...\"\r\n                              src={require(\"../../assets/img/lora.jpg\")}\r\n                            />\r\n                          </div>\r\n                        </td>\r\n                        <td>Alex Mike</td>\r\n                        <td>Design</td>\r\n                        <td className=\"text-center\">2010</td>\r\n                        <td className=\"text-right\">€ 92,144</td>\r\n                        <td className=\"text-right\">\r\n                          <Button\r\n                            className=\"btn-link btn-icon\"\r\n                            color=\"success\"\r\n                            id=\"tooltip101947879\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-refresh-01\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip101947879\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                          <Button\r\n                            className=\"btn-link\"\r\n                            color=\"danger\"\r\n                            id=\"tooltip964133889\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-simple-remove\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip964133889\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <div className=\"photo\">\r\n                            <img\r\n                              alt=\"...\"\r\n                              src={require(\"../../assets/img/jana.jpg\")}\r\n                            />\r\n                          </div>\r\n                        </td>\r\n                        <td>Mike Monday</td>\r\n                        <td>Marketing</td>\r\n                        <td className=\"text-center\">2013</td>\r\n                        <td className=\"text-right\">€ 49,990</td>\r\n                        <td className=\"text-right\">\r\n                          <Button\r\n                            className=\"btn-link btn-icon btn-neutral\"\r\n                            color=\"success\"\r\n                            id=\"tooltip932549650\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-refresh-01\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip932549650\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                          <Button\r\n                            className=\"btn-link btn-neutral\"\r\n                            color=\"danger\"\r\n                            id=\"tooltip696208424\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-simple-remove\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip696208424\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <div className=\"photo\">\r\n                            <img\r\n                              alt=\"...\"\r\n                              src={require(\"../../assets/img/robi.jpg\")}\r\n                            />\r\n                          </div>\r\n                        </td>\r\n                        <td>Paul Dickens</td>\r\n                        <td>Communication</td>\r\n                        <td className=\"text-center\">2015</td>\r\n                        <td className=\"text-right\">€ 69,201</td>\r\n                        <td className=\"text-right\">\r\n                          <Button\r\n                            className=\"btn-link btn-icon btn-neutral\"\r\n                            color=\"success\"\r\n                            id=\"tooltip188998609\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-refresh-01\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip188998609\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                          <Button\r\n                            className=\"btn-link btn-neutral\"\r\n                            color=\"danger\"\r\n                            id=\"tooltip991400757\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-simple-remove\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip991400757\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <div className=\"photo\">\r\n                            <img\r\n                              alt=\"...\"\r\n                              src={require(\"../../assets/img/emilyz.jpg\")}\r\n                            />\r\n                          </div>\r\n                        </td>\r\n                        <td>Manuel Rico</td>\r\n                        <td>Manager</td>\r\n                        <td className=\"text-center\">2012</td>\r\n                        <td className=\"text-right\">€ 99,201</td>\r\n                        <td className=\"text-right\">\r\n                          <Button\r\n                            className=\"btn-link btn-icon btn-neutral\"\r\n                            color=\"success\"\r\n                            id=\"tooltip967557276\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-refresh-01\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip967557276\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                          <Button\r\n                            className=\"btn-link btn-neutral\"\r\n                            color=\"danger\"\r\n                            id=\"tooltip467555755\"\r\n                            size=\"sm\"\r\n                          >\r\n                            <i className=\"tim-icons icon-simple-remove\" />\r\n                          </Button>\r\n                          <UncontrolledTooltip\r\n                            delay={0}\r\n                            target=\"tooltip467555755\"\r\n                          >\r\n                            Tooltip on top\r\n                          </UncontrolledTooltip>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </Table>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"12\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <div className=\"tools float-right\">\r\n                    <UncontrolledDropdown>\r\n                      <DropdownToggle\r\n                        caret\r\n                        className=\"btn-link btn-icon\"\r\n                        color=\"default\"\r\n                        data-toggle=\"dropdown\"\r\n                        type=\"button\"\r\n                      >\r\n                        <i className=\"tim-icons icon-settings-gear-63\" />\r\n                      </DropdownToggle>\r\n                      <DropdownMenu right>\r\n                        <DropdownItem\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          Action\r\n                        </DropdownItem>\r\n                        <DropdownItem\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          Another action\r\n                        </DropdownItem>\r\n                        <DropdownItem\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          Something else here\r\n                        </DropdownItem>\r\n                        <DropdownItem\r\n                          className=\"text-danger\"\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          Remove Data\r\n                        </DropdownItem>\r\n                      </DropdownMenu>\r\n                    </UncontrolledDropdown>\r\n                  </div>\r\n                  <CardTitle tag=\"h4\">Striped Table</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Table responsive striped>\r\n                    <thead className=\"text-primary\">\r\n                      <tr>\r\n                        <th className=\"text-center\">#</th>\r\n                        <th>Product Name</th>\r\n                        <th>Type</th>\r\n                        <th>Milestone</th>\r\n                        <th className=\"text-center\">Qty</th>\r\n                        <th className=\"text-right\">Price</th>\r\n                        <th className=\"text-right\">Amount</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <FormGroup check>\r\n                            <Label check>\r\n                              <Input defaultChecked type=\"checkbox\" />\r\n                              <span className=\"form-check-sign\" />\r\n                            </Label>\r\n                          </FormGroup>\r\n                        </td>\r\n                        <td>Moleskine Agenda</td>\r\n                        <td>Office</td>\r\n                        <td>\r\n                          <div className=\"progress-container\">\r\n                            <span className=\"progress-badge\">v1.2.0</span>\r\n                            <Progress max=\"100\" value=\"25\">\r\n                              <span className=\"progress-value\">25%</span>\r\n                            </Progress>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"text-center\">25</td>\r\n                        <td className=\"text-right\">€ 49</td>\r\n                        <td className=\"text-right\">€ 1,225</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <FormGroup check>\r\n                            <Label check>\r\n                              <Input type=\"checkbox\" />\r\n                              <span className=\"form-check-sign\" />\r\n                            </Label>\r\n                          </FormGroup>\r\n                        </td>\r\n                        <td>Stabilo Pen</td>\r\n                        <td>Office</td>\r\n                        <td>\r\n                          <div className=\"progress-container\">\r\n                            <span className=\"progress-badge\">v1.4.0</span>\r\n                            <Progress max=\"100\" value=\"45\">\r\n                              <span className=\"progress-value\">45%</span>\r\n                            </Progress>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"text-center\">30</td>\r\n                        <td className=\"text-right\">€ 10</td>\r\n                        <td className=\"text-right\">€ 300</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <FormGroup check>\r\n                            <Label check>\r\n                              <Input defaultChecked type=\"checkbox\" />\r\n                              <span className=\"form-check-sign\" />\r\n                            </Label>\r\n                          </FormGroup>\r\n                        </td>\r\n                        <td>A4 Paper Pack</td>\r\n                        <td>Office</td>\r\n                        <td>\r\n                          <div className=\"progress-container\">\r\n                            <span className=\"progress-badge\">v2.0.0</span>\r\n                            <Progress max=\"100\" value=\"10\">\r\n                              <span className=\"progress-value\">10%</span>\r\n                            </Progress>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"text-center\">50</td>\r\n                        <td className=\"text-right\">€ 10.99</td>\r\n                        <td className=\"text-right\">€ 109</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <FormGroup check>\r\n                            <Label check>\r\n                              <Input type=\"checkbox\" />\r\n                              <span className=\"form-check-sign\" />\r\n                            </Label>\r\n                          </FormGroup>\r\n                        </td>\r\n                        <td>Apple iPad</td>\r\n                        <td>Meeting</td>\r\n                        <td>\r\n                          <div className=\"progress-container\">\r\n                            <span className=\"progress-badge\">v1.5.0</span>\r\n                            <Progress max=\"100\" value=\"80\">\r\n                              <span className=\"progress-value\">80%</span>\r\n                            </Progress>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"text-center\">10</td>\r\n                        <td className=\"text-right\">€ 499.00</td>\r\n                        <td className=\"text-right\">€ 4,990</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td className=\"text-center\">\r\n                          <FormGroup check>\r\n                            <Label check>\r\n                              <Input defaultChecked type=\"checkbox\" />\r\n                              <span className=\"form-check-sign\" />\r\n                            </Label>\r\n                          </FormGroup>\r\n                        </td>\r\n                        <td>Apple iPhone</td>\r\n                        <td>Communication</td>\r\n                        <td>\r\n                          <div className=\"progress-container\">\r\n                            <span className=\"progress-badge\">v1.0.0</span>\r\n                            <Progress max=\"100\" value=\"30\">\r\n                              <span className=\"progress-value\">30%</span>\r\n                            </Progress>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"text-center\">10</td>\r\n                        <td className=\"text-right\">€ 599.00</td>\r\n                        <td className=\"text-right\">€ 5,999</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td colSpan=\"5\" />\r\n                        <td className=\"td-total\">Total</td>\r\n                        <td className=\"td-price\">€ 35,999</td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </Table>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"12\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <div className=\"tools float-right\">\r\n                    <UncontrolledDropdown>\r\n                      <DropdownToggle\r\n                        caret\r\n                        className=\"btn-link btn-icon\"\r\n                        color=\"default\"\r\n                        data-toggle=\"dropdown\"\r\n                        type=\"button\"\r\n                      >\r\n                        <i className=\"tim-icons icon-settings-gear-63\" />\r\n                      </DropdownToggle>\r\n                      <DropdownMenu right>\r\n                        <DropdownItem>Action</DropdownItem>\r\n                        <DropdownItem>Another action</DropdownItem>\r\n                        <DropdownItem>Something else here</DropdownItem>\r\n                        <DropdownItem className=\"text-danger\">\r\n                          Remove Data\r\n                        </DropdownItem>\r\n                      </DropdownMenu>\r\n                    </UncontrolledDropdown>\r\n                  </div>\r\n                  <CardTitle tag=\"h4\">Shopping Table</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"table-responsive\">\r\n                    <Table className=\"table-shopping\">\r\n                      <thead>\r\n                        <tr>\r\n                          <th className=\"text-center\" />\r\n                          <th>Product</th>\r\n                          <th>Color</th>\r\n                          <th className=\"text-right\">Size</th>\r\n                          <th className=\"text-right\">Price</th>\r\n                          <th className=\"text-right\">Qty</th>\r\n                          <th className=\"text-right\">Amount</th>\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody>\r\n                        <tr>\r\n                          <td>\r\n                            <div className=\"img-container\">\r\n                              <img\r\n                                alt=\"...\"\r\n                                src={require(\"../../assets/img/jacket.png\")}\r\n                              />\r\n                            </div>\r\n                          </td>\r\n                          <td className=\"td-name\">\r\n                            <a href=\"pablo\" onClick={e => e.preventDefault()}>\r\n                              Suede Biker Jacket\r\n                            </a>\r\n                            <br />\r\n                            <small>by Cristianis</small>\r\n                          </td>\r\n                          <td>Black</td>\r\n                          <td className=\"td-number\">XS</td>\r\n                          <td className=\"td-number\">\r\n                            <small>€</small>\r\n                            3490\r\n                          </td>\r\n                          <td className=\"td-number\">\r\n                            <ButtonGroup>\r\n                              <Button\r\n                                className=\"btn-simple\"\r\n                                color=\"info\"\r\n                                size=\"sm\"\r\n                              >\r\n                                <i className=\"tim-icons icon-simple-delete\" />\r\n                              </Button>\r\n                              <Button color=\"info\" size=\"sm\">\r\n                                <i className=\"tim-icons icon-simple-add\" />\r\n                              </Button>\r\n                            </ButtonGroup>{\" \"}\r\n                            1\r\n                          </td>\r\n                          <td className=\"td-number\">\r\n                            <small>€</small>\r\n                            3490\r\n                          </td>\r\n                          <td className=\"td-actions\">\r\n                            <Button\r\n                              className=\"btn-link\"\r\n                              color=\"primary\"\r\n                              data-placement=\"top\"\r\n                              id=\"tooltip647160017\"\r\n                              title=\"\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-simple-remove\" />\r\n                            </Button>\r\n                            <UncontrolledTooltip\r\n                              delay={0}\r\n                              placement=\"top\"\r\n                              target=\"tooltip647160017\"\r\n                            >\r\n                              Remove item\r\n                            </UncontrolledTooltip>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td>\r\n                            <div className=\"img-container\">\r\n                              <img\r\n                                alt=\"...\"\r\n                                src={require(\"../../assets/img/t-shirt.png\")}\r\n                              />\r\n                            </div>\r\n                          </td>\r\n                          <td className=\"td-name\">\r\n                            <a href=\"pablo\" onClick={e => e.preventDefault()}>\r\n                              Jersey T-Shirt\r\n                            </a>\r\n                            <br />\r\n                            <small>by Jerry</small>\r\n                          </td>\r\n                          <td>Black</td>\r\n                          <td className=\"td-number\">M</td>\r\n                          <td className=\"td-number\">\r\n                            <small>€</small>\r\n                            235\r\n                          </td>\r\n                          <td className=\"td-number\">\r\n                            <ButtonGroup>\r\n                              <Button\r\n                                className=\"btn-simple\"\r\n                                color=\"info\"\r\n                                size=\"sm\"\r\n                              >\r\n                                <i className=\"tim-icons icon-simple-delete\" />\r\n                              </Button>\r\n                              <Button color=\"info\" size=\"sm\">\r\n                                <i className=\"tim-icons icon-simple-add\" />\r\n                              </Button>\r\n                            </ButtonGroup>{\" \"}\r\n                            2\r\n                          </td>\r\n                          <td className=\"td-number\">\r\n                            <small>€</small>\r\n                            470\r\n                          </td>\r\n                          <td className=\"td-actions\">\r\n                            <Button\r\n                              className=\"btn-link\"\r\n                              color=\"primary\"\r\n                              data-placement=\"top\"\r\n                              id=\"tooltip581613919\"\r\n                              title=\"\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-simple-remove\" />\r\n                            </Button>\r\n                            <UncontrolledTooltip\r\n                              delay={0}\r\n                              placement=\"top\"\r\n                              target=\"tooltip581613919\"\r\n                            >\r\n                              Remove item\r\n                            </UncontrolledTooltip>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td>\r\n                            <div className=\"img-container\">\r\n                              <img\r\n                                alt=\"...\"\r\n                                src={require(\"../../assets/img/gucci.png\")}\r\n                              />\r\n                            </div>\r\n                          </td>\r\n                          <td className=\"td-name\">\r\n                            <a href=\"pablo\" onClick={e => e.preventDefault()}>\r\n                              Slim-Fit Swim Short\r\n                            </a>\r\n                            <br />\r\n                            <small>by Panini</small>\r\n                          </td>\r\n                          <td>Red</td>\r\n                          <td className=\"td-number\">L</td>\r\n                          <td className=\"td-number\">\r\n                            <small>€</small>\r\n                            140\r\n                          </td>\r\n                          <td className=\"td-number\">\r\n                            <ButtonGroup>\r\n                              <Button\r\n                                className=\"btn-simple\"\r\n                                color=\"info\"\r\n                                size=\"sm\"\r\n                              >\r\n                                <i className=\"tim-icons icon-simple-delete\" />\r\n                              </Button>\r\n                              <Button color=\"info\" size=\"sm\">\r\n                                <i className=\"tim-icons icon-simple-add\" />\r\n                              </Button>\r\n                            </ButtonGroup>{\" \"}\r\n                            1\r\n                          </td>\r\n                          <td className=\"td-number\">\r\n                            <small>€</small>\r\n                            140\r\n                          </td>\r\n                          <td className=\"td-actions\">\r\n                            <Button\r\n                              className=\"btn-link\"\r\n                              color=\"primary\"\r\n                              data-placement=\"top\"\r\n                              id=\"tooltip237511111\"\r\n                              title=\"\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-simple-remove\" />\r\n                            </Button>\r\n                            <UncontrolledTooltip\r\n                              delay={0}\r\n                              placement=\"top\"\r\n                              target=\"tooltip237511111\"\r\n                            >\r\n                              Remove item\r\n                            </UncontrolledTooltip>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td colSpan=\"5\" />\r\n                          <td className=\"td-total\">Total</td>\r\n                          <td className=\"td-price\">\r\n                            <small>€</small>\r\n                            4100\r\n                          </td>\r\n                          <td />\r\n                        </tr>\r\n                      </tbody>\r\n                    </Table>\r\n                    <Button color=\"info\" className=\"btn-round float-right mr-5\">\r\n                      Complete Purchase{\" \"}\r\n                      <i className=\"tim-icons icon-minimal-right\" />\r\n                    </Button>\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ExtendedTables;\r\n","import React from \"react\";\r\nimport classnames from \"classnames\";\r\n// reactstrap components\r\nimport {\r\n  Input,\r\n  InputGroupAddon,\r\n  InputGroupText,\r\n  InputGroup,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass Wizard extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      firstname: \"\",\r\n      lastname: \"\",\r\n      email: \"\",\r\n      firstnameState: \"\",\r\n      lastnameState: \"\",\r\n      emailState: \"\"\r\n    };\r\n  }\r\n  // function that returns true if value is email, false otherwise\r\n  verifyEmail = value => {\r\n    var emailRex = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n    if (emailRex.test(value)) {\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  // function that verifies if a string has a given length or not\r\n  verifyLength = (value, length) => {\r\n    if (value.length >= length) {\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  // function that verifies if value contains only numbers\r\n  verifyNumber = value => {\r\n    var numberRex = new RegExp(\"^[0-9]+$\");\r\n    if (numberRex.test(value)) {\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  change = (event, stateName, type, stateNameEqualTo, maxValue) => {\r\n    switch (type) {\r\n      case \"email\":\r\n        if (this.verifyEmail(event.target.value)) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"length\":\r\n        if (this.verifyLength(event.target.value, stateNameEqualTo)) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"number\":\r\n        if (this.verifyNumber(event.target.value, stateNameEqualTo)) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n    this.setState({ [stateName]: event.target.value });\r\n  };\r\n  isValidated = () => {\r\n    if (\r\n      this.state.firstnameState === \"has-success\" &&\r\n      this.state.lastnameState === \"has-success\" &&\r\n      this.state.emailState === \"has-success\" &&\r\n      this.state.phoneState === \"has-success\"\r\n    ) {\r\n      return true;\r\n    } else {\r\n      if (this.state.firstnameState !== \"has-success\") {\r\n        this.setState({ firstnameState: \"has-danger\" });\r\n      }\r\n      if (this.state.lastnameState !== \"has-success\") {\r\n        this.setState({ lastnameState: \"has-danger\" });\r\n      }\r\n      if (this.state.emailState !== \"has-success\") {\r\n        this.setState({ emailState: \"has-danger\" });\r\n      }\r\n      if (this.state.phoneState !== \"has-success\") {\r\n        this.setState({ phoneState: \"has-danger\" });\r\n      }\r\n      return false;\r\n    }\r\n  };\r\n  render() {\r\n    return (\r\n      <>\r\n        <h5 className=\"info-text\">\r\n          Let's start with the basic information (with validation)\r\n        </h5>\r\n        <Row className=\"justify-content-center mt-5\">\r\n          <Col sm=\"5\">\r\n            <InputGroup\r\n              className={classnames(this.state.firstnameState, {\r\n                \"input-group-focus\": this.state.firstnameFocus\r\n              })}\r\n            >\r\n              <InputGroupAddon addonType=\"prepend\">\r\n                <InputGroupText>\r\n                  <i className=\"tim-icons icon-single-02\" />\r\n                </InputGroupText>\r\n              </InputGroupAddon>\r\n              <Input\r\n                name=\"firstname\"\r\n                placeholder=\"First Name...\"\r\n                type=\"text\"\r\n                onChange={e => this.change(e, \"firstname\", \"length\", 1)}\r\n                onFocus={e => this.setState({ firstnameFocus: true })}\r\n                onBlur={e => this.setState({ firstnameFocus: false })}\r\n              />\r\n              {this.state.firstnameState === \"has-danger\" ? (\r\n                <label className=\"error\">This field is required.</label>\r\n              ) : null}\r\n            </InputGroup>\r\n            <InputGroup\r\n              className={classnames(this.state.emailState, {\r\n                \"input-group-focus\": this.state.emailFocus\r\n              })}\r\n            >\r\n              <InputGroupAddon addonType=\"prepend\">\r\n                <InputGroupText>\r\n                  <i className=\"tim-icons icon-email-85\" />\r\n                </InputGroupText>\r\n              </InputGroupAddon>\r\n              <Input\r\n                name=\"email\"\r\n                placeholder=\"Email...\"\r\n                type=\"email\"\r\n                onChange={e => this.change(e, \"email\", \"email\")}\r\n                onFocus={e => this.setState({ emailFocus: true })}\r\n                onBlur={e => this.setState({ emailFocus: false })}\r\n              />\r\n              {this.state.emailState === \"has-danger\" ? (\r\n                <label className=\"error\">This field is required.</label>\r\n              ) : null}\r\n            </InputGroup>\r\n          </Col>\r\n          <Col sm=\"5\">\r\n            <InputGroup\r\n              className={classnames(this.state.lastnameState, {\r\n                \"input-group-focus\": this.state.lastnameFocus\r\n              })}\r\n            >\r\n              <InputGroupAddon addonType=\"prepend\">\r\n                <InputGroupText>\r\n                  <i className=\"tim-icons icon-caps-small\" />\r\n                </InputGroupText>\r\n              </InputGroupAddon>\r\n              <Input\r\n                name=\"lastname\"\r\n                placeholder=\"Last Name...\"\r\n                type=\"text\"\r\n                onChange={e => this.change(e, \"lastname\", \"length\", 1)}\r\n                onFocus={e => this.setState({ lastnameFocus: true })}\r\n                onBlur={e => this.setState({ lastnameFocus: false })}\r\n              />\r\n              {this.state.lastnameState === \"has-danger\" ? (\r\n                <label className=\"error\">This field is required.</label>\r\n              ) : null}\r\n            </InputGroup>\r\n            <InputGroup\r\n              className={classnames(this.state.phoneState, {\r\n                \"input-group-focus\": this.state.phoneFocus\r\n              })}\r\n            >\r\n              <InputGroupAddon addonType=\"prepend\">\r\n                <InputGroupText>\r\n                  <i className=\"tim-icons icon-mobile\" />\r\n                </InputGroupText>\r\n              </InputGroupAddon>\r\n              <Input\r\n                name=\"number\"\r\n                placeholder=\"Phone...\"\r\n                type=\"number\"\r\n                onChange={e => this.change(e, \"phone\", \"number\")}\r\n                onFocus={e => this.setState({ phoneFocus: true })}\r\n                onBlur={e => this.setState({ phoneFocus: false })}\r\n              />\r\n              {this.state.phoneState === \"has-danger\" ? (\r\n                <label className=\"error\">This field is required.</label>\r\n              ) : null}\r\n            </InputGroup>\r\n          </Col>\r\n          <Col sm=\"10\">\r\n            <InputGroup\r\n              className={classnames({\r\n                \"input-group-focus\": this.state.addressFocus\r\n              })}\r\n            >\r\n              <InputGroupAddon addonType=\"prepend\">\r\n                <InputGroupText>\r\n                  <i className=\"tim-icons icon-square-pin\" />\r\n                </InputGroupText>\r\n              </InputGroupAddon>\r\n              <Input\r\n                name=\"address\"\r\n                placeholder=\"Address\"\r\n                type=\"text\"\r\n                onFocus={e => this.setState({ addressFocus: true })}\r\n                onBlur={e => this.setState({ addressFocus: false })}\r\n              />\r\n            </InputGroup>\r\n          </Col>\r\n        </Row>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Wizard;\r\n","import React from \"react\";\r\n// used for making the prop types of this component\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { Button } from \"reactstrap\";\r\n\r\nimport defaultImage from \"../../assets/img/image_placeholder.jpg\";\r\nimport defaultAvatar from \"../../assets/img/placeholder.jpg\";\r\n\r\nclass ImageUpload extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      file: null,\r\n      imagePreviewUrl: this.props.avatar ? defaultAvatar : defaultImage\r\n    };\r\n    this.handleImageChange = this.handleImageChange.bind(this);\r\n    this.handleSubmit = this.handleSubmit.bind(this);\r\n    this.handleClick = this.handleClick.bind(this);\r\n    this.handleRemove = this.handleRemove.bind(this);\r\n  }\r\n  handleImageChange(e) {\r\n    e.preventDefault();\r\n    let reader = new FileReader();\r\n    let file = e.target.files[0];\r\n    reader.onloadend = () => {\r\n      this.setState({\r\n        file: file,\r\n        imagePreviewUrl: reader.result\r\n      });\r\n    };\r\n    reader.readAsDataURL(file);\r\n  }\r\n  handleSubmit(e) {\r\n    e.preventDefault();\r\n    // this.state.file is the file/image uploaded\r\n    // in this function you can save the image (this.state.file) on form submit\r\n    // you have to call it yourself\r\n  }\r\n  handleClick() {\r\n    this.refs.fileInput.click();\r\n  }\r\n  handleRemove() {\r\n    this.setState({\r\n      file: null,\r\n      imagePreviewUrl: this.props.avatar ? defaultAvatar : defaultImage\r\n    });\r\n    this.refs.fileInput.value = null;\r\n  }\r\n  render() {\r\n    return (\r\n      <div className=\"fileinput text-center\">\r\n        <input type=\"file\" onChange={this.handleImageChange} ref=\"fileInput\" />\r\n        <div className={\"thumbnail\" + (this.props.avatar ? \" img-circle\" : \"\")}>\r\n          <img src={this.state.imagePreviewUrl} alt=\"...\" />\r\n        </div>\r\n        <div>\r\n          {this.state.file === null ? (\r\n            <Button\r\n              color={this.props.addBtnColor}\r\n              className={this.props.addBtnClasses}\r\n              onClick={() => this.handleClick()}\r\n            >\r\n              {this.props.avatar ? \"Add Photo\" : \"Select image\"}\r\n            </Button>\r\n          ) : (\r\n            <span>\r\n              <Button\r\n                color={this.props.changeBtnColor}\r\n                className={this.props.changeBtnClasses}\r\n                onClick={() => this.handleClick()}\r\n              >\r\n                Change\r\n              </Button>\r\n              {this.props.avatar ? <br /> : null}\r\n              <Button\r\n                color={this.props.removeBtnColor}\r\n                className={this.props.removeBtnClasses}\r\n                onClick={() => this.handleRemove()}\r\n              >\r\n                <i className=\"fa fa-times\" /> Remove\r\n              </Button>\r\n            </span>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nImageUpload.defaultProps = {\r\n  avatar: false,\r\n  removeBtnClasses: \"btn-round\",\r\n  removeBtnColor: \"danger\",\r\n  addBtnClasses: \"btn-round\",\r\n  addBtnColor: \"primary\",\r\n  changeBtnClasses: \"btn-round\",\r\n  changeBtnColor: \"primary\"\r\n};\r\n\r\nImageUpload.propTypes = {\r\n  avatar: PropTypes.bool,\r\n  removeBtnClasses: PropTypes.string,\r\n  removeBtnColor: PropTypes.oneOf([\r\n    \"default\",\r\n    \"primary\",\r\n    \"secondary\",\r\n    \"success\",\r\n    \"info\",\r\n    \"warning\",\r\n    \"danger\",\r\n    \"link\"\r\n  ]),\r\n  addBtnClasses: PropTypes.string,\r\n  addBtnColor: PropTypes.oneOf([\r\n    \"default\",\r\n    \"primary\",\r\n    \"secondary\",\r\n    \"success\",\r\n    \"info\",\r\n    \"warning\",\r\n    \"danger\",\r\n    \"link\"\r\n  ]),\r\n  changeBtnClasses: PropTypes.string,\r\n  changeBtnColor: PropTypes.oneOf([\r\n    \"default\",\r\n    \"primary\",\r\n    \"secondary\",\r\n    \"success\",\r\n    \"info\",\r\n    \"warning\",\r\n    \"danger\",\r\n    \"link\"\r\n  ])\r\n};\r\n\r\nexport default ImageUpload;\r\n","import React from 'react';\r\nimport axios from 'axios';\r\nimport '../../assets/css/modal-form-controls.css';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, FormGroup, Row, Col, Input, Button, Table } from 'reactstrap';\r\nimport ButtonLoader from '../../components/Buttons/ButtonLoader';\r\nimport PerfectScrollbar from \"perfect-scrollbar\";\r\nimport MetlifeCommissionRecordModal from './MetlifeCommissionRecordModal';\r\nimport { FormattedNumber } from 'react-intl';\r\n\r\nvar ps;\r\n\r\nclass MetlifeCommissionGroupModal extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            modal: props.show,\r\n            importFile: null,\r\n            id: props.id,\r\n            selected: null,\r\n            showDetail: false,\r\n            data: null,\r\n            edit: false\r\n        };\r\n\r\n        this.toggle = this.toggle.bind(this);\r\n        this.toggleEdit = this.toggleEdit.bind(this);\r\n        this.changeUnits = this.changeUnits.bind(this);\r\n        this.changeEurToRpRatio = this.changeEurToRpRatio.bind(this);\r\n        this.saveUnits = this.saveUnits.bind(this);\r\n        this.fetchData = this.fetchData.bind(this);\r\n        this.toggleRecord = this.toggleRecord.bind(this);\r\n        this.onRecordClosed = this.onRecordClosed.bind(this);\r\n    }\r\n\r\n    toggleEdit() {\r\n        if (this.state.edit)\r\n            this.fetchData();\r\n\r\n        this.setState(prevState => ({\r\n            edit: !prevState.edit\r\n        }));\r\n    }\r\n\r\n    toggle() {\r\n        this.setState(prevState => ({\r\n            modal: !prevState.modal\r\n        }));\r\n    }\r\n\r\n    toggleRecord(id) {\r\n        this.setState(prevState => ({\r\n            selected: id,\r\n            showDetail: !prevState.showDetail\r\n        }));\r\n    }\r\n\r\n    onRecordClosed() {\r\n        this.setState({\r\n            selected: null,\r\n            showDetail: false\r\n        });\r\n    }\r\n\r\n    changeUnits(id, e) {\r\n        if (this.state.data) {\r\n            const index = this.state.data.records.findIndex((record) => {\r\n                return record.id === id;\r\n            });\r\n\r\n            var data = Object.assign({}, this.state.data);\r\n            data.records[index].calculation.units = e.target.value;\r\n\r\n            this.setState({\r\n                data: data\r\n            });\r\n        }\r\n    }\r\n\r\n    changeEurToRpRatio(id, e) {\r\n        if (this.state.data) {\r\n            const index = this.state.data.records.findIndex((record) => {\r\n                return record.id === id;\r\n            });\r\n\r\n            var data = Object.assign({}, this.state.data);\r\n            data.records[index].calculation.eurToRpRatio = e.target.value;\r\n\r\n            this.setState({\r\n                data: data\r\n            });\r\n        }\r\n    }\r\n\r\n    saveUnits() {\r\n        var request = Array.from(document.getElementsByClassName(\"commission-record-row\")).map(function (value) {\r\n            return {\r\n                id: value.getAttribute(\"data-id\"),\r\n                eurToRpRatio: value.childNodes[6].firstChild.value,\r\n                units: value.childNodes[7].firstChild.value\r\n            }\r\n        });\r\n        axios.post(\"/api/commissions/metlife/updaterecordcalculations/\", request).then((response) => {\r\n            this.toggleEdit();\r\n        }).catch((error) => {\r\n            console.log(error);\r\n        })\r\n    }\r\n\r\n    componentWillMount() {\r\n        this.fetchData();\r\n    }\r\n\r\n    fetchData() {\r\n        axios.get(\"/api/commissions/metlife/group/\" + this.state.id).then((response) => {\r\n            this.setState({\r\n                data: response.data\r\n            });\r\n\r\n            // if you are using a Windows Machine, the scrollbars will have a Mac look\r\n            if (navigator.platform.indexOf(\"Win\") > -1) {\r\n                var table = document.querySelector(\".modal-dialog .table\")\r\n                if (table)\r\n                    ps = new PerfectScrollbar(table);\r\n            }\r\n        }).catch((error) => {\r\n            console.log(error);\r\n        })\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        // we need to destroy the false scrollbar when we navigate\r\n        // to a page that doesn't have this component rendered\r\n        if (navigator.platform.indexOf(\"Win\") > -1 && ps) {\r\n            ps.destroy();\r\n        }\r\n    }\r\n\r\n    render() {\r\n        let edit = this.state.edit;\r\n        let changeUnits = this.changeUnits;\r\n        return (\r\n            this.state.data != null && <React.Fragment>\r\n                <Modal isOpen={this.state.modal} toggle={this.toggle} onClosed={this.props.onClose} className={this.props.className} size=\"lg\">\r\n                    <ModalHeader toggle={this.toggle}>Importované provízie Metlife</ModalHeader>\r\n                    <ModalBody>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>Kód brokra</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.records[0].agent}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>Poistný návrh</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.records[0].applno}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>Poistná zmluva</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.records[0].polnum}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>Meno poistného</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.records[0].iName2}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col className=\"summary-table\">\r\n                                <Table>\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th></th>\r\n                                            <th>Premium</th>\r\n                                            <th>Storno</th>\r\n                                            <th>Provízia</th>\r\n                                            <th>Rate</th>\r\n                                            <th>Koef. rate</th>\r\n                                            <th>€ / RP</th>\r\n                                            <th className=\"text-center\">Jednotky</th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        {\r\n                                            this.state.data.records.map((value, index) => {\r\n                                                return (\r\n                                                    <tr key={value.Id} className=\"commission-record-row\" data-id={value.id}>\r\n                                                        <td><a href=\"#\" onClick={() => this.toggleRecord(value.id)}><i className=\"tim-icons icon-zoom-split\"></i></a></td>\r\n                                                        <td><FormattedNumber value={value.premium} /></td>\r\n                                                        <td><FormattedNumber value={value.storno} /></td>\r\n                                                        <td><FormattedNumber value={value.provision} /></td>\r\n                                                        <td><FormattedNumber value={value.rate} /></td>\r\n                                                        <td>{value.calculation ? <FormattedNumber value={value.calculation.coefficientRate} /> : \"nevypočítané\"}</td>\r\n                                                        {edit && value.calculation ?\r\n                                                            <>\r\n                                                                <td><Input type=\"number\" defaultValue={value.calculation ? value.calculation.eurToRpRatio : \"\"} onChange={this.changeEurToRpRatio.bind(this, value.id)} /></td>\r\n                                                                <td className=\"text-center\"><Input type=\"number\" defaultValue={value.calculation ? value.calculation.units : \"\"} onChange={changeUnits.bind(this, value.id)} /></td>\r\n                                                            </>\r\n                                                            :\r\n                                                            <>\r\n                                                                <td>{value.calculation ? <><FormattedNumber value={value.calculation.eurToRpRatio} /> <span> %</span></> : \"nevypočítané\"}</td>\r\n                                                                <td>{value.calculation ? <FormattedNumber value={value.calculation.units} /> : \"nevypočítané\"}</td>\r\n                                                            </>\r\n                                                        }\r\n                                                    </tr>\r\n                                                )\r\n                                            })\r\n                                        }\r\n                                        <tr key=\"group\">\r\n                                            <td></td>\r\n                                            <td><FormattedNumber value={this.state.data.premium} /></td>\r\n                                            <td><FormattedNumber value={this.state.data.storno} /></td>\r\n                                            <td><FormattedNumber value={this.state.data.provision} /></td>\r\n                                            <td></td>\r\n                                            <td></td>\r\n                                            <td></td>\r\n                                            <td className=\"text-center\"><FormattedNumber value={this.state.data.units} /></td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </Table>\r\n                            </Col>\r\n                        </Row>\r\n                    </ModalBody>\r\n                    <ModalFooter>\r\n                        {\r\n                            edit ? (\r\n                                <React.Fragment>\r\n                                    <ButtonLoader color=\"danger\" onClick={this.saveUnits}>Uložiť</ButtonLoader>\r\n                                    <Button color=\"secondary\" onClick={this.toggleEdit}>Zrušiť editáciu</Button>\r\n                                </React.Fragment>\r\n                            ) : (\r\n                                    <Button color=\"danger\" onClick={this.toggleEdit}>Editovať</Button>\r\n                                )\r\n                        }\r\n                    </ModalFooter>\r\n                </Modal>\r\n                {this.state.showDetail && <MetlifeCommissionRecordModal id={this.state.selected} show={this.state.showDetail} toggle={this.toggleRecord} onClose={this.onRecordClosed}  />}\r\n            </React.Fragment >\r\n        );\r\n    }\r\n}\r\n\r\nexport default MetlifeCommissionGroupModal;","import React from 'react';\r\nimport axios from 'axios';\r\nimport '../../assets/css/modal-form-controls.css';\r\nimport { Button, Modal, ModalHeader, ModalBody, Input, ModalFooter, Form, FormGroup, Row, Col, FormText } from 'reactstrap';\r\nimport ButtonLoader from '../../components/Buttons/ButtonLoader';\r\nimport PerfectScrollbar from \"perfect-scrollbar\";\r\nimport Datetime from 'react-datetime';\r\nimport moment, { isDate, isMoment } from \"moment\";\r\nimport Select from 'react-select';\r\nimport { retry } from 'redux-saga/effects';\r\nimport { instanceOf } from 'prop-types';\r\n\r\nvar ps;\r\n\r\nclass MetlifeCommissionCoefficientRateConfigurationModal extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            modal: props.show,\r\n            id: props.id,\r\n            data: null\r\n        };\r\n       \r\n\r\n        this.toggle = this.toggle.bind(this);\r\n        this.handleSaveClick = this.handleSaveClick.bind(this);\r\n        this.fetchData = this.fetchData.bind(this);\r\n        this.handleInputChange = this.handleInputChange.bind(this);\r\n        this.handleInputArrayChange = this.handleInputArrayChange.bind(this);\r\n        this.handleDateInputChange = this.handleDateInputChange.bind(this);\r\n\r\n        this.button = React.createRef();\r\n        this.fetchData(this.state.id);\r\n    }\r\n\r\n    fetchData(id) {\r\n        axios.get(\"/api/commissions/metlife/coefficientrateconfiguration/\" + id).then((response) => {\r\n            var selectedYears = null;\r\n            if (response.data.yearsToPay) {\r\n                selectedYears = this.state.yearOptions.map((o) => {\r\n                    if (response.data.yearsToPay.includes(o.value))\r\n                        return o;\r\n                });\r\n                console.log(response.data.yearsToPay);\r\n                console.log(selectedYears);\r\n            }\r\n\r\n            this.setState({\r\n                data: response.data,\r\n                selectedYears: selectedYears\r\n            });\r\n\r\n            // if you are using a Windows Machine, the scrollbars will have a Mac look\r\n            if (navigator.platform.indexOf(\"Win\") > -1) {\r\n                var table = document.querySelector(\".modal-dialog .table\")\r\n                if (table)\r\n                    ps = new PerfectScrollbar(table);\r\n            }\r\n        }).catch((error) => {\r\n            console.log(error);\r\n        })\r\n    }\r\n\r\n    toggle() {\r\n        this.setState(prevState => ({\r\n            modal: !prevState.modal\r\n        }));\r\n    };\r\n\r\n    handleSaveClick(e) {\r\n        e.preventDefault();\r\n        axios.post('/api/commissions/metlife/coefficientrateconfiguration/save', this.state.data)\r\n            .then((result) => {\r\n                this.props.onClose();\r\n            }).catch((result) => {\r\n                this.button.current.stopFetching();\r\n            });\r\n    };\r\n\r\n    isDate(date) {\r\n        return (new Date(date) !== \"Invalid Date\") && !isNaN(new Date(date));\r\n    }\r\n\r\n    handleDateInputChange(property) {\r\n        return e => {\r\n            var value = null;\r\n            if (isMoment(e)) {\r\n                value = e.format('YYYY-MM-DD[T]HH:mm:ss.SSS');\r\n            }\r\n            var data = this.state.data;\r\n            data[property] = value;\r\n            this.setState({\r\n                data: data\r\n            });\r\n        };\r\n    }\r\n\r\n    handleInputChange(property) {\r\n        return e => {\r\n            var data = this.state.data;\r\n            data[property] = e.target.value;\r\n            this.setState({\r\n                data: data\r\n            });\r\n        };\r\n    }\r\n\r\n    handleInputArrayChange(property) {\r\n        return e => {\r\n            var data = this.state.data;\r\n            if (e.target.value == \"\" || e.target.value == null) {\r\n                data[property] = null;\r\n            } else {\r\n                data[property] = e.target.value.split(\",\");\r\n            }\r\n            this.setState({\r\n                data: data\r\n            });\r\n        };\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        // we need to destroy the false scrollbar when we navigate\r\n        // to a page that doesn't have this component rendered\r\n        if (navigator.platform.indexOf(\"Win\") > -1 && ps) {\r\n            ps.destroy();\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            this.state.data != null && <Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className} onClosed={this.props.onClose} size=\"lg\">\r\n                <ModalHeader toggle={this.toggle}>Konfigurácia Metlife provízií - nastavenie koef. rate</ModalHeader>\r\n                <Form>\r\n                    <input type=\"hidden\" value={this.state.id} />\r\n                    <ModalBody>\r\n                        <Row>\r\n                            <Col md=\"4\">\r\n                                <label>Agent</label>\r\n                                <FormGroup>\r\n                                    <Input type=\"text\" value={this.state.data.agent} name=\"Agent\" onChange={this.handleInputChange(\"agent\")} />\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"4\">\r\n                                <label>Rate</label>\r\n                                <FormGroup>\r\n                                    <Input type=\"text\" value={this.state.data.rate} name=\"Rate\" onChange={this.handleInputChange(\"rate\")} />\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"4\">\r\n                                <label>Koef. Rate</label>\r\n                                <FormGroup>\r\n                                    <Input type=\"text\" value={this.state.data.coefficientRate} name=\"CoefficientRate\" onChange={this.handleInputChange(\"coefficientRate\")} />\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"4\">\r\n                                <label>Platné od</label>\r\n                                <FormGroup>\r\n                                    <Datetime timeFormat={false} inputProps={{ name: \"ValidFrom\" }} onChange={this.handleDateInputChange(\"validFrom\")} defaultValue={this.state.data.validFrom != null ? moment(this.state.data.validFrom) : \"\"} />\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"4\">\r\n                                <label>Platné do</label>\r\n                                <FormGroup>\r\n                                    <Datetime timeFormat={false} inputProps={{ name: \"ValidTo\" }} onChange={this.handleDateInputChange(\"validTo\")} defaultValue={this.state.data.validTo != null ? moment(this.state.data.validTo) : \"\"} />\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"4\">\r\n                                <label>STATI</label>\r\n                                <FormGroup>\r\n                                    <Input type=\"text\" value={this.state.data.allowedStati} name=\"AllowedStati\" onChange={this.handleInputArrayChange(\"allowedStati\")} />\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"4\">\r\n                                <label>Lob</label>\r\n                                <FormGroup>\r\n                                    <Input type=\"text\" value={this.state.data.allowedLob} name=\"AllowedLob\" onChange={this.handleInputArrayChange(\"allowedLob\")} />\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"4\">\r\n                                <label>PCDIDP01</label>\r\n                                <FormGroup>\r\n                                    <Input type=\"text\" value={this.state.data.allowedPCDIDP01} name=\"AllowedPCDIDP01\" onChange={this.handleInputArrayChange(\"allowedPCDIDP01\")} />\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                    </ModalBody>\r\n                    <ModalFooter>\r\n                        <ButtonLoader color=\"danger\" type=\"submit\" onClick={(e) => {\r\n                            this.handleSaveClick(e, () => { this.toggle(); }, () => { this.toggle(); });\r\n                        }} ref={this.button}>Uložiť</ButtonLoader>\r\n                        <Button color=\"secondary\" onClick={this.toggle}>Zrušiť</Button>\r\n                    </ModalFooter>\r\n                </Form>\r\n            </Modal>\r\n        );\r\n    }\r\n}\r\n\r\nexport default MetlifeCommissionCoefficientRateConfigurationModal;","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport { Row, Col } from \"reactstrap\";\r\n\r\n// core components\r\nimport ImageUpload from \"../../../components/CustomUpload/ImageUpload.jsx\";\r\n\r\nclass Wizard extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <h5 className=\"info-text\">Who are you? (Fileinput)</h5>\r\n        <Row className=\"justify-content-center\">\r\n          <Col className=\"text-center\" lg=\"10\">\r\n            <ImageUpload\r\n              changeBtnClasses=\"btn-simple\"\r\n              addBtnClasses=\"btn-simple\"\r\n              removeBtnClasses=\"btn-simple\"\r\n            />\r\n          </Col>\r\n        </Row>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Wizard;\r\n","import React from \"react\";\r\n// react plugin used to create a form with multiple steps\r\nimport ReactWizard from \"react-bootstrap-wizard\";\r\n\r\n// reactstrap components\r\nimport { Col } from \"reactstrap\";\r\n\r\n// wizard steps\r\nimport Step1 from \"./WizardSteps/Step1.jsx\";\r\nimport Step2 from \"./WizardSteps/Step2.jsx\";\r\nimport Step3 from \"./WizardSteps/Step3.jsx\";\r\n\r\nvar steps = [\r\n  {\r\n    stepName: \"About\",\r\n    stepIcon: \"tim-icons icon-single-02\",\r\n    component: Step1\r\n  },\r\n  {\r\n    stepName: \"Account\",\r\n    stepIcon: \"tim-icons icon-settings-gear-63\",\r\n    component: Step2\r\n  },\r\n  {\r\n    stepName: \"Address\",\r\n    stepIcon: \"tim-icons icon-delivery-fast\",\r\n    component: Step3\r\n  }\r\n];\r\n\r\nclass Wizard extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Col className=\"mr-auto ml-auto\" md=\"10\">\r\n            <ReactWizard\r\n              steps={steps}\r\n              navSteps\r\n              validate\r\n              title=\"Build Your Profile\"\r\n              description=\"This information will let us know more about you.\"\r\n              headerTextCenter\r\n              finishButtonClasses=\"btn-wd btn-info\"\r\n              nextButtonClasses=\"btn-wd btn-info\"\r\n              previousButtonClasses=\"btn-wd\"\r\n              progressbar\r\n              color=\"blue\"\r\n            />\r\n          </Col>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Wizard;\r\n","import React from \"react\";\r\n// react plugin used to create DropdownMenu for selecting items\r\nimport Select from \"react-select\";\r\n\r\n// reactstrap components\r\nimport { FormGroup, Input, Row, Col } from \"reactstrap\";\r\n\r\nclass Wizard extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      step3Select: null\r\n    };\r\n  }\r\n  render() {\r\n    return (\r\n      <>\r\n        <form>\r\n          <Row className=\"justify-content-center\">\r\n            <Col sm=\"12\">\r\n              <h5 className=\"info-text\">Are you living in a nice area?</h5>\r\n            </Col>\r\n            <Col sm=\"7\">\r\n              <FormGroup>\r\n                <label>Street Name</label>\r\n                <Input type=\"text\" />\r\n              </FormGroup>\r\n            </Col>\r\n            <Col sm=\"3\">\r\n              <FormGroup>\r\n                <label>Street No.</label>\r\n                <Input type=\"text\" />\r\n              </FormGroup>\r\n            </Col>\r\n            <Col sm=\"5\">\r\n              <FormGroup>\r\n                <label>City</label>\r\n                <Input type=\"text\" />\r\n              </FormGroup>\r\n            </Col>\r\n            <Col sm=\"5\">\r\n              <FormGroup>\r\n                <label>Country</label>\r\n                <Select\r\n                  className=\"react-select info\"\r\n                  classNamePrefix=\"react-select\"\r\n                  name=\"\"\r\n                  onChange={value => this.setState({ step3Select: value })}\r\n                  value={this.state.step3Select}\r\n                  options={[\r\n                    {\r\n                      value: \"Afghanistan\",\r\n                      label: \" Afghanistan \"\r\n                    },\r\n                    { value: \"Albania\", label: \" Albania \" },\r\n                    { value: \"Algeria\", label: \" Algeria \" },\r\n                    {\r\n                      value: \"American Samoa\",\r\n                      label: \" American Samoa \"\r\n                    },\r\n                    { value: \"Andorra\", label: \" Andorra \" },\r\n                    { value: \"Angola\", label: \" Angola \" },\r\n                    { value: \"Anguilla\", label: \" Anguilla \" },\r\n                    { value: \"Antarctica\", label: \" Antarctica \" }\r\n                  ]}\r\n                  placeholder=\"Single Select\"\r\n                />\r\n              </FormGroup>\r\n            </Col>\r\n          </Row>\r\n        </form>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Wizard;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Button,\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardFooter,\r\n  CardTitle,\r\n  Label,\r\n  FormGroup,\r\n  Form,\r\n  Input,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass ValidationForms extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      // register form\r\n      registerEmail: \"\",\r\n      registerPassword: \"\",\r\n      registerConfirmPassword: \"\",\r\n      registerEmailState: \"\",\r\n      registerPasswordState: \"\",\r\n      registerConfirmPasswordState: \"\",\r\n      // login form\r\n      loginFullName: \"\",\r\n      loginEmail: \"\",\r\n      loginPassword: \"\",\r\n      loginFullNameState: \"\",\r\n      loginEmailState: \"\",\r\n      loginPasswordState: \"\",\r\n      // type validation form\r\n      required: \"\",\r\n      email: \"\",\r\n      number: \"\",\r\n      url: \"\",\r\n      source: \"\",\r\n      destination: \"\",\r\n      requiredState: \"\",\r\n      emailState: \"\",\r\n      numberState: \"\",\r\n      urlState: \"\",\r\n      sourceState: \"\",\r\n      destinationState: \"\",\r\n      // range validation form\r\n      minLength: \"\",\r\n      maxLength: \"\",\r\n      range: \"\",\r\n      min: \"\",\r\n      max: \"\",\r\n      minLengthState: \"\",\r\n      maxLengthState: \"\",\r\n      rangeState: \"\",\r\n      minState: \"\",\r\n      maxState: \"\"\r\n    };\r\n  }\r\n  // function that returns true if value is email, false otherwise\r\n  verifyEmail = value => {\r\n    var emailRex = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n    if (emailRex.test(value)) {\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  // function that verifies if a string has a given length or not\r\n  verifyLength = (value, length) => {\r\n    if (value.length >= length) {\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  // function that verifies if two strings are equal\r\n  compare = (string1, string2) => {\r\n    if (string1 === string2) {\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  // function that verifies if value contains only numbers\r\n  verifyNumber = value => {\r\n    var numberRex = new RegExp(\"^[0-9]+$\");\r\n    if (numberRex.test(value)) {\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  // verifies if value is a valid URL\r\n  verifyUrl = value => {\r\n    try {\r\n      new URL(value);\r\n      return true;\r\n    } catch (_) {\r\n      return false;\r\n    }\r\n  };\r\n  change = (event, stateName, type, stateNameEqualTo, maxValue) => {\r\n    switch (type) {\r\n      case \"email\":\r\n        if (this.verifyEmail(event.target.value)) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"password\":\r\n        if (this.verifyLength(event.target.value, 1)) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"equalTo\":\r\n        if (this.compare(event.target.value, this.state[stateNameEqualTo])) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n          this.setState({ [stateNameEqualTo + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n          this.setState({ [stateNameEqualTo + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"number\":\r\n        if (this.verifyNumber(event.target.value)) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"length\":\r\n        if (this.verifyLength(event.target.value, stateNameEqualTo)) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"max-length\":\r\n        if (!this.verifyLength(event.target.value, stateNameEqualTo + 1)) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"url\":\r\n        if (this.verifyUrl(event.target.value)) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"min-value\":\r\n        if (\r\n          this.verifyNumber(event.target.value) &&\r\n          event.target.value >= stateNameEqualTo\r\n        ) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"max-value\":\r\n        if (\r\n          this.verifyNumber(event.target.value) &&\r\n          event.target.value <= stateNameEqualTo\r\n        ) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      case \"range\":\r\n        if (\r\n          this.verifyNumber(event.target.value) &&\r\n          event.target.value >= stateNameEqualTo &&\r\n          event.target.value <= maxValue\r\n        ) {\r\n          this.setState({ [stateName + \"State\"]: \"has-success\" });\r\n        } else {\r\n          this.setState({ [stateName + \"State\"]: \"has-danger\" });\r\n        }\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n    this.setState({ [stateName]: event.target.value });\r\n  };\r\n  registerClick = () => {\r\n    if (this.state.registerEmailState === \"\") {\r\n      this.setState({ registerEmailState: \"has-danger\" });\r\n    }\r\n    if (\r\n      this.state.registerPasswordState === \"\" ||\r\n      this.state.registerConfirmPasswordState === \"\"\r\n    ) {\r\n      this.setState({ registerPasswordState: \"has-danger\" });\r\n      this.setState({ registerConfirmPasswordState: \"has-danger\" });\r\n    }\r\n  };\r\n  loginClick = () => {\r\n    if (this.state.loginFullNameState === \"\") {\r\n      this.setState({ loginFullNameState: \"has-danger\" });\r\n    }\r\n    if (this.state.loginEmailState === \"\") {\r\n      this.setState({ loginEmailState: \"has-danger\" });\r\n    }\r\n    if (this.state.loginPasswordState === \"\") {\r\n      this.setState({ loginPasswordState: \"has-danger\" });\r\n    }\r\n  };\r\n  typeClick = () => {\r\n    if (this.state.requiredState === \"\") {\r\n      this.setState({ requiredState: \"has-danger\" });\r\n    }\r\n    if (this.state.emailState === \"\") {\r\n      this.setState({ emailState: \"has-danger\" });\r\n    }\r\n    if (this.state.numberState === \"\") {\r\n      this.setState({ numberState: \"has-danger\" });\r\n    }\r\n    if (this.state.urlState === \"\") {\r\n      this.setState({ urlState: \"has-danger\" });\r\n    }\r\n    if (this.state.sourceState === \"\" || this.state.destinationState === \"\") {\r\n      this.setState({ sourceState: \"has-danger\" });\r\n      this.setState({ destinationState: \"has-danger\" });\r\n    }\r\n  };\r\n  rangeClick = () => {\r\n    if (this.state.minLengthState === \"\") {\r\n      this.setState({ minLengthState: \"has-danger\" });\r\n    }\r\n    if (this.state.maxLengthState === \"\") {\r\n      this.setState({ maxLengthState: \"has-danger\" });\r\n    }\r\n    if (this.state.rangeState === \"\") {\r\n      this.setState({ rangeState: \"has-danger\" });\r\n    }\r\n    if (this.state.minValueState === \"\") {\r\n      this.setState({ minValueState: \"has-danger\" });\r\n    }\r\n    if (this.state.maxValueState === \"\") {\r\n      this.setState({ maxValueState: \"has-danger\" });\r\n    }\r\n    if (this.state.minState === \"\") {\r\n      this.setState({ minState: \"has-danger\" });\r\n    }\r\n    if (this.state.maxState === \"\") {\r\n      this.setState({ maxState: \"has-danger\" });\r\n    }\r\n  };\r\n  render() {\r\n    // taking all the states\r\n    let {\r\n      // register form\r\n      registerEmailState,\r\n      registerPasswordState,\r\n      registerConfirmPasswordState,\r\n      // login form\r\n      loginFullNameState,\r\n      loginEmailState,\r\n      loginPasswordState,\r\n      // type validation form\r\n      requiredState,\r\n      emailState,\r\n      numberState,\r\n      urlState,\r\n      sourceState,\r\n      destinationState,\r\n      // range validation form\r\n      minLengthState,\r\n      maxLengthState,\r\n      rangeState,\r\n      minState,\r\n      maxState\r\n    } = this.state;\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"6\">\r\n              <Form id=\"RegisterValidation\">\r\n                <Card>\r\n                  <CardHeader>\r\n                    <CardTitle tag=\"h4\">Register Form</CardTitle>\r\n                  </CardHeader>\r\n                  <CardBody>\r\n                    <FormGroup className={`has-label ${registerEmailState}`}>\r\n                      <label>Email Address *</label>\r\n                      <Input\r\n                        name=\"email\"\r\n                        type=\"email\"\r\n                        onChange={e => this.change(e, \"registerEmail\", \"email\")}\r\n                      />\r\n                      {this.state.registerEmailState === \"has-danger\" ? (\r\n                        <label className=\"error\">\r\n                          Please enter a valid email address.\r\n                        </label>\r\n                      ) : null}\r\n                    </FormGroup>\r\n                    <FormGroup className={`has-label ${registerPasswordState}`}>\r\n                      <label>Password *</label>\r\n                      <Input\r\n                        id=\"registerPassword\"\r\n                        name=\"password\"\r\n                        type=\"password\"\r\n                        autoComplete=\"off\"\r\n                        onChange={e =>\r\n                          this.change(e, \"registerPassword\", \"password\")\r\n                        }\r\n                      />\r\n                      {this.state.registerPasswordState === \"has-danger\" ? (\r\n                        <label className=\"error\">This field is required.</label>\r\n                      ) : null}\r\n                    </FormGroup>\r\n                    <FormGroup\r\n                      className={`has-label ${registerConfirmPasswordState}`}\r\n                    >\r\n                      <label>Confirm Password *</label>\r\n                      <Input\r\n                        equalto=\"#registerPassword\"\r\n                        id=\"registerPasswordConfirmation\"\r\n                        name=\"password_confirmation\"\r\n                        type=\"password\"\r\n                        autoComplete=\"off\"\r\n                        onChange={e =>\r\n                          this.change(\r\n                            e,\r\n                            \"registerConfirmPassword\",\r\n                            \"equalTo\",\r\n                            \"registerPassword\"\r\n                          )\r\n                        }\r\n                      />\r\n                      {this.state.registerConfirmPasswordState ===\r\n                      \"has-danger\" ? (\r\n                        <label className=\"error\">This field is required.</label>\r\n                      ) : null}\r\n                    </FormGroup>\r\n                    <div className=\"category form-category\">\r\n                      * Required fields\r\n                    </div>\r\n                  </CardBody>\r\n                  <CardFooter className=\"text-right\">\r\n                    <FormGroup check className=\"pull-left\">\r\n                      <Label check>\r\n                        <Input name=\"optionCheckboxes\" type=\"checkbox\" />\r\n                        <span className=\"form-check-sign\" />\r\n                        Accept the terms and conditions\r\n                      </Label>\r\n                    </FormGroup>\r\n                    <Button color=\"primary\" onClick={this.registerClick}>\r\n                      Register\r\n                    </Button>\r\n                  </CardFooter>\r\n                </Card>\r\n              </Form>\r\n            </Col>\r\n            <Col md=\"6\">\r\n              <Form id=\"LoginValidation\">\r\n                <Card>\r\n                  <CardHeader>\r\n                    <CardTitle tag=\"h4\">Login Form</CardTitle>\r\n                  </CardHeader>\r\n                  <CardBody>\r\n                    <FormGroup className={`has-label ${loginFullNameState}`}>\r\n                      <label>Full Name *</label>\r\n                      <Input\r\n                        name=\"fullname\"\r\n                        type=\"text\"\r\n                        onChange={e =>\r\n                          this.change(e, \"loginFullName\", \"length\", 1)\r\n                        }\r\n                      />\r\n                      {this.state.loginFullNameState === \"has-danger\" ? (\r\n                        <label className=\"error\">This field is required.</label>\r\n                      ) : null}\r\n                    </FormGroup>\r\n                    <FormGroup className={`has-label ${loginEmailState}`}>\r\n                      <label>Email Address *</label>\r\n                      <Input\r\n                        name=\"email\"\r\n                        type=\"email\"\r\n                        onChange={e => this.change(e, \"loginEmail\", \"email\")}\r\n                      />\r\n                      {this.state.loginEmailState === \"has-danger\" ? (\r\n                        <label className=\"error\">\r\n                          Please enter a valid email address.\r\n                        </label>\r\n                      ) : null}\r\n                    </FormGroup>\r\n                    <FormGroup className={`has-label ${loginPasswordState}`}>\r\n                      <label>Password *</label>\r\n                      <Input\r\n                        name=\"password\"\r\n                        type=\"password\"\r\n                        autoComplete=\"off\"\r\n                        onChange={e =>\r\n                          this.change(e, \"loginPassword\", \"password\")\r\n                        }\r\n                      />\r\n                      {this.state.loginPasswordState === \"has-danger\" ? (\r\n                        <label className=\"error\">This field is required.</label>\r\n                      ) : null}\r\n                    </FormGroup>\r\n                    <div className=\"category form-category\">\r\n                      * Required fields\r\n                    </div>\r\n                  </CardBody>\r\n                  <CardFooter className=\"text-left\">\r\n                    <Button color=\"primary\" onClick={this.loginClick}>\r\n                      Login\r\n                    </Button>\r\n                    <a\r\n                      href=\"#pablo\"\r\n                      className=\"pull-right\"\r\n                      onClick={e => e.preventDefault}\r\n                    >\r\n                      Forgot password?\r\n                    </a>\r\n                  </CardFooter>\r\n                </Card>\r\n              </Form>\r\n            </Col>\r\n            <Col md=\"12\">\r\n              <Form className=\"form-horizontal\" id=\"TypeValidation\">\r\n                <Card>\r\n                  <CardHeader>\r\n                    <CardTitle tag=\"h4\">Type Validation</CardTitle>\r\n                  </CardHeader>\r\n                  <CardBody>\r\n                    <Row>\r\n                      <Label sm=\"2\">Required Text</Label>\r\n                      <Col sm=\"7\">\r\n                        <FormGroup className={requiredState}>\r\n                          <Input\r\n                            name=\"required\"\r\n                            type=\"text\"\r\n                            onChange={e =>\r\n                              this.change(e, \"required\", \"length\", 1)\r\n                            }\r\n                          />\r\n                          {this.state.requiredState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              This field is required.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"3\">\r\n                        <code>required</code>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Email</Label>\r\n                      <Col sm=\"7\">\r\n                        <FormGroup className={emailState}>\r\n                          <Input\r\n                            name=\"email\"\r\n                            type=\"text\"\r\n                            onChange={e => this.change(e, \"email\", \"email\")}\r\n                          />\r\n                          {this.state.emailState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              Please enter a valid email address.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"3\">\r\n                        <code>type=\"email\"</code>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Number</Label>\r\n                      <Col sm=\"7\">\r\n                        <FormGroup className={numberState}>\r\n                          <Input\r\n                            name=\"number\"\r\n                            type=\"text\"\r\n                            onChange={e => this.change(e, \"number\", \"number\")}\r\n                          />\r\n                          {this.state.numberState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              Please enter a valid number.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"3\">\r\n                        <code>type=\"number\"</code>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Url</Label>\r\n                      <Col sm=\"7\">\r\n                        <FormGroup className={urlState}>\r\n                          <Input\r\n                            name=\"url\"\r\n                            type=\"text\"\r\n                            onChange={e => this.change(e, \"url\", \"url\")}\r\n                          />\r\n                          {this.state.urlState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              Please enter a valid URL.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"3\">\r\n                        <code>type=\"url\"</code>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Equal to</Label>\r\n                      <Col sm=\"3\">\r\n                        <FormGroup className={sourceState}>\r\n                          <Input\r\n                            id=\"idSource\"\r\n                            placeholder=\"#idSource\"\r\n                            type=\"text\"\r\n                            onChange={e =>\r\n                              this.change(e, \"source\", \"equalTo\", \"destination\")\r\n                            }\r\n                          />\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col sm=\"3\">\r\n                        <FormGroup className={destinationState}>\r\n                          <Input\r\n                            id=\"idDestination\"\r\n                            placeholder=\"#idDestination\"\r\n                            type=\"text\"\r\n                            onChange={e =>\r\n                              this.change(e, \"destination\", \"equalTo\", \"source\")\r\n                            }\r\n                          />\r\n                          {this.state.destinationState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              Please enter the same value.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"4\">\r\n                        <code>equalTo=\"#idSource\"</code>\r\n                      </Col>\r\n                    </Row>\r\n                  </CardBody>\r\n                  <CardFooter className=\"text-center\">\r\n                    <Button color=\"primary\" onClick={this.typeClick}>\r\n                      Validate Inputs\r\n                    </Button>\r\n                  </CardFooter>\r\n                </Card>\r\n              </Form>\r\n            </Col>\r\n            <Col md=\"12\">\r\n              <Form className=\"form-horizontal\" id=\"RangeValidation\">\r\n                <Card>\r\n                  <CardHeader>\r\n                    <CardTitle tag=\"h4\">Range Validation</CardTitle>\r\n                  </CardHeader>\r\n                  <CardBody>\r\n                    <Row>\r\n                      <Label sm=\"2\">Min Length</Label>\r\n                      <Col sm=\"7\">\r\n                        <FormGroup className={minLengthState}>\r\n                          <Input\r\n                            name=\"min_length\"\r\n                            type=\"text\"\r\n                            onChange={e =>\r\n                              this.change(e, \"minLength\", \"length\", 5)\r\n                            }\r\n                          />\r\n                          {this.state.minLengthState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              Please enter at least 5 characters.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"3\">\r\n                        <code>minLength=\"5\"</code>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Max Length</Label>\r\n                      <Col sm=\"7\">\r\n                        <FormGroup className={maxLengthState}>\r\n                          <Input\r\n                            name=\"max_length\"\r\n                            type=\"text\"\r\n                            onChange={e =>\r\n                              this.change(e, \"maxLength\", \"max-length\", 5)\r\n                            }\r\n                          />\r\n                          {this.state.maxLengthState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              Please enter 5 or less characters.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"3\">\r\n                        <code>maxLength=\"5\"</code>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Range</Label>\r\n                      <Col sm=\"7\">\r\n                        <FormGroup className={rangeState}>\r\n                          <Input\r\n                            name=\"range\"\r\n                            type=\"text\"\r\n                            onChange={e =>\r\n                              this.change(e, \"range\", \"range\", 6, 10)\r\n                            }\r\n                          />\r\n                          {this.state.rangeState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              Please enter a value between 6 and 10.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"3\">\r\n                        <code>min=\"6\" max=\"10\"</code>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Min Value</Label>\r\n                      <Col sm=\"7\">\r\n                        <FormGroup className={minState}>\r\n                          <Input\r\n                            name=\"min\"\r\n                            type=\"text\"\r\n                            onChange={e =>\r\n                              this.change(e, \"min\", \"min-value\", 6)\r\n                            }\r\n                          />\r\n                          {this.state.minState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              Please enter a value greater than or equal to 6.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"3\">\r\n                        <code>min=\"6\"</code>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Max Value</Label>\r\n                      <Col sm=\"7\">\r\n                        <FormGroup className={maxState}>\r\n                          <Input\r\n                            name=\"max\"\r\n                            type=\"text\"\r\n                            onChange={e =>\r\n                              this.change(e, \"max\", \"max-value\", 6)\r\n                            }\r\n                          />\r\n                          {this.state.maxState === \"has-danger\" ? (\r\n                            <label className=\"error\">\r\n                              Please enter a value less than or equal to 6.\r\n                            </label>\r\n                          ) : null}\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"label-on-right\" tag=\"label\" sm=\"3\">\r\n                        <code>max=\"6\"</code>\r\n                      </Col>\r\n                    </Row>\r\n                  </CardBody>\r\n                  <CardFooter className=\"text-center\">\r\n                    <Button color=\"primary\" onClick={this.rangeClick}>\r\n                      Validate Inputs\r\n                    </Button>\r\n                  </CardFooter>\r\n                </Card>\r\n              </Form>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ValidationForms;\r\n","import React from \"react\";\r\n// react plugin used to create datetimepicker\r\nimport ReactDatetime from \"react-datetime\";\r\n// react plugin that creates an input with badges\r\nimport TagsInput from \"react-tagsinput\";\r\n// react plugin used to create DropdownMenu for selecting items\r\nimport Select from \"react-select\";\r\n// react plugin used to create switch buttons\r\nimport Switch from \"react-bootstrap-switch\";\r\n// plugin that creates slider\r\nimport Slider from \"nouislider\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardTitle,\r\n  DropdownToggle,\r\n  DropdownMenu,\r\n  DropdownItem,\r\n  UncontrolledDropdown,\r\n  FormGroup,\r\n  Progress,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\n// core components\r\nimport ImageUpload from \"../../components/CustomUpload/ImageUpload.jsx\";\r\n\r\nclass ExtendedForms extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      singleSelect: null,\r\n      multipleSelect: null,\r\n      tagsinput: [\"Amsterdam\", \"Washington\", \"Sydney\", \"Beijing\"]\r\n    };\r\n  }\r\n  componentDidMount() {\r\n    var slider1 = this.refs.slider1;\r\n    var slider2 = this.refs.slider2;\r\n    Slider.create(slider1, {\r\n      start: [40],\r\n      connect: [true, false],\r\n      step: 1,\r\n      range: { min: 0, max: 100 }\r\n    });\r\n    Slider.create(slider2, {\r\n      start: [20, 60],\r\n      connect: [false, true, false],\r\n      step: 1,\r\n      range: { min: 0, max: 100 }\r\n    });\r\n  }\r\n  handleTagsinput = tagsinput => {\r\n    this.setState({ tagsinput });\r\n  };\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"4\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Date-Time-Picker</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <FormGroup>\r\n                    <ReactDatetime\r\n                      inputProps={{\r\n                        className: \"form-control\",\r\n                        placeholder: \"Datetime Picker Here\"\r\n                      }}\r\n                    />\r\n                  </FormGroup>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"4\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Date Picker</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <FormGroup>\r\n                    <ReactDatetime\r\n                      inputProps={{\r\n                        className: \"form-control\",\r\n                        placeholder: \"Date Picker Here\"\r\n                      }}\r\n                      timeFormat={false}\r\n                    />\r\n                  </FormGroup>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"4\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Time Picker</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <FormGroup>\r\n                    <ReactDatetime\r\n                      dateFormat={false}\r\n                      inputProps={{\r\n                        className: \"form-control\",\r\n                        placeholder: \"Time Picker Here\"\r\n                      }}\r\n                    />\r\n                  </FormGroup>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col md=\"12\">\r\n              <Card>\r\n                <CardBody>\r\n                  <Row>\r\n                    <Col className=\"mb-4\" md=\"6\">\r\n                      <CardTitle tag=\"h4\">Toggle Buttons</CardTitle>\r\n                      <Row className=\"mb-3\">\r\n                        <Col md=\"4\">\r\n                          <p className=\"category\">Default</p>\r\n                          <Switch offColor=\"\" onColor=\"\" />{\" \"}\r\n                          <Switch defaultValue={false} offColor=\"\" onColor=\"\" />\r\n                        </Col>\r\n                        <Col md=\"4\">\r\n                          <p className=\"category\">Plain</p>\r\n                          <Switch\r\n                            offColor=\"\"\r\n                            offText=\"\"\r\n                            onColor=\"\"\r\n                            onText=\"\"\r\n                          />{\" \"}\r\n                          <Switch\r\n                            defaultValue={false}\r\n                            offColor=\"\"\r\n                            offText=\"\"\r\n                            onColor=\"\"\r\n                            onText=\"\"\r\n                          />\r\n                        </Col>\r\n                        <Col md=\"4\">\r\n                          <p className=\"category\">With Icons</p>\r\n                          <Switch\r\n                            offColor=\"\"\r\n                            offText={\r\n                              <i className=\"tim-icons icon-simple-remove\" />\r\n                            }\r\n                            onColor=\"\"\r\n                            onText={<i className=\"tim-icons icon-check-2\" />}\r\n                          />{\" \"}\r\n                          <Switch\r\n                            defaultValue={false}\r\n                            offColor=\"\"\r\n                            offText={\r\n                              <i className=\"tim-icons icon-simple-remove\" />\r\n                            }\r\n                            onColor=\"\"\r\n                            onText={<i className=\"tim-icons icon-check-2\" />}\r\n                          />\r\n                        </Col>\r\n                      </Row>\r\n                    </Col>\r\n                    <Col className=\"mb-4\" md=\"6\">\r\n                      <CardTitle tag=\"h4\">Customisable Select</CardTitle>\r\n                      <Row>\r\n                        <Col lg=\"5\" md=\"6\" sm=\"3\">\r\n                          <Select\r\n                            className=\"react-select info\"\r\n                            classNamePrefix=\"react-select\"\r\n                            name=\"singleSelect\"\r\n                            value={this.state.singleSelect}\r\n                            onChange={value =>\r\n                              this.setState({ singleSelect: value })\r\n                            }\r\n                            options={[\r\n                              {\r\n                                value: \"\",\r\n                                label: \"Single Option\",\r\n                                isDisabled: true\r\n                              },\r\n                              { value: \"2\", label: \"Foobar\" },\r\n                              { value: \"3\", label: \"Is great\" }\r\n                            ]}\r\n                            placeholder=\"Single Select\"\r\n                          />\r\n                        </Col>\r\n                        <Col lg=\"5\" md=\"6\" sm=\"3\">\r\n                          <Select\r\n                            className=\"react-select info\"\r\n                            classNamePrefix=\"react-select\"\r\n                            placeholder=\"Choose City\"\r\n                            name=\"multipleSelect\"\r\n                            closeMenuOnSelect={false}\r\n                            isMulti\r\n                            value={this.state.multipleSelect}\r\n                            onChange={value =>\r\n                              this.setState({ multipleSelect: value })\r\n                            }\r\n                            options={[\r\n                              {\r\n                                value: \"\",\r\n                                label: \" Multiple Options\",\r\n                                isDisabled: true\r\n                              },\r\n                              { value: \"2\", label: \"Paris \" },\r\n                              { value: \"3\", label: \"Bucharest\" },\r\n                              { value: \"4\", label: \"Rome\" },\r\n                              { value: \"5\", label: \"New York\" },\r\n                              { value: \"6\", label: \"Miami \" },\r\n                              { value: \"7\", label: \"Piatra Neamt\" },\r\n                              { value: \"8\", label: \"Paris \" },\r\n                              { value: \"9\", label: \"Bucharest\" },\r\n                              { value: \"10\", label: \"Rome\" },\r\n                              { value: \"11\", label: \"New York\" },\r\n                              { value: \"12\", label: \"Miami \" },\r\n                              { value: \"13\", label: \"Piatra Neamt\" },\r\n                              { value: \"14\", label: \"Paris \" },\r\n                              { value: \"15\", label: \"Bucharest\" },\r\n                              { value: \"16\", label: \"Rome\" },\r\n                              { value: \"17\", label: \"New York\" },\r\n                              { value: \"18\", label: \"Miami \" },\r\n                              { value: \"19\", label: \"Piatra Neamt\" }\r\n                            ]}\r\n                          />\r\n                        </Col>\r\n                      </Row>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col className=\"mb-4\" md=\"6\">\r\n                      <CardTitle tag=\"h4\">Tags</CardTitle>\r\n                      <TagsInput\r\n                        onChange={this.handleTagsinput}\r\n                        tagProps={{ className: \"react-tagsinput-tag danger\" }}\r\n                        value={this.state.tagsinput}\r\n                      />\r\n                    </Col>\r\n                    <Col md=\"6\">\r\n                      <CardTitle tag=\"h4\">Dropdown &amp; Dropup</CardTitle>\r\n                      <Row>\r\n                        <Col lg=\"4\" md=\"6\" sm=\"3\">\r\n                          <UncontrolledDropdown>\r\n                            <DropdownToggle\r\n                              aria-expanded={false}\r\n                              aria-haspopup={true}\r\n                              caret\r\n                              className=\"btn-block\"\r\n                              color=\"primary\"\r\n                              data-toggle=\"dropdown\"\r\n                              id=\"dropdownMenuButton\"\r\n                              type=\"button\"\r\n                            >\r\n                              Dropdown\r\n                            </DropdownToggle>\r\n                            <DropdownMenu aria-labelledby=\"dropdownMenuButton\">\r\n                              <DropdownItem header>\r\n                                Dropdown header\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Action\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Another action\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Something else here\r\n                              </DropdownItem>\r\n                            </DropdownMenu>\r\n                          </UncontrolledDropdown>\r\n                        </Col>\r\n                        <Col lg=\"4\" md=\"6\" sm=\"3\">\r\n                          <UncontrolledDropdown direction=\"up\">\r\n                            <DropdownToggle\r\n                              caret\r\n                              className=\"btn-block\"\r\n                              color=\"primary\"\r\n                              data-toggle=\"dropdown\"\r\n                              type=\"button\"\r\n                            >\r\n                              Dropup\r\n                            </DropdownToggle>\r\n                            <DropdownMenu>\r\n                              <DropdownItem header>\r\n                                Dropdown header\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Action\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Another action\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Something else here\r\n                              </DropdownItem>\r\n                            </DropdownMenu>\r\n                          </UncontrolledDropdown>\r\n                        </Col>\r\n                      </Row>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col className=\"mb-4\" md=\"6\">\r\n                      <CardTitle tag=\"h4\">Progress Bars</CardTitle>\r\n                      <div className=\"progress-container\">\r\n                        <span className=\"progress-badge\">Default</span>\r\n                        <Progress max=\"100\" value=\"25\">\r\n                          <span className=\"progress-value\">25%</span>\r\n                        </Progress>\r\n                      </div>\r\n                      <div className=\"progress-container progress-primary\">\r\n                        <span className=\"progress-badge\">Primary</span>\r\n                        <Progress max=\"100\" value=\"60\">\r\n                          <span className=\"progress-value\">60%</span>\r\n                        </Progress>\r\n                      </div>\r\n                    </Col>\r\n                    <Col md=\"6\">\r\n                      <CardTitle className=\"mt-3\" tag=\"h4\">\r\n                        Sliders\r\n                      </CardTitle>\r\n                      <div className=\"slider\" ref=\"slider1\" />\r\n                      <br />\r\n                      <div\r\n                        className=\"slider slider-primary mb-3\"\r\n                        ref=\"slider2\"\r\n                      />\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"4\">\r\n                      <CardTitle tag=\"h4\">Regular Image</CardTitle>\r\n                      <ImageUpload\r\n                        addBtnColor=\"default\"\r\n                        changeBtnColor=\"default\"\r\n                      />\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <CardTitle tag=\"h4\">Avatar</CardTitle>\r\n                      <ImageUpload\r\n                        avatar\r\n                        addBtnColor=\"default\"\r\n                        changeBtnColor=\"default\"\r\n                      />\r\n                    </Col>\r\n                  </Row>\r\n                </CardBody>\r\n              </Card>\r\n              {/* end card */}\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ExtendedForms;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Button,\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardFooter,\r\n  CardTitle,\r\n  Label,\r\n  FormGroup,\r\n  Form,\r\n  Input,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass RegularForms extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"6\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Stacked Form</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Form action=\"#\">\r\n                    <label>Email address</label>\r\n                    <FormGroup>\r\n                      <Input type=\"email\" />\r\n                    </FormGroup>\r\n                    <label>Password</label>\r\n                    <FormGroup>\r\n                      <Input type=\"password\" autoComplete=\"off\" />\r\n                    </FormGroup>\r\n                    <FormGroup check className=\"mt-3\">\r\n                      <Label check>\r\n                        <Input type=\"checkbox\" />\r\n                        <span className=\"form-check-sign\" />\r\n                        Subscribe to newsletter\r\n                      </Label>\r\n                    </FormGroup>\r\n                  </Form>\r\n                </CardBody>\r\n                <CardFooter>\r\n                  <Button className=\"btn-fill\" color=\"primary\" type=\"submit\">\r\n                    Submit\r\n                  </Button>\r\n                </CardFooter>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"6\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Horizontal Form</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Form className=\"form-horizontal\">\r\n                    <Row>\r\n                      <Label md=\"3\">Username</Label>\r\n                      <Col md=\"9\">\r\n                        <FormGroup>\r\n                          <Input type=\"text\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label md=\"3\">Email</Label>\r\n                      <Col md=\"9\">\r\n                        <FormGroup>\r\n                          <Input type=\"email\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label md=\"3\">Password</Label>\r\n                      <Col md=\"9\">\r\n                        <FormGroup>\r\n                          <Input type=\"password\" autoComplete=\"off\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label md=\"3\" />\r\n                      <Col md=\"9\">\r\n                        <FormGroup check>\r\n                          <Label check>\r\n                            <Input type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />\r\n                            Remember me\r\n                          </Label>\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                  </Form>\r\n                </CardBody>\r\n                <CardFooter>\r\n                  <Form className=\"form-horizontal\">\r\n                    <Row>\r\n                      <Label md=\"3\" />\r\n                      <Col md=\"9\">\r\n                        <Button\r\n                          className=\"btn-fill\"\r\n                          color=\"primary\"\r\n                          type=\"submit\"\r\n                        >\r\n                          Sign in\r\n                        </Button>\r\n                      </Col>\r\n                    </Row>\r\n                  </Form>\r\n                </CardFooter>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"12\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Form Elements</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Form action=\"/\" className=\"form-horizontal\" method=\"get\">\r\n                    <Row>\r\n                      <Label sm=\"2\">With help</Label>\r\n                      <Col sm=\"10\">\r\n                        <FormGroup>\r\n                          <Input type=\"text\" />\r\n                          <span className=\"form-text\">\r\n                            {`A block of help text that breaks onto a new line.`}\r\n                          </span>\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Password</Label>\r\n                      <Col sm=\"10\">\r\n                        <FormGroup>\r\n                          <Input type=\"password\" autoComplete=\"off\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Placeholder</Label>\r\n                      <Col sm=\"10\">\r\n                        <FormGroup>\r\n                          <Input placeholder=\"placeholder\" type=\"text\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Disabled</Label>\r\n                      <Col sm=\"10\">\r\n                        <FormGroup>\r\n                          <Input\r\n                            defaultValue=\"Disabled input here..\"\r\n                            disabled\r\n                            type=\"text\"\r\n                          />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Static control</Label>\r\n                      <Col sm=\"10\">\r\n                        <FormGroup>\r\n                          <p className=\"form-control-static\">\r\n                            hello@creative-tim.com\r\n                          </p>\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Checkboxes and radios</Label>\r\n                      <Col className=\"checkbox-radios\" sm=\"10\">\r\n                        <FormGroup check>\r\n                          <Label check>\r\n                            <Input type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />\r\n                            First Checkbox\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check>\r\n                          <Label check>\r\n                            <Input type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />\r\n                            Second Checkbox\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check className=\"form-check-radio\">\r\n                          <Label check>\r\n                            <Input\r\n                              defaultChecked\r\n                              defaultValue=\"option1\"\r\n                              id=\"exampleRadios1\"\r\n                              name=\"exampleRadios\"\r\n                              type=\"radio\"\r\n                            />\r\n                            <span className=\"form-check-sign\" />\r\n                            First Radio\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check className=\"form-check-radio\">\r\n                          <Label check>\r\n                            <Input\r\n                              defaultValue=\"option2\"\r\n                              id=\"exampleRadios2\"\r\n                              name=\"exampleRadios\"\r\n                              type=\"radio\"\r\n                            />\r\n                            <span className=\"form-check-sign\" />\r\n                            Second Radio\r\n                          </Label>\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Inline checkboxes</Label>\r\n                      <Col sm=\"10\">\r\n                        <FormGroup check inline>\r\n                          <Label check>\r\n                            <Input type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />a\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check inline>\r\n                          <Label check>\r\n                            <Input type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />b\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check inline>\r\n                          <Label check>\r\n                            <Input type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />c\r\n                          </Label>\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                  </Form>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"12\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Input Variants</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Form action=\"/\" className=\"form-horizontal\" method=\"get\">\r\n                    <Row>\r\n                      <Label sm=\"2\">Custom Checkboxes &amp; radios</Label>\r\n                      <Col className=\"checkbox-radios\" sm=\"4\">\r\n                        <FormGroup check>\r\n                          <Label check>\r\n                            <Input type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />\r\n                            Unchecked\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check>\r\n                          <Label check>\r\n                            <Input defaultChecked type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />\r\n                            Checked\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check disabled>\r\n                          <Label check>\r\n                            <Input disabled type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />\r\n                            Disabled Unchecked\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check disabled>\r\n                          <Label check>\r\n                            <Input disabled type=\"checkbox\" />\r\n                            <span className=\"form-check-sign\" />\r\n                            Disabled Checked\r\n                          </Label>\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"checkbox-radios\" sm=\"5\">\r\n                        <FormGroup check className=\"form-check-radio\">\r\n                          <Label check>\r\n                            <Input\r\n                              defaultValue=\"option1\"\r\n                              id=\"exampleRadios3\"\r\n                              name=\"exampleRadio\"\r\n                              type=\"radio\"\r\n                            />\r\n                            <span className=\"form-check-sign\" />\r\n                            Radio is off\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check className=\"form-check-radio\">\r\n                          <Label check>\r\n                            <Input\r\n                              defaultChecked\r\n                              defaultValue=\"option2\"\r\n                              id=\"exampleRadios4\"\r\n                              name=\"exampleRadio\"\r\n                              type=\"radio\"\r\n                            />\r\n                            <span className=\"form-check-sign\" />\r\n                            Radio is on\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check className=\"form-check-radio\" disabled>\r\n                          <Label check>\r\n                            <Input\r\n                              defaultValue=\"option1\"\r\n                              disabled\r\n                              id=\"exampleRadios5\"\r\n                              name=\"exampleRadio1\"\r\n                              type=\"radio\"\r\n                            />\r\n                            <span className=\"form-check-sign\" />\r\n                            Radio is off\r\n                          </Label>\r\n                        </FormGroup>\r\n                        <FormGroup check className=\"form-check-radio\" disabled>\r\n                          <Label check>\r\n                            <Input\r\n                              defaultChecked\r\n                              defaultValue=\"option2\"\r\n                              disabled\r\n                              id=\"exampleRadios6\"\r\n                              name=\"exampleRadio1\"\r\n                              type=\"radio\"\r\n                            />\r\n                            <span className=\"form-check-sign\" />\r\n                            Radio is on\r\n                          </Label>\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Input with success</Label>\r\n                      <Col sm=\"10\">\r\n                        <FormGroup className=\"has-success\">\r\n                          <Input defaultValue=\"Success\" type=\"text\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Input with error</Label>\r\n                      <Col sm=\"10\">\r\n                        <FormGroup className=\"has-danger\">\r\n                          <Input defaultValue=\"Error\" type=\"text\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Label sm=\"2\">Column sizing</Label>\r\n                      <Col sm=\"10\">\r\n                        <Row>\r\n                          <Col md=\"3\">\r\n                            <FormGroup>\r\n                              <Input placeholder=\".col-md-3\" type=\"text\" />\r\n                            </FormGroup>\r\n                          </Col>\r\n                          <Col md=\"4\">\r\n                            <FormGroup>\r\n                              <Input placeholder=\".col-md-4\" type=\"text\" />\r\n                            </FormGroup>\r\n                          </Col>\r\n                          <Col md=\"5\">\r\n                            <FormGroup>\r\n                              <Input placeholder=\".col-md-5\" type=\"text\" />\r\n                            </FormGroup>\r\n                          </Col>\r\n                        </Row>\r\n                      </Col>\r\n                    </Row>\r\n                  </Form>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default RegularForms;\r\n","// ##############################\r\n// // // data for populating the calendar in Calendar view\r\n// #############################\r\n\r\nvar today = new Date();\r\nvar y = today.getFullYear();\r\nvar m = today.getMonth();\r\nvar d = today.getDate();\r\n\r\nconst events = [\r\n  {\r\n    title: \"All Day Event\",\r\n    allDay: true,\r\n    start: new Date(y, m, 1),\r\n    end: new Date(y, m, 1)\r\n  },\r\n  {\r\n    title: \"Meeting\",\r\n    start: new Date(y, m, d - 1, 10, 30),\r\n    end: new Date(y, m, d - 1, 11, 30),\r\n    allDay: false,\r\n    color: \"green\"\r\n  },\r\n  {\r\n    title: \"Lunch\",\r\n    start: new Date(y, m, d + 7, 12, 0),\r\n    end: new Date(y, m, d + 7, 14, 0),\r\n    allDay: false,\r\n    color: \"red\"\r\n  },\r\n  {\r\n    title: \"BD-PRO-REACT Launch\",\r\n    start: new Date(y, m, d - 2),\r\n    end: new Date(y, m, d - 2),\r\n    allDay: true,\r\n    color: \"azure\"\r\n  },\r\n  {\r\n    title: \"Birthday Party\",\r\n    start: new Date(y, m, d + 1, 19, 0),\r\n    end: new Date(y, m, d + 1, 22, 30),\r\n    allDay: false,\r\n    color: \"azure\"\r\n  },\r\n  {\r\n    title: \"Click for Creative Tim\",\r\n    start: new Date(y, m, 21),\r\n    end: new Date(y, m, 22),\r\n    color: \"orange\"\r\n  },\r\n  {\r\n    title: \"Click for Google\",\r\n    start: new Date(y, m, 21),\r\n    end: new Date(y, m, 22),\r\n    color: \"orange\"\r\n  }\r\n];\r\nexport { events };\r\n","import React from \"react\";\r\n// react component used to create a calendar with events on it\r\nimport BigCalendar from \"react-big-calendar\";\r\n// dependency plugin for react-big-calendar\r\nimport moment from \"moment\";\r\n// react component used to create alerts\r\nimport SweetAlert from \"react-bootstrap-sweetalert\";\r\n\r\n// reactstrap components\r\nimport { Card, CardBody, Row, Col } from \"reactstrap\";\r\n\r\nimport { events } from \"../variables/general.jsx\";\r\n\r\nconst localizer = BigCalendar.momentLocalizer(moment);\r\n\r\nclass Calendar extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      events: events,\r\n      alert: null\r\n    };\r\n  }\r\n  selectedEvent = event => {\r\n    alert(event.title);\r\n  };\r\n  addNewEventAlert = slotInfo => {\r\n    this.setState({\r\n      alert: (\r\n        <SweetAlert\r\n          input\r\n          showCancel\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Input something\"\r\n          onConfirm={e => this.addNewEvent(e, slotInfo)}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"info\"\r\n          cancelBtnBsStyle=\"danger\"\r\n        />\r\n      )\r\n    });\r\n  };\r\n  addNewEvent = (e, slotInfo) => {\r\n    var newEvents = this.state.events;\r\n    newEvents.push({\r\n      title: e,\r\n      start: slotInfo.start,\r\n      end: slotInfo.end\r\n    });\r\n    this.setState({\r\n      alert: null,\r\n      events: newEvents\r\n    });\r\n  };\r\n  hideAlert = () => {\r\n    this.setState({\r\n      alert: null\r\n    });\r\n  };\r\n  eventColors = (event, start, end, isSelected) => {\r\n    var backgroundColor = \"event-\";\r\n    event.color\r\n      ? (backgroundColor = backgroundColor + event.color)\r\n      : (backgroundColor = backgroundColor + \"default\");\r\n    return {\r\n      className: backgroundColor\r\n    };\r\n  };\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          {this.state.alert}\r\n          <Row>\r\n            <Col className=\"ml-auto mr-auto\" md=\"10\">\r\n              <Card className=\"card-calendar\">\r\n                <CardBody>\r\n                  <BigCalendar\r\n                    selectable\r\n                    localizer={localizer}\r\n                    events={this.state.events}\r\n                    defaultView=\"month\"\r\n                    scrollToTime={new Date(1970, 1, 1, 6)}\r\n                    defaultDate={new Date()}\r\n                    onSelectEvent={event => this.selectedEvent(event)}\r\n                    onSelectSlot={slotInfo => this.addNewEventAlert(slotInfo)}\r\n                    eventPropGetter={this.eventColors}\r\n                  />\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Calendar;\r\n","import React from \"react\";\r\n// react plugin used to create switch buttons\r\nimport Switch from \"react-bootstrap-switch\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Badge,\r\n  Button,\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardFooter,\r\n  CardImg,\r\n  CardTitle,\r\n  DropdownToggle,\r\n  DropdownMenu,\r\n  DropdownItem,\r\n  UncontrolledDropdown,\r\n  Label,\r\n  FormGroup,\r\n  Input,\r\n  ListGroupItem,\r\n  ListGroup,\r\n  Table,\r\n  Row,\r\n  Col,\r\n  UncontrolledTooltip\r\n} from \"reactstrap\";\r\n\r\nclass Widgets extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col className=\"text-center\" lg=\"6\" sm=\"6\">\r\n              <Card className=\"card-tasks text-left\">\r\n                <CardHeader>\r\n                  <h6 className=\"title d-inline\">Tasks(5)</h6>\r\n                  <p className=\"card-category d-inline\">Today</p>\r\n                  <UncontrolledDropdown>\r\n                    <DropdownToggle\r\n                      caret\r\n                      className=\"btn-icon\"\r\n                      color=\"link\"\r\n                      data-toggle=\"dropdown\"\r\n                      type=\"button\"\r\n                    >\r\n                      <i className=\"tim-icons icon-settings-gear-63\" />\r\n                    </DropdownToggle>\r\n                    <DropdownMenu right>\r\n                      <DropdownItem\r\n                        href=\"#pablo\"\r\n                        onClick={e => e.preventDefault()}\r\n                      >\r\n                        Action\r\n                      </DropdownItem>\r\n                      <DropdownItem\r\n                        href=\"#pablo\"\r\n                        onClick={e => e.preventDefault()}\r\n                      >\r\n                        Another action\r\n                      </DropdownItem>\r\n                      <DropdownItem\r\n                        href=\"#pablo\"\r\n                        onClick={e => e.preventDefault()}\r\n                      >\r\n                        Something else here\r\n                      </DropdownItem>\r\n                    </DropdownMenu>\r\n                  </UncontrolledDropdown>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"table-responsive table-full-width\">\r\n                    <Table>\r\n                      <tbody>\r\n                        <tr>\r\n                          <td>\r\n                            <FormGroup check>\r\n                              <Label check>\r\n                                <Input defaultValue=\"\" type=\"checkbox\" />\r\n                                <span className=\"form-check-sign\">\r\n                                  <span className=\"check\" />\r\n                                </span>\r\n                              </Label>\r\n                            </FormGroup>\r\n                          </td>\r\n                          <td>\r\n                            <p className=\"title\">Update the Documentation</p>\r\n                            <p className=\"text-muted\">\r\n                              Dwuamish Head, Seattle, WA 8:47 AM\r\n                            </p>\r\n                          </td>\r\n                          <td className=\"td-actions text-right\">\r\n                            <Button\r\n                              color=\"link\"\r\n                              id=\"tooltip170482171\"\r\n                              title=\"\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-settings\" />\r\n                            </Button>\r\n                            <UncontrolledTooltip\r\n                              delay={0}\r\n                              target=\"tooltip170482171\"\r\n                            >\r\n                              Edit Task\r\n                            </UncontrolledTooltip>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td>\r\n                            <FormGroup check>\r\n                              <Label check>\r\n                                <Input\r\n                                  defaultChecked\r\n                                  defaultValue=\"\"\r\n                                  type=\"checkbox\"\r\n                                />\r\n                                <span className=\"form-check-sign\">\r\n                                  <span className=\"check\" />\r\n                                </span>\r\n                              </Label>\r\n                            </FormGroup>\r\n                          </td>\r\n                          <td>\r\n                            <p className=\"title\">GDPR Compliance</p>\r\n                            <p className=\"text-muted\">\r\n                              Alki Ave SW, Seattle, WA 98116, SUA 12:29 PM\r\n                            </p>\r\n                          </td>\r\n                          <td className=\"td-actions text-right\">\r\n                            <Button\r\n                              color=\"link\"\r\n                              id=\"tooltip720626938\"\r\n                              title=\"\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-settings\" />\r\n                            </Button>\r\n                            <UncontrolledTooltip\r\n                              delay={0}\r\n                              target=\"tooltip720626938\"\r\n                            >\r\n                              Edit Task\r\n                            </UncontrolledTooltip>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td>\r\n                            <FormGroup check>\r\n                              <Label check>\r\n                                <Input defaultValue=\"\" type=\"checkbox\" />\r\n                                <span className=\"form-check-sign\">\r\n                                  <span className=\"check\" />\r\n                                </span>\r\n                              </Label>\r\n                            </FormGroup>\r\n                          </td>\r\n                          <td>\r\n                            <p className=\"title\">Export the processed files</p>\r\n                            <p className=\"text-muted\">\r\n                              Capitol Hill, Seattle, WA 12:34 AM\r\n                            </p>\r\n                          </td>\r\n                          <td className=\"td-actions text-right\">\r\n                            <Button\r\n                              color=\"link\"\r\n                              id=\"tooltip598446371\"\r\n                              title=\"\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-settings\" />\r\n                            </Button>\r\n                            <UncontrolledTooltip\r\n                              delay={0}\r\n                              target=\"tooltip598446371\"\r\n                            >\r\n                              Edit Task\r\n                            </UncontrolledTooltip>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td>\r\n                            <FormGroup check>\r\n                              <Label check>\r\n                                <Input defaultValue=\"\" type=\"checkbox\" />\r\n                                <span className=\"form-check-sign\">\r\n                                  <span className=\"check\" />\r\n                                </span>\r\n                              </Label>\r\n                            </FormGroup>\r\n                          </td>\r\n                          <td>\r\n                            <p className=\"title\">Release v2.0.0</p>\r\n                            <p className=\"text-muted\">\r\n                              Ra Ave SW, Seattle, WA 98116, SUA 11:19 AM\r\n                            </p>\r\n                          </td>\r\n                          <td className=\"td-actions text-right\">\r\n                            <Button\r\n                              color=\"link\"\r\n                              id=\"tooltip797367748\"\r\n                              title=\"\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-settings\" />\r\n                            </Button>\r\n                            <UncontrolledTooltip\r\n                              delay={0}\r\n                              target=\"tooltip797367748\"\r\n                            >\r\n                              Edit Task\r\n                            </UncontrolledTooltip>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td>\r\n                            <FormGroup check>\r\n                              <Label check>\r\n                                <Input defaultValue=\"\" type=\"checkbox\" />\r\n                                <span className=\"form-check-sign\">\r\n                                  <span className=\"check\" />\r\n                                </span>\r\n                              </Label>\r\n                            </FormGroup>\r\n                          </td>\r\n                          <td>\r\n                            <p className=\"title\">Solve the issues</p>\r\n                            <p className=\"text-muted\">\r\n                              Caption Hill, LA 12:34 AM\r\n                            </p>\r\n                          </td>\r\n                          <td className=\"td-actions text-right\">\r\n                            <Button\r\n                              color=\"link\"\r\n                              id=\"tooltip147107903\"\r\n                              title=\"\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-settings\" />\r\n                            </Button>\r\n                            <UncontrolledTooltip\r\n                              delay={0}\r\n                              target=\"tooltip147107903\"\r\n                            >\r\n                              Edit Task\r\n                            </UncontrolledTooltip>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td>\r\n                            <FormGroup check>\r\n                              <Label check>\r\n                                <Input defaultValue=\"\" type=\"checkbox\" />\r\n                                <span className=\"form-check-sign\">\r\n                                  <span className=\"check\" />\r\n                                </span>\r\n                              </Label>\r\n                            </FormGroup>\r\n                          </td>\r\n                          <td>\r\n                            <p className=\"title\">Arival at export process</p>\r\n                            <p className=\"text-muted\">\r\n                              Capitol Hill, Seattle, WA 12:34 AM\r\n                            </p>\r\n                          </td>\r\n                          <td className=\"td-actions text-right\">\r\n                            <Button\r\n                              color=\"link\"\r\n                              id=\"tooltip841399405\"\r\n                              title=\"\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-settings\" />\r\n                            </Button>\r\n                            <UncontrolledTooltip\r\n                              delay={0}\r\n                              target=\"tooltip841399405\"\r\n                            >\r\n                              Edit Task\r\n                            </UncontrolledTooltip>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </Table>\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n              <Card className=\"card-contributions\">\r\n                <CardBody>\r\n                  <CardTitle tag=\"h1\">6,332</CardTitle>\r\n                  <h3 className=\"card-category\">Total Public Contributions</h3>\r\n                  <p className=\"card-description\">\r\n                    After a very successful two-year run, we’re going to be\r\n                    changing the way that contributions work.\r\n                  </p>\r\n                </CardBody>\r\n                <hr />\r\n                <CardFooter>\r\n                  <Row>\r\n                    <Col className=\"ml-auto mr-auto\" lg=\"6\" md=\"8\">\r\n                      <div className=\"card-stats justify-content-center\">\r\n                        <Switch offColor=\"\" onColor=\"\" />\r\n                        <span>All public contributions</span>\r\n                      </div>\r\n                    </Col>\r\n                    <Col className=\"ml-auto mr-auto\" lg=\"6\" md=\"8\">\r\n                      <div className=\"card-stats justify-content-center\">\r\n                        <Switch defaultValue={false} offColor=\"\" onColor=\"\" />\r\n                        <span>Past week contributions</span>\r\n                      </div>\r\n                    </Col>\r\n                  </Row>\r\n                </CardFooter>\r\n              </Card>\r\n            </Col>\r\n            <Col lg=\"6\" sm=\"6\">\r\n              <Card className=\"card-timeline card-plain\">\r\n                <CardBody>\r\n                  <ul className=\"timeline timeline-simple\">\r\n                    <li className=\"timeline-inverted\">\r\n                      <div className=\"timeline-badge danger\">\r\n                        <i className=\"tim-icons icon-bag-16\" />\r\n                      </div>\r\n                      <div className=\"timeline-panel\">\r\n                        <div className=\"timeline-heading\">\r\n                          <Badge color=\"danger\">Some Title</Badge>\r\n                        </div>\r\n                        <div className=\"timeline-body\">\r\n                          <p>\r\n                            Wifey made the best Father's Day meal ever. So\r\n                            thankful so happy so blessed. Thank you for making\r\n                            my family We just had fun with the “future” theme\r\n                            !!! It was a fun night all together ... The always\r\n                            rude Kanye Show at 2am Sold Out Famous viewing @\r\n                            Figueroa and 12th in downtown.\r\n                          </p>\r\n                        </div>\r\n                        <h6>\r\n                          <i className=\"ti-time\" />\r\n                          11 hours ago via Twitter\r\n                        </h6>\r\n                      </div>\r\n                    </li>\r\n                    <li className=\"timeline-inverted\">\r\n                      <div className=\"timeline-badge success\">\r\n                        <i className=\"tim-icons icon-gift-2\" />\r\n                      </div>\r\n                      <div className=\"timeline-panel\">\r\n                        <div className=\"timeline-heading\">\r\n                          <Badge color=\"success\">Another One</Badge>\r\n                        </div>\r\n                        <div className=\"timeline-body\">\r\n                          <p>\r\n                            Thank God for the support of my wife and real\r\n                            friends. I also wanted to point out that it’s the\r\n                            first album to go number 1 off of streaming!!! I\r\n                            love you Ellen and also my number one design rule of\r\n                            anything I do from shoes to music to homes is that\r\n                            Kim has to like it....\r\n                          </p>\r\n                        </div>\r\n                      </div>\r\n                    </li>\r\n                    <li className=\"timeline-inverted\">\r\n                      <div className=\"timeline-badge info\">\r\n                        <i className=\"tim-icons icon-planet\" />\r\n                      </div>\r\n                      <div className=\"timeline-panel\">\r\n                        <div className=\"timeline-heading\">\r\n                          <Badge color=\"info\">Another Title</Badge>\r\n                        </div>\r\n                        <div className=\"timeline-body\">\r\n                          <p>\r\n                            Called I Miss the Old Kanye That’s all it was Kanye\r\n                            And I love you like Kanye loves Kanye Famous viewing\r\n                            @ Figueroa and 12th in downtown LA 11:10PM\r\n                          </p>\r\n                          <p>\r\n                            What if Kanye made a song about Kanye Royère doesn't\r\n                            make a Polar bear bed but the Polar bear couch is my\r\n                            favorite piece of furniture we own It wasn’t any\r\n                            Kanyes Set on his goals Kanye\r\n                          </p>\r\n                          <hr />\r\n                        </div>\r\n                        <div className=\"timeline-footer\">\r\n                          <UncontrolledDropdown>\r\n                            <DropdownToggle\r\n                              caret\r\n                              className=\"btn-round\"\r\n                              color=\"info\"\r\n                              data-toggle=\"dropdown\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-bullet-list-67\" />\r\n                            </DropdownToggle>\r\n                            <DropdownMenu>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Action\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Another action\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Something else here\r\n                              </DropdownItem>\r\n                            </DropdownMenu>\r\n                          </UncontrolledDropdown>\r\n                        </div>\r\n                      </div>\r\n                    </li>\r\n                  </ul>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col lg=\"3\" md=\"6\">\r\n              <Card className=\"card-pricing card-primary card-white\">\r\n                <CardBody>\r\n                  <CardTitle tag=\"h1\">pro</CardTitle>\r\n                  <CardImg\r\n                    alt=\"...\"\r\n                    src={require(\"../assets/img/card-primary.png\")}\r\n                  />\r\n                  <ListGroup>\r\n                    <ListGroupItem>300 messages</ListGroupItem>\r\n                    <ListGroupItem>150 emails</ListGroupItem>\r\n                    <ListGroupItem>24/7 Support</ListGroupItem>\r\n                  </ListGroup>\r\n                  <div className=\"card-prices\">\r\n                    <h3 className=\"text-on-front\">\r\n                      <span>$</span>\r\n                      95\r\n                    </h3>\r\n                    <h5 className=\"text-on-back\">95</h5>\r\n                    <p className=\"plan\">Professional plan</p>\r\n                  </div>\r\n                </CardBody>\r\n                <CardFooter className=\"text-center mb-3 mt-3\">\r\n                  <Button className=\"btn-round btn-just-icon\" color=\"primary\">\r\n                    Get started\r\n                  </Button>\r\n                </CardFooter>\r\n              </Card>\r\n            </Col>\r\n            <Col lg=\"3\" md=\"6\">\r\n              <Card className=\"card-pricing card-primary\">\r\n                <CardBody>\r\n                  <CardTitle tag=\"h1\">pro</CardTitle>\r\n                  <CardImg\r\n                    alt=\"...\"\r\n                    src={require(\"../assets/img/card-primary.png\")}\r\n                  />\r\n                  <ListGroup>\r\n                    <ListGroupItem>300 messages</ListGroupItem>\r\n                    <ListGroupItem>150 emails</ListGroupItem>\r\n                    <ListGroupItem>24/7 Support</ListGroupItem>\r\n                  </ListGroup>\r\n                  <div className=\"card-prices\">\r\n                    <h3 className=\"text-on-front\">\r\n                      <span>$</span>\r\n                      95\r\n                    </h3>\r\n                    <h5 className=\"text-on-back\">95</h5>\r\n                    <p className=\"plan\">Professional plan</p>\r\n                  </div>\r\n                </CardBody>\r\n                <CardFooter className=\"text-center mb-3 mt-3\">\r\n                  <Button className=\"btn-round btn-just-icon\" color=\"primary\">\r\n                    Get started\r\n                  </Button>\r\n                </CardFooter>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"6\">\r\n              <Card className=\"card-testimonial\">\r\n                <CardHeader className=\"card-header-avatar\">\r\n                  <a href=\"#pablo\" onClick={e => e.preventDefault()}>\r\n                    <img\r\n                      alt=\"...\"\r\n                      className=\"img img-raised\"\r\n                      src={require(\"../assets/img/james.jpg\")}\r\n                    />\r\n                  </a>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <p className=\"card-description\">\r\n                    The networking at Web Summit is like no other European tech\r\n                    conference.\r\n                  </p>\r\n                  <div className=\"icon icon-primary\">\r\n                    <i className=\"fa fa-quote-right\" />\r\n                  </div>\r\n                </CardBody>\r\n                <CardFooter>\r\n                  <CardTitle tag=\"h4\">Robert Priscen</CardTitle>\r\n                  <p className=\"category\">@robertpriscen</p>\r\n                </CardFooter>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Widgets;\r\n","import { createAction } from \"redux-act\";\r\n\r\nexport const unitReportRequest = createAction(\"unit report request\");\r\nexport const unitReportRequestStarting = createAction(\"unit report request starting\");\r\nexport const unitReportRequestSuccess = createAction(\"unit report request success\");\r\nexport const unitReportRequestError = createAction(\"unit report request error\");","import React from \"react\";\r\n// react plugin used to create charts\r\nimport { Line, Bar, Pie } from \"react-chartjs-2\";\r\n// reactstrap components\r\nimport { Card, CardHeader, CardBody, CardTitle, Row, Col } from \"reactstrap\";\r\n\r\n// core components\r\nimport {\r\n  chartExample5,\r\n  chartExample6,\r\n  chartExample7,\r\n  chartExample8,\r\n  chartExample9,\r\n  chartExample10\r\n} from \"../variables/charts.jsx\";\r\n\r\nclass Charts extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <h2 className=\"text-center\">Charts.js</h2>\r\n          <p className=\"category text-center\">\r\n            Simple yet flexible JavaScript charting for designers &amp;\r\n            developers. Made by our friends from{\" \"}\r\n            <a\r\n              href=\"http://www.chartjs.org\"\r\n              rel=\"noopener noreferrer\"\r\n              target=\"_blank\"\r\n            >\r\n              Charts.js\r\n            </a>\r\n            . Please check{\" \"}\r\n            <a\r\n              href=\"http://www.chartjs.org/docs/latest/\"\r\n              rel=\"noopener noreferrer\"\r\n              target=\"_blank\"\r\n            >\r\n              the full documentation\r\n            </a>\r\n            .\r\n          </p>\r\n          <Row className=\"mt-5\">\r\n            <Col className=\"ml-auto\" md=\"5\">\r\n              <Card className=\"card-chart\">\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">Simple With Gradient</h5>\r\n                  <CardTitle tag=\"h3\">\r\n                    <i className=\"tim-icons icon-chart-bar-32 text-primary\" />{\" \"}\r\n                    10,000\r\n                  </CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"chart-area\">\r\n                    <Line\r\n                      data={chartExample5.data}\r\n                      options={chartExample5.options}\r\n                    />\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col className=\"mr-auto\" md=\"5\">\r\n              <Card className=\"card-chart\">\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">With Numbers and Grid</h5>\r\n                  <CardTitle tag=\"h3\">\r\n                    <i className=\"tim-icons icon-send text-info\" /> 750,000€\r\n                  </CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"chart-area\">\r\n                    <Line\r\n                      data={chartExample6.data}\r\n                      options={chartExample6.options}\r\n                    />\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col className=\"ml-auto\" md=\"5\">\r\n              <Card className=\"card-chart\">\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">Gradient Bar Chart</h5>\r\n                  <CardTitle tag=\"h3\">\r\n                    <i className=\"tim-icons icon-shape-star text-danger\" />{\" \"}\r\n                    1,000,000£\r\n                  </CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"chart-area\">\r\n                    <Bar\r\n                      data={chartExample7.data}\r\n                      options={chartExample7.options}\r\n                    />\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col className=\"mr-auto\" md=\"5\">\r\n              <Card className=\"card-chart\">\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">\r\n                    Multiple Bars Chart With Grid\r\n                  </h5>\r\n                  <CardTitle tag=\"h3\">\r\n                    <i className=\"tim-icons icon-time-alarm text-warning\" />{\" \"}\r\n                    130,000$\r\n                  </CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"chart-area\">\r\n                    <Bar\r\n                      data={chartExample8.data}\r\n                      options={chartExample8.options}\r\n                    />\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col className=\"ml-auto\" md=\"5\">\r\n              <Card className=\"card-chart card-chart-pie\">\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">Simple Pie Chart</h5>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Row>\r\n                    <Col xs=\"6\">\r\n                      <div className=\"chart-area\">\r\n                        <Pie\r\n                          data={chartExample9.data}\r\n                          options={chartExample9.options}\r\n                        />\r\n                      </div>\r\n                    </Col>\r\n                    <Col xs=\"6\">\r\n                      <CardTitle tag=\"h4\">\r\n                        <i className=\"tim-icons icon-trophy text-success\" />{\" \"}\r\n                        10.000$\r\n                      </CardTitle>\r\n                      <p className=\"category\">A total of $54000</p>\r\n                    </Col>\r\n                  </Row>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col className=\"mr-auto\" md=\"5\">\r\n              <Card className=\"card-chart card-chart-pie\">\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">Multiple Pie Chart</h5>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Row>\r\n                    <Col xs=\"6\">\r\n                      <div className=\"chart-area\">\r\n                        <Pie\r\n                          data={chartExample10.data}\r\n                          options={chartExample10.options}\r\n                        />\r\n                      </div>\r\n                    </Col>\r\n                    <Col xs=\"6\">\r\n                      <CardTitle tag=\"h4\">\r\n                        <i className=\"tim-icons icon-tag text-warning\" />{\" \"}\r\n                        130,000\r\n                      </CardTitle>\r\n                      <p className=\"category\">Feedback from 20.000 users</p>\r\n                    </Col>\r\n                  </Row>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Charts;\r\n","import React from \"react\";\r\nimport { Line } from \"react-chartjs-2\";\r\nimport { Card, CardHeader, CardBody, CardTitle, Row, Col, } from \"reactstrap\";\r\n\r\nclass MetlifeCommissionUnitReport extends React.Component {\r\n    getMonthName(number) {\r\n        const monthNames = [\"Január\", \"Február\", \"Marec\", \"Apríl\", \"Máj\", \"Jún\",\r\n            \"Júl\", \"August\", \"September\", \"Október\", \"November\", \"December\"\r\n        ];\r\n\r\n        return monthNames[number - 1];\r\n    }\r\n\r\n    render() {\r\n        let data = canvas => {\r\n            let ctx = canvas.getContext(\"2d\");\r\n\r\n            let gradientStroke = ctx.createLinearGradient(0, 230, 0, 50);\r\n\r\n            gradientStroke.addColorStop(1, \"rgba(29,140,248,0.2)\");\r\n            gradientStroke.addColorStop(0.4, \"rgba(29,140,248,0.0)\");\r\n            gradientStroke.addColorStop(0, \"rgba(29,140,248,0)\"); //blue colors\r\n\r\n            return {\r\n                labels: this.props.data.map((value) => {\r\n                    return this.getMonthName(value.month) + \" \" + value.year;\r\n                }),\r\n                datasets: [\r\n                    {\r\n                        label: \"Počet jednotiek\",\r\n                        fill: true,\r\n                        backgroundColor: gradientStroke,\r\n                        borderColor: \"#1f8ef1\",\r\n                        borderWidth: 2,\r\n                        borderDash: [],\r\n                        borderDashOffset: 0.0,\r\n                        pointBackgroundColor: \"#1f8ef1\",\r\n                        pointBorderColor: \"rgba(255,255,255,0)\",\r\n                        pointHoverBackgroundColor: \"#1f8ef1\",\r\n                        pointBorderWidth: 20,\r\n                        pointHoverRadius: 4,\r\n                        pointHoverBorderWidth: 15,\r\n                        pointRadius: 4,\r\n                        data: this.props.data.map(function (value) {\r\n                            return value.units;\r\n                        })\r\n                    }\r\n                ]\r\n            };\r\n        };\r\n\r\n        let options = {\r\n            maintainAspectRatio: false,\r\n            legend: {\r\n                display: false\r\n            },\r\n            tooltips: {\r\n                backgroundColor: \"#f5f5f5\",\r\n                titleFontColor: \"#333\",\r\n                bodyFontColor: \"#666\",\r\n                bodySpacing: 4,\r\n                xPadding: 12,\r\n                mode: \"nearest\",\r\n                intersect: 0,\r\n                position: \"nearest\"\r\n            },\r\n            responsive: true,\r\n            scales: {\r\n                yAxes: [\r\n                    {\r\n                        barPercentage: 1.6,\r\n                        gridLines: {\r\n                            drawBorder: false,\r\n                            color: \"rgba(29,140,248,0.0)\",\r\n                            zeroLineColor: \"transparent\"\r\n                        },\r\n                        ticks: {\r\n                            suggestedMin: 60,\r\n                            suggestedMax: 125,\r\n                            padding: 20,\r\n                            fontColor: \"#9a9a9a\"\r\n                        }\r\n                    }\r\n                ],\r\n                xAxes: [\r\n                    {\r\n                        barPercentage: 1.6,\r\n                        gridLines: {\r\n                            drawBorder: false,\r\n                            color: \"rgba(29,140,248,0.1)\",\r\n                            zeroLineColor: \"transparent\"\r\n                        },\r\n                        ticks: {\r\n                            padding: 20,\r\n                            fontColor: \"#9a9a9a\"\r\n                        }\r\n                    }\r\n                ]\r\n            }\r\n        };\r\n\r\n        return (\r\n            <>\r\n                <Card className=\"card-chart\">\r\n                    <CardHeader>\r\n                        <Row>\r\n                            <Col className=\"text-left\" sm=\"6\">\r\n                                <h5 className=\"card-category\">Jednotky</h5>\r\n                                <CardTitle tag=\"h2\">Metlife provízie</CardTitle>\r\n                            </Col>\r\n                        </Row>\r\n                    </CardHeader>\r\n                    <CardBody>\r\n                        <div className=\"chart-area\">\r\n                            <Line\r\n                                data={data}\r\n                                options={options}\r\n                            />\r\n                        </div>\r\n                    </CardBody>\r\n                </Card>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport default MetlifeCommissionUnitReport;","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { unitReportRequest } from \"../store/actions/dashboardActions\";\r\nimport MetlifeCommissionUnitReport from \"../components/Reports/MetlifeCommissionUnitReport\";\r\n// reactstrap components\r\nimport {\r\n    Button,\r\n    ButtonGroup,\r\n    Card,\r\n    CardHeader,\r\n    CardBody,\r\n    CardFooter,\r\n    CardTitle,\r\n    DropdownToggle,\r\n    DropdownMenu,\r\n    DropdownItem,\r\n    UncontrolledDropdown,\r\n    Label,\r\n    FormGroup,\r\n    Input,\r\n    Progress,\r\n    Table,\r\n    Row,\r\n    Col,\r\n    UncontrolledTooltip\r\n} from \"reactstrap\";\r\n\r\nclass Dashboard extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.props.loadUnitReport();\r\n        this.state = {\r\n            bigChartData: \"data1\"\r\n        };\r\n    }\r\n\r\n    setBgChartData = name => {\r\n        this.setState({\r\n            bigChartData: name\r\n        });\r\n    };\r\n\r\n    render() {\r\n        return (\r\n            <>\r\n                <div className=\"content\">\r\n                    <Row>\r\n                        <Col xs=\"12\">\r\n                            <MetlifeCommissionUnitReport data={this.props.unitReport} />\r\n                        </Col>\r\n                        <Col lg=\"3\" md=\"6\">\r\n                            <Card className=\"card-stats\">\r\n                                <CardBody>\r\n                                    <Row>\r\n                                        <Col xs=\"5\">\r\n                                            <div className=\"info-icon text-center icon-warning\">\r\n                                                <i className=\"tim-icons icon-chat-33\" />\r\n                                            </div>\r\n                                        </Col>\r\n                                        <Col xs=\"7\">\r\n                                            <div className=\"numbers\">\r\n                                                <p className=\"card-category\">Number</p>\r\n                                                <CardTitle tag=\"h3\">150GB</CardTitle>\r\n                                            </div>\r\n                                        </Col>\r\n                                    </Row>\r\n                                </CardBody>\r\n                                <CardFooter>\r\n                                    <hr />\r\n                                    <div className=\"stats\">\r\n                                        <i className=\"tim-icons icon-refresh-01\" /> Update Now\r\n                  </div>\r\n                                </CardFooter>\r\n                            </Card>\r\n                        </Col>\r\n                        <Col lg=\"3\" md=\"6\">\r\n                            <Card className=\"card-stats\">\r\n                                <CardBody>\r\n                                    <Row>\r\n                                        <Col xs=\"5\">\r\n                                            <div className=\"info-icon text-center icon-primary\">\r\n                                                <i className=\"tim-icons icon-shape-star\" />\r\n                                            </div>\r\n                                        </Col>\r\n                                        <Col xs=\"7\">\r\n                                            <div className=\"numbers\">\r\n                                                <p className=\"card-category\">Followers</p>\r\n                                                <CardTitle tag=\"h3\">+45k</CardTitle>\r\n                                            </div>\r\n                                        </Col>\r\n                                    </Row>\r\n                                </CardBody>\r\n                                <CardFooter>\r\n                                    <hr />\r\n                                    <div className=\"stats\">\r\n                                        <i className=\"tim-icons icon-sound-wave\" /> Last Research\r\n                  </div>\r\n                                </CardFooter>\r\n                            </Card>\r\n                        </Col>\r\n                        <Col lg=\"3\" md=\"6\">\r\n                            <Card className=\"card-stats\">\r\n                                <CardBody>\r\n                                    <Row>\r\n                                        <Col xs=\"5\">\r\n                                            <div className=\"info-icon text-center icon-success\">\r\n                                                <i className=\"tim-icons icon-single-02\" />\r\n                                            </div>\r\n                                        </Col>\r\n                                        <Col xs=\"7\">\r\n                                            <div className=\"numbers\">\r\n                                                <p className=\"card-category\">Users</p>\r\n                                                <CardTitle tag=\"h3\">150,000</CardTitle>\r\n                                            </div>\r\n                                        </Col>\r\n                                    </Row>\r\n                                </CardBody>\r\n                                <CardFooter>\r\n                                    <hr />\r\n                                    <div className=\"stats\">\r\n                                        <i className=\"tim-icons icon-trophy\" /> Customers feedback\r\n                  </div>\r\n                                </CardFooter>\r\n                            </Card>\r\n                        </Col>\r\n                        <Col lg=\"3\" md=\"6\">\r\n                            <Card className=\"card-stats\">\r\n                                <CardBody>\r\n                                    <Row>\r\n                                        <Col xs=\"5\">\r\n                                            <div className=\"info-icon text-center icon-danger\">\r\n                                                <i className=\"tim-icons icon-molecule-40\" />\r\n                                            </div>\r\n                                        </Col>\r\n                                        <Col xs=\"7\">\r\n                                            <div className=\"numbers\">\r\n                                                <p className=\"card-category\">Errors</p>\r\n                                                <CardTitle tag=\"h3\">12</CardTitle>\r\n                                            </div>\r\n                                        </Col>\r\n                                    </Row>\r\n                                </CardBody>\r\n                                <CardFooter>\r\n                                    <hr />\r\n                                    <div className=\"stats\">\r\n                                        <i className=\"tim-icons icon-watch-time\" /> In the last\r\n                                        hours\r\n                  </div>\r\n                                </CardFooter>\r\n                            </Card>\r\n                        </Col>\r\n                    </Row>\r\n                </div>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        unitReport: state.dashboard.unitReport\r\n    };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        loadUnitReport: () => dispatch(unitReportRequest())\r\n    };\r\n};\r\n\r\nexport default connect(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n)(Dashboard);\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Button,\r\n  ButtonGroup,\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardTitle,\r\n  Pagination,\r\n  PaginationItem,\r\n  PaginationLink,\r\n  Row,\r\n  Col,\r\n  UncontrolledTooltip\r\n} from \"reactstrap\";\r\n\r\nclass Buttons extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Card>\r\n            <Row>\r\n              <Col md=\"6\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Pick your Color</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Button color=\"default\">Default</Button>\r\n                  <Button color=\"primary\">Primary</Button>\r\n                  <Button color=\"info\">Info</Button>\r\n                  <br />\r\n                  <Button\r\n                    className=\"animation-on-hover\"\r\n                    color=\"success\"\r\n                    data-placement=\"bottom\"\r\n                    id=\"tooltip811118930\"\r\n                    type=\"button\"\r\n                  >\r\n                    Success\r\n                  </Button>\r\n                  <UncontrolledTooltip\r\n                    delay={0}\r\n                    placement=\"bottom\"\r\n                    target=\"tooltip811118930\"\r\n                  >\r\n                    I'm special!\r\n                  </UncontrolledTooltip>\r\n                  <Button color=\"warning\">Warning</Button>\r\n                  <Button color=\"danger\">Danger</Button>\r\n                </CardBody>\r\n              </Col>\r\n              <Col md=\"6\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Buttons with Label</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Button color=\"default\">\r\n                    <i className=\"tim-icons icon-minimal-left\" /> Left\r\n                  </Button>\r\n                  <Button color=\"default\">\r\n                    Right <i className=\"tim-icons icon-minimal-right\" />\r\n                  </Button>\r\n                  <Button color=\"info\">\r\n                    <i className=\"tim-icons icon-alert-circle-exc\" /> Info\r\n                  </Button>\r\n                  <br />\r\n                  <Button color=\"success\">\r\n                    <i className=\"tim-icons icon-check-2\" /> Success\r\n                  </Button>\r\n                  <Button color=\"warning\">\r\n                    <i className=\"tim-icons icon-time-alarm\" /> Warning\r\n                  </Button>\r\n                  <Button color=\"danger\">\r\n                    <i className=\"tim-icons icon-simple-remove\" /> Danger\r\n                  </Button>\r\n                </CardBody>\r\n              </Col>\r\n            </Row>\r\n            <Row>\r\n              <Col md=\"6\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Pick your Size</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Button color=\"primary\" size=\"sm\">\r\n                    Small\r\n                  </Button>\r\n                  <Button color=\"primary\">Regular</Button>\r\n                  <Button color=\"primary\" size=\"lg\">\r\n                    Large\r\n                  </Button>\r\n                </CardBody>\r\n              </Col>\r\n              <Col md=\"6\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Pick your Style</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Button color=\"primary\">Default</Button>\r\n                  <Button className=\"btn-round\" color=\"primary\">\r\n                    round\r\n                  </Button>\r\n                  <Button className=\"btn-round\" color=\"primary\">\r\n                    <i className=\"tim-icons icon-heart-2\" /> with icon\r\n                  </Button>\r\n                  <Button className=\"btn-round btn-icon\" color=\"primary\">\r\n                    <i className=\"tim-icons icon-heart-2\" />\r\n                  </Button>\r\n                  <Button className=\"btn-simple\" color=\"primary\">\r\n                    simple\r\n                  </Button>\r\n                  <Button className=\"btn-link\" color=\"primary\">\r\n                    link\r\n                  </Button>\r\n                </CardBody>\r\n              </Col>\r\n            </Row>\r\n            <Row>\r\n              <Col md=\"6\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Pagination</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <nav aria-label=\"Page navigation example\">\r\n                    <Pagination\r\n                      className=\"pagination pagination-warning\"\r\n                      listClassName=\"pagination-warning\"\r\n                    >\r\n                      <PaginationItem className=\"active\">\r\n                        <PaginationLink\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          1\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                      <PaginationItem>\r\n                        <PaginationLink\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          2\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                      <PaginationItem>\r\n                        <PaginationLink\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          3\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                      <PaginationItem>\r\n                        <PaginationLink\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          4\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                      <PaginationItem>\r\n                        <PaginationLink\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          5\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                    </Pagination>\r\n                    <Pagination>\r\n                      <PaginationItem>\r\n                        <PaginationLink\r\n                          aria-label=\"Previous\"\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          <span aria-hidden={true}>\r\n                            <i\r\n                              aria-hidden={true}\r\n                              className=\"tim-icons icon-double-left\"\r\n                            />\r\n                          </span>\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                      <PaginationItem>\r\n                        <PaginationLink\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          1\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                      <PaginationItem className=\"active\">\r\n                        <PaginationLink\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          2\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                      <PaginationItem>\r\n                        <PaginationLink\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          3\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                      <PaginationItem>\r\n                        <PaginationLink\r\n                          aria-label=\"Next\"\r\n                          href=\"#pablo\"\r\n                          onClick={e => e.preventDefault()}\r\n                        >\r\n                          <span aria-hidden={true}>\r\n                            <i\r\n                              aria-hidden={true}\r\n                              className=\"tim-icons icon-double-right\"\r\n                            />\r\n                          </span>\r\n                        </PaginationLink>\r\n                      </PaginationItem>\r\n                    </Pagination>\r\n                  </nav>\r\n                </CardBody>\r\n              </Col>\r\n              <Col md=\"6\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Button Group</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <ButtonGroup>\r\n                    <Button color=\"info\" type=\"button\">\r\n                      Left\r\n                    </Button>\r\n                    <Button color=\"info\" type=\"button\">\r\n                      Middle\r\n                    </Button>\r\n                    <Button color=\"info\" type=\"button\">\r\n                      Right\r\n                    </Button>\r\n                  </ButtonGroup>\r\n                  <br />\r\n                  <br />\r\n                  <ButtonGroup data-toggle=\"buttons\">\r\n                    <Button className=\"btn-round\" color=\"info\" type=\"button\">\r\n                      1\r\n                    </Button>\r\n                    <Button className=\"btn-round\" color=\"info\" type=\"button\">\r\n                      2\r\n                    </Button>\r\n                    <Button className=\"btn-round\" color=\"info\" type=\"button\">\r\n                      3\r\n                    </Button>\r\n                    <Button className=\"btn-round\" color=\"info\" type=\"button\">\r\n                      4\r\n                    </Button>\r\n                  </ButtonGroup>\r\n                  <ButtonGroup>\r\n                    <Button className=\"btn-round\" color=\"info\" type=\"button\">\r\n                      5\r\n                    </Button>\r\n                    <Button className=\"btn-round\" color=\"info\" type=\"button\">\r\n                      6\r\n                    </Button>\r\n                    <Button className=\"btn-round\" color=\"info\" type=\"button\">\r\n                      7\r\n                    </Button>\r\n                  </ButtonGroup>\r\n                </CardBody>\r\n              </Col>\r\n            </Row>\r\n            <Row>\r\n              <Col sm=\"12\">\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Social buttons</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <p className=\"category\">Default</p>\r\n                      <Button color=\"twitter\">\r\n                        <i className=\"fab fa-twitter\" /> Connect with Twitter\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <p className=\"category\"> </p>\r\n                      <Button className=\"btn-icon\" color=\"twitter\">\r\n                        <i className=\"fab fa-twitter\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <p className=\"category\"> </p>\r\n                      <Button className=\"btn-icon btn-round\" color=\"twitter\">\r\n                        <i className=\"fab fa-twitter\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <p className=\"category\">Neutral</p>\r\n                      <Button className=\"btn-icon btn-simple\" color=\"twitter\">\r\n                        <i className=\"fab fa-twitter\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <p className=\"category\"> </p>\r\n                      <Button className=\"btn-simple\" color=\"twitter\">\r\n                        <i className=\"fab fa-twitter\" /> Connect with Twitter\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"facebook\">\r\n                        <i className=\"fab fa-facebook-square\" /> Share · 2.2k\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"facebook\">\r\n                        <i className=\"fab fa-facebook-f\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"facebook\">\r\n                        <i className=\"fab fa-facebook-f\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"facebook\">\r\n                        <i className=\"fab fa-facebook-square\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"facebook\">\r\n                        <i className=\"fab fa-facebook-square\" /> Share · 2.2k\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"google\">\r\n                        <i className=\"fab fa-google-plus-g\" /> Share on Google+\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"google\">\r\n                        <i className=\"fab fa-google-plus-g\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"google\">\r\n                        <i className=\"fab fa-google-plus-g\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"google\">\r\n                        <i className=\"fab fa-google-plus-g\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"google\">\r\n                        <i className=\"fab fa-google-plus-g\" /> Share on Google+\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"linkedin\">\r\n                        <i className=\"fab fa-linkedin\" /> Connect with Linkedin\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"linkedin\">\r\n                        <i className=\"fab fa-linkedin\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"linkedin\">\r\n                        <i className=\"fab fa-linkedin\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"linkedin\">\r\n                        <i className=\"fab fa-linkedin\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"linkedin\">\r\n                        <i className=\"fab fa-linkedin\" /> Connect with Linkedin\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"pinterest\">\r\n                        <i className=\"fab fa-pinterest\" /> Pint it · 212\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"pinterest\">\r\n                        <i className=\"fab fa-pinterest\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"pinterest\">\r\n                        <i className=\"fab fa-pinterest\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"pinterest\">\r\n                        <i className=\"fab fa-pinterest\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"pinterest\">\r\n                        <i className=\"fab fa-pinterest\" /> Pint it · 212\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"youtube\">\r\n                        <i className=\"fab fa-youtube\" /> View on Youtube\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"youtube\">\r\n                        <i className=\"fab fa-youtube\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"youtube\">\r\n                        <i className=\"fab fa-youtube\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"youtube\">\r\n                        <i className=\"fab fa-youtube\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"youtube\">\r\n                        <i className=\"fab fa-youtube\" /> View on Youtube\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"tumblr\">\r\n                        <i className=\"fab fa-tumblr-square\" /> Repost\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"tumblr\">\r\n                        <i className=\"fab fa-tumblr\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"tumblr\">\r\n                        <i className=\"fab fa-tumblr\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"tumblr\">\r\n                        <i className=\"fab fa-tumblr-square\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"tumblr\">\r\n                        <i className=\"fab fa-tumblr-square\" /> Repost\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"github\">\r\n                        <i className=\"fab fa-github\" /> Connect with Github\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"github\">\r\n                        <i className=\"fab fa-github\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"github\">\r\n                        <i className=\"fab fa-github\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"github\">\r\n                        <i className=\"fab fa-github\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"github\">\r\n                        <i className=\"fab fa-github\" /> Connect with Github\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"behance\">\r\n                        <i className=\"fab fa-behance-square\" /> Follow us\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"behance\">\r\n                        <i className=\"fab fa-behance\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"behance\">\r\n                        <i className=\"fab fa-behance\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"behance\">\r\n                        <i className=\"fab fa-behance\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"behance\">\r\n                        <i className=\"fab fa-behance-square\" /> Follow us\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"dribbble\">\r\n                        <i className=\"fab fa-dribbble\" /> Find us on Dribble\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"dribbble\">\r\n                        <i className=\"fab fa-dribbble\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"dribbble\">\r\n                        <i className=\"fab fa-dribbble\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"dribbble\">\r\n                        <i className=\"fab fa-dribbble\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"dribbble\">\r\n                        <i className=\"fab fa-dribbble\" /> Find us on Dribble\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                  <Row>\r\n                    <Col md=\"4\" sm=\"5\">\r\n                      <Button color=\"reddit\">\r\n                        <i className=\"fab fa-reddit\" /> Repost · 232\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon\" color=\"reddit\">\r\n                        <i className=\"fab fa-reddit\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-round\" color=\"reddit\">\r\n                        <i className=\"fab fa-reddit\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"1\" sm=\"1\">\r\n                      <Button className=\"btn-icon btn-simple\" color=\"reddit\">\r\n                        <i className=\"fab fa-reddit\" />\r\n                      </Button>\r\n                    </Col>\r\n                    <Col md=\"3\" sm=\"4\">\r\n                      <Button className=\"btn-simple\" color=\"reddit\">\r\n                        <i className=\"fab fa-reddit\" /> Repost · 232\r\n                      </Button>\r\n                    </Col>\r\n                  </Row>\r\n                </CardBody>\r\n              </Col>\r\n            </Row>\r\n          </Card>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Buttons;\r\n","import React from \"react\";\r\n// react component used to create sweet alerts\r\nimport ReactBSAlert from \"react-bootstrap-sweetalert\";\r\n\r\n// reactstrap components\r\nimport { Button, Card, CardBody, CardText, Row, Col } from \"reactstrap\";\r\n\r\nclass SweetAlert extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      alert: null\r\n    };\r\n  }\r\n  // to stop the warning of calling setState of unmounted component\r\n  componentWillUnmount() {\r\n    var id = window.setTimeout(null, 0);\r\n    while (id--) {\r\n      window.clearTimeout(id);\r\n    }\r\n  }\r\n  basicAlert = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Here's a message!\"\r\n          onConfirm={() => this.hideAlert()}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"success\"\r\n          btnSize=\"\"\r\n        />\r\n      )\r\n    });\r\n  };\r\n  titleAndTextAlert = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Here's a message!\"\r\n          onConfirm={() => this.hideAlert()}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"success\"\r\n          btnSize=\"\"\r\n        >\r\n          It's pretty, isn't it?\r\n        </ReactBSAlert>\r\n      )\r\n    });\r\n  };\r\n  successAlert = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          success\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Good job!\"\r\n          onConfirm={() => this.hideAlert()}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"success\"\r\n          btnSize=\"\"\r\n        >\r\n          You clicked the button!\r\n        </ReactBSAlert>\r\n      )\r\n    });\r\n  };\r\n  htmlAlert = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"HTML example\"\r\n          onConfirm={() => this.hideAlert()}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"success\"\r\n          btnSize=\"\"\r\n        >\r\n          You can use <b>bold</b> text,{\" \"}\r\n          <a href=\"https://www.creative-tim.com/\">links</a> and other HTML tags\r\n        </ReactBSAlert>\r\n      )\r\n    });\r\n  };\r\n  warningWithConfirmMessage = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          warning\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Are you sure?\"\r\n          onConfirm={() => this.successDelete()}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"success\"\r\n          cancelBtnBsStyle=\"danger\"\r\n          confirmBtnText=\"Yes, delete it!\"\r\n          cancelBtnText=\"Cancel\"\r\n          showCancel\r\n          btnSize=\"\"\r\n        >\r\n          You will not be able to recover this imaginary file!\r\n        </ReactBSAlert>\r\n      )\r\n    });\r\n  };\r\n  warningWithConfirmAndCancelMessage = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          warning\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Are you sure?\"\r\n          onConfirm={() => this.successDelete()}\r\n          onCancel={() => this.cancelDetele()}\r\n          confirmBtnBsStyle=\"success\"\r\n          cancelBtnBsStyle=\"danger\"\r\n          confirmBtnText=\"Yes, delete it!\"\r\n          cancelBtnText=\"Cancel\"\r\n          showCancel\r\n          btnSize=\"\"\r\n        >\r\n          You will not be able to recover this imaginary file!\r\n        </ReactBSAlert>\r\n      )\r\n    });\r\n  };\r\n  autoCloseAlert = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Auto close alert!\"\r\n          onConfirm={() => this.hideAlert()}\r\n          showConfirm={false}\r\n        >\r\n          I will close in 2 seconds.\r\n        </ReactBSAlert>\r\n      )\r\n    });\r\n    setTimeout(this.hideAlert, 2000);\r\n  };\r\n  inputAlert = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          input\r\n          showCancel\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Input something\"\r\n          onConfirm={e => this.inputConfirmAlert(e)}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"success\"\r\n          cancelBtnBsStyle=\"danger\"\r\n          btnSize=\"\"\r\n        />\r\n      )\r\n    });\r\n  };\r\n  inputConfirmAlert = e => {\r\n    this.setState({ alert: e });\r\n    setTimeout(this.inputConfirmAlertNext, 200);\r\n  };\r\n  inputConfirmAlertNext = () => {\r\n    const inputValue = this.state.alert;\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          success\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          onConfirm={() => this.hideAlert()}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"success\"\r\n          btnSize=\"\"\r\n          title=\"You entered: \"\r\n        >\r\n          <b>{inputValue}</b>\r\n        </ReactBSAlert>\r\n      )\r\n    });\r\n  };\r\n  successDelete = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          success\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Deleted!\"\r\n          onConfirm={() => this.hideAlert()}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"success\"\r\n          btnSize=\"\"\r\n        >\r\n          Your imaginary file has been deleted.\r\n        </ReactBSAlert>\r\n      )\r\n    });\r\n  };\r\n  cancelDetele = () => {\r\n    this.setState({\r\n      alert: (\r\n        <ReactBSAlert\r\n          danger\r\n          style={{ display: \"block\", marginTop: \"-100px\" }}\r\n          title=\"Cancelled\"\r\n          onConfirm={() => this.hideAlert()}\r\n          onCancel={() => this.hideAlert()}\r\n          confirmBtnBsStyle=\"success\"\r\n          btnSize=\"\"\r\n        >\r\n          Your imaginary file is safe :)\r\n        </ReactBSAlert>\r\n      )\r\n    });\r\n  };\r\n  hideAlert = () => {\r\n    this.setState({\r\n      alert: null\r\n    });\r\n  };\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          {this.state.alert}\r\n          <div className=\"places-sweet-alerts\">\r\n            <h2 className=\"text-center\">Sweet Alert</h2>\r\n            <p className=\"category text-center\">\r\n              A beautiful plugin, that replace the classic alert, Handcrafted by\r\n              our friend{\" \"}\r\n              <a\r\n                href=\"https://twitter.com/t4t5\"\r\n                rel=\"noopener noreferrer\"\r\n                target=\"_blank\"\r\n              >\r\n                Tristan Edwards\r\n              </a>\r\n              . Please check out the{\" \"}\r\n              <a\r\n                href=\"https://sweetalert2.github.io/\"\r\n                rel=\"noopener noreferrer\"\r\n                target=\"_blank\"\r\n              >\r\n                full documentation.\r\n              </a>\r\n            </p>\r\n            <Row className=\"mt-5\">\r\n              <Col className=\"ml-auto\" md=\"3\">\r\n                <Card>\r\n                  <CardBody className=\"text-center\">\r\n                    <CardText>Basic example</CardText>\r\n                    <Button\r\n                      className=\"btn-fill\"\r\n                      color=\"info\"\r\n                      onClick={this.basicAlert}\r\n                    >\r\n                      Try me!\r\n                    </Button>\r\n                  </CardBody>\r\n                </Card>\r\n              </Col>\r\n              <Col className=\"mr-auto\" md=\"3\">\r\n                <Card>\r\n                  <CardBody className=\"text-center\">\r\n                    <CardText>A success message</CardText>\r\n                    <Button\r\n                      className=\"btn-fill\"\r\n                      color=\"info\"\r\n                      onClick={this.successAlert}\r\n                    >\r\n                      Try me!\r\n                    </Button>\r\n                  </CardBody>\r\n                </Card>\r\n              </Col>\r\n              <Col className=\"ml-auto\" md=\"3\">\r\n                <Card>\r\n                  <CardBody className=\"text-center\">\r\n                    <CardText>Custom HTML description</CardText>\r\n                    <Button\r\n                      className=\"btn-fill\"\r\n                      color=\"info\"\r\n                      onClick={this.htmlAlert}\r\n                    >\r\n                      Try me!\r\n                    </Button>\r\n                  </CardBody>\r\n                </Card>\r\n              </Col>\r\n              <Col className=\"mr-auto\" md=\"3\">\r\n                <Card>\r\n                  <CardBody className=\"text-center\">\r\n                    <CardText>\r\n                      A warning message, with a function attached to the\r\n                      \"Confirm\" Button...\r\n                    </CardText>\r\n                    <Button\r\n                      className=\"btn-fill\"\r\n                      color=\"info\"\r\n                      onClick={this.warningWithConfirmMessage}\r\n                    >\r\n                      Try me!\r\n                    </Button>\r\n                  </CardBody>\r\n                </Card>\r\n              </Col>\r\n            </Row>\r\n            <Row>\r\n              <Col className=\"ml-auto\" md=\"3\">\r\n                <Card>\r\n                  <CardBody className=\"text-center\">\r\n                    <CardText>Modal window with input field</CardText>\r\n                    <Button\r\n                      className=\"btn-fill\"\r\n                      color=\"info\"\r\n                      onClick={this.inputAlert}\r\n                    >\r\n                      Try me!\r\n                    </Button>\r\n                  </CardBody>\r\n                </Card>\r\n              </Col>\r\n              <Col className=\"mr-auto\" md=\"3\">\r\n                <Card>\r\n                  <CardBody className=\"text-center\">\r\n                    <CardText>A title with a text under</CardText>\r\n                    <Button\r\n                      className=\"btn-fill\"\r\n                      color=\"info\"\r\n                      onClick={this.titleAndTextAlert}\r\n                    >\r\n                      Try me!\r\n                    </Button>\r\n                  </CardBody>\r\n                </Card>\r\n              </Col>\r\n              <Col className=\"ml-auto\" md=\"3\">\r\n                <Card>\r\n                  <CardBody className=\"text-center\">\r\n                    <CardText>\r\n                      A message with auto close timer set to 2 seconds\r\n                    </CardText>\r\n                    <Button\r\n                      className=\"btn-fill\"\r\n                      color=\"info\"\r\n                      onClick={this.autoCloseAlert}\r\n                    >\r\n                      Try me!\r\n                    </Button>\r\n                  </CardBody>\r\n                </Card>\r\n              </Col>\r\n              <Col className=\"mr-auto\" md=\"3\">\r\n                <Card>\r\n                  <CardBody className=\"text-center\">\r\n                    <CardText>\r\n                      ...and by passing a parameter, you can execute something\r\n                      else for \"Cancel\"\r\n                    </CardText>\r\n                    <Button\r\n                      className=\"btn-fill\"\r\n                      color=\"info\"\r\n                      onClick={this.warningWithConfirmAndCancelMessage}\r\n                    >\r\n                      Try me!\r\n                    </Button>\r\n                  </CardBody>\r\n                </Card>\r\n              </Col>\r\n            </Row>\r\n          </div>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default SweetAlert;\r\n","import React from \"react\";\r\n// react plugin for creating notifications over the dashboard\r\nimport NotificationAlert from \"react-notification-alert\";\r\n\r\n// reactstrap components\r\nimport {\r\n  UncontrolledAlert,\r\n  Alert,\r\n  Button,\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardTitle,\r\n  Modal,\r\n  ModalBody,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass Notifications extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      visible: true,\r\n      modalMini: false,\r\n      modalClassic: false,\r\n      modalNotice: false\r\n    };\r\n  }\r\n  toggleModalClassic = () => {\r\n    this.setState({\r\n      modalClassic: !this.state.modalClassic\r\n    });\r\n  };\r\n  toggleModalNotice = () => {\r\n    this.setState({\r\n      modalNotice: !this.state.modalNotice\r\n    });\r\n  };\r\n  toggleModalMini = () => {\r\n    this.setState({\r\n      modalMini: !this.state.modalMini\r\n    });\r\n  };\r\n  notify = place => {\r\n    var color = Math.floor(Math.random() * 5 + 1);\r\n    var type;\r\n    switch (color) {\r\n      case 1:\r\n        type = \"primary\";\r\n        break;\r\n      case 2:\r\n        type = \"success\";\r\n        break;\r\n      case 3:\r\n        type = \"danger\";\r\n        break;\r\n      case 4:\r\n        type = \"warning\";\r\n        break;\r\n      case 5:\r\n        type = \"info\";\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n    var options = {};\r\n    options = {\r\n      place: place,\r\n      message: (\r\n        <div>\r\n          <div>\r\n            Welcome to <b>Black Dashboard React</b> - a beautiful premium admin\r\n            for every web developer.\r\n          </div>\r\n        </div>\r\n      ),\r\n      type: type,\r\n      icon: \"tim-icons icon-bell-55\",\r\n      autoDismiss: 7\r\n    };\r\n    this.refs.notificationAlert.notificationAlert(options);\r\n  };\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"rna-container\">\r\n          <NotificationAlert ref=\"notificationAlert\" />\r\n        </div>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"6\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Notifications Style</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Alert color=\"primary\">\r\n                    <span>This is a plain notification</span>\r\n                  </Alert>\r\n                  <UncontrolledAlert color=\"primary\" fade={false}>\r\n                    <span>This is a notification with close button.</span>\r\n                  </UncontrolledAlert>\r\n                  <UncontrolledAlert\r\n                    className=\"alert-with-icon\"\r\n                    color=\"primary\"\r\n                    fade={false}\r\n                  >\r\n                    <span\r\n                      data-notify=\"icon\"\r\n                      className=\"tim-icons icon-bell-55\"\r\n                    />\r\n                    <span>\r\n                      This is a notification with close button and icon.\r\n                    </span>\r\n                  </UncontrolledAlert>\r\n                  <UncontrolledAlert\r\n                    className=\"alert-with-icon\"\r\n                    color=\"primary\"\r\n                    fade={false}\r\n                  >\r\n                    <span\r\n                      data-notify=\"icon\"\r\n                      className=\"tim-icons icon-bell-55\"\r\n                    />\r\n                    <span data-notify=\"message\">\r\n                      This is a notification with close button and icon and have\r\n                      many lines. You can see that the icon and the close button\r\n                      are always vertically aligned. This is a beautiful\r\n                      notification. So you don't have to worry about the style.\r\n                    </span>\r\n                  </UncontrolledAlert>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"6\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <CardTitle tag=\"h4\">Notification states</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <UncontrolledAlert color=\"primary\" fade={false}>\r\n                    <span>\r\n                      <b>Primary - </b>\r\n                      This is a regular notification made with \".alert-primary\"\r\n                    </span>\r\n                  </UncontrolledAlert>\r\n                  <UncontrolledAlert color=\"info\" fade={false}>\r\n                    <span>\r\n                      <b>Info - </b>\r\n                      This is a regular notification made with \".alert-info\"\r\n                    </span>\r\n                  </UncontrolledAlert>\r\n                  <UncontrolledAlert color=\"success\" fade={false}>\r\n                    <span>\r\n                      <b>Success - </b>\r\n                      This is a regular notification made with \".alert-success\"\r\n                    </span>\r\n                  </UncontrolledAlert>\r\n                  <UncontrolledAlert color=\"warning\" fade={false}>\r\n                    <span>\r\n                      <b>Warning - </b>\r\n                      This is a regular notification made with \".alert-warning\"\r\n                    </span>\r\n                  </UncontrolledAlert>\r\n                  <UncontrolledAlert color=\"danger\" fade={false}>\r\n                    <span>\r\n                      <b>Danger - </b>\r\n                      This is a regular notification made with \".alert-danger\"\r\n                    </span>\r\n                  </UncontrolledAlert>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"12\">\r\n              <Card>\r\n                <CardBody>\r\n                  <div className=\"places-buttons\">\r\n                    <Row>\r\n                      <Col className=\"ml-auto mr-auto text-center\" md=\"6\">\r\n                        <CardTitle tag=\"h4\">Notifications Places</CardTitle>\r\n                        <p className=\"category mb-3\">\r\n                          Click to view notifications\r\n                        </p>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Col className=\"ml-auto mr-auto\" lg=\"8\">\r\n                        <Row>\r\n                          <Col md=\"4\">\r\n                            <Button\r\n                              block\r\n                              color=\"info\"\r\n                              onClick={() => this.notify(\"tl\")}\r\n                            >\r\n                              Top Left\r\n                            </Button>\r\n                          </Col>\r\n                          <Col md=\"4\">\r\n                            <Button\r\n                              block\r\n                              color=\"info\"\r\n                              onClick={() => this.notify(\"tc\")}\r\n                            >\r\n                              Top Center\r\n                            </Button>\r\n                          </Col>\r\n                          <Col md=\"4\">\r\n                            <Button\r\n                              block\r\n                              color=\"info\"\r\n                              onClick={() => this.notify(\"tr\")}\r\n                            >\r\n                              Top Right\r\n                            </Button>\r\n                          </Col>\r\n                        </Row>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Col className=\"ml-auto mr-auto\" lg=\"8\">\r\n                        <Row>\r\n                          <Col md=\"4\">\r\n                            <Button\r\n                              block\r\n                              color=\"info\"\r\n                              onClick={() => this.notify(\"bl\")}\r\n                            >\r\n                              Bottom Left\r\n                            </Button>\r\n                          </Col>\r\n                          <Col md=\"4\">\r\n                            <Button\r\n                              block\r\n                              color=\"info\"\r\n                              onClick={() => this.notify(\"bc\")}\r\n                            >\r\n                              Bottom Center\r\n                            </Button>\r\n                          </Col>\r\n                          <Col md=\"4\">\r\n                            <Button\r\n                              block\r\n                              color=\"info\"\r\n                              onClick={() => this.notify(\"br\")}\r\n                            >\r\n                              Bottom Right\r\n                            </Button>\r\n                          </Col>\r\n                        </Row>\r\n                      </Col>\r\n                    </Row>\r\n                  </div>\r\n                  <Row>\r\n                    <Col className=\"text-center\" md=\"12\">\r\n                      <CardHeader>\r\n                        <CardTitle tag=\"h4\">Modal</CardTitle>\r\n                      </CardHeader>\r\n                      <Button color=\"primary\" onClick={this.toggleModalClassic}>\r\n                        Classic modal\r\n                      </Button>\r\n                      <Button color=\"success\" onClick={this.toggleModalNotice}>\r\n                        Notice modal\r\n                      </Button>\r\n                      <Button color=\"default\" onClick={this.toggleModalMini}>\r\n                        Small alert modal\r\n                      </Button>\r\n                      {/* Classic Modal */}\r\n                      <Modal\r\n                        isOpen={this.state.modalClassic}\r\n                        toggle={this.toggleModalClassic}\r\n                      >\r\n                        <div className=\"modal-header justify-content-center\">\r\n                          <button\r\n                            aria-hidden={true}\r\n                            className=\"close\"\r\n                            data-dismiss=\"modal\"\r\n                            type=\"button\"\r\n                            onClick={this.toggleModalClassic}\r\n                          >\r\n                            <i className=\"tim-icons icon-simple-remove\" />\r\n                          </button>\r\n                          <h6 className=\"title title-up\">Modal title</h6>\r\n                        </div>\r\n                        <ModalBody className=\"text-center\">\r\n                          <p>\r\n                            Far far away, behind the word mountains, far from\r\n                            the countries Vokalia and Consonantia, there live\r\n                            the blind texts. Separated they live in\r\n                            Bookmarksgrove right at the coast of the Semantics,\r\n                            a large language ocean. A small river named Duden\r\n                            flows by their place and supplies it with the\r\n                            necessary regelialia. It is a paradisematic country,\r\n                            in which roasted parts of sentences fly into your\r\n                            mouth.\r\n                          </p>\r\n                        </ModalBody>\r\n                        <div className=\"modal-footer\">\r\n                          <Button\r\n                            color=\"default\"\r\n                            type=\"button\"\r\n                            onClick={this.toggleModalClassic}\r\n                          >\r\n                            Nice Button\r\n                          </Button>\r\n                          <Button\r\n                            color=\"danger\"\r\n                            data-dismiss=\"modal\"\r\n                            type=\"button\"\r\n                            onClick={this.toggleModalClassic}\r\n                          >\r\n                            Close\r\n                          </Button>\r\n                        </div>\r\n                      </Modal>\r\n                      {/* End Classic Modal */}\r\n                      {/* Notice Modal */}\r\n                      <Modal\r\n                        isOpen={this.state.modalNotice}\r\n                        toggle={this.toggleModalNotice}\r\n                      >\r\n                        <div className=\"modal-header\">\r\n                          <button\r\n                            aria-hidden={true}\r\n                            className=\"close\"\r\n                            data-dismiss=\"modal\"\r\n                            type=\"button\"\r\n                            onClick={this.toggleModalNotice}\r\n                          >\r\n                            <i className=\"tim-icons icon-simple-remove\" />\r\n                          </button>\r\n                          <h5 className=\"modal-title\" id=\"myModalLabel\">\r\n                            How Do You Become an Affiliate?\r\n                          </h5>\r\n                        </div>\r\n                        <ModalBody className=\"text-center\">\r\n                          <div className=\"instruction\">\r\n                            <Row>\r\n                              <Col md=\"8\">\r\n                                <strong>1. Register</strong>\r\n                                <p className=\"description\">\r\n                                  The first step is to create an account at{\" \"}\r\n                                  <a href=\"https://www.creative-tim.com/\">\r\n                                    Creative Tim\r\n                                  </a>\r\n                                  . You can choose a social network or go for\r\n                                  the classic version, whatever works best for\r\n                                  you.\r\n                                </p>\r\n                              </Col>\r\n                              <Col md=\"4\">\r\n                                <div>\r\n                                  <img\r\n                                    alt=\"...\"\r\n                                    className=\"rounded img-raised\"\r\n                                    src={require(\"../../assets/img/bg1.jpg\")}\r\n                                  />\r\n                                </div>\r\n                              </Col>\r\n                            </Row>\r\n                          </div>\r\n                          <div className=\"instruction\">\r\n                            <Row>\r\n                              <Col md=\"8\">\r\n                                <strong>2. Apply</strong>\r\n                                <p className=\"description\">\r\n                                  The first step is to create an account at{\" \"}\r\n                                  <a href=\"https://www.creative-tim.com/\">\r\n                                    Creative Tim\r\n                                  </a>\r\n                                  . You can choose a social network or go for\r\n                                  the classic version, whatever works best for\r\n                                  you.\r\n                                </p>\r\n                              </Col>\r\n                              <Col md=\"4\">\r\n                                <div>\r\n                                  <img\r\n                                    alt=\"...\"\r\n                                    className=\"rounded img-raised\"\r\n                                    src={require(\"../../assets/img/bg3.jpg\")}\r\n                                  />\r\n                                </div>\r\n                              </Col>\r\n                            </Row>\r\n                          </div>\r\n                          <p>\r\n                            If you have more questions, don't hesitate to\r\n                            contact us or send us a tweet{\" \"}\r\n                            {`@creativetim. We're `}\r\n                            here to help!\r\n                          </p>\r\n                        </ModalBody>\r\n                        <div className=\"modal-footer justify-content-center\">\r\n                          <Button\r\n                            className=\"btn-round\"\r\n                            color=\"info\"\r\n                            data-dismiss=\"modal\"\r\n                            type=\"button\"\r\n                            onClick={this.toggleModalNotice}\r\n                          >\r\n                            Sounds good!\r\n                          </Button>\r\n                        </div>\r\n                      </Modal>\r\n                      {/* End Notice Modal */}\r\n                      {/* Small Modal */}\r\n                      <Modal\r\n                        modalClassName=\"modal-mini modal-primary\"\r\n                        isOpen={this.state.modalMini}\r\n                        toggle={this.toggleModalMini}\r\n                      >\r\n                        <div className=\"modal-header justify-content-center\">\r\n                          <button\r\n                            aria-hidden={true}\r\n                            className=\"close\"\r\n                            data-dismiss=\"modal\"\r\n                            type=\"button\"\r\n                            onClick={this.toggleModalMini}\r\n                          >\r\n                            <i className=\"tim-icons icon-simple-remove text-white\" />\r\n                          </button>\r\n                          <div className=\"modal-profile\">\r\n                            <i className=\"tim-icons icon-single-02\" />\r\n                          </div>\r\n                        </div>\r\n                        <ModalBody className=\"text-center\">\r\n                          <p>Always have an access to your profile</p>\r\n                        </ModalBody>\r\n                        <div className=\"modal-footer\">\r\n                          <Button\r\n                            className=\"btn-neutral\"\r\n                            color=\"link\"\r\n                            type=\"button\"\r\n                            onClick={this.toggleModalMini}\r\n                          >\r\n                            Back\r\n                          </Button>\r\n                          <Button\r\n                            className=\"btn-neutral\"\r\n                            color=\"link\"\r\n                            data-dismiss=\"modal\"\r\n                            type=\"button\"\r\n                            onClick={this.toggleModalMini}\r\n                          >\r\n                            Close\r\n                          </Button>\r\n                        </div>\r\n                      </Modal>\r\n                      {/* End Small Modal */}\r\n                    </Col>\r\n                  </Row>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Notifications;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardBody, Row, Col } from \"reactstrap\";\r\n\r\nclass Grid extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <h4 className=\"title pl-3\">\r\n            XS Grid <small>Always Horizontal</small>\r\n          </h4>\r\n          <Row>\r\n            <Col xs=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col xs=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col xs=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <h4 className=\"title pl-3\">\r\n            SM Grid <small>Collapsed at 576px</small>\r\n          </h4>\r\n          <Row>\r\n            <Col sm=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-sm-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col sm=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-sm-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col sm=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-sm-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <h4 className=\"title pl-3\">\r\n            MD Grid <small>Collapsed at 768px</small>\r\n          </h4>\r\n          <Row>\r\n            <Col md=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-md-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-md-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-md-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <h4 className=\"title pl-3\">\r\n            LG Grid <small>Collapsed at 992px</small>\r\n          </h4>\r\n          <Row>\r\n            <Col lg=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-lg-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col lg=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-lg-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col lg=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-lg-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <h4 className=\"title pl-3\">\r\n            XL Grid <small>Collapsed at 1200px</small>\r\n          </h4>\r\n          <Row>\r\n            <Col xl=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-xl-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col xl=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-xl-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col xl=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-xl-4</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <h4 className=\"title pl-3\">\r\n            Mixed Grid{\" \"}\r\n            <small>Showing different sizes on different screens</small>\r\n          </h4>\r\n          <Row>\r\n            <Col lg=\"3\" sm=\"6\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-sm-6 col-lg-3</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col lg=\"3\" sm=\"6\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-sm-6 col-lg-3</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col lg=\"3\" sm=\"6\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-sm-6 col-lg-3</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col lg=\"3\" sm=\"6\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-sm-6 col-lg-3</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <h4 className=\"title pl-3\">\r\n            Offset Grid <small>Adding some space when needed</small>\r\n          </h4>\r\n          <Row>\r\n            <Col md=\"3\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-md-3</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col className=\"ml-auto\" md=\"3\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-md-3 ml-auto</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col className=\"ml-auto mr-auto\" md=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-md-4 ml-auto mr-auto</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col className=\"ml-auto mr-auto\" md=\"4\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-md-4 ml-auto mr-auto</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col className=\"ml-auto mr-auto\" md=\"6\">\r\n              <Card>\r\n                <CardBody className=\"text-center py-5\">\r\n                  <code>col-md-6 ml-auto mr-auto</code>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <h3 className=\"title mt-5 text-center\">Paragraphs</h3>\r\n          <CardBody>\r\n            <Row>\r\n              <Col sm=\"6\">\r\n                <h3 className=\"mt-5\">Some Title Here</h3>\r\n                <p>\r\n                  One morning, when Gregor Samsa woke from troubled dreams, he\r\n                  found himself transformed in his bed into a horrible vermin.\r\n                  He lay on his armour-like back, and if he lifted his head a\r\n                  little he could see his brown belly, slightly domed and\r\n                  divided by arches into stiff sections. The bedding was hardly\r\n                  able to cover it and seemed ready to slide off any moment. His\r\n                  many legs, pitifully thin compared with the size of the rest\r\n                  of him, waved about helplessly as he looked. \"What's happened\r\n                  to me?\" he thought.\r\n                </p>\r\n              </Col>\r\n              <Col sm=\"6\">\r\n                <h3 className=\"mt-5\">Another Title Here</h3>\r\n                <p>\r\n                  One morning, when Gregor Samsa woke from troubled dreams, he\r\n                  found himself transformed in his bed into a horrible vermin.\r\n                  He lay on his armour-like back, and if he lifted his head a\r\n                  little he could see his brown belly, slightly domed and\r\n                  divided by arches into stiff sections. The bedding was hardly\r\n                  able to cover it and seemed ready to slide off any moment. His\r\n                  many legs, pitifully thin compared with the size of the rest\r\n                  of him, waved about helplessly as he looked. \"What's happened\r\n                  to me?\" he thought.\r\n                </p>\r\n              </Col>\r\n            </Row>\r\n            <br />\r\n            <Row>\r\n              <Col sm=\"4\">\r\n                <h3 className=\"mt-5\">Some Title Here</h3>\r\n                <p>\r\n                  One morning, when Gregor Samsa woke from troubled dreams, he\r\n                  found himself transformed in his bed into a horrible vermin.\r\n                  He lay on his armour-like back, and if he lifted his head a\r\n                  little he could see his brown belly, slightly domed and\r\n                  divided by arches into stiff sections. The bedding was hardly\r\n                  able to cover it and seemed ready to slide off any moment.\r\n                </p>\r\n              </Col>\r\n              <Col sm=\"4\">\r\n                <h3 className=\"mt-5\">Another Title Here</h3>\r\n                <p>\r\n                  One morning, when Gregor Samsa woke from troubled dreams, he\r\n                  found himself transformed in his bed into a horrible vermin.\r\n                  He lay on his armour-like back, and if he lifted his head a\r\n                  little he could see his brown belly, slightly domed and\r\n                  divided by arches into stiff sections. The bedding was hardly\r\n                  able to cover it and seemed ready to slide off any moment.\r\n                </p>\r\n              </Col>\r\n              <Col sm=\"4\">\r\n                <h3 className=\"mt-5\">Another Title Here</h3>\r\n                <p>\r\n                  One morning, when Gregor Samsa woke from troubled dreams, he\r\n                  found himself transformed in his bed into a horrible vermin.\r\n                  He lay on his armour-like back, and if he lifted his head a\r\n                  little he could see his brown belly, slightly domed and\r\n                  divided by arches into stiff sections. The bedding was hardly\r\n                  able to cover it and seemed ready to slide off any moment.\r\n                </p>\r\n              </Col>\r\n            </Row>\r\n            <br />\r\n            <Row>\r\n              <Col sm=\"4\">\r\n                <h3 className=\"mt-5\">Some Title Here</h3>\r\n                <p>\r\n                  One morning, when Gregor Samsa woke from troubled dreams, he\r\n                  found himself transformed in his bed into a horrible vermin.\r\n                  He lay on his armour-like back, and if he lifted his head a\r\n                  little he could see his brown belly, slightly domed and\r\n                  divided by arches into stiff sections. The bedding was hardly\r\n                  able to cover it and seemed ready to slide off any moment.\r\n                </p>\r\n              </Col>\r\n              <Col sm=\"8\">\r\n                <h3 className=\"mt-5\">Another Title Here</h3>\r\n                <p>\r\n                  One morning, when Gregor Samsa woke from troubled dreams, he\r\n                  found himself transformed in his bed into a horrible vermin.\r\n                  He lay on his armour-like back, and if he lifted his head a\r\n                  little he could see his brown belly, slightly domed and\r\n                  divided by arches into stiff sections. The bedding was hardly\r\n                  able to cover it and seemed ready to slide off any moment. One\r\n                  morning, when Gregor Samsa woke from troubled dreams, he found\r\n                  himself transformed in his bed into a horrible vermin. He lay\r\n                  on his armour-like back, and if he lifted his head a little he\r\n                  could see his brown belly, slightly domed and divided by\r\n                  arches into stiff sections. The bedding was hardly able to\r\n                  cover it and seemed ready to slide off any moment.\r\n                </p>\r\n              </Col>\r\n            </Row>\r\n          </CardBody>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Grid;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardHeader, CardBody, CardTitle, Row, Col } from \"reactstrap\";\r\n\r\nclass Typography extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"12\">\r\n              <Card>\r\n                <CardHeader className=\"mb-5\">\r\n                  <h5 className=\"card-category\">Black Table Heading</h5>\r\n                  <CardTitle tag=\"h3\">\r\n                    Created using Poppins Font Family\r\n                  </CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <div className=\"typography-line\">\r\n                    <h1>\r\n                      <span>Header 1</span>\r\n                      The Life of Black Dashboard\r\n                    </h1>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <h2>\r\n                      <span>Header 2</span>\r\n                      The Life of Black Dashboard\r\n                    </h2>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <h3>\r\n                      <span>Header 3</span>\r\n                      The Life of Black Dashboard\r\n                    </h3>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <h4>\r\n                      <span>Header 4</span>\r\n                      The Life of Black Dashboard\r\n                    </h4>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <h5>\r\n                      <span>Header 5</span>\r\n                      The Life of Black Dashboard\r\n                    </h5>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <h6>\r\n                      <span>Header 6</span>\r\n                      The Life of Black Dashboard\r\n                    </h6>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <p>\r\n                      <span>Paragraph</span>I will be the leader of a company\r\n                      that ends up being worth billions of dollars, because I\r\n                      got the answers. I understand culture. I am the nucleus. I\r\n                      think that’s a responsibility that I have, to push\r\n                      possibilities, to show people, this is the level that\r\n                      things could be at.\r\n                    </p>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <span>Quote</span>\r\n                    <blockquote>\r\n                      <p className=\"blockquote blockquote-primary\">\r\n                        \"I will be the leader of a company that ends up being\r\n                        worth billions of dollars, because I got the answers. I\r\n                        understand culture. I am the nucleus. I think that’s a\r\n                        responsibility that I have, to push possibilities, to\r\n                        show people, this is the level that things could be at.\"{\" \"}\r\n                        <br />\r\n                        <br />\r\n                        <small>- Noaa</small>\r\n                      </p>\r\n                    </blockquote>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <span>Muted Text</span>\r\n                    <p className=\"text-muted\">\r\n                      I will be the leader of a company that ends up being worth\r\n                      billions of dollars, because I got the answers...\r\n                    </p>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <span>Primary Text</span>\r\n                    <p className=\"text-primary\">\r\n                      I will be the leader of a company that ends up being worth\r\n                      billions of dollars, because I got the answers...\r\n                    </p>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <span>Info Text</span>\r\n                    <p className=\"text-info\">\r\n                      I will be the leader of a company that ends up being worth\r\n                      billions of dollars, because I got the answers...\r\n                    </p>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <span>Success Text</span>\r\n                    <p className=\"text-success\">\r\n                      I will be the leader of a company that ends up being worth\r\n                      billions of dollars, because I got the answers...\r\n                    </p>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <span>Warning Text</span>\r\n                    <p className=\"text-warning\">\r\n                      I will be the leader of a company that ends up being worth\r\n                      billions of dollars, because I got the answers...\r\n                    </p>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <span>Danger Text</span>\r\n                    <p className=\"text-danger\">\r\n                      I will be the leader of a company that ends up being worth\r\n                      billions of dollars, because I got the answers...\r\n                    </p>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <h2>\r\n                      <span>Small Tag</span>\r\n                      Header with small subtitle <br />\r\n                      <small>Use \"small\" tag for the headers</small>\r\n                    </h2>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <span>Lists</span>\r\n                    <Row>\r\n                      <Col md=\"3\">\r\n                        <h5>Unordered List</h5>\r\n                        <ul>\r\n                          <li>List Item</li>\r\n                          <li>List Item</li>\r\n                          <li className=\"list-unstyled\">\r\n                            <ul>\r\n                              <li>List Item</li>\r\n                              <li>List Item</li>\r\n                              <li>List Item</li>\r\n                            </ul>\r\n                          </li>\r\n                          <li>List Item</li>\r\n                        </ul>\r\n                      </Col>\r\n                      <Col md=\"3\">\r\n                        <h5>Ordered List</h5>\r\n                        <ol>\r\n                          <li>List Item</li>\r\n                          <li>List Item</li>\r\n                          <li>List item</li>\r\n                          <li>List Item</li>\r\n                        </ol>\r\n                      </Col>\r\n                      <Col md=\"3\">\r\n                        <h5>Unstyled List</h5>\r\n                        <ul className=\"list-unstyled\">\r\n                          <li>List Item</li>\r\n                          <li>List Item</li>\r\n                          <li>List item</li>\r\n                          <li>List Item</li>\r\n                        </ul>\r\n                      </Col>\r\n                      <Col md=\"3\">\r\n                        <h5>Inline List</h5>\r\n                        <ul className=\"list-inline\">\r\n                          <li className=\"list-inline-item\">List1</li>\r\n                          <li className=\"list-inline-item\">List2</li>\r\n                          <li className=\"list-inline-item\">List3</li>\r\n                        </ul>\r\n                      </Col>\r\n                    </Row>\r\n                  </div>\r\n                  <div className=\"typography-line\">\r\n                    <span>Code</span>\r\n                    <p>\r\n                      This is <code>.css-class-as-code</code>, an example of an\r\n                      inline code element. Wrap inline code within a{\" \"}\r\n                      <code>{\"<code>...</code>\"}</code>\r\n                      tag.\r\n                    </p>\r\n                    <pre>\r\n                      1. #This is an example of preformatted text.\r\n                      <br />\r\n                      2. #Here is another line of code\r\n                    </pre>\r\n                  </div>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Typography;\r\n","const icons = [\r\n  { name: \"icon-alert-circle-exc\" },\r\n  { name: \"icon-align-center\" },\r\n  { name: \"icon-align-left-2\" },\r\n  { name: \"icon-app\" },\r\n  { name: \"icon-atom\" },\r\n  { name: \"icon-attach-87\" },\r\n  { name: \"icon-badge\" },\r\n  { name: \"icon-bag-16\" },\r\n  { name: \"icon-bank\" },\r\n  { name: \"icon-basket-simple\" },\r\n  { name: \"icon-bell-55\" },\r\n  { name: \"icon-bold\" },\r\n  { name: \"icon-book-bookmark\" },\r\n  { name: \"icon-double-right\" },\r\n  { name: \"icon-bulb-63\" },\r\n  { name: \"icon-bullet-list-67\" },\r\n  { name: \"icon-bus-front-12\" },\r\n  { name: \"icon-button-power\" },\r\n  { name: \"icon-camera-18\" },\r\n  { name: \"icon-calendar-60\" },\r\n  { name: \"icon-caps-small\" },\r\n  { name: \"icon-cart\" },\r\n  { name: \"icon-chart-bar-32\" },\r\n  { name: \"icon-chart-pie-36\" },\r\n  { name: \"icon-chat-33\" },\r\n  { name: \"icon-check-2\" },\r\n  { name: \"icon-cloud-download-93\" },\r\n  { name: \"icon-cloud-upload-94\" },\r\n  { name: \"icon-coins\" },\r\n  { name: \"icon-compass-05\" },\r\n  { name: \"icon-controller\" },\r\n  { name: \"icon-credit-card\" },\r\n  { name: \"icon-delivery-fast\" },\r\n  { name: \"icon-email-85\" },\r\n  { name: \"icon-gift-2\" },\r\n  { name: \"icon-globe-2\" },\r\n  { name: \"icon-headphones\" },\r\n  { name: \"icon-heart-2\" },\r\n  { name: \"icon-html5\" },\r\n  { name: \"icon-double-left\" },\r\n  { name: \"icon-image-02\" },\r\n  { name: \"icon-istanbul\" },\r\n  { name: \"icon-key-25\" },\r\n  { name: \"icon-laptop\" },\r\n  { name: \"icon-light-3\" },\r\n  { name: \"icon-link-72\" },\r\n  { name: \"icon-lock-circle\" },\r\n  { name: \"icon-map-big\" },\r\n  { name: \"icon-minimal-down\" },\r\n  { name: \"icon-minimal-left\" },\r\n  { name: \"icon-minimal-right\" },\r\n  { name: \"icon-minimal-up\" },\r\n  { name: \"icon-mobile\" },\r\n  { name: \"icon-molecule-40\" },\r\n  { name: \"icon-money-coins\" },\r\n  { name: \"icon-notes\" },\r\n  { name: \"icon-palette\" },\r\n  { name: \"icon-paper\" },\r\n  { name: \"icon-pin\" },\r\n  { name: \"icon-planet\" },\r\n  { name: \"icon-puzzle-10\" },\r\n  { name: \"icon-pencil\" },\r\n  { name: \"icon-satisfied\" },\r\n  { name: \"icon-scissors\" },\r\n  { name: \"icon-send\" },\r\n  { name: \"icon-settings-gear-63\" },\r\n  { name: \"icon-settings\" },\r\n  { name: \"icon-wifi\" },\r\n  { name: \"icon-single-02\" },\r\n  { name: \"icon-single-copy-04\" },\r\n  { name: \"icon-sound-wave\" },\r\n  { name: \"icon-spaceship\" },\r\n  { name: \"icon-square-pin\" },\r\n  { name: \"icon-support-17\" },\r\n  { name: \"icon-tablet-2\" },\r\n  { name: \"icon-tag\" },\r\n  { name: \"icon-tap-02\" },\r\n  { name: \"icon-tie-bow\" },\r\n  { name: \"icon-time-alarm\" },\r\n  { name: \"icon-trash-simple\" },\r\n  { name: \"icon-trophy\" },\r\n  { name: \"icon-tv-2\" },\r\n  { name: \"icon-upload\" },\r\n  { name: \"icon-user-run\" },\r\n  { name: \"icon-vector\" },\r\n  { name: \"icon-video-66\" },\r\n  { name: \"icon-wallet-43\" },\r\n  { name: \"icon-volume-98\" },\r\n  { name: \"icon-watch-time\" },\r\n  { name: \"icon-world\" },\r\n  { name: \"icon-zoom-split\" },\r\n  { name: \"icon-refresh-01\" },\r\n  { name: \"icon-refresh-02\" },\r\n  { name: \"icon-shape-star\" },\r\n  { name: \"icon-components\" },\r\n  { name: \"icon-triangle-right-17\" },\r\n  { name: \"icon-button-pause\" },\r\n  { name: \"icon-simple-remove\" },\r\n  { name: \"icon-simple-add\" },\r\n  { name: \"icon-simple-delete\" }\r\n];\r\n\r\nexport default icons;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardTitle,\r\n  Collapse,\r\n  NavItem,\r\n  NavLink,\r\n  Nav,\r\n  TabContent,\r\n  TabPane,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass Panels extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      horizontalTabs: \"profile\",\r\n      verticalTabs: \"profile\",\r\n      verticalTabsIcons: \"home\",\r\n      pageTabs: \"home\",\r\n      openedCollapses: [\"collapseOne\"]\r\n    };\r\n  }\r\n  // with this function we create an array with the opened collapses\r\n  // it is like a toggle function for all collapses from this page\r\n  collapsesToggle = (e, collapse) => {\r\n    e.preventDefault();\r\n    let openedCollapses = this.state.openedCollapses;\r\n    if (openedCollapses.includes(collapse)) {\r\n      this.setState({\r\n        openedCollapses: openedCollapses.filter(item => item !== collapse)\r\n      });\r\n    } else {\r\n      openedCollapses.push(collapse);\r\n      this.setState({\r\n        openedCollapses: openedCollapses\r\n      });\r\n    }\r\n  };\r\n  // with this function we change the active tab for all the tabs in this page\r\n  changeActiveTab = (e, tabState, tadName) => {\r\n    e.preventDefault();\r\n    this.setState({\r\n      [tabState]: tadName\r\n    });\r\n  };\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"6\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">Navigation Pills</h5>\r\n                  <CardTitle tag=\"h3\">Horizontal Tabs</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Nav className=\"nav-pills-info\" pills>\r\n                    <NavItem>\r\n                      <NavLink\r\n                        data-toggle=\"tab\"\r\n                        href=\"#pablo\"\r\n                        className={\r\n                          this.state.horizontalTabs === \"profile\"\r\n                            ? \"active\"\r\n                            : \"\"\r\n                        }\r\n                        onClick={e =>\r\n                          this.changeActiveTab(e, \"horizontalTabs\", \"profile\")\r\n                        }\r\n                      >\r\n                        Profile\r\n                      </NavLink>\r\n                    </NavItem>\r\n                    <NavItem>\r\n                      <NavLink\r\n                        data-toggle=\"tab\"\r\n                        href=\"#pablo\"\r\n                        className={\r\n                          this.state.horizontalTabs === \"settings\"\r\n                            ? \"active\"\r\n                            : \"\"\r\n                        }\r\n                        onClick={e =>\r\n                          this.changeActiveTab(e, \"horizontalTabs\", \"settings\")\r\n                        }\r\n                      >\r\n                        Settings\r\n                      </NavLink>\r\n                    </NavItem>\r\n                    <NavItem>\r\n                      <NavLink\r\n                        data-toggle=\"tab\"\r\n                        href=\"#pablo\"\r\n                        className={\r\n                          this.state.horizontalTabs === \"options\"\r\n                            ? \"active\"\r\n                            : \"\"\r\n                        }\r\n                        onClick={e =>\r\n                          this.changeActiveTab(e, \"horizontalTabs\", \"options\")\r\n                        }\r\n                      >\r\n                        Options\r\n                      </NavLink>\r\n                    </NavItem>\r\n                  </Nav>\r\n                  <TabContent\r\n                    className=\"tab-space\"\r\n                    activeTab={this.state.horizontalTabs}\r\n                  >\r\n                    <TabPane tabId=\"profile\">\r\n                      Collaboratively administrate empowered markets via\r\n                      plug-and-play networks. Dynamically procrastinate B2C\r\n                      users after installed base benefits. <br />\r\n                      <br />\r\n                      Dramatically visualize customer directed convergence\r\n                      without revolutionary ROI.\r\n                    </TabPane>\r\n                    <TabPane tabId=\"settings\">\r\n                      Efficiently unleash cross-media information without\r\n                      cross-media value. Quickly maximize timely deliverables\r\n                      for real-time schemas. <br />\r\n                      <br />\r\n                      Dramatically maintain clicks-and-mortar solutions without\r\n                      functional solutions.\r\n                    </TabPane>\r\n                    <TabPane tabId=\"options\">\r\n                      Completely synergize resource taxing relationships via\r\n                      premier niche markets. Professionally cultivate one-to-one\r\n                      customer service with robust ideas. <br />\r\n                      <br />\r\n                      Dynamically innovate resource-leveling customer service\r\n                      for state of the art customer service.\r\n                    </TabPane>\r\n                  </TabContent>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"6\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">Navigation Pills</h5>\r\n                  <CardTitle tag=\"h3\">Vertical Tabs</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Row>\r\n                    <Col md=\"4\">\r\n                      <Nav className=\"nav-pills-info flex-column\" pills>\r\n                        <NavItem>\r\n                          <NavLink\r\n                            data-toggle=\"tab\"\r\n                            href=\"#pablo\"\r\n                            className={\r\n                              this.state.verticalTabs === \"profile\"\r\n                                ? \"active\"\r\n                                : \"\"\r\n                            }\r\n                            onClick={e =>\r\n                              this.changeActiveTab(e, \"verticalTabs\", \"profile\")\r\n                            }\r\n                          >\r\n                            Profile\r\n                          </NavLink>\r\n                        </NavItem>\r\n                        <NavItem>\r\n                          <NavLink\r\n                            data-toggle=\"tab\"\r\n                            href=\"#pablo\"\r\n                            className={\r\n                              this.state.verticalTabs === \"settings\"\r\n                                ? \"active\"\r\n                                : \"\"\r\n                            }\r\n                            onClick={e =>\r\n                              this.changeActiveTab(\r\n                                e,\r\n                                \"verticalTabs\",\r\n                                \"settings\"\r\n                              )\r\n                            }\r\n                          >\r\n                            Settings\r\n                          </NavLink>\r\n                        </NavItem>\r\n                        <NavItem>\r\n                          <NavLink\r\n                            data-toggle=\"tab\"\r\n                            href=\"#pablo\"\r\n                            className={\r\n                              this.state.verticalTabs === \"options\"\r\n                                ? \"active\"\r\n                                : \"\"\r\n                            }\r\n                            onClick={e =>\r\n                              this.changeActiveTab(e, \"verticalTabs\", \"options\")\r\n                            }\r\n                          >\r\n                            Options\r\n                          </NavLink>\r\n                        </NavItem>\r\n                      </Nav>\r\n                    </Col>\r\n                    <Col md=\"8\">\r\n                      <TabContent activeTab={this.state.verticalTabs}>\r\n                        <TabPane tabId=\"profile\">\r\n                          Collaboratively administrate empowered markets via\r\n                          plug-and-play networks. Dynamically procrastinate B2C\r\n                          users after installed base benefits. <br />\r\n                          <br />\r\n                          Dramatically visualize customer directed convergence\r\n                          without revolutionary ROI.\r\n                        </TabPane>\r\n                        <TabPane tabId=\"settings\">\r\n                          Efficiently unleash cross-media information without\r\n                          cross-media value. Quickly maximize timely\r\n                          deliverables for real-time schemas. <br />\r\n                          <br />\r\n                          Dramatically maintain clicks-and-mortar solutions\r\n                          without functional solutions.\r\n                        </TabPane>\r\n                        <TabPane tabId=\"options\">\r\n                          Completely synergize resource taxing relationships via\r\n                          premier niche markets. Professionally cultivate\r\n                          one-to-one customer service with robust ideas. <br />\r\n                          <br />\r\n                          Dynamically innovate resource-leveling customer\r\n                          service for state of the art customer service.\r\n                        </TabPane>\r\n                      </TabContent>\r\n                    </Col>\r\n                  </Row>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col md=\"6\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">Collpase example</h5>\r\n                  <CardTitle tag=\"h3\">Collapsible Accordion</CardTitle>\r\n                </CardHeader>\r\n                <div\r\n                  aria-multiselectable={true}\r\n                  className=\"card-collapse\"\r\n                  id=\"accordion\"\r\n                  role=\"tablist\"\r\n                >\r\n                  <Card className=\"card-plain\">\r\n                    <CardHeader role=\"tab\">\r\n                      <a\r\n                        aria-expanded={this.state.openedCollapses.includes(\r\n                          \"collapseOne\"\r\n                        )}\r\n                        href=\"#pablo\"\r\n                        data-parent=\"#accordion\"\r\n                        data-toggle=\"collapse\"\r\n                        onClick={e => this.collapsesToggle(e, \"collapseOne\")}\r\n                      >\r\n                        Collapsible Group Item #1{\" \"}\r\n                        <i className=\"tim-icons icon-minimal-down\" />\r\n                      </a>\r\n                    </CardHeader>\r\n                    <Collapse\r\n                      role=\"tabpanel\"\r\n                      isOpen={this.state.openedCollapses.includes(\r\n                        \"collapseOne\"\r\n                      )}\r\n                    >\r\n                      <CardBody>\r\n                        Anim pariatur cliche reprehenderit, enim eiusmod high\r\n                        life accusamus terry richardson ad squid. 3 wolf moon\r\n                        officia aute, non cupidatat skateboard dolor brunch.\r\n                        Food truck quinoa nesciunt laborum eiusmod. Brunch 3\r\n                        wolf moon tempor, sunt aliqua put a bird on it squid\r\n                        single-origin coffee nulla assumenda shoreditch et.\r\n                        Nihil anim keffiyeh helvetica, craft beer labore wes\r\n                        anderson cred nesciunt sapiente ea proident. Ad vegan\r\n                        excepteur butcher vice lomo. Leggings occaecat craft\r\n                        beer farm-to-table, raw denim aesthetic synth nesciunt\r\n                        you probably haven't heard of them accusamus labore\r\n                        sustainable VHS.\r\n                      </CardBody>\r\n                    </Collapse>\r\n                  </Card>\r\n                  <Card className=\"card-plain\">\r\n                    <CardHeader role=\"tab\">\r\n                      <a\r\n                        aria-expanded={this.state.openedCollapses.includes(\r\n                          \"collapseTwo\"\r\n                        )}\r\n                        href=\"#pablo\"\r\n                        data-parent=\"#accordion\"\r\n                        data-toggle=\"collapse\"\r\n                        onClick={e => this.collapsesToggle(e, \"collapseTwo\")}\r\n                      >\r\n                        Collapsible Group Item #2{\" \"}\r\n                        <i className=\"tim-icons icon-minimal-down\" />\r\n                      </a>\r\n                    </CardHeader>\r\n                    <Collapse\r\n                      role=\"tabpanel\"\r\n                      isOpen={this.state.openedCollapses.includes(\r\n                        \"collapseTwo\"\r\n                      )}\r\n                    >\r\n                      <CardBody>\r\n                        Anim pariatur cliche reprehenderit, enim eiusmod high\r\n                        life accusamus terry richardson ad squid. 3 wolf moon\r\n                        officia aute, non cupidatat skateboard dolor brunch.\r\n                        Food truck quinoa nesciunt laborum eiusmod. Brunch 3\r\n                        wolf moon tempor, sunt aliqua put a bird on it squid\r\n                        single-origin coffee nulla assumenda shoreditch et.\r\n                        Nihil anim keffiyeh helvetica, craft beer labore wes\r\n                        anderson cred nesciunt sapiente ea proident. Ad vegan\r\n                        excepteur butcher vice lomo. Leggings occaecat craft\r\n                        beer farm-to-table, raw denim aesthetic synth nesciunt\r\n                        you probably haven't heard of them accusamus labore\r\n                        sustainable VHS.\r\n                      </CardBody>\r\n                    </Collapse>\r\n                  </Card>\r\n                  <Card className=\"card-plain\">\r\n                    <CardHeader role=\"tab\">\r\n                      <a\r\n                        aria-expanded={this.state.openedCollapses.includes(\r\n                          \"collapseThree\"\r\n                        )}\r\n                        href=\"#pablo\"\r\n                        data-parent=\"#accordion\"\r\n                        data-toggle=\"collapse\"\r\n                        onClick={e => this.collapsesToggle(e, \"collapseThree\")}\r\n                      >\r\n                        Collapsible Group Item #3{\" \"}\r\n                        <i className=\"tim-icons icon-minimal-down\" />\r\n                      </a>\r\n                    </CardHeader>\r\n                    <Collapse\r\n                      role=\"tabpanel\"\r\n                      isOpen={this.state.openedCollapses.includes(\r\n                        \"collapseThree\"\r\n                      )}\r\n                    >\r\n                      <CardBody>\r\n                        Anim pariatur cliche reprehenderit, enim eiusmod high\r\n                        life accusamus terry richardson ad squid. 3 wolf moon\r\n                        officia aute, non cupidatat skateboard dolor brunch.\r\n                        Food truck quinoa nesciunt laborum eiusmod. Brunch 3\r\n                        wolf moon tempor, sunt aliqua put a bird on it squid\r\n                        single-origin coffee nulla assumenda shoreditch et.\r\n                        Nihil anim keffiyeh helvetica, craft beer labore wes\r\n                        anderson cred nesciunt sapiente ea proident. Ad vegan\r\n                        excepteur butcher vice lomo. Leggings occaecat craft\r\n                        beer farm-to-table, raw denim aesthetic synth nesciunt\r\n                        you probably haven't heard of them accusamus labore\r\n                        sustainable VHS.\r\n                      </CardBody>\r\n                    </Collapse>\r\n                  </Card>\r\n                </div>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"6\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <h5 className=\"card-category\">Navigation Pills</h5>\r\n                  <CardTitle tag=\"h3\">Vertical Tabs With Icons</CardTitle>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Row>\r\n                    <Col lg=\"3\" md=\"6\">\r\n                      {/* color-classes: \"nav-pills-primary\", \"nav-pills-info\", \"nav-pills-success\", \"nav-pills-warning\",\"nav-pills-danger\" */}\r\n                      <Nav\r\n                        className=\"nav-pills-info nav-pills-icons flex-column\"\r\n                        pills\r\n                      >\r\n                        <NavItem>\r\n                          <NavLink\r\n                            data-toggle=\"tab\"\r\n                            href=\"#pablo\"\r\n                            className={\r\n                              this.state.verticalTabsIcons === \"home\"\r\n                                ? \"active\"\r\n                                : \"\"\r\n                            }\r\n                            onClick={e =>\r\n                              this.changeActiveTab(\r\n                                e,\r\n                                \"verticalTabsIcons\",\r\n                                \"home\"\r\n                              )\r\n                            }\r\n                          >\r\n                            <i className=\"tim-icons icon-istanbul\" />\r\n                            Home\r\n                          </NavLink>\r\n                        </NavItem>\r\n                        <NavItem>\r\n                          <NavLink\r\n                            data-toggle=\"tab\"\r\n                            href=\"#pablo\"\r\n                            className={\r\n                              this.state.verticalTabsIcons === \"settings\"\r\n                                ? \"active\"\r\n                                : \"\"\r\n                            }\r\n                            onClick={e =>\r\n                              this.changeActiveTab(\r\n                                e,\r\n                                \"verticalTabsIcons\",\r\n                                \"settings\"\r\n                              )\r\n                            }\r\n                          >\r\n                            <i className=\"tim-icons icon-settings\" />\r\n                            Settings\r\n                          </NavLink>\r\n                        </NavItem>\r\n                      </Nav>\r\n                    </Col>\r\n                    <Col md=\"8\">\r\n                      <TabContent activeTab={this.state.verticalTabsIcons}>\r\n                        <TabPane tabId=\"home\">\r\n                          Collaboratively administrate empowered markets via\r\n                          plug-and-play networks. Dynamically procrastinate B2C\r\n                          users after installed base benefits. <br />\r\n                          <br />\r\n                          Dramatically visualize customer directed convergence\r\n                          without revolutionary ROI.\r\n                        </TabPane>\r\n                        <TabPane tabId=\"settings\">\r\n                          Efficiently unleash cross-media information without\r\n                          cross-media value. Quickly maximize timely\r\n                          deliverables for real-time schemas. <br />\r\n                          <br />\r\n                          Dramatically maintain clicks-and-mortar solutions\r\n                          without functional solutions.\r\n                        </TabPane>\r\n                      </TabContent>\r\n                    </Col>\r\n                  </Row>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n          <Row>\r\n            <Col className=\"ml-auto mr-auto\" md=\"8\">\r\n              <Card className=\"card-plain card-subcategories\">\r\n                <CardHeader>\r\n                  <CardTitle className=\"text-center mt-5\" tag=\"h4\">\r\n                    Page Subcategories\r\n                  </CardTitle>\r\n                  <br />\r\n                </CardHeader>\r\n                <CardBody>\r\n                  {/* color-classes: \"nav-pills-primary\", \"nav-pills-info\", \"nav-pills-success\", \"nav-pills-warning\",\"nav-pills-danger\" */}\r\n                  <Nav\r\n                    className=\"nav-pills-info nav-pills-icons justify-content-center\"\r\n                    pills\r\n                  >\r\n                    <NavItem>\r\n                      <NavLink\r\n                        data-toggle=\"tab\"\r\n                        href=\"#pablo\"\r\n                        className={\r\n                          this.state.pageTabs === \"home\" ? \"active\" : \"\"\r\n                        }\r\n                        onClick={e =>\r\n                          this.changeActiveTab(e, \"pageTabs\", \"home\")\r\n                        }\r\n                      >\r\n                        <i className=\"tim-icons icon-istanbul\" />\r\n                        Home\r\n                      </NavLink>\r\n                    </NavItem>\r\n                    <NavItem>\r\n                      <NavLink\r\n                        data-toggle=\"tab\"\r\n                        href=\"#pablo\"\r\n                        className={\r\n                          this.state.pageTabs === \"messages\" ? \"active\" : \"\"\r\n                        }\r\n                        onClick={e =>\r\n                          this.changeActiveTab(e, \"pageTabs\", \"messages\")\r\n                        }\r\n                      >\r\n                        <i className=\"tim-icons icon-bag-16\" />\r\n                        Messages\r\n                      </NavLink>\r\n                    </NavItem>\r\n                    <NavItem>\r\n                      <NavLink\r\n                        data-toggle=\"tab\"\r\n                        href=\"#pablo\"\r\n                        className={\r\n                          this.state.pageTabs === \"settings\" ? \"active\" : \"\"\r\n                        }\r\n                        onClick={e =>\r\n                          this.changeActiveTab(e, \"pageTabs\", \"settings\")\r\n                        }\r\n                      >\r\n                        <i className=\"tim-icons icon-settings\" />\r\n                        Settings\r\n                      </NavLink>\r\n                    </NavItem>\r\n                  </Nav>\r\n                  <TabContent\r\n                    className=\"tab-space tab-subcategories\"\r\n                    activeTab={this.state.pageTabs}\r\n                  >\r\n                    <TabPane tabId=\"home\">\r\n                      Collaboratively administrate empowered markets via\r\n                      plug-and-play networks. Dynamically procrastinate B2C\r\n                      users after installed base benefits. <br />\r\n                      <br />\r\n                      Dramatically visualize customer directed convergence\r\n                      without revolutionary ROI.\r\n                    </TabPane>\r\n                    <TabPane tabId=\"messages\">\r\n                      Efficiently unleash cross-media information without\r\n                      cross-media value. Quickly maximize timely deliverables\r\n                      for real-time schemas. <br />\r\n                      <br />\r\n                      Dramatically maintain clicks-and-mortar solutions without\r\n                      functional solutions.\r\n                    </TabPane>\r\n                    <TabPane tabId=\"settings\">\r\n                      Completely synergize resource taxing relationships via\r\n                      premier niche markets. Professionally cultivate one-to-one\r\n                      customer service with robust ideas. <br />\r\n                      <br />\r\n                      Dynamically innovate resource-leveling customer service\r\n                      for state of the art customer service.\r\n                    </TabPane>\r\n                  </TabContent>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Panels;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardHeader, CardBody, Row, Col } from \"reactstrap\";\r\n\r\n// core components\r\nimport icons from \"../../variables/icons.jsx\";\r\n\r\nclass Icons extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"12\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <h5 className=\"title\">100 Awesome Nucleo Icons</h5>\r\n                  <p className=\"category\">\r\n                    Handcrafted by our friends from{\" \"}\r\n                    <a href=\"https://nucleoapp.com/?ref=1712\">NucleoApp</a>\r\n                  </p>\r\n                </CardHeader>\r\n                <CardBody className=\"all-icons\">\r\n                  <Row>\r\n                    {icons.map((prop, key) => {\r\n                      return (\r\n                        <Col\r\n                          className=\"font-icon-list col-xs-6 col-xs-6\"\r\n                          lg=\"2\"\r\n                          md=\"3\"\r\n                          sm=\"4\"\r\n                          key={key}\r\n                        >\r\n                          <div className=\"font-icon-detail\">\r\n                            <i className={\"tim-icons \" + prop.name} />\r\n                            <p>{prop.name}</p>\r\n                          </div>\r\n                        </Col>\r\n                      );\r\n                    })}\r\n                  </Row>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Icons;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Button,\r\n  Card,\r\n  CardBody,\r\n  CardFooter,\r\n  CardImg,\r\n  CardTitle,\r\n  ListGroupItem,\r\n  ListGroup,\r\n  Progress,\r\n  Container,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass Pricing extends React.Component {\r\n  componentDidMount() {\r\n    document.body.classList.toggle(\"pricing-page\");\r\n  }\r\n  componentWillUnmount() {\r\n    document.body.classList.toggle(\"pricing-page\");\r\n  }\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Container>\r\n            <Row>\r\n              <Col className=\"ml-auto mr-auto text-center\" md=\"6\">\r\n                <h1 className=\"title\">Pick the best plan for you</h1>\r\n                <h4 className=\"description\">\r\n                  You have Free Unlimited Updates and Premium Support on each\r\n                  package.\r\n                </h4>\r\n              </Col>\r\n            </Row>\r\n            <Row>\r\n              <Col lg=\"3\" md=\"6\">\r\n                <Card className=\"card-pricing card-primary\">\r\n                  <CardBody>\r\n                    <CardTitle tag=\"h1\">pro</CardTitle>\r\n                    <CardImg\r\n                      alt=\"...\"\r\n                      src={require(\"../../assets/img/card-primary.png\")}\r\n                    />\r\n                    <ListGroup>\r\n                      <ListGroupItem>300 messages</ListGroupItem>\r\n                      <ListGroupItem>150 emails</ListGroupItem>\r\n                      <ListGroupItem>24/7 Support</ListGroupItem>\r\n                    </ListGroup>\r\n                    <div className=\"card-prices\">\r\n                      <h3 className=\"text-on-front\">\r\n                        <span>$</span>\r\n                        95\r\n                      </h3>\r\n                      <h5 className=\"text-on-back\">95</h5>\r\n                      <p className=\"plan\">Professional plan</p>\r\n                    </div>\r\n                  </CardBody>\r\n                  <CardFooter className=\"text-center mb-3 mt-3\">\r\n                    <Button className=\"btn-round btn-just-icon\" color=\"primary\">\r\n                      Get started\r\n                    </Button>\r\n                  </CardFooter>\r\n                </Card>\r\n              </Col>\r\n              <Col lg=\"3\" md=\"6\">\r\n                <Card className=\"card-pricing card-success card-white\">\r\n                  <CardBody>\r\n                    <CardTitle tag=\"h1\">basic</CardTitle>\r\n                    <CardImg\r\n                      alt=\"...\"\r\n                      src={require(\"../../assets/img/card-success.png\")}\r\n                    />\r\n                    <ListGroup>\r\n                      <ListGroupItem>50 messages</ListGroupItem>\r\n                      <ListGroupItem>100 emails</ListGroupItem>\r\n                      <ListGroupItem>24/7 Support</ListGroupItem>\r\n                    </ListGroup>\r\n                    <div className=\"card-prices\">\r\n                      <h3 className=\"text-on-front\">\r\n                        <span>$</span>\r\n                        57\r\n                      </h3>\r\n                      <h5 className=\"text-on-back\">57</h5>\r\n                      <p className=\"plan\">Basic plan</p>\r\n                    </div>\r\n                  </CardBody>\r\n                  <CardFooter className=\"text-center mb-3 mt-3\">\r\n                    <Button className=\"btn-round btn-just-icon\" color=\"success\">\r\n                      Get started\r\n                    </Button>\r\n                  </CardFooter>\r\n                </Card>\r\n              </Col>\r\n              <Col lg=\"3\" md=\"6\">\r\n                <Card className=\"card-pricing card-warning card-raised card-white\">\r\n                  <CardBody>\r\n                    <CardTitle tag=\"h1\">mid</CardTitle>\r\n                    <CardImg\r\n                      alt=\"...\"\r\n                      src={require(\"../../assets/img/card-warning.png\")}\r\n                    />\r\n                    <ListGroup>\r\n                      <ListGroupItem>200 messages</ListGroupItem>\r\n                      <ListGroupItem>130 emails</ListGroupItem>\r\n                      <ListGroupItem>24/7 Support</ListGroupItem>\r\n                    </ListGroup>\r\n                    <div className=\"card-prices\">\r\n                      <h3 className=\"text-on-front\">\r\n                        <span>$</span>\r\n                        72\r\n                      </h3>\r\n                      <h5 className=\"text-on-back\">72</h5>\r\n                      <p className=\"plan\">Medium plan</p>\r\n                    </div>\r\n                  </CardBody>\r\n                  <CardFooter className=\"text-center mb-3 mt-3\">\r\n                    <Button className=\"btn-round btn-just-icon\" color=\"warning\">\r\n                      Get started\r\n                    </Button>\r\n                  </CardFooter>\r\n                </Card>\r\n              </Col>\r\n              <Col lg=\"3\" md=\"6\">\r\n                <Card className=\"card-pricing card-danger card-white\">\r\n                  <CardBody>\r\n                    <CardTitle tag=\"h1\">trial</CardTitle>\r\n                    <CardImg\r\n                      alt=\"...\"\r\n                      src={require(\"../../assets/img/card-danger.png\")}\r\n                    />\r\n                    <ListGroup>\r\n                      <ListGroupItem>50 messages</ListGroupItem>\r\n                      <ListGroupItem>50 emails</ListGroupItem>\r\n                      <ListGroupItem>No Support</ListGroupItem>\r\n                    </ListGroup>\r\n                    <div className=\"card-prices\">\r\n                      <h3 className=\"text-on-front\">\r\n                        <span>$</span>9\r\n                      </h3>\r\n                      <h5 className=\"text-on-back\">9</h5>\r\n                      <p className=\"plan\">Trial plan</p>\r\n                    </div>\r\n                  </CardBody>\r\n                  <CardFooter className=\"text-center mb-3 mt-3\">\r\n                    <Button className=\"btn-round btn-just-icon\" color=\"danger\">\r\n                      Get started\r\n                    </Button>\r\n                  </CardFooter>\r\n                </Card>\r\n              </Col>\r\n            </Row>\r\n            <Col className=\"mt-5\" md=\"12\">\r\n              <h3 className=\"title\">Professional Plan</h3>\r\n            </Col>\r\n            <Row>\r\n              <Col md=\"4\">\r\n                <p>\r\n                  Premium pricing is the strategy of consistently pricing at, or\r\n                  near, the high end of the possible price range to help attract\r\n                  status-conscious consumers. The high pricing of a premium\r\n                  product ...\r\n                </p>\r\n              </Col>\r\n              <Col className=\"ml-auto\" md=\"6\">\r\n                <div className=\"progress-container progress-warning\">\r\n                  <span className=\"progress-badge\">500GB</span>\r\n                  <Progress max=\"100\" value=\"75\" />\r\n                </div>\r\n                <div className=\"progress-container progress-primary\">\r\n                  <span className=\"progress-badge\">4 years</span>\r\n                  <Progress max=\"100\" value=\"50\" />\r\n                </div>\r\n              </Col>\r\n            </Row>\r\n          </Container>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Pricing;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Badge,\r\n  Card,\r\n  CardBody,\r\n  DropdownToggle,\r\n  DropdownMenu,\r\n  DropdownItem,\r\n  UncontrolledDropdown,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass Timeline extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <div className=\"header text-center\">\r\n            <h3 className=\"title\">Timeline</h3>\r\n          </div>\r\n          <Row>\r\n            <Col md=\"12\">\r\n              <Card className=\"card-timeline card-plain\">\r\n                <CardBody>\r\n                  <ul className=\"timeline\">\r\n                    <li className=\"timeline-inverted\">\r\n                      <div className=\"timeline-badge danger\">\r\n                        <i className=\"tim-icons icon-planet\" />\r\n                      </div>\r\n                      <div className=\"timeline-panel\">\r\n                        <div className=\"timeline-heading\">\r\n                          <Badge color=\"danger\" pill>\r\n                            Some Title\r\n                          </Badge>\r\n                        </div>\r\n                        <div className=\"timeline-body\">\r\n                          <p>\r\n                            Wifey made the best Father's Day meal ever. So\r\n                            thankful so happy so blessed. Thank you for making\r\n                            my family We just had fun with the “future” theme\r\n                            !!! It was a fun night all together ... The always\r\n                            rude Kanye Show at 2am Sold Out Famous viewing @\r\n                            Figueroa and 12th in downtown.\r\n                          </p>\r\n                        </div>\r\n                        <h6>\r\n                          <i className=\"ti-time\" />\r\n                          11 hours ago via Twitter\r\n                        </h6>\r\n                      </div>\r\n                    </li>\r\n                    <li>\r\n                      <div className=\"timeline-badge success\">\r\n                        <i className=\"tim-icons icon-user-run\" />\r\n                      </div>\r\n                      <div className=\"timeline-panel\">\r\n                        <div className=\"timeline-heading\">\r\n                          <Badge color=\"success\" pill>\r\n                            Another One\r\n                          </Badge>\r\n                        </div>\r\n                        <div className=\"timeline-body\">\r\n                          <p>\r\n                            Thank God for the support of my wife and real\r\n                            friends. I also wanted to point out that it’s the\r\n                            first album to go number 1 off of streaming!!! I\r\n                            love you Ellen and also my number one design rule of\r\n                            anything I do from shoes to music to homes is that\r\n                            Kim has to like it....\r\n                          </p>\r\n                        </div>\r\n                      </div>\r\n                    </li>\r\n                    <li className=\"timeline-inverted\">\r\n                      <div className=\"timeline-badge info\">\r\n                        <i className=\"tim-icons icon-notes\" />\r\n                      </div>\r\n                      <div className=\"timeline-panel\">\r\n                        <div className=\"timeline-heading\">\r\n                          <Badge color=\"info\" pill>\r\n                            Another Title\r\n                          </Badge>\r\n                        </div>\r\n                        <div className=\"timeline-body\">\r\n                          <p>\r\n                            Called I Miss the Old Kanye That’s all it was Kanye\r\n                            And I love you like Kanye loves Kanye Famous viewing\r\n                            @ Figueroa and 12th in downtown LA 11:10PM\r\n                          </p>\r\n                          <p>\r\n                            What if Kanye made a song about Kanye Royère doesn't\r\n                            make a Polar bear bed but the Polar bear couch is my\r\n                            favorite piece of furniture we own It wasn’t any\r\n                            Kanyes Set on his goals Kanye\r\n                          </p>\r\n                          <hr />\r\n                        </div>\r\n                        <div className=\"timeline-footer\">\r\n                          <UncontrolledDropdown>\r\n                            <DropdownToggle\r\n                              caret\r\n                              className=\"btn-round\"\r\n                              color=\"info\"\r\n                              data-toggle=\"dropdown\"\r\n                              type=\"button\"\r\n                            >\r\n                              <i className=\"tim-icons icon-settings-gear-63\" />{\" \"}\r\n                            </DropdownToggle>\r\n                            <DropdownMenu>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Action\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Another action\r\n                              </DropdownItem>\r\n                              <DropdownItem\r\n                                href=\"#pablo\"\r\n                                onClick={e => e.preventDefault()}\r\n                              >\r\n                                Something else here\r\n                              </DropdownItem>\r\n                            </DropdownMenu>\r\n                          </UncontrolledDropdown>\r\n                        </div>\r\n                      </div>\r\n                    </li>\r\n                    <li>\r\n                      <div className=\"timeline-badge warning\">\r\n                        <i className=\"tim-icons icon-gift-2\" />\r\n                      </div>\r\n                      <div className=\"timeline-panel\">\r\n                        <div className=\"timeline-heading\">\r\n                          <Badge color=\"warning\" pill>\r\n                            Another One\r\n                          </Badge>\r\n                        </div>\r\n                        <div className=\"timeline-body\">\r\n                          <p>\r\n                            Tune into Big Boy's 92.3 I'm about to play the first\r\n                            single from Cruel Winter also to Kim’s hair and\r\n                            makeup Lorraine jewelry and the whole style squad at\r\n                            Balmain and the Yeezy team. Thank you Anna for the\r\n                            invite thank you to the whole Vogue team\r\n                          </p>\r\n                        </div>\r\n                      </div>\r\n                    </li>\r\n                  </ul>\r\n                </CardBody>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Timeline;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Button,\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardFooter,\r\n  CardText,\r\n  FormGroup,\r\n  Form,\r\n  Input,\r\n  Row,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass User extends React.Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Row>\r\n            <Col md=\"8\">\r\n              <Card>\r\n                <CardHeader>\r\n                  <h5 className=\"title\">Edit Profile</h5>\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <Form>\r\n                    <Row>\r\n                      <Col className=\"pr-md-1\" md=\"5\">\r\n                        <FormGroup>\r\n                          <label>Company (disabled)</label>\r\n                          <Input\r\n                            defaultValue=\"Creative Code Inc.\"\r\n                            disabled\r\n                            type=\"text\"\r\n                          />\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"px-md-1\" md=\"3\">\r\n                        <FormGroup>\r\n                          <label>Username</label>\r\n                          <Input defaultValue=\"michael23\" type=\"text\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"pl-md-1\" md=\"4\">\r\n                        <FormGroup>\r\n                          <label>Email address</label>\r\n                          <Input placeholder=\"mike@email.com\" type=\"email\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Col className=\"pr-md-1\" md=\"6\">\r\n                        <FormGroup>\r\n                          <label>First Name</label>\r\n                          <Input defaultValue=\"Mike\" type=\"text\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"pl-md-1\" md=\"6\">\r\n                        <FormGroup>\r\n                          <label>Last Name</label>\r\n                          <Input defaultValue=\"Andrew\" type=\"text\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Col md=\"12\">\r\n                        <FormGroup>\r\n                          <label>Address</label>\r\n                          <Input\r\n                            defaultValue=\"Bld Mihail Kogalniceanu, nr. 8 Bl 1, Sc 1, Ap 09\"\r\n                            placeholder=\"Home Address\"\r\n                            type=\"text\"\r\n                          />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Col className=\"pr-md-1\" md=\"4\">\r\n                        <FormGroup>\r\n                          <label>City</label>\r\n                          <Input defaultValue=\"Mike\" type=\"text\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"px-md-1\" md=\"4\">\r\n                        <FormGroup>\r\n                          <label>Country</label>\r\n                          <Input defaultValue=\"Andrew\" type=\"text\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                      <Col className=\"pl-md-1\" md=\"4\">\r\n                        <FormGroup>\r\n                          <label>Postal Code</label>\r\n                          <Input placeholder=\"ZIP Code\" type=\"number\" />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row>\r\n                      <Col md=\"8\">\r\n                        <FormGroup>\r\n                          <label>About Me</label>\r\n                          <Input\r\n                            cols=\"80\"\r\n                            defaultValue=\"Lamborghini Mercy, Your chick she so thirsty, I'm in\r\n                            that two seat Lambo.\"\r\n                            placeholder=\"Here can be your description\"\r\n                            rows=\"4\"\r\n                            type=\"textarea\"\r\n                          />\r\n                        </FormGroup>\r\n                      </Col>\r\n                    </Row>\r\n                  </Form>\r\n                </CardBody>\r\n                <CardFooter>\r\n                  <Button className=\"btn-fill\" color=\"primary\" type=\"submit\">\r\n                    Save\r\n                  </Button>\r\n                </CardFooter>\r\n              </Card>\r\n            </Col>\r\n            <Col md=\"4\">\r\n              <Card className=\"card-user\">\r\n                <CardBody>\r\n                  <CardText />\r\n                  <div className=\"author\">\r\n                    <div className=\"block block-one\" />\r\n                    <div className=\"block block-two\" />\r\n                    <div className=\"block block-three\" />\r\n                    <div className=\"block block-four\" />\r\n                    <a href=\"#pablo\" onClick={e => e.preventDefault()}>\r\n                      <img\r\n                        alt=\"...\"\r\n                        className=\"avatar\"\r\n                        src={require(\"../../assets/img/emilyz.jpg\")}\r\n                      />\r\n                      <h5 className=\"title\">Mike Andrew</h5>\r\n                    </a>\r\n                    <p className=\"description\">Ceo/Co-Founder</p>\r\n                  </div>\r\n                  <div className=\"card-description\">\r\n                    Do not be scared of the truth because we need to restart the\r\n                    human foundation in truth And I love you like Kanye loves\r\n                    Kanye I love Rick Owens’ bed design but the back is...\r\n                  </div>\r\n                </CardBody>\r\n                <CardFooter>\r\n                  <div className=\"button-container\">\r\n                    <Button className=\"btn-icon btn-round\" color=\"facebook\">\r\n                      <i className=\"fab fa-facebook\" />\r\n                    </Button>\r\n                    <Button className=\"btn-icon btn-round\" color=\"twitter\">\r\n                      <i className=\"fab fa-twitter\" />\r\n                    </Button>\r\n                    <Button className=\"btn-icon btn-round\" color=\"google\">\r\n                      <i className=\"fab fa-google-plus\" />\r\n                    </Button>\r\n                  </div>\r\n                </CardFooter>\r\n              </Card>\r\n            </Col>\r\n          </Row>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default User;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n  Button,\r\n  Card,\r\n  CardHeader,\r\n  CardBody,\r\n  CardFooter,\r\n  CardTitle,\r\n  Input,\r\n  InputGroupAddon,\r\n  InputGroupText,\r\n  InputGroup,\r\n  Container,\r\n  Col\r\n} from \"reactstrap\";\r\n\r\nclass Lock extends React.Component {\r\n  componentDidMount() {\r\n    document.body.classList.toggle(\"lock-page\");\r\n  }\r\n  componentWillUnmount() {\r\n    document.body.classList.toggle(\"lock-page\");\r\n  }\r\n  render() {\r\n    return (\r\n      <>\r\n        <div className=\"content\">\r\n          <Container>\r\n            <Col className=\"ml-auto mr-auto\" lg=\"4\" md=\"6\">\r\n              <Card className=\"card-lock card-white text-center\">\r\n                <CardHeader>\r\n                  <img alt=\"...\" src={require(\"../../assets/img/emilyz.jpg\")} />\r\n                </CardHeader>\r\n                <CardBody>\r\n                  <CardTitle tag=\"h4\">Joe Gardner</CardTitle>\r\n                  <InputGroup>\r\n                    <InputGroupAddon addonType=\"prepend\">\r\n                      <InputGroupText>\r\n                        <i className=\"tim-icons icon-key-25\" />\r\n                      </InputGroupText>\r\n                    </InputGroupAddon>\r\n                    <Input placeholder=\"Password\" type=\"text\" />\r\n                  </InputGroup>\r\n                </CardBody>\r\n                <CardFooter>\r\n                  <Button\r\n                    className=\"btn-round\"\r\n                    color=\"primary\"\r\n                    href=\"#pablo\"\r\n                    size=\"lg\"\r\n                    onClick={e => e.preventDefault()}\r\n                  >\r\n                    Unlock\r\n                  </Button>\r\n                </CardFooter>\r\n              </Card>\r\n            </Col>\r\n          </Container>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Lock;\r\n","import React, { Component } from \"react\";\r\nimport { Button } from \"reactstrap\";\r\n\r\nclass ButtonLoader extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            loading: false,\r\n            color: props.color,\r\n            onClick: props.onClick,\r\n            className: props.className,\r\n            text: props.children\r\n        };\r\n    }\r\n\r\n    fetchData = () => {\r\n        this.setState({\r\n            loading: true\r\n        });\r\n    }\r\n\r\n    stopFetching = () => {\r\n        this.setState({\r\n            loading: false\r\n        });\r\n    }\r\n\r\n    render() {\r\n        const { loading } = this.state;\r\n\r\n        return (\r\n            <React.Fragment>\r\n                <Button color={this.state.color} onClick={(e) => { this.fetchData(); this.state.onClick(e); }} className={this.state.className} disabled={loading} type={this.props.type}>\r\n                    {loading && <i className=\"tim-icons icon-refresh-02 spin\" />}\r\n                    {\" \"}\r\n                    {this.state.text}\r\n                </Button>\r\n            </React.Fragment>  \r\n        );\r\n    }\r\n}\r\n\r\nexport default ButtonLoader;","import React from 'react';\r\nimport axios from 'axios';\r\nimport * as signalR from \"@aspnet/signalr\";\r\nimport '../../assets/css/modal-form-controls.css';\r\nimport { Button, Modal, ModalHeader, ModalBody, Input, ModalFooter, Form, FormGroup, Row, Col, Progress } from 'reactstrap';\r\nimport ButtonLoader from '../../components/Buttons/ButtonLoader';\r\n\r\nclass ImportMetlifeCommissionModal extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            modal: props.show,\r\n            importFile: null,\r\n            hubConnection: null,\r\n            hubConnectionId: null,\r\n            progress: 0\r\n        };\r\n\r\n        this.button = React.createRef();\r\n        this.toggle = this.toggle.bind(this);\r\n        this.handleUploadClick = this.handleUploadClick.bind(this);\r\n    }\r\n\r\n    toggle() {\r\n        this.setState(prevState => ({\r\n            modal: !prevState.modal\r\n        }));\r\n    }\r\n\r\n    componentDidMount = () => {\r\n        const hubConnection = new signalR.HubConnectionBuilder()\r\n            .withUrl(\"/uploadfileprogress\").build();\r\n\r\n        this.setState({ hubConnection }, () => {\r\n            this.state.hubConnection\r\n                .start()\r\n                .then(() => {\r\n                    hubConnection.invoke('getConnectionId')\r\n                        .then((connectionId) => {\r\n                            this.setState({\r\n                                hubConnectionId: connectionId\r\n                            });\r\n                        });\r\n                })\r\n                .catch(err => console.log(err));\r\n\r\n            this.state.hubConnection.on('updateProgress', (progress) => {\r\n                this.setState({ progress });\r\n                if (progress == 100) {\r\n                    this.button.current.stopFetching();\r\n                    if (this.props.onFinish) {\r\n                        this.props.onFinish();\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    handleUploadClick(event) {\r\n        var imagefile = document.querySelector('#MetlifeImportFile');\r\n        event.preventDefault();\r\n        var form = document.querySelector('#MetlifeImportForm');\r\n        if (imagefile.files.length > 0) {\r\n            var query = \"\";\r\n            if (this.state.hubConnectionId)\r\n                query = \"?connectionId=\" + this.state.hubConnectionId;\r\n            var formData = new FormData(form);\r\n            formData.append(\"File\", imagefile.files[0]);\r\n            axios.post(form.action + query, formData, {\r\n                headers: {\r\n                    'Content-Type': 'multipart/form-data'\r\n                }\r\n            }).then((response) => {\r\n\r\n            }).catch((error) => {\r\n                    this.toggle()\r\n            })\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <React.Fragment>\r\n                <Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className} onClosed={this.props.onClose}>\r\n                    <ModalHeader toggle={this.toggle}>Import Metlife provízií</ModalHeader>\r\n                    <Form action=\"/api/commissions/metlife/import\" method=\"POST\" id=\"MetlifeImportForm\" >\r\n                        <ModalBody>\r\n                            <Row>\r\n                                <Col>\r\n                                    <label>Súbor</label>\r\n                                    <div>\r\n                                        <input type=\"file\" id=\"MetlifeImportFile\" required />\r\n                                    </div>\r\n                                </Col>\r\n                            </Row>\r\n                        </ModalBody>\r\n                        <ModalFooter>\r\n                            <ButtonLoader color=\"danger\" ref={this.button} onClick={this.handleUploadClick}>Importovať</ButtonLoader>\r\n                            <Button color=\"secondary\" onClick={this.toggle}>Zrušiť</Button>\r\n                        </ModalFooter>\r\n                        <div className=\"progress-container progress-danger\">\r\n                            <Progress max=\"100\" value={this.state.progress} barClassName=\"progress-bar-primary\" className=\"m-0\" />\r\n                        </div>\r\n                    </Form>\r\n                </Modal>\r\n            </React.Fragment>\r\n        );\r\n    }\r\n}\r\n\r\nexport default ImportMetlifeCommissionModal;","import React from 'react';\r\nimport axios from 'axios';\r\nimport '../../assets/css/modal-form-controls.css';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, FormGroup, Row, Col } from 'reactstrap';\r\nimport { FormattedNumber, FormattedDate } from 'react-intl';\r\n\r\nclass MetlifeCommissionRecordModal extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            modal: props.show,\r\n            data: null\r\n        };\r\n\r\n        this.toggle = this.toggle.bind(this);\r\n        this.fetchData = this.fetchData.bind(this);\r\n\r\n        this.fetchData(props.id);\r\n    }\r\n\r\n    toggle() {\r\n        this.setState(prevState => ({\r\n            modal: !prevState.modal\r\n        }));\r\n    }\r\n\r\n\r\n    fetchData(id) {\r\n        axios.get(\"/api/commissions/metlife/record/\" + id).then((response) => {\r\n            this.setState({\r\n                data: response.data\r\n            });\r\n        }).catch((error) => {\r\n            console.log(error);\r\n        })\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            this.state.data && <React.Fragment>\r\n                <Modal isOpen={this.state.modal} toggle={this.toggle} onClosed={this.props.onClose} className={this.props.className} size=\"lg\">\r\n                    <ModalHeader toggle={this.toggle}>Detail záznamu</ModalHeader>\r\n                    <ModalBody>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>AGENT</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.agent}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>APPLNO</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.applno}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>POLNUM</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.polnum}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>INAME</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.iName2}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>BMODE</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.bMode}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>YYMM</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.yymm}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>STATI</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.stati}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>PREMIUM</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.premium} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>RATE</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.rate} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>STORNO</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.storno} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>PROVISION</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.provision} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CMTYPCA</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.cmTypCa}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>LOB</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.lob}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>DURATION</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.duration}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>INDEXCOMM</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.indexComm}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>MATEXP</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedDate value={this.state.data.matExp} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>RIDER</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.rider}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CURR</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.curr}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>PLANCODE</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.planCode}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>MMID</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.mmid}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>PAYDATETO</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedDate value={this.state.data.payDateTo} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>OWNPOLICY</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.ownPolicy}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>ONAME</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.oName}</label>  \r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>T2DATE</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedDate value={this.state.data.t2Date} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CBISSDT</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedDate value={this.state.data.cbIssDt} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CBSTATUS</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.cbStatus}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>T2Situ</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.incno}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>INCNO</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.iName2}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>PAIDAMT</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.paidAmt} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CWBPDPREM</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.cwbpdprem} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CWBCMRATE</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.cwbcmRate} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CWBCM</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.cwbcm} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CWBRATE</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.cwbRate} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CWBCLS</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.cwbcls}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>INAME2</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.iName2}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CMTYPCA</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.cmTypCa}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>OVERDUE</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.overdue}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>PAYNUM</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.payNum}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>PCDIDP01</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.pcdidp01}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                            <Col md=\"3\">\r\n                                <strong><label>NAME</label></strong>\r\n                                <FormGroup>\r\n                                    <label>{this.state.data.name}</label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                        <Row>\r\n                            <Col md=\"3\">\r\n                                <strong><label>CXMPREM</label></strong>\r\n                                <FormGroup>\r\n                                    <label><FormattedNumber value={this.state.data.cxmPrem} /></label>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                    </ModalBody>\r\n                    <ModalFooter>\r\n\r\n                    </ModalFooter>\r\n                </Modal>\r\n            </React.Fragment >\r\n        );\r\n    }\r\n}\r\n\r\nexport default MetlifeCommissionRecordModal;","import React from 'react';\r\nimport axios from 'axios';\r\nimport '../../assets/css/modal-form-controls.css';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, FormGroup, Row, Col, Input, Button } from 'reactstrap';\r\nimport { injectIntl } from \"react-intl\";\r\nimport ButtonLoader from \"../../components/Buttons/ButtonLoader\";\r\n\r\nclass ExportMetlifeCommissionRecordModal extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            modal: props.show,\r\n            options: [],\r\n            id: null,\r\n            exportGroupedRecords: props.grouped\r\n        };\r\n\r\n        this.button = React.createRef();\r\n\r\n        this.toggle = this.toggle.bind(this);\r\n        this.fetchData = this.fetchData.bind(this);\r\n        this.handleExportClick = this.handleExportClick.bind(this);\r\n        this.onImportSelected = this.onImportSelected.bind(this);\r\n\r\n        this.fetchData();\r\n    }\r\n\r\n    toggle() {\r\n        this.setState(prevState => ({\r\n            modal: !prevState.modal\r\n        }));\r\n    }\r\n\r\n    onImportSelected(e) {\r\n        this.setState({\r\n            id: e.target.value\r\n        })\r\n    }\r\n\r\n    handleExportClick(event, onSuccess, onError) {\r\n        this.toggle();\r\n        return window.location = (this.state.exportGroupedRecords ? \"/api/commissions/metlife/export/\" : \"/api/commissions/metlife/exportnotgrouped/\") + this.state.id;\r\n    }\r\n\r\n    fetchData() {\r\n        axios.get(\"/api/commissions/metlife/imports\").then((response) => {\r\n            this.setState({\r\n                options: response.data,\r\n            });\r\n            if (response.data.length > 0) {\r\n                this.setState({\r\n                    id: response.data[0].id\r\n                });\r\n            }\r\n        }).catch((error) => {\r\n            this.button.current.stopFetching();\r\n        })\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            this.state.options && <React.Fragment>\r\n                <Modal isOpen={this.state.modal} toggle={this.toggle} onClosed={this.props.onClose} className={this.props.className} >\r\n                    <ModalHeader toggle={this.toggle}>Export Metlife provízií</ModalHeader>\r\n                    <ModalBody>\r\n                        <Row>\r\n                            <Col>\r\n                                <strong><label>Vyber import</label></strong>\r\n                                <FormGroup>\r\n                                    <Input type=\"select\" name=\"select\" id=\"ImportSelect\" onChange={this.onImportSelected}>\r\n                                        {this.state.options.map((value, index) => <option value={value.id} key={value.id}>Import č. {value.id} - {this.props.intl.formatDate(value.created)} {this.props.intl.formatTime(value.created)}</option>)}\r\n                                    </Input>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                    </ModalBody>\r\n                    <ModalFooter>\r\n                        <ButtonLoader ref={this.button} color=\"danger\" onClick={this.handleExportClick}>Exportovať</ButtonLoader>\r\n                        <Button color=\"secondary\" onClick={this.toggle}>Zrušiť</Button>\r\n                    </ModalFooter>\r\n                </Modal>\r\n            </React.Fragment >\r\n        );\r\n    }\r\n}\r\n\r\nexport default injectIntl(ExportMetlifeCommissionRecordModal);","import React from 'react';\r\nimport axios from 'axios';\r\nimport * as signalR from \"@aspnet/signalr\";\r\nimport '../../assets/css/modal-form-controls.css';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, FormGroup, Row, Col, Input, Button, Progress } from 'reactstrap';\r\nimport { injectIntl } from \"react-intl\";\r\nimport ButtonLoader from \"../../components/Buttons/ButtonLoader\";\r\n\r\nclass DeleteMetlifeCommissionImportModal extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            modal: props.show,\r\n            options: [],\r\n            id: null,\r\n            hubConnection: null,\r\n            hubConnectionId: null,\r\n            progress: 0\r\n        };\r\n\r\n        this.button = React.createRef();\r\n\r\n        this.toggle = this.toggle.bind(this);\r\n        this.fetchData = this.fetchData.bind(this);\r\n        this.handleDeleteClick = this.handleDeleteClick.bind(this);\r\n        this.onImportSelected = this.onImportSelected.bind(this);\r\n\r\n        this.fetchData();\r\n    }\r\n\r\n    componentDidMount = () => {\r\n        const hubConnection = new signalR.HubConnectionBuilder()\r\n            .withUrl(\"/uploadfileprogress\").build();\r\n\r\n        this.setState({ hubConnection }, () => {\r\n            this.state.hubConnection\r\n                .start()\r\n                .then(() => {\r\n                    hubConnection.invoke('getConnectionId')\r\n                        .then((connectionId) => {\r\n                            this.setState({\r\n                                hubConnectionId: connectionId\r\n                            });\r\n                        });\r\n                })\r\n                .catch(err => console.log(err));\r\n\r\n            this.state.hubConnection.on('updateProgress', (progress) => {\r\n                this.setState({ progress });\r\n                if (progress == 100) {\r\n                    this.button.current.stopFetching();\r\n                    this.fetchData();\r\n                    if (this.props.onFinish) {\r\n                        this.props.onFinish();\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n\r\n    toggle() {\r\n        this.setState(prevState => ({\r\n            modal: !prevState.modal\r\n        }));\r\n    }\r\n\r\n    onImportSelected(e) {\r\n        this.setState({\r\n            id: e.target.value\r\n        })\r\n    }\r\n\r\n    handleDeleteClick() {\r\n        var url = \"/api/commissions/metlife/import/\" + this.state.id + \"/delete\";\r\n        if (this.state.hubConnectionId)\r\n            url += \"?connectionId=\" + this.state.hubConnectionId;\r\n        axios.get(url).then((response) => {\r\n            // this.toggle();\r\n        }).catch((error) => {\r\n            this.button.current.stopFetching();\r\n        })\r\n    }\r\n\r\n    fetchData() {\r\n        axios.get(\"/api/commissions/metlife/imports\").then((response) => {\r\n            this.setState({\r\n                options: response.data,\r\n            });\r\n            if (response.data.length > 0) {\r\n                this.setState({\r\n                    id: response.data[0].id\r\n                });\r\n            }\r\n        }).catch((error) => {\r\n            this.button.current.stopFetching();\r\n        })\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            this.state.options && <React.Fragment>\r\n                <Modal isOpen={this.state.modal} toggle={this.toggle} onClosed={this.props.onClose} className={this.props.className} >\r\n                    <ModalHeader toggle={this.toggle}>Zmazať Metlife import</ModalHeader>\r\n                    <ModalBody>\r\n                        <Row>\r\n                            <Col>\r\n                                <strong><label>Vyber import</label></strong>\r\n                                <FormGroup>\r\n                                    <Input type=\"select\" name=\"select\" id=\"ImportSelect\" onChange={this.onImportSelected}>\r\n                                        {this.state.options.map((value, index) => <option value={value.id} key={value.id}>Import č. {value.id} - {this.props.intl.formatDate(value.created)} {this.props.intl.formatTime(value.created)}</option>)}\r\n                                    </Input>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                    </ModalBody>\r\n                    <ModalFooter>\r\n                        <ButtonLoader ref={this.button} color=\"danger\" onClick={this.handleDeleteClick}>Zmazať</ButtonLoader>\r\n                        <Button color=\"secondary\" onClick={this.toggle}>Zrušiť</Button>\r\n                    </ModalFooter>\r\n                    <div className=\"progress-container progress-danger\">\r\n                        <Progress max=\"100\" value={this.state.progress} barClassName=\"progress-bar-primary\" className=\"m-0\" />\r\n                    </div>\r\n                </Modal>\r\n            </React.Fragment >\r\n        );\r\n    }\r\n}\r\n\r\nexport default injectIntl(DeleteMetlifeCommissionImportModal);","import React, { Component } from \"react\";\r\nimport axios from \"axios\";\r\n// react component for creating dynamic tables\r\nimport ReactTable from \"react-table\";\r\nimport {\r\n    Button,\r\n    Card,\r\n    CardBody,\r\n    CardHeader,\r\n    CardTitle,\r\n    Row,\r\n    Col,\r\n    UncontrolledDropdown,\r\n    DropdownToggle,\r\n    DropdownMenu,\r\n    DropdownItem\r\n} from \"reactstrap\";\r\nimport { FormattedNumber } from 'react-intl';\r\nimport '../../assets/css/tables-custom.css';\r\nimport Notify from 'react-notification-alert';\r\n\r\n\r\nimport ImportMetlifeCommissionModal from \"../../components/Commissions/ImportMetlifeCommissionModal\";\r\nimport MetlifeCommissionGroupModal from \"../../components/Commissions/MetlifeCommissionGroupModal\";\r\nimport ExportMetlifeCommissionRecordModal from \"../../components/Commissions/ExportMetlifeCommissionRecordModal\";\r\nimport DeleteMetlifeCommissionImportModal from \"../../components/Commissions/DeleteMetlifeCommissionImportModal\";\r\n\r\nclass MetlifeCommissionsTable extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            loading: true,\r\n            pages: null,\r\n            data: [],\r\n            selected: null,\r\n            showDetail: false,\r\n            showExport: false,\r\n            showImport: false,\r\n            showDelete: false\r\n        };\r\n\r\n        this.table = React.createRef();\r\n\r\n        this.fetchData = this.fetchData.bind(this);\r\n        this.toggleGroup = this.toggleGroup.bind(this);\r\n        this.onDetailClosed = this.onDetailClosed.bind(this);\r\n        this.refetchData = this.refetchData.bind(this);\r\n        this.toggleExport = this.toggleExport.bind(this);\r\n        this.toggleImport = this.toggleImport.bind(this);\r\n        this.toggleDeleteImport = this.toggleDeleteImport.bind(this);\r\n    }\r\n\r\n    toggleDeleteImport(show) {\r\n        this.setState({\r\n            showDelete: show\r\n        });\r\n    }\r\n\r\n    toggleImport(show) {\r\n        this.setState({\r\n            showImport: show\r\n        });\r\n    }\r\n\r\n    toggleExport(show, grouped) {\r\n        this.setState({\r\n            showExport: show,\r\n            exportGroupedRecords: grouped\r\n        });\r\n    }\r\n\r\n    toggleGroup(id) {\r\n        this.setState({\r\n            selected: id,\r\n            showDetail: !this.state.showDetail\r\n        });\r\n    }\r\n\r\n    showNotification(message) {\r\n        this.refs.notify.notificationAlert({\r\n            place: \"tr\",\r\n            message: message,\r\n            type: \"success\",\r\n            icon: \"tim-icons icon-bell-55\",\r\n            autoDismiss: 0\r\n        }); \r\n    }\r\n\r\n    onDetailClosed() {\r\n        this.setState({\r\n            selected: null,\r\n            showDetail: false\r\n        });\r\n\r\n        this.refetchData();\r\n    }\r\n\r\n    refetchData() {\r\n        this.fetchData(this.table.current.state.page, this.table.current.state.pageSize, this.table.current.state.sorted, this.table.current.state.filtered);\r\n    }\r\n\r\n    fetchData(page, pageSize, sorted, filtered) {\r\n        const params = new URLSearchParams();\r\n        params.append('page', page + 1);\r\n        params.append('pageSize', pageSize);\r\n\r\n        for (var index in filtered) {\r\n            params.append(filtered[index].id, filtered[index].value);\r\n        }\r\n\r\n        if (sorted.length === 1) {\r\n            params.append(\"sortField\", sorted[0].id)\r\n            params.append(\"sortOrder\", sorted[0].desc ? \"Descending\" : \"Ascending\");\r\n        }\r\n\r\n        this.setState({ loading: true });\r\n        axios.get(\"/api/commissions/metlife/groups\", { params: params }).then((response) => {\r\n            this.setState({\r\n                loading: false,\r\n                data: response.data.items,\r\n                pages: response.data.pages\r\n            });\r\n        }).catch((error) => {\r\n            this.setState({\r\n                loading: false\r\n            });\r\n            console.log(error);\r\n        })\r\n    }\r\n\r\n    render() {\r\n        const { data, pages, loading } = this.state;\r\n        return (\r\n            <>\r\n                <div className=\"content\">\r\n                    <Col md={8} className=\"ml-auto mr-auto\">\r\n                        <h2 className=\"text-center\">Tabuľka provízií Metlife</h2>\r\n                        <p className=\"text-center\">\r\n                            Základný popis tejto tabuľky a funkcií, ktoré sa tu dajú spraviť\r\n                        </p>\r\n                    </Col>\r\n                    <Row className=\"mt-5\">\r\n                        <Col xs={12} md={12}>\r\n                            <Card>\r\n                                <CardHeader>\r\n                                    <div className=\"tools float-right\">\r\n                                        <ImportMetlifeCommissionModal buttonLabel=\"Import\" onImport={this.refetchData} />\r\n                                        <UncontrolledDropdown>\r\n                                            <DropdownToggle caret className=\"btn-icon\" color=\"link\" data-toggle=\"dropdown\" type=\"button\">\r\n                                                <i className=\"tim-icons icon-settings-gear-63\" />\r\n                                            </DropdownToggle>\r\n                                            <DropdownMenu right>\r\n                                                <DropdownItem onClick={() => this.toggleImport(true)}>Importovať záznamy</DropdownItem>\r\n                                                <DropdownItem onClick={() => this.toggleExport(true, true)}>Exportovať záznamy</DropdownItem>\r\n                                                <DropdownItem onClick={() => this.toggleExport(true, false)}>Exportovať nezlúčené záznamy</DropdownItem>\r\n                                                <DropdownItem onClick={() => this.toggleDeleteImport(true)} className=\"text-danger\">Zmazať import</DropdownItem>\r\n                                            </DropdownMenu>\r\n                                        </UncontrolledDropdown>\r\n                                    </div>\r\n                                    <CardTitle tag=\"h4\">Metlife provízie</CardTitle>\r\n                                </CardHeader>\r\n                                <CardBody>\r\n                                    <ReactTable\r\n                                        ref={this.table}\r\n                                        resizable={false}\r\n                                        showPaginationTop\r\n                                        showPaginationBottom={false}\r\n                                        columns={[\r\n                                            {\r\n                                                Header: \"Kód brokra\",\r\n                                                accessor: \"agent\"\r\n                                            },\r\n                                            {\r\n                                                Header: \"Poistný návrh\",\r\n                                                accessor: \"applno\",\r\n                                            },\r\n                                            {\r\n                                                Header: \"Poistná zmluva\",\r\n                                                accessor: \"polnum\",\r\n                                            },\r\n                                            {\r\n                                                Header: \"Meno poisteného\",\r\n                                                accessor: \"iName2\"\r\n                                            },\r\n                                            {\r\n                                                Header: \"Provízia\",\r\n                                                accessor: \"provision\",\r\n                                                filterable: false,\r\n                                                Cell: props => <FormattedNumber value={props.value} />\r\n                                            },\r\n                                            {\r\n                                                Header: \"Storno\",\r\n                                                accessor: \"storno\",\r\n                                                filterable: false,\r\n                                                Cell: props => <FormattedNumber value={props.value} />\r\n                                            },\r\n                                            {\r\n                                                Header: \"Jednotky\",\r\n                                                accessor: \"units\",\r\n                                                filterable: false,\r\n                                                Cell: props => <FormattedNumber value={props.value} />\r\n                                            }\r\n                                        ]}\r\n                                        manual\r\n                                        data={data}\r\n                                        pages={pages}\r\n                                        loading={loading}\r\n                                        onFetchData={(state, instance) => this.fetchData(state.page, state.pageSize, state.sorted, state.filtered)}\r\n                                        filterable\r\n                                        defaultPageSize={10}\r\n                                        className=\"-striped -highlight -clickable\"\r\n                                        getTrProps={(state, rowInfo, column, instance) => ({\r\n                                            onClick: e => this.toggleGroup(rowInfo.original.id)\r\n                                        })}\r\n                                        previousText = \"Predošlá\"\r\n                                        nextText = \"Ďalšia\"\r\n                                        loadingText = \"Loading...\"\r\n                                        noDataText = \"Žiadne záznamy\"\r\n                                        pageText = \"Strana\"\r\n                                        ofText = \"z\"\r\n                                        rowsText = \"záznamov\"\r\n                                    />\r\n                                </CardBody>\r\n                            </Card>\r\n                        </Col>\r\n                    </Row>\r\n                </div>\r\n                <Notify ref=\"notify\" />\r\n                {this.state.showDetail && <MetlifeCommissionGroupModal id={this.state.selected} show={this.state.showDetail} toggle={this.toggleGroup} onClose={this.onDetailClosed} />}\r\n                {this.state.showExport && <ExportMetlifeCommissionRecordModal grouped={this.state.exportGroupedRecords} show={this.state.showExport} onClose={() => this.toggleExport(false)} />}\r\n                {this.state.showImport && <ImportMetlifeCommissionModal show={this.state.showImport} onClose={() => { this.toggleImport(false); this.refetchData(); }} onFinish={() => { this.showNotification(\"Import úspešne dokončený\"); } } />}\r\n                {this.state.showDelete && <DeleteMetlifeCommissionImportModal show={this.state.showDelete} onClose={() => { this.toggleDeleteImport(false); this.refetchData(); }} onFinish={() => { this.showNotification(\"Import úspešne zmazaný\"); }} />}\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport default MetlifeCommissionsTable;","import VectorMap from \"./views/maps/VectorMap.jsx\";\r\nimport GoogleMaps from \"./views/maps/GoogleMaps.jsx\";\r\nimport FullScreenMap from \"./views/maps/FullScreenMap.jsx\";\r\nimport ReactTables from \"./views/tables/ReactTables.jsx\";\r\nimport RegularTables from \"./views/tables/RegularTables.jsx\";\r\nimport ExtendedTables from \"./views/tables/ExtendedTables.jsx\";\r\nimport Wizard from \"./views/forms/Wizard.jsx\";\r\nimport ValidationForms from \"./views/forms/ValidationForms.jsx\";\r\nimport ExtendedForms from \"./views/forms/ExtendedForms.jsx\";\r\nimport RegularForms from \"./views/forms/RegularForms.jsx\";\r\nimport Calendar from \"./views/Calendar.jsx\";\r\nimport Widgets from \"./views/Widgets.jsx\";\r\nimport Charts from \"./views/Charts.jsx\";\r\nimport Dashboard from \"./views/Dashboard.jsx\";\r\nimport Buttons from \"./views/components/Buttons.jsx\";\r\nimport SweetAlert from \"./views/components/SweetAlert.jsx\";\r\nimport Notifications from \"./views/components/Notifications.jsx\";\r\nimport Grid from \"./views/components/Grid.jsx\";\r\nimport Typography from \"./views/components/Typography.jsx\";\r\nimport Panels from \"./views/components/Panels.jsx\";\r\nimport Icons from \"./views/components/Icons.jsx\";\r\nimport Pricing from \"./views/pages/Pricing.jsx\";\r\nimport Register from \"./views/pages/Register.jsx\";\r\nimport Timeline from \"./views/pages/Timeline.jsx\";\r\nimport User from \"./views/pages/User.jsx\";\r\nimport Login from \"./views/pages/Login.jsx\";\r\nimport Lock from \"./views/pages/Lock.jsx\";\r\nimport MetlifeCommissionsTable from \"./views/commissions/MetlifeCommissionsTable.jsx\";\r\nimport MetlifeCommissionCoefficientRateConfigurationsTable from \"./views/commissions/MetlifeCommissionCoefficientRateConfigurationsTable\";\r\n\r\nconst routes = [\r\n    {\r\n        path: \"/dashboard\",\r\n        name: \"Dashboard\",\r\n        icon: \"tim-icons icon-chart-pie-36\",\r\n        component: Dashboard,\r\n        layout: \"/admin\"\r\n    },\r\n    {\r\n        collapse: true,\r\n        name: \"Provízie\",\r\n        icon: \"tim-icons icon-money-coins\",\r\n        state: \"commissionsCollapse\",\r\n        views: [\r\n            {\r\n                path: \"/provizie/metlife\",\r\n                name: \"Metlife\",\r\n                mini: \"M\",\r\n                component: MetlifeCommissionsTable,\r\n                layout: \"/admin\"\r\n            },\r\n            {\r\n                collapse: true,\r\n                name: \"Konfigurácia\",\r\n                mini: \"K\",\r\n                state: \"multiCollapse\",\r\n                views: [\r\n                    {\r\n                        path: \"/provizie/konfiguracie/metlife/koefrate\",\r\n                        name: \"Metlife - nastavenie koef. rate\",\r\n                        mini: \"KR\",\r\n                        component: MetlifeCommissionCoefficientRateConfigurationsTable,\r\n                        layout: \"/admin\"\r\n                    }\r\n                ]\r\n            }\r\n        ]\r\n    },\r\n    //{\r\n    //    collapse: true,\r\n    //    name: \"Pages\",\r\n    //    icon: \"tim-icons icon-image-02\",\r\n    //    state: \"pagesCollapse\",\r\n    //    views: [\r\n    //        {\r\n    //            path: \"/pricing\",\r\n    //            name: \"Pricing\",\r\n    //            mini: \"P\",\r\n    //            component: Pricing,\r\n    //            layout: \"/auth\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/timeline\",\r\n    //            name: \"Timeline\",\r\n    //            mini: \"T\",\r\n    //            component: Timeline,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/login\",\r\n    //            name: \"Login\",\r\n    //            mini: \"L\",\r\n    //            component: Login,\r\n    //            layout: \"/auth\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/register\",\r\n    //            name: \"Register\",\r\n    //            mini: \"R\",\r\n    //            component: Register,\r\n    //            layout: \"/auth\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/lock-screen\",\r\n    //            name: \"Lock Screen\",\r\n    //            mini: \"LS\",\r\n    //            component: Lock,\r\n    //            layout: \"/auth\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/user-profile\",\r\n    //            name: \"User Profile\",\r\n    //            mini: \"UP\",\r\n    //            component: User,\r\n    //            layout: \"/admin\"\r\n    //        }\r\n    //    ]\r\n    //},\r\n    //{\r\n    //    collapse: true,\r\n    //    name: \"Components\",\r\n    //    icon: \"tim-icons icon-molecule-40\",\r\n    //    state: \"componentsCollapse\",\r\n    //    views: [\r\n    //        {\r\n    //            collapse: true,\r\n    //            name: \"Multi Level Collapse\",\r\n    //            mini: \"MLT\",\r\n    //            state: \"multiCollapse\",\r\n    //            views: [\r\n    //                {\r\n    //                    path: \"/buttons\",\r\n    //                    name: \"Buttons\",\r\n    //                    mini: \"B\",\r\n    //                    component: Buttons,\r\n    //                    layout: \"/admin\"\r\n    //                }\r\n    //            ]\r\n    //        },\r\n    //        {\r\n    //            path: \"/buttons\",\r\n    //            name: \"Buttons\",\r\n    //            mini: \"B\",\r\n    //            component: Buttons,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/grid-system\",\r\n    //            name: \"Grid System\",\r\n    //            mini: \"GS\",\r\n    //            component: Grid,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/panels\",\r\n    //            name: \"Panels\",\r\n    //            mini: \"P\",\r\n    //            component: Panels,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/sweet-alert\",\r\n    //            name: \"Sweet Alert\",\r\n    //            mini: \"SA\",\r\n    //            component: SweetAlert,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/notifications\",\r\n    //            name: \"Notifications\",\r\n    //            mini: \"N\",\r\n    //            component: Notifications,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/icons\",\r\n    //            name: \"Icons\",\r\n    //            mini: \"I\",\r\n    //            component: Icons,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/typography\",\r\n    //            name: \"Typography\",\r\n    //            mini: \"T\",\r\n    //            component: Typography,\r\n    //            layout: \"/admin\"\r\n    //        }\r\n    //    ]\r\n    //},\r\n    //{\r\n    //    collapse: true,\r\n    //    name: \"Forms\",\r\n    //    icon: \"tim-icons icon-notes\",\r\n    //    state: \"formsCollapse\",\r\n    //    views: [\r\n    //        {\r\n    //            path: \"/regular-forms\",\r\n    //            name: \"Regular Forms\",\r\n    //            mini: \"RF\",\r\n    //            component: RegularForms,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/extended-forms\",\r\n    //            name: \"Extended Forms\",\r\n    //            mini: \"EF\",\r\n    //            component: ExtendedForms,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/validation-forms\",\r\n    //            name: \"Validation Forms\",\r\n    //            mini: \"VF\",\r\n    //            component: ValidationForms,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/wizard\",\r\n    //            name: \"Wizard\",\r\n    //            mini: \"W\",\r\n    //            component: Wizard,\r\n    //            layout: \"/admin\"\r\n    //        }\r\n    //    ]\r\n    //},\r\n    //{\r\n    //    collapse: true,\r\n    //    name: \"Tables\",\r\n    //    icon: \"tim-icons icon-puzzle-10\",\r\n    //    state: \"tablesCollapse\",\r\n    //    views: [\r\n    //        {\r\n    //            path: \"/regular-tables\",\r\n    //            name: \"Regular Tables\",\r\n    //            mini: \"RT\",\r\n    //            component: RegularTables,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/extended-tables\",\r\n    //            name: \"Extended Tables\",\r\n    //            mini: \"ET\",\r\n    //            component: ExtendedTables,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/react-tables\",\r\n    //            name: \"React Tables\",\r\n    //            mini: \"RT\",\r\n    //            component: ReactTables,\r\n    //            layout: \"/admin\"\r\n    //        }\r\n    //    ]\r\n    //},\r\n    //{\r\n    //    collapse: true,\r\n    //    name: \"Maps\",\r\n    //    icon: \"tim-icons icon-pin\",\r\n    //    state: \"mapsCollapse\",\r\n    //    views: [\r\n    //        {\r\n    //            path: \"/google-maps\",\r\n    //            name: \"Google Maps\",\r\n    //            mini: \"GM\",\r\n    //            component: GoogleMaps,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/full-screen-map\",\r\n    //            name: \"Full Screen Map\",\r\n    //            mini: \"FSM\",\r\n    //            component: FullScreenMap,\r\n    //            layout: \"/admin\"\r\n    //        },\r\n    //        {\r\n    //            path: \"/vector-map\",\r\n    //            name: \"Vector Map\",\r\n    //            mini: \"VM\",\r\n    //            component: VectorMap,\r\n    //            layout: \"/admin\"\r\n    //        }\r\n    //    ]\r\n    //},\r\n    //{\r\n    //    path: \"/widgets\",\r\n    //    name: \"Widgets\",\r\n    //    icon: \"tim-icons icon-settings\",\r\n    //    component: Widgets,\r\n    //    layout: \"/admin\"\r\n    //},\r\n    //{\r\n    //    path: \"/charts\",\r\n    //    name: \"Charts\",\r\n    //    icon: \"tim-icons icon-chart-bar-32\",\r\n    //    component: Charts,\r\n    //    layout: \"/admin\"\r\n    //},\r\n    //{\r\n    //    path: \"/calendar\",\r\n    //    name: \"Calendar\",\r\n    //    icon: \"tim-icons icon-time-alarm\",\r\n    //    component: Calendar,\r\n    //    layout: \"/admin\"\r\n    //}\r\n];\r\n\r\nexport default routes;\r\n","import React, { Component } from \"react\";\r\nimport axios from \"axios\";\r\n// react component for creating dynamic tables\r\nimport ReactTable from \"react-table\";\r\nimport {\r\n    Button,\r\n    Card,\r\n    CardBody,\r\n    CardHeader,\r\n    CardTitle,\r\n    Row,\r\n    Col\r\n} from \"reactstrap\";\r\nimport { FormattedNumber, FormattedDate, FormattedTime } from 'react-intl';\r\nimport '../../assets/css/tables-custom.css';\r\nimport MetlifeCommissionCoefficientRateConfigurationModal from \"../../components/Commissions/MetlifeCommissionCoefficientRateConfigurationModal\";\r\nimport SweetAlert from 'react-bootstrap-sweetalert';\r\n\r\nclass MetlifeCommissionCoefficientRateConfigurationsTable extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            loading: true,\r\n            pages: null,\r\n            data: [],\r\n            selected: null,\r\n            showDetail: false,\r\n            alert: null\r\n        };\r\n\r\n        this.table = React.createRef();\r\n\r\n        this.fetchData = this.fetchData.bind(this);\r\n        this.toggleDetail = this.toggleDetail.bind(this);\r\n        this.onDetailClosed = this.onDetailClosed.bind(this);\r\n        this.deleteRecord = this.deleteRecord.bind(this);\r\n        this.hideAlert = this.hideAlert.bind(this);\r\n    }\r\n\r\n    deleteRecord(id) {\r\n        this.setState({\r\n            alert: (\r\n                <SweetAlert\r\n                    warning\r\n                    showCancel\r\n                    style={{ display: \"block\", marginTop: \"-100px\" }}\r\n                    title=\"Pozor\"\r\n                    onConfirm={() => this.hideAlert(true, id)}\r\n                    onCancel={() => this.hideAlert()}\r\n                    confirmBtnBsStyle=\"danger\"\r\n                    cancelBtnText=\"Nie\"\r\n                    confirmBtnText=\"Zmazať\"\r\n                    reverseButtons\r\n                >\r\n                    Naozaj chcete zmazať zvolenú konfiguráciu?\r\n            </SweetAlert>\r\n            )\r\n        });\r\n    }\r\n\r\n    hideAlert(confirmed, id) {\r\n        this.setState({\r\n            alert: null\r\n        });\r\n\r\n        if (confirmed == true && id) {\r\n            axios.post(\"/api/commissions/metlife/deletecoefficientrateconfiguration/\" + id).then((response) => {\r\n                this.fetchData(this.table.current.state.page, this.table.current.state.pageSize, this.table.current.state.sorted, this.table.current.state.filtered);\r\n            }).catch((error) => {\r\n                console.log(error);\r\n            })\r\n        }\r\n    }\r\n\r\n    fetchData(page, pageSize, sorted, filtered) {\r\n        const params = new URLSearchParams();\r\n        params.append('page', page + 1);\r\n        params.append('pageSize', pageSize);\r\n\r\n        for (var index in filtered) {\r\n            params.append(filtered[index].id, filtered[index].value);\r\n        }\r\n\r\n        if (sorted.length === 1) {\r\n            params.append(\"sortField\", sorted[0].id)\r\n            params.append(\"sortOrder\", sorted[0].desc ? \"Descending\" : \"Ascending\");\r\n        }\r\n\r\n        this.setState({ loading: true });\r\n        axios.get(\"/api/commissions/metlife/coefficientrateconfigurations\", { params: params }).then((response) => {\r\n            this.setState({\r\n                loading: false,\r\n                data: response.data.items,\r\n                pages: response.data.pages\r\n            });\r\n        }).catch((error) => {\r\n            this.setState({\r\n                loading: false\r\n            });\r\n            console.log(error);\r\n        })\r\n    }\r\n\r\n    toggleDetail(id) {\r\n        this.setState({\r\n            selected: id,\r\n            showDetail: true\r\n        });\r\n    }\r\n\r\n    onDetailClosed() {\r\n        this.setState({\r\n            selected: undefined,\r\n            showDetail: false\r\n        });\r\n\r\n        this.fetchData(this.table.current.state.page, this.table.current.state.pageSize, this.table.current.state.sorted, this.table.current.state.filtered);\r\n    }\r\n\r\n    render() {\r\n        const { data, pages, loading } = this.state;\r\n        return (\r\n            <>\r\n                <div className=\"content\">\r\n                    <Col md={8} className=\"ml-auto mr-auto\">\r\n                        <h2 className=\"text-center\">Konfigurácia Metlife provízií - nastavenie koef. rate</h2>\r\n                        <p className=\"text-center\">\r\n                            Základný popis tejto tabuľky a funkcií, ktoré sa tu dajú spraviť\r\n                        </p>\r\n                    </Col>\r\n                    <Row className=\"mt-5\">\r\n                        <Col xs={12} md={12}>\r\n                            <Card>\r\n                                <CardHeader>\r\n                                    <CardTitle tag=\"h4\">Konfigurácia Metlife provízií - nastavenie koef. rate</CardTitle>\r\n                                    <div className=\"tools float-right\">\r\n                                        <Button color=\"danger\" onClick={() => { this.toggleDetail(0) }}>Nová konfigurácia</Button>\r\n                                    </div>\r\n                                </CardHeader>\r\n                                <CardBody>\r\n                                    <ReactTable\r\n                                        ref={this.table}\r\n                                        resizable={false}\r\n                                        showPaginationTop\r\n                                        showPaginationBottom={false}\r\n                                        columns={[\r\n                                            {\r\n                                                accessor: \"actions\",\r\n                                                sortable: false,\r\n                                                filterable: false,\r\n                                                Cell: props => <button className=\"btn btn-icon btn-round btn-sm btn-danger\" onClick={() => this.deleteRecord(props.original.id)}><i className=\"tim-icons icon-trash-simple\" /></button>,\r\n                                                width: 50\r\n                                            },\r\n                                            {\r\n                                                Header: \"Id\",\r\n                                                accessor: \"id\",\r\n                                                width: 50\r\n                                            },\r\n                                            {\r\n                                                Header: \"Kód brokra\",\r\n                                                accessor: \"agent\",\r\n                                                Cell: props => props.value != null ? props.value : \"všetky\"\r\n                                            },\r\n                                            {\r\n                                                Header: \"Rate\",\r\n                                                accessor: \"rate\",\r\n                                                Cell: props => props.value != null ? <FormattedNumber value={props.value} /> : \"všetky\"\r\n                                            },\r\n                                            {\r\n                                                Header: \"Koef. rate\",\r\n                                                accessor: \"coefficientRate\",\r\n                                                Cell: props => <FormattedNumber value={props.value} />\r\n                                            },\r\n                                            {\r\n                                                Header: \"Stati\",\r\n                                                accessor: \"allowedStati\",\r\n                                                Cell: props => props.value != null ? props.value.join() : \"všetky\"\r\n                                            },\r\n                                            {\r\n                                                Header: \"Lob\",\r\n                                                accessor: \"allowedLob\",\r\n                                                Cell: props => props.value != null ? props.value.join() : \"všetky\"\r\n                                            },\r\n                                            {\r\n                                                Header: \"PCDIDP01\",\r\n                                                accessor: \"allowedPCDIDP01\",\r\n                                                filterable: false,\r\n                                                Cell: props => props.value != null ? props.value.join() : \"všetky\"\r\n                                            },\r\n                                            {\r\n                                                Header: \"Platnosť\",\r\n                                                accessor: \"validDates\",\r\n                                                filterable: false,\r\n                                                Cell: props => {\r\n                                                    if (props.original.validFrom != null && props.original.validTo != null)\r\n                                                        return <>od <FormattedDate value={props.original.validFrom} /> do <FormattedDate value={props.original.validTo} /></>;\r\n\r\n                                                    if (props.original.validFrom != null && props.original.validTo == null)\r\n                                                        return <>od <FormattedDate value={props.original.validFrom} /></>;\r\n\r\n                                                    if (props.original.validFrom == null && props.original.validTo != null)\r\n                                                        return <>do <FormattedDate value={props.original.validTo} /></>;\r\n\r\n                                                    return \"\"\r\n                                                }\r\n                                            },\r\n                                            {\r\n                                                Header: \"Vytvorené\",\r\n                                                accessor: \"created\",\r\n                                                filterable: false,\r\n                                                Cell: props => <><FormattedDate value={props.value} /> <FormattedTime value={props.value} /></>\r\n                                            },\r\n                                            {\r\n                                                Header: \"Naposledy upravené\",\r\n                                                accessor: \"updated\",\r\n                                                filterable: false,\r\n                                                Cell: props => <><FormattedDate value={props.value} /> <FormattedTime value={props.value} /></>\r\n                                            }\r\n                                        ]}\r\n                                        manual\r\n                                        data={data}\r\n                                        pages={pages}\r\n                                        loading={loading}\r\n                                        onFetchData={(state, instance) => this.fetchData(state.page, state.pageSize, state.sorted, state.filtered)}\r\n                                        filterable\r\n                                        defaultPageSize={10}\r\n                                        className=\"-striped -highlight -clickable\"\r\n                                        getTdProps={(state, rowInfo, column, instance) => ({\r\n                                            onClick: e => {\r\n                                                if (rowInfo && column.id != \"actions\")\r\n                                                    this.toggleDetail(rowInfo.original.id)\r\n                                            }\r\n                                        })}\r\n                                        previousText=\"Predošlá\"\r\n                                        nextText=\"Ďalšia\"\r\n                                        loadingText=\"Loading...\"\r\n                                        noDataText=\"Žiadne záznamy\"\r\n                                        pageText=\"Strana\"\r\n                                        ofText=\"z\"\r\n                                        rowsText=\"záznamov\"\r\n                                    />\r\n                                </CardBody>\r\n                            </Card>\r\n                        </Col>\r\n                    </Row>\r\n                    {this.state.selected != undefined && <MetlifeCommissionCoefficientRateConfigurationModal id={this.state.selected} show={this.state.showDetail} onClose={this.onDetailClosed} />}\r\n                    {this.state.alert}\r\n                </div>\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\nexport default MetlifeCommissionCoefficientRateConfigurationsTable;","import React from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\n// react plugin for creating notifications over the dashboard\r\nimport NotificationAlert from \"react-notification-alert\";\r\n\r\n// core components\r\nimport AdminNavbar from \"../../components/Navbars/AdminNavbar.jsx\";\r\nimport Footer from \"../../components/Footer/Footer.jsx\";\r\nimport Sidebar from \"../../components/Sidebar/Sidebar.jsx\";\r\nimport FixedPlugin from \"../../components/FixedPlugin/FixedPlugin.jsx\";\r\n\r\nimport routes from \"../../routes.js\";\r\n\r\nimport logo from \"../../assets/img/winners-logo-white.jpg\";\r\n\r\nvar ps;\r\n\r\nclass Admin extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            activeColor: \"red\",\r\n            sidebarMini: true,\r\n            opacity: 0,\r\n            sidebarOpened: false\r\n        };\r\n    }\r\n    showNavbarButton = () => {\r\n        if (\r\n            document.documentElement.scrollTop > 50 ||\r\n            document.scrollingElement.scrollTop > 50 ||\r\n            this.refs.mainPanel.scrollTop > 50\r\n        ) {\r\n            this.setState({ opacity: 1 });\r\n        } else if (\r\n            document.documentElement.scrollTop <= 50 ||\r\n            document.scrollingElement.scrollTop <= 50 ||\r\n            this.refs.mainPanel.scrollTop <= 50\r\n        ) {\r\n            this.setState({ opacity: 0 });\r\n        }\r\n    };\r\n    getRoutes = routes => {\r\n        return routes.map((prop, key) => {\r\n            if (prop.collapse) {\r\n                return this.getRoutes(prop.views);\r\n            }\r\n            if (prop.layout === \"/admin\") {\r\n                return (\r\n                    <Route\r\n                        path={prop.layout + prop.path}\r\n                        component={prop.component}\r\n                        exact\r\n                        key={key}\r\n                    />\r\n                );\r\n            } else {\r\n                return null;\r\n            }\r\n        });\r\n    };\r\n    getActiveRoute = routes => {\r\n        let activeRoute = \"Default Brand Text\";\r\n        for (let i = 0; i < routes.length; i++) {\r\n            if (routes[i].collapse) {\r\n                let collapseActiveRoute = this.getActiveRoute(routes[i].views);\r\n                if (collapseActiveRoute !== activeRoute) {\r\n                    return collapseActiveRoute;\r\n                }\r\n            } else {\r\n                if (\r\n                    window.location.pathname.indexOf(\r\n                        routes[i].layout + routes[i].path\r\n                    ) !== -1\r\n                ) {\r\n                    return routes[i].name;\r\n                }\r\n            }\r\n        }\r\n        return activeRoute;\r\n    };\r\n    handleActiveClick = color => {\r\n        this.setState({ activeColor: color });\r\n    };\r\n    handleMiniClick = () => {\r\n        document.body.classList.toggle(\"sidebar-mini\");\r\n    };\r\n    toggleSidebar = () => {\r\n        this.setState({\r\n            sidebarOpened: !this.state.sidebarOpened\r\n        });\r\n        document.documentElement.classList.toggle(\"nav-open\");\r\n    };\r\n    closeSidebar = () => {\r\n        this.setState({\r\n            sidebarOpened: false\r\n        });\r\n        document.documentElement.classList.remove(\"nav-open\");\r\n    };\r\n    render() {\r\n        return (\r\n            <div className=\"wrapper\">\r\n                <div className=\"rna-container\">\r\n                    <NotificationAlert ref=\"notificationAlert\" />\r\n                </div>\r\n                <div\r\n                    className=\"navbar-minimize-fixed\"\r\n                    style={{ opacity: this.state.opacity }}\r\n                >\r\n                    <button\r\n                        className=\"minimize-sidebar btn btn-link btn-just-icon\"\r\n                        onClick={this.handleMiniClick}\r\n                    >\r\n                        <i className=\"tim-icons icon-align-center visible-on-sidebar-regular text-muted\" />\r\n                        <i className=\"tim-icons icon-bullet-list-67 visible-on-sidebar-mini text-muted\" />\r\n                    </button>\r\n                </div>\r\n                <Sidebar\r\n                    {...this.props}\r\n                    routes={routes}\r\n                    activeColor={this.state.activeColor}\r\n                    logo={{\r\n                        outterLink: \"https://www.winnersgroup.sk/\",\r\n                        text: \"Winners Group\",\r\n                        imgSrc: logo\r\n                    }}\r\n                    closeSidebar={this.closeSidebar}\r\n                />\r\n                <div\r\n                    className=\"main-panel\"\r\n                    ref=\"mainPanel\"\r\n                    data={this.state.activeColor}\r\n                >\r\n                    <AdminNavbar\r\n                        {...this.props}\r\n                        handleMiniClick={this.handleMiniClick}\r\n                        brandText={this.getActiveRoute(routes)}\r\n                        sidebarOpened={this.state.sidebarOpened}\r\n                        toggleSidebar={this.toggleSidebar}\r\n                    />\r\n                    <Switch>{this.getRoutes(routes)}</Switch>\r\n                    {// we don't want the Footer to be rendered on full screen maps page\r\n                        this.props.location.pathname.indexOf(\"full-screen-map\") !==\r\n                            -1 ? null : (\r\n                                <Footer fluid />\r\n                            )}\r\n                </div>\r\n                <FixedPlugin\r\n                    activeColor={this.state.activeColor}\r\n                    sidebarMini={this.state.sidebarMini}\r\n                    handleActiveClick={this.handleActiveClick}\r\n                    handleMiniClick={this.handleMiniClick}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Admin;\r\n","import React, { Component } from \"react\";\r\nimport { Router, Route, Switch, Redirect } from \"react-router-dom\";\r\nimport { IntlProvider, addLocaleData } from 'react-intl';\r\nimport { createBrowserHistory } from \"history\";\r\n\r\nimport ProtectedRoute from './components/Authorization/ProtectedRoute';\r\nimport AuthLayout from \"./layouts/Auth/Auth.jsx\";\r\nimport AdminLayout from \"./layouts/Admin/Admin.jsx\";\r\n\r\nimport \"./assets/css/nucleo-icons.css\";\r\nimport \"./assets/scss/black-dashboard-pro-react.scss?v=1.0.0\";\r\nimport \"./assets/scss/custom.scss\";\r\nimport \"./assets/demo/demo.css\";\r\nimport \"react-notification-alert/dist/animate.css\";\r\n\r\nimport moment from \"moment\";\r\nimport \"moment/locale/sk\";\r\nimport sk from \"react-intl/locale-data/sk.js\";\r\n\r\naddLocaleData([...sk]);\r\nmoment.locale(\"sk\");\r\n\r\nconst hist = createBrowserHistory();\r\n\r\nclass App extends Component {\r\n    static displayName = App.name;\r\n\r\n    render() {\r\n        return (\r\n            <IntlProvider defaultLocale=\"sk\" locale=\"sk\">\r\n                <Router history={hist}>\r\n                    <Switch>\r\n                        <Route path=\"/auth\" render={props => <AuthLayout {...props} />} />\r\n                        <ProtectedRoute path=\"/admin\" component={AdminLayout} />\r\n                        <Redirect from=\"/\" to=\"/admin/dashboard\" />\r\n                    </Switch>\r\n                </Router>\r\n            </IntlProvider>\r\n        );\r\n    }\r\n}\r\n\r\nexport default App","import createSagaMiddleware from 'redux-saga'\r\n\r\nimport { unauthorizeUser } from './actions/authActions'\r\n\r\nexport const sagaMiddleware = createSagaMiddleware()\r\n\r\nconst localStorageMiddleware = store => next => action => {\r\n    if (action.type === unauthorizeUser.getType()) {\r\n        localStorage.clear()\r\n    }\r\n\r\n    const prevState = store.getState()\r\n    const result = next(action)\r\n    const nextState = store.getState()\r\n\r\n    if (prevState.auth.token !== nextState.auth.token && nextState.auth.token) {\r\n        localStorage.setItem('token', nextState.auth.token)\r\n        localStorage.setItem(\r\n            'tokenExpirationTime',\r\n            nextState.auth.tokenExpirationTime\r\n        )\r\n        localStorage.setItem('username', nextState.auth.username)\r\n        localStorage.setItem('displayName', nextState.auth.displayName)\r\n    }\r\n    return result\r\n}\r\n\r\nexport default [sagaMiddleware, localStorageMiddleware]\r\n","export const takeIfExists = (key, type = String) => {\r\n  const item = localStorage.getItem(key)\r\n  if (item) {\r\n    return type === Number\r\n      ? Number.parseFloat(item)\r\n      : type === Object ? JSON.parse(item) : item\r\n  }\r\n}\r\n","/* global localStorage:true */\r\n\r\nexport const loggedIn = (expirationTime) => {\r\n    expirationTime = expirationTime ? expirationTime : localStorage.getItem('tokenExpirationTime')\r\n\r\n    let time = new Date().getTime();\r\n    let parsedExpirationTime = parseInt(expirationTime, 10);\r\n    let logged = time / 1000 < parsedExpirationTime;\r\n\r\n    return logged;\r\n}\r\n\r\nexport const unlogin = () => {\r\n    localStorage.removeItem('token')\r\n    localStorage.removeItem('tokenExpirationTime')\r\n}\r\n","import auth from \"./authReducer\";\r\nimport dashboard from \"./dashboardReducer\";\r\n\r\nexport default {\r\n    auth,\r\n    dashboard\r\n};\r\n","import { createReducer } from \"redux-act\";\r\nimport * as a from \"../actions/authActions\";\r\nimport { takeIfExists } from '../../utils/localStorage'\r\n\r\nimport { loggedIn } from \"../../utils/auth\";\r\n\r\nconst getDefaultState = _ => ({\r\n    token: takeIfExists('token'),\r\n    tokenExpirationTime: takeIfExists('tokenExpirationTime', Number),\r\n    username: takeIfExists('username'),\r\n    displayName: takeIfExists('displayName'),\r\n    isAuthenticated: loggedIn(),\r\n    loggingIn: false,\r\n    loginError: false,\r\n    loginErrorMessage: null,\r\n})\r\n\r\nconst authReducer = createReducer(\r\n    {\r\n        [a.unauthorizeUser]: () => ({}),\r\n\r\n        [a.loginRequestStarting]: (state) => {\r\n            return {\r\n                ...state,\r\n                loggingIn: true,\r\n                loginError: false,\r\n                loginErrorMessage: null\r\n            }\r\n        },\r\n        [a.loginRequestSuccess]: (state, { token, tokenExpirationTime, username, displayName }) => {\r\n            return {\r\n                ...state,\r\n                token,\r\n                tokenExpirationTime,\r\n                username,\r\n                displayName,\r\n                isAuthenticated: loggedIn(tokenExpirationTime),\r\n                loggingIn: false,\r\n                loginError: false,\r\n                loginErrorMessage: null\r\n            }\r\n        },\r\n        [a.loginRequestError]: (state, payload) => {\r\n            return {\r\n                ...state,\r\n                loggingIn: false,\r\n                loginError: true,\r\n                loginErrorMessage: payload\r\n            }\r\n        }\r\n    },\r\n    getDefaultState()\r\n);\r\n\r\nexport default authReducer;","import { createReducer } from \"redux-act\";\r\nimport * as a from \"../actions/dashboardActions\";\r\n\r\nconst getDefaultState = _ => ({\r\n    unitReport: [],\r\n    loadingUnits: false,\r\n    loadingUnitsError: false,\r\n    loadingUnitsErrorMessage: null\r\n})\r\n\r\nconst dashboardReducer = createReducer(\r\n    {\r\n        [a.unitReportRequestStarting]: (state) => {\r\n            return {\r\n                ...state,\r\n                loadingUnits: true,\r\n                loadingUnitsError: false,\r\n                loadingUnitsErrorMessage: null\r\n            }\r\n        },\r\n        [a.unitReportRequestSuccess]: (state, { data }) => {\r\n            return {\r\n                ...state,\r\n                unitReport: data,\r\n                loadingUnits: false,\r\n                loadingUnitsError: false,\r\n                loadingUnitsErrorMessage: null\r\n            }\r\n        },\r\n        [a.unitReportRequestError]: (state, payload) => {\r\n            return {\r\n                ...state,\r\n                loadingUnits: false,\r\n                loadingUnitsError: true,\r\n                loadingUnitsErrorMessage: payload\r\n            }\r\n        }\r\n    },\r\n    getDefaultState()\r\n);\r\n\r\nexport default dashboardReducer;","import axios from \"axios\";\r\n\r\nexport const headers = () => ({\r\n  'Content-Type': 'application/json',\r\n  Authorization: `Bearer ${localStorage.getItem('token')}`\r\n})\r\n\r\nexport const makePostOptions = () => ({\r\n  method: 'POST',\r\n  headers: headers(),\r\n})\r\n\r\nexport const makePatchOptions = () => ({\r\n  method: 'PATCH',\r\n  headers: headers()\r\n})\r\n\r\nexport const getOptions = () => ({\r\n  method: 'GET',\r\n  headers: headers()\r\n})\r\n\r\nexport const deleteOptions = () => ({\r\n  method: 'DELETE',\r\n  mode: 'cors',\r\n  headers: headers()\r\n})\r\n\r\nconst getAxiosRequest = (url, options) => axios.get(url, options);\r\nconst postAxiosRequest = (url, data, options) => axios.post(url, data, options);\r\nconst patchAxiosRequest = (url, data, options) => axios.patch(url, data, options);\r\nconst deleteAxiosRequest = (url, options) => axios.delete(url, options);\r\n\r\nexport const get = url => getAxiosRequest(url, getOptions())\r\nexport const post = (url, data) => postAxiosRequest(url, data, makePostOptions())\r\nexport const patch = (url, data) => patchAxiosRequest(url, data, makePatchOptions())\r\nexport const del = (url, id) => deleteAxiosRequest(url + id, deleteOptions())","import { takeLatest, put, call } from \"redux-saga/effects\";\r\nimport * as a from \"../actions/authActions\";\r\nimport { post } from \"../../utils/api\";\r\n\r\nfunction* loginRequest({ payload }) {\r\n    yield put(a.loginRequestStarting());\r\n\r\n    try {\r\n        let { data } = yield call(post, '/api/auth/login', payload);\r\n\r\n        let { hasError, errorMessage } = data;\r\n\r\n        if (hasError) {\r\n            yield put(a.loginRequestError(errorMessage));\r\n        } else {\r\n            yield put(a.loginRequestSuccess(data.data));\r\n            payload.onSuccess(data.data);\r\n        }\r\n    } catch (error) {\r\n        yield put(a.loginRequestError('LOGIN_ERROR'));\r\n    }\r\n}\r\n\r\nexport function* watchAuthRequests() {\r\n    yield takeLatest(a.loginRequest, loginRequest);\r\n}","import { takeLatest, put, call } from \"redux-saga/effects\";\r\nimport * as a from \"../actions/dashboardActions.jsx\";\r\nimport axios from \"axios\";\r\n\r\nfunction requestUnitRecordAxios() {\r\n    return axios.get(\"/api/commissions/metlife/report/units\");\r\n}\r\n\r\n\r\nfunction* unitReportRequest() {\r\n    yield put(a.unitReportRequestStarting());\r\n\r\n    try {\r\n        let { data } = yield call(requestUnitRecordAxios);\r\n\r\n        let { hasError, errorMessage } = data;\r\n\r\n        if (hasError) {\r\n            yield put(a.unitReportRequestError(errorMessage));\r\n        } else {\r\n            yield put(a.unitReportRequestSuccess(data));\r\n        }\r\n    } catch (error) {\r\n        yield put(a.unitReportRequestError('UNIT_REPORTS_ERROR'));\r\n    }\r\n}\r\n\r\nexport function* watchDashboardRequests() {\r\n    yield takeLatest(a.unitReportRequest, unitReportRequest);\r\n}","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { Provider } from \"react-redux\";\r\n\r\nimport App from \"./App\";\r\n\r\nimport { sagaMiddleware } from \"./store/middleware\";\r\nimport configureStore from \"./store/configureStore\";\r\nimport { watchAuthRequests } from \"./store/sagas/authSaga\";\r\nimport { watchDashboardRequests } from \"./store/sagas/dashboardSaga\";\r\n\r\nconst store = configureStore();\r\nsagaMiddleware.run(watchAuthRequests);\r\nsagaMiddleware.run(watchDashboardRequests);\r\n\r\nReactDOM.render(\r\n    <Provider store={store}>\r\n        <App />\r\n    </Provider>,\r\n    document.getElementById(\"root\")\r\n);","import { composeWithDevTools } from \"redux-devtools-extension\";\r\nimport { createStore, applyMiddleware, combineReducers } from \"redux\";\r\n\r\nimport reducers from \"./reducers\";\r\n\r\nimport middleware from './middleware';\r\n\r\nexport default function configureStore() {\r\n  const rootReducer = combineReducers({\r\n    ...reducers\r\n  });\r\n\r\n  return createStore(\r\n    rootReducer,\r\n    composeWithDevTools(applyMiddleware(...middleware))\r\n  );\r\n}\r\n"],"sourceRoot":""}