@agilemotion/oui-react-js 1.2.7 → 1.2.9

package/dist/view/security/ChangePasswordBasic.js

@@ -0,0 +1,336 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Security = require("./Security");
+
+var _reactRedux = require("react-redux");
+
+var _redux = require("redux");
+
+var _DashboardStore = require("../../redux/store/DashboardStore");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _ApplicationContext = _interopRequireDefault(require("./../../ApplicationContext"));
+
+var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+
+var _Footer = _interopRequireDefault(require("../../components/footer/Footer"));
+
+var _loginBasicStyle = _interopRequireDefault(require("../../assets/jss/views/loginBasicStyle"));
+
+var _Utils = _interopRequireDefault(require("../../Utils"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
+var _Visibility = _interopRequireDefault(require("@material-ui/icons/Visibility"));
+
+var _VisibilityOff = _interopRequireDefault(require("@material-ui/icons/VisibilityOff"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+const ChangePassword = props => {
+  const location = (0, _reactRouterDom.useLocation)();
+
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        username = _React$useState2[0],
+        setUsername = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(null),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        sessionId = _React$useState4[0],
+        setSessionId = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState(null),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        challengeParamenters = _React$useState6[0],
+        setChallengeParamenters = _React$useState6[1];
+
+  const _React$useState7 = _react.default.useState(false),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        usernameError = _React$useState8[0],
+        setUsernameError = _React$useState8[1];
+
+  const _React$useState9 = _react.default.useState(null),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        password = _React$useState10[0],
+        setPassword = _React$useState10[1];
+
+  const _React$useState11 = _react.default.useState(null),
+        _React$useState12 = _slicedToArray(_React$useState11, 2),
+        confirmPassword = _React$useState12[0],
+        setConfirmPassword = _React$useState12[1];
+
+  const _React$useState13 = _react.default.useState(null),
+        _React$useState14 = _slicedToArray(_React$useState13, 2),
+        message = _React$useState14[0],
+        setMessage = _React$useState14[1];
+
+  const _React$useState15 = _react.default.useState(null),
+        _React$useState16 = _slicedToArray(_React$useState15, 2),
+        messageTitle = _React$useState16[0],
+        setMessageTitle = _React$useState16[1];
+
+  const _React$useState17 = _react.default.useState(""),
+        _React$useState18 = _slicedToArray(_React$useState17, 2),
+        alertVariant = _React$useState18[0],
+        setAlertVariant = _React$useState18[1];
+
+  const _React$useState19 = _react.default.useState(false),
+        _React$useState20 = _slicedToArray(_React$useState19, 2),
+        passwordError = _React$useState20[0],
+        setPasswordError = _React$useState20[1];
+
+  const _React$useState21 = _react.default.useState(false),
+        _React$useState22 = _slicedToArray(_React$useState21, 2),
+        isLoading = _React$useState22[0],
+        setIsLoading = _React$useState22[1];
+
+  const _React$useState23 = _react.default.useState(null),
+        _React$useState24 = _slicedToArray(_React$useState23, 2),
+        showPassword = _React$useState24[0],
+        setShowPassword = _React$useState24[1];
+
+  const _React$useState25 = _react.default.useState(null),
+        _React$useState26 = _slicedToArray(_React$useState25, 2),
+        showConfirmPassword = _React$useState26[0],
+        setShowConfirmPassword = _React$useState26[1];
+
+  const _React$useState27 = _react.default.useState("((?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%]).{8,128})"),
+        _React$useState28 = _slicedToArray(_React$useState27, 1),
+        passwordPattern = _React$useState28[0];
+
+  _react.default.useEffect(() => {
+    let username = new URLSearchParams(location.search).get("username");
+    setUsername(username);
+    let sessionId = new URLSearchParams(location.search).get("sessionId");
+    setSessionId(sessionId);
+    let challengeParamenters = new URLSearchParams(location.search).get("challengeParamenters");
+    setChallengeParamenters(challengeParamenters);
+  });
+
+  const handleClickShowPassword = () => {
+    setShowPassword(!showPassword);
+  };
+
+  const handleClickShowConfirmPassword = () => {
+    setShowConfirmPassword(!showConfirmPassword);
+  };
+
+  const sendChangePassword = () => {
+    let passwordPresent = !_Utils.default.isNull(password) && password.trim().length > 0;
+    let usernamePresent = !_Utils.default.isNull(username) && username.trim().length > 0;
+
+    if (passwordPresent) {
+      if (password !== confirmPassword) {
+        setAlertVariant('danger');
+        setMessageTitle("Password Error!");
+        setMessage("The new password and the confirm password values do not match");
+        return;
+      }
+
+      if (password.match(passwordPattern) == null) {
+        setAlertVariant('danger');
+        setMessageTitle("Password Error!");
+        setMessage("Invalid password. Minimum length of 8 characters, at least one uppercase\n" + "and one special special character required");
+        return;
+      }
+
+      setIsLoading(true);
+      (0, _Security.changePassword)(props.url, username, password, sessionId, challengeParamenters, () => {
+        props.history.push('/home');
+      }, errorMessage => {
+        setIsLoading(false);
+        setMessageTitle("Password Change Error!");
+        setMessage(errorMessage);
+        setAlertVariant('danger');
+      });
+    } else {
+      setPasswordError(!passwordPresent);
+      setUsernameError(!usernamePresent);
+    }
+  };
+
+  const handleMouseDownPassword = event => {
+    event.preventDefault();
+  };
+
+  const handleMouseDownConfirmPassword = event => {
+    event.preventDefault();
+  };
+
+  _react.default.useEffect(() => {
+    _ApplicationContext.default.clear();
+  });
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      backgroundColor: props.background,
+      height: '100%',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '92%',
+      width: '100%',
+      margin: 'auto',
+      paddingTop: 'calc(100vh/6)'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      maxWidth: '400px',
+      margin: 'auto'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row",
+    style: _loginBasicStyle.default.title
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '30%',
+      textAlign: 'right'
+    },
+    className: 'col-*-*'
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: props.logo,
+    alt: "..."
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '70%',
+      textAlign: 'left',
+      margin: 'auto',
+      paddingLeft: '16px'
+    },
+    className: 'col-*-*'
+  }, props.title)), !_Utils.default.isNull(message) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    variant: alertVariant,
+    show: !_Utils.default.isNull(message),
+    onClose: () => setMessage(null),
+    dismissible: true
+  }, /*#__PURE__*/_react.default.createElement(_Alert.default.Heading, null, messageTitle), /*#__PURE__*/_react.default.createElement("p", null, message)) : "", /*#__PURE__*/_react.default.createElement("div", {
+    style: _loginBasicStyle.default.loginContainer
+  }, /*#__PURE__*/_react.default.createElement(_Paper.default, {
+    style: _loginBasicStyle.default.paper
+  }, /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "username",
+    required: true,
+    disabled: true,
+    error: usernameError,
+    label: "Username",
+    value: username || '',
+    onChange: e => {
+      let usernamePresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
+      setUsername(e.target.value);
+      setUsernameError(!usernamePresent);
+    },
+    margin: "normal",
+    variant: "outlined",
+    style: {
+      minWidth: "200px",
+      width: "100%"
+    }
+  }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "password",
+    required: true,
+    disabled: _Utils.default.isNull(username) || _Utils.default.isNull(sessionId) || _Utils.default.isNull(challengeParamenters),
+    label: "Password",
+    error: passwordError,
+    type: showPassword ? 'text' : 'password',
+    value: password || '',
+    onChange: e => {
+      let passwordPresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
+      setPassword(e.target.value);
+      setPasswordError(!passwordPresent);
+    },
+    margin: "normal",
+    InputProps: {
+      endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+        position: "end"
+      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        "aria-label": "toggle password visibility",
+        onClick: handleClickShowPassword,
+        onMouseDown: handleMouseDownPassword,
+        edge: "end"
+      }, showPassword ? /*#__PURE__*/_react.default.createElement(_Visibility.default, null) : /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null)))
+    },
+    variant: "outlined",
+    style: {
+      minWidth: "200px",
+      width: "100%"
+    }
+  }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "confirmPassword",
+    label: "Confirm Password",
+    disabled: _Utils.default.isNull(username) || _Utils.default.isNull(sessionId) || _Utils.default.isNull(challengeParamenters),
+    type: showConfirmPassword ? 'text' : 'password',
+    value: confirmPassword || '',
+    onChange: e => {
+      let passwordPresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
+      setConfirmPassword(e.target.value);
+    },
+    margin: "normal",
+    InputProps: {
+      endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+        position: "end"
+      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        "aria-label": "toggle password visibility",
+        onClick: handleClickShowConfirmPassword,
+        onMouseDown: handleMouseDownConfirmPassword,
+        edge: "end"
+      }, showConfirmPassword ? /*#__PURE__*/_react.default.createElement(_Visibility.default, null) : /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null)))
+    },
+    variant: "outlined",
+    style: {
+      minWidth: "200px",
+      width: "100%"
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-100"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    disabled: _Utils.default.isNull(username) || _Utils.default.isNull(sessionId) || _Utils.default.isNull(challengeParamenters) || isLoading,
+    onClick: () => {
+      sendChangePassword();
+    },
+    variant: "contained",
+    color: "primary",
+    fullWidth: true,
+    style: _loginBasicStyle.default.loginBtn
+  }, isLoading && /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-refresh fa-spin",
+    style: {
+      marginRight: "8px"
+    }
+  }), isLoading && /*#__PURE__*/_react.default.createElement("span", null, "LOADING..."), !isLoading && /*#__PURE__*/_react.default.createElement("span", null, "CHANGE PASSWORD")))))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {
+    white: true
+  })));
+};
+
+var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(ChangePassword));
+
+exports.default = _default;

package/dist/view/security/ForgotPassword.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _security = require("./security");
+
+var _reactRedux = require("react-redux");
+
+var _redux = require("redux");
+
+var _DashboardStore = require("../../redux/store/DashboardStore");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _ApplicationContext = _interopRequireDefault(require("./../../ApplicationContext"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+
+var _Face = _interopRequireDefault(require("@material-ui/icons/Face"));
+
+var _AuthNavbar = _interopRequireDefault(require("../../components/navbars/AuthNavbar"));
+
+var _Footer = _interopRequireDefault(require("../../components/footer/Footer"));
+
+var _GridContainer = _interopRequireDefault(require("../../components/grid/GridContainer"));
+
+var _GridItem = _interopRequireDefault(require("../../components/grid/GridItem"));
+
+var _Card = _interopRequireDefault(require("../../components/card/Card"));
+
+var _CardBody = _interopRequireDefault(require("../../components/card/CardBody"));
+
+var _CardHeader = _interopRequireDefault(require("../../components/card/CardHeader"));
+
+var _CardFooter = _interopRequireDefault(require("../../components/card/CardFooter"));
+
+var _CustomInput = _interopRequireDefault(require("../../components/customInput/CustomInput"));
+
+var _RegularButton = _interopRequireDefault(require("../../components/RegularButton"));
+
+var _Danger = _interopRequireDefault(require("../../components/typography/Danger"));
+
+var _Info = _interopRequireDefault(require("../../components/typography/Info"));
+
+var _loginStyle = _interopRequireDefault(require("../../assets/jss/views/loginStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+const useStyles = (0, _styles.makeStyles)(_loginStyle.default);
+
+const ResetPassword = props => {
+  const _React$useState = _react.default.useState(""),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        username = _React$useState2[0],
+        setUsername = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(""),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        usernameState = _React$useState4[0],
+        setUsernameState = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState(""),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        errorMessage = _React$useState6[0],
+        setErrorMessage = _React$useState6[1];
+
+  const _React$useState7 = _react.default.useState(false),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        isLoading = _React$useState8[0],
+        setIsLoading = _React$useState8[1];
+
+  const _React$useState9 = _react.default.useState(null),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        showPassword = _React$useState10[0],
+        setShowPassword = _React$useState10[1];
+
+  const _React$useState11 = _react.default.useState(false),
+        _React$useState12 = _slicedToArray(_React$useState11, 2),
+        codeSent = _React$useState12[0],
+        setCodeSent = _React$useState12[1];
+
+  const _React$useState13 = _react.default.useState("cardHidden"),
+        _React$useState14 = _slicedToArray(_React$useState13, 2),
+        cardAnimation = _React$useState14[0],
+        setCardAnimation = _React$useState14[1];
+
+  _react.default.useEffect(() => {
+    let id = setTimeout(function () {
+      setCardAnimation("");
+    }, 700);
+    document.body.style.overflow = "unset";
+    return function cleanup() {
+      window.clearTimeout(id);
+    };
+  });
+
+  const classes = useStyles();
+
+  const handleClickShowPassword = () => {
+    setShowPassword(!showPassword);
+  };
+
+  const sendCode = () => {
+    if (username === "") {
+      setUsernameState("error");
+    }
+
+    if (username) {
+      setIsLoading(true);
+      (0, _security.forgotPassword)(props.url, username, codeSent => {
+        setIsLoading(false);
+        setCodeSent(codeSent);
+        setUsername("");
+      }, errorMessage => {
+        setIsLoading(false);
+        setErrorMessage(errorMessage);
+      });
+    }
+  };
+
+  const handleMouseDownPassword = event => {
+    event.preventDefault();
+  };
+
+  _react.default.useEffect(() => {
+    _ApplicationContext.default.clear();
+  });
+
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_AuthNavbar.default, {
+    brandText: " Business Agility "
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.wrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.fullPage,
+    style: {
+      backgroundImage: require('../../assets/img/login.jpeg')
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.container
+  }, /*#__PURE__*/_react.default.createElement(_GridContainer.default, {
+    justify: "center"
+  }, /*#__PURE__*/_react.default.createElement(_GridItem.default, {
+    xs: 12,
+    sm: 6,
+    md: 4
+  }, /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement(_Card.default, {
+    login: true,
+    className: classes[cardAnimation]
+  }, /*#__PURE__*/_react.default.createElement(_CardHeader.default, {
+    className: "".concat(classes.cardHeader, " ").concat(classes.textCenter),
+    color: "rose"
+  }, /*#__PURE__*/_react.default.createElement("h4", {
+    className: classes.cardTitle
+  }, " Forgot Password "), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.socialLine
+  }, ["fa fa-recycle"].map((prop, key) => {
+    return /*#__PURE__*/_react.default.createElement(_RegularButton.default, {
+      color: "transparent",
+      justIcon: true,
+      key: key,
+      className: classes.customButtonClass
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: prop
+    }));
+  }))), codeSent ? /*#__PURE__*/_react.default.createElement(_CardHeader.default, {
+    className: "".concat(classes.textCenter)
+  }, /*#__PURE__*/_react.default.createElement(_Info.default, null, "Password reset has been submitted successfully!")) : null, errorMessage ? /*#__PURE__*/_react.default.createElement(_CardHeader.default, {
+    className: "".concat(classes.textCenter)
+  }, /*#__PURE__*/_react.default.createElement(_Danger.default, null, errorMessage)) : null, /*#__PURE__*/_react.default.createElement(_CardBody.default, null, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
+    labelText: "Username",
+    id: "username",
+    formControlProps: {
+      fullWidth: true
+    },
+    success: usernameState === "success",
+    error: usernameState === "error",
+    inputProps: {
+      endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+        position: "end"
+      }, /*#__PURE__*/_react.default.createElement(_Face.default, {
+        className: classes.inputAdornmentIcon
+      })),
+      value: username,
+      onChange: e => {
+        setUsername(e.target.value);
+      }
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.right
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: "/login",
+    style: {
+      color: "#22A7F0"
+    }
+  }, "Go to Login"))), /*#__PURE__*/_react.default.createElement(_CardFooter.default, {
+    className: classes.justifyContentCenter
+  }, /*#__PURE__*/_react.default.createElement(_RegularButton.default, {
+    color: "rose",
+    simple: true,
+    size: "lg",
+    block: true,
+    onClick: () => sendCode(),
+    disabled: isLoading
+  }, isLoading && /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-refresh fa-spin",
+    style: {
+      marginRight: "8px"
+    }
+  }), isLoading && /*#__PURE__*/_react.default.createElement("span", null, "LOADING..."), !isLoading && /*#__PURE__*/_react.default.createElement("span", null, "Reset Password"))))))), /*#__PURE__*/_react.default.createElement(_Footer.default, {
+    white: true
+  })))));
+};
+
+var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(ResetPassword));
+
+exports.default = _default;