@agilemotion/oui-react-js 1.2.7 → 1.2.9

package/dist/view/security/ResetPasswordBasic.js

@@ -0,0 +1,329 @@
+"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 ResetPassword = 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(false),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        usernameError = _React$useState4[0],
+        setUsernameError = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState(null),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        password = _React$useState6[0],
+        setPassword = _React$useState6[1];
+
+  const _React$useState7 = _react.default.useState(null),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        confirmPassword = _React$useState8[0],
+        setConfirmPassword = _React$useState8[1];
+
+  const _React$useState9 = _react.default.useState(null),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        message = _React$useState10[0],
+        setMessage = _React$useState10[1];
+
+  const _React$useState11 = _react.default.useState(null),
+        _React$useState12 = _slicedToArray(_React$useState11, 2),
+        messageTitle = _React$useState12[0],
+        setMessageTitle = _React$useState12[1];
+
+  const _React$useState13 = _react.default.useState(""),
+        _React$useState14 = _slicedToArray(_React$useState13, 2),
+        alertVariant = _React$useState14[0],
+        setAlertVariant = _React$useState14[1];
+
+  const _React$useState15 = _react.default.useState(false),
+        _React$useState16 = _slicedToArray(_React$useState15, 2),
+        passwordError = _React$useState16[0],
+        setPasswordError = _React$useState16[1];
+
+  const _React$useState17 = _react.default.useState(false),
+        _React$useState18 = _slicedToArray(_React$useState17, 2),
+        isLoading = _React$useState18[0],
+        setIsLoading = _React$useState18[1];
+
+  const _React$useState19 = _react.default.useState(null),
+        _React$useState20 = _slicedToArray(_React$useState19, 2),
+        showPassword = _React$useState20[0],
+        setShowPassword = _React$useState20[1];
+
+  const _React$useState21 = _react.default.useState(null),
+        _React$useState22 = _slicedToArray(_React$useState21, 2),
+        code = _React$useState22[0],
+        setCode = _React$useState22[1];
+
+  const _React$useState23 = _react.default.useState(null),
+        _React$useState24 = _slicedToArray(_React$useState23, 2),
+        showConfirmPassword = _React$useState24[0],
+        setShowConfirmPassword = _React$useState24[1];
+
+  const _React$useState25 = _react.default.useState("((?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%]).{8,128})"),
+        _React$useState26 = _slicedToArray(_React$useState25, 1),
+        passwordPattern = _React$useState26[0];
+
+  _react.default.useEffect(() => {
+    let code = new URLSearchParams(location.search).get("code");
+    setCode(code);
+  });
+
+  const handleClickShowPassword = () => {
+    setShowPassword(!showPassword);
+  };
+
+  const handleClickShowConfirmPassword = () => {
+    setShowConfirmPassword(!showConfirmPassword);
+  };
+
+  const sendResetPassword = () => {
+    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.resetPassword)(props.url, code, username, password, (codeSent, message) => {
+        setIsLoading(false);
+        setMessageTitle("Password Reset");
+        setMessage(message);
+        setAlertVariant('success');
+      }, errorMessage => {
+        setIsLoading(false);
+        setMessageTitle("Password Reset 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,
+    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(code),
+    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(code),
+    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(code) || isLoading,
+    onClick: () => {
+      sendResetPassword();
+    },
+    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, "RESET 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))(ResetPassword));
+
+exports.default = _default;

package/dist/view/security/Security.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.changePassword = exports.resetPassword = exports.forgotPassword = exports.login = void 0;
+
+var _RestUtils = require("../../RestUtils");
+
+var _Utils = _interopRequireDefault(require("../../Utils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const login = (url, username, password, callback, errorCallback) => {
+  (0, _RestUtils.sendRequest)("".concat(url, "?username=").concat(username, "&password=").concat(password), response => {
+    if (response.accessToken === null) {
+      if (response.forcePasswordChange === true) {
+        callback(true, null, response);
+      } else {
+        callback(false, "Invalid username and password");
+      }
+    } else {
+      sessionStorage.setItem("accessToken", response.accessToken);
+      sessionStorage.setItem("refreshToken", response.refreshToken);
+      sessionStorage.setItem("idToken", response.idToken);
+      sessionStorage.setItem("lastLogin", new Date().getTime());
+      callback(true);
+    }
+  }, e => {
+    if (!_Utils.default.isNull(callback)) {
+      callback(false, 'Server error occurred, please try again later');
+    }
+
+    if (!_Utils.default.isNull(errorCallback)) {
+      errorCallback('An error has occurred, please try again later');
+    }
+  }, false);
+};
+
+exports.login = login;
+
+const forgotPassword = (url, username, callback, errorCallback) => {
+  (0, _RestUtils.sendRequest)("".concat(url, "?username=").concat(username), response => {
+    callback(true, "The request has been sent successfully");
+  }, e => {
+    if (Object.entries(e).length === 0) {
+      errorCallback(e.message);
+    } else {
+      errorCallback("An error has occurred. Please check the username and retry");
+    }
+  }, false);
+};
+
+exports.forgotPassword = forgotPassword;
+
+const resetPassword = (url, code, username, password, callback, errorCallback) => {
+  (0, _RestUtils.sendRequest)("".concat(url, "?code=").concat(code, "&password=").concat(password, "&username=").concat(username), response => {
+    callback(true, "The the password has been reset successfully");
+  }, e => {
+    if (Object.entries(e).length === 0) {
+      errorCallback(e.message);
+    } else {
+      errorCallback("An error has occurred");
+    }
+  }, false);
+};
+
+exports.resetPassword = resetPassword;
+
+const changePassword = (url, username, password, sessionId, challengeParamenters, callback, errorCallback) => {
+  (0, _RestUtils.sendRequest)("".concat(url, "?newPassword=").concat(password, "&username=").concat(username, "&sessionId=").concat(sessionId, "&challengeParamenters=").concat(challengeParamenters), response => {
+    sessionStorage.setItem("accessToken", response.accessToken);
+    sessionStorage.setItem("refreshToken", response.refreshToken);
+    sessionStorage.setItem("idToken", response.idToken);
+    sessionStorage.setItem("lastLogin", new Date().getTime());
+    callback();
+  }, e => {
+    if (Object.entries(e).length === 0) {
+      errorCallback(e.message);
+    } else {
+      errorCallback("An error has occurred");
+    }
+  }, false);
+};
+
+exports.changePassword = changePassword;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "babel": {
     "presets": [
       "@babel/preset-env",