@agilemotion/oui-react-js 1.5.7 → 1.5.9

package/dist/js/Calendar.js

@@ -57,7 +57,7 @@ class Calendar {
 
       if (schedule.endTime <= schedule.startTime) {
         let endTime = new Date(schedule.endTime);
-        endTime.setHours(schedule.startTime.getHours() + 1);
+        endTime.setHours(this.getDateTime(schedule.startDate, schedule.startTime).getHours() + 1);
         return endTime;
       }
 
@@ -71,7 +71,7 @@ class Calendar {
 
       if (schedule.endTime <= schedule.startTime) {
         let startTime = new Date(schedule.startTime);
-        startTime.setHours(schedule.endTime.getHours() - 1);
+        startTime.setHours(this.getDateTime(schedule.endDate, schedule.endTime).getHours() - 1);
         return startTime;
       }
 

package/dist/js/Windows.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Windows = void 0;
+
+var _moment = _interopRequireDefault(require("moment/moment"));
+
+var _Utils = _interopRequireDefault(require("../Utils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+class Windows {
+  constructor(resolver) {
+    _defineProperty(this, "zoomIn", windowId => {
+      let el = document.getElementById(windowId);
+      let scale = el.scale;
+
+      if (!scale) {
+        scale = 1;
+      }
+
+      if (scale < 1) {
+        scale = scale * 1.1;
+        let w = el.style.width ? el.style.width.replace('px', '') : el.getBoundingClientRect().width;
+        let h = el.style.height ? el.style.height.replace('px', '') : el.getBoundingClientRect().height;
+        el.style.width = w * 1.1 + "px";
+        el.style.height = h * 1.1 + "px";
+        el.style.transform = "scale(".concat(scale, ")");
+      }
+
+      el.scale = scale;
+    });
+
+    _defineProperty(this, "zoomOut", windowId => {
+      let el = document.getElementById(windowId);
+      let scale = el.scale;
+
+      if (!scale) {
+        scale = 1;
+      }
+
+      if (scale > 0) {
+        scale = scale * 0.9;
+        let w = el.style.width || el.style.width.includes("%") ? el.style.width.replace('px', '') : el.getBoundingClientRect().width;
+        let h = el.style.height || el.style.height.includes("%") ? el.style.height.replace('px', '') : el.getBoundingClientRect().height;
+        el.style.width = w * 0.9 + "px";
+        el.style.height = h * 0.9 + "px";
+        el.style.transform = "scale(".concat(scale, ")");
+      }
+
+      el.scale = scale;
+    });
+
+    this.resolver = resolver;
+  }
+
+}
+
+exports.Windows = Windows;
+const instance = new Windows();
+var _default = instance;
+exports.default = _default;

package/dist/view/security/ChangePasswordBasic.js

@@ -46,6 +46,7 @@ var _reactRouterDom = require("react-router-dom");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const ChangePassword = props => {
+  const navigate = (0, _reactRouterDom.useNavigate)();
   const location = (0, _reactRouterDom.useLocation)();
 
   const [username, setUsername] = _react.default.useState(null);
@@ -114,11 +115,11 @@ const ChangePassword = props => {
 
       setIsLoading(true);
       (0, _Security.changePassword)(props.url, username, password, sessionId, challengeParamenters, () => {
-        _ApplicationManager.default.navigate('/');
+        navigate('/');
       }, errorMessage => {
         setIsLoading(false);
         setMessageTitle("Password Change Error!");
-        setMessage(errorMessage);
+        setMessage(!errorMessage ? _Utils.default.SYSTEM_ERROR_MESSAGE : errorMessage);
         setAlertVariant('danger');
       });
     } else {
@@ -174,10 +175,15 @@ const ChangePassword = props => {
       width: props.title.length === 0 ? '0' : '70%',
       textAlign: 'left',
       margin: 'auto',
-      paddingLeft: '16px'
+      paddingLeft: '16px',
+      color: props.titleColor
     },
     className: 'col'
   }, props.title)), !_Utils.default.isNull(message) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    style: {
+      marginTop: '16px',
+      marginBottom: '0'
+    },
     variant: alertVariant,
     show: !_Utils.default.isNull(message),
     onClose: () => setMessage(null),

package/dist/view/security/ForgotPasswordBasic.js

@@ -35,9 +35,13 @@ var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 
 var _Lock = _interopRequireDefault(require("@material-ui/icons/Lock"));
 
+var _reactRouterDom = require("react-router-dom");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const ResetPassword = props => {
+  const navigate = (0, _reactRouterDom.useNavigate)();
+
   const [username, setUsername] = _react.default.useState("");
 
   const [message, setMessage] = _react.default.useState(null);
@@ -68,7 +72,7 @@ const ResetPassword = props => {
       }, errorMessage => {
         setIsLoading(false);
         setMessageTitle("Password Reset Error!");
-        setMessage(errorMessage);
+        setMessage(!errorMessage ? _Utils.default.SYSTEM_ERROR_MESSAGE : errorMessage);
         setAlertVariant('danger');
       });
     } else {
@@ -82,7 +86,7 @@ const ResetPassword = props => {
 
   _react.default.useEffect(() => {
     _ApplicationManager.default.clear();
-  });
+  }, []);
 
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -119,10 +123,15 @@ const ResetPassword = props => {
       width: props.title.length === 0 ? '0' : '70%',
       textAlign: 'left',
       margin: 'auto',
-      paddingLeft: '16px'
+      paddingLeft: '16px',
+      color: props.titleColor
     },
     className: 'col'
   }, props.title)), !_Utils.default.isNull(message) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    style: {
+      marginTop: '16px',
+      marginBottom: '0'
+    },
     variant: alertVariant,
     show: !_Utils.default.isNull(message),
     onClose: () => setMessage(null),
@@ -166,7 +175,7 @@ const ResetPassword = props => {
     style: _loginBasicStyle.default.buttonsDiv
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     label: "Back to Login",
-    href: "/login",
+    onClick: e => navigate("/login"),
     style: _loginBasicStyle.default.flatButton,
     startIcon: /*#__PURE__*/_react.default.createElement(_Lock.default, null)
   }, "Back to Login"))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {

package/dist/view/security/LoginBasic.js

@@ -43,9 +43,14 @@ var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
 
 var _loginBasicStyle = _interopRequireDefault(require("../../assets/jss/views/loginBasicStyle"));
 
+var _reactRouterDom = require("react-router-dom");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const Login = props => {
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const location = (0, _reactRouterDom.useLocation)();
+
   const [errorMessage, setErrorMessage] = _react.default.useState(null);
 
   const [usernameError, setUsernameError] = _react.default.useState(false);
@@ -70,7 +75,19 @@ const Login = props => {
 
   _react.default.useEffect(() => {
     _ApplicationManager.default.clear();
-  });
+
+    let username = new URLSearchParams(location.search).get("userName");
+
+    if (username) {
+      setUsername(username);
+    }
+
+    let code = new URLSearchParams(location.search).get("code");
+
+    if (code) {
+      setPassword(code);
+    }
+  }, []);
 
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -107,10 +124,15 @@ const Login = props => {
       width: props.title.length === 0 ? '0' : '70%',
       textAlign: 'left',
       margin: 'auto',
-      paddingLeft: '16px'
+      paddingLeft: '16px',
+      color: props.titleColor
     },
     className: 'col'
   }, props.title)), !_Utils.default.isNull(errorMessage) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    style: {
+      marginTop: '16px',
+      marginBottom: '0'
+    },
     variant: "danger",
     show: !_Utils.default.isNull(errorMessage),
     onClose: () => setErrorMessage(null),
@@ -179,9 +201,9 @@ const Login = props => {
         (0, _Security.login)(props.url, username, password, (authenticated, message, response) => {
           if (authenticated) {
             if (!_Utils.default.isNull(response) && response.forcePasswordChange === true) {
-              _ApplicationManager.default.navigate("/change-password?username=".concat(username, "&sessionId=").concat(response.sessionId, "&challengeParamenters=").concat(encodeURI(JSON.stringify(response.challangeParameters))));
+              navigate("/change-password?username=".concat(username, "&sessionId=").concat(response.sessionId, "&challengeParamenters=").concat(encodeURI(JSON.stringify(response.challangeParameters))));
             } else {
-              _ApplicationManager.default.navigate('/');
+              navigate('/');
             }
           } else {
             setErrorMessage(message);
@@ -204,7 +226,7 @@ const Login = props => {
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     disabled: isLoading,
     label: "Forgot Password?",
-    href: "/forgot-password",
+    onClick: e => _ApplicationManager.default.navigate("/forgot-password"),
     style: _loginBasicStyle.default.flatButton,
     startIcon: /*#__PURE__*/_react.default.createElement(_Help.default, null)
   }, "Forgot Password?"))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {

package/dist/view/security/{LoginBusinessPortal.js → LoginInteractionPortal.js}

@@ -41,13 +41,16 @@ var _Footer = _interopRequireDefault(require("../../components/footer/Footer"));
 
 var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
 
-var _loginBusinessPortalStyle = _interopRequireDefault(require("../../assets/jss/views/loginBusinessPortalStyle"));
+var _loginBasicStyle = _interopRequireDefault(require("../../assets/jss/views/loginBasicStyle"));
 
-var _colors = require("material-ui/styles/colors");
+var _reactRouterDom = require("react-router-dom");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Login = props => {
+const LoginInteractionPortal = props => {
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const location = (0, _reactRouterDom.useLocation)();
+
   const [errorMessage, setErrorMessage] = _react.default.useState(null);
 
   const [usernameError, setUsernameError] = _react.default.useState(false);
@@ -72,12 +75,24 @@ const Login = props => {
 
   _react.default.useEffect(() => {
     _ApplicationManager.default.clear();
-  });
+
+    let username = new URLSearchParams(location.search).get("userName");
+
+    if (username) {
+      setUsername(username);
+    }
+
+    let code = new URLSearchParams(location.search).get("code");
+
+    if (code) {
+      setPassword(code);
+    }
+  }, []);
 
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       backgroundColor: props.background,
-      color: props.textColor ? props.textColor : _colors.black,
+      color: props.textColor,
       height: '100%',
       width: '100%'
     }
@@ -94,42 +109,38 @@ const Login = props => {
       margin: 'auto'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    style: _loginBusinessPortalStyle.default.loginContainer
-  }, /*#__PURE__*/_react.default.createElement(_Paper.default, {
-    style: _loginBusinessPortalStyle.default.paper
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "row",
-    style: _loginBusinessPortalStyle.default.title
+    className: "row no-margin no-padding",
+    style: _loginBasicStyle.default.title
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '30%',
-      textAlign: 'right'
-    },
-    className: 'col-*-*'
+      textAlign: 'right',
+      maxWidth: '60%'
+    }
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: props.logo,
     alt: "..."
   })), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '70%',
+      width: props.title.length === 0 ? '0' : '70%',
       textAlign: 'left',
       margin: 'auto',
       paddingLeft: '16px',
-      fontSize: "20pt",
-      color: props.textColor ? props.textColor : _colors.black
+      color: props.titleColor
+    },
+    className: 'col'
+  }, props.title)), !_Utils.default.isNull(errorMessage) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    style: {
+      marginTop: '16px',
+      marginBottom: '0'
     },
-    className: 'col-*-*'
-  }, props.title)), !_Utils.default.isNull(errorMessage) ? /*#__PURE__*/_react.default.createElement("div", {
-    style: _loginBusinessPortalStyle.default.componentWrapper,
-    className: "w-100 row-*-*"
-  }, /*#__PURE__*/_react.default.createElement(_Alert.default, {
     variant: "danger",
     show: !_Utils.default.isNull(errorMessage),
     onClose: () => setErrorMessage(null),
     dismissible: true
-  }, /*#__PURE__*/_react.default.createElement(_Alert.default.Heading, null, "Login error!"), /*#__PURE__*/_react.default.createElement("p", null, errorMessage))) : "", /*#__PURE__*/_react.default.createElement("div", {
-    style: _loginBusinessPortalStyle.default.componentWrapper,
-    className: "w-100 row-*-*"
+  }, /*#__PURE__*/_react.default.createElement(_Alert.default.Heading, null, "Login error!"), /*#__PURE__*/_react.default.createElement("p", null, errorMessage)) : "", /*#__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,
@@ -175,9 +186,8 @@ const Login = props => {
       minWidth: "200px",
       width: "100%"
     }
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    style: _loginBusinessPortalStyle.default.componentWrapper,
-    className: "w-100 row-*-*"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-100"
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     disabled: isLoading,
     onClick: () => {
@@ -191,10 +201,9 @@ const Login = props => {
         (0, _Security.login)(props.url, username, password, (authenticated, message, response) => {
           if (authenticated) {
             if (!_Utils.default.isNull(response) && response.forcePasswordChange === true) {
-              props.history.push("/change-password?username=".concat(username, "&sessionId=").concat(response.sessionId, "&challengeParamenters=").concat(encodeURI(JSON.stringify(response.challangeParameters))));
+              navigate("/change-password?username=".concat(username, "&sessionId=").concat(response.sessionId, "&challengeParamenters=").concat(encodeURI(JSON.stringify(response.challangeParameters))));
             } else {
-              sessionStorage.setItem("username", username);
-              props.history.push('/home');
+              navigate('/');
             }
           } else {
             setErrorMessage(message);
@@ -206,23 +215,22 @@ const Login = props => {
     variant: "contained",
     color: "primary",
     fullWidth: true,
-    style: _loginBusinessPortalStyle.default.loginBtn
+    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, "LOGIN"))), /*#__PURE__*/_react.default.createElement("div", {
-    style: _loginBusinessPortalStyle.default.buttonsDiv,
-    className: "w-100 row-*-*"
+  }), isLoading && /*#__PURE__*/_react.default.createElement("span", null, "LOADING..."), !isLoading && /*#__PURE__*/_react.default.createElement("span", null, "LOGIN"))))), /*#__PURE__*/_react.default.createElement("div", {
+    style: _loginBasicStyle.default.buttonsDiv
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     disabled: isLoading,
     label: "Forgot Password?",
     href: "/forgot-password",
-    style: _loginBusinessPortalStyle.default.flatButton,
+    style: _loginBasicStyle.default.flatButton,
     startIcon: /*#__PURE__*/_react.default.createElement(_Help.default, null)
-  }, "Forgot Password?")))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {
-    black: true,
+  }, "Forgot Password?"))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {
+    white: true,
     logo: props.footerLogo,
     text: props.footerText,
     width: props.footerWidth,
@@ -230,6 +238,6 @@ const Login = props => {
   })));
 };
 
-var _default = (0, _WithRouter.default)((0, _reactRedux.connect)(dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(Login));
+var _default = (0, _WithRouter.default)((0, _reactRedux.connect)(dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(LoginInteractionPortal));
 
 exports.default = _default;

package/dist/view/security/ResetPasswordBasic.js

@@ -43,6 +43,8 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
 
 var _reactRouterDom = require("react-router-dom");
 
+var _Lock = _interopRequireDefault(require("@material-ui/icons/Lock"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const ResetPassword = props => {
@@ -77,7 +79,9 @@ const ResetPassword = props => {
   _react.default.useEffect(() => {
     let code = new URLSearchParams(location.search).get("code");
     setCode(code);
-  });
+    let username = new URLSearchParams(location.search).get("userName");
+    setUsername(username);
+  }, []);
 
   const handleClickShowPassword = () => {
     setShowPassword(!showPassword);
@@ -115,7 +119,7 @@ const ResetPassword = props => {
       }, errorMessage => {
         setIsLoading(false);
         setMessageTitle("Password Reset Error!");
-        setMessage(errorMessage);
+        setMessage(!errorMessage ? _Utils.default.SYSTEM_ERROR_MESSAGE : errorMessage);
         setAlertVariant('danger');
       });
     } else {
@@ -134,7 +138,7 @@ const ResetPassword = props => {
 
   _react.default.useEffect(() => {
     _ApplicationManager.default.clear();
-  });
+  }, []);
 
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -171,10 +175,15 @@ const ResetPassword = props => {
       width: props.title.length === 0 ? '0' : '70%',
       textAlign: 'left',
       margin: 'auto',
-      paddingLeft: '16px'
+      paddingLeft: '16px',
+      color: props.titleColor
     },
     className: 'col'
   }, props.title)), !_Utils.default.isNull(message) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    style: {
+      marginTop: '16px',
+      marginBottom: '0'
+    },
     variant: alertVariant,
     show: !_Utils.default.isNull(message),
     onClose: () => setMessage(null),
@@ -186,6 +195,7 @@ const ResetPassword = props => {
   }, /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement(_TextField.default, {
     id: "username",
     required: true,
+    disabled: true,
     error: usernameError,
     label: "Username",
     value: username || '',
@@ -271,7 +281,14 @@ const ResetPassword = props => {
     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, {
+  }), isLoading && /*#__PURE__*/_react.default.createElement("span", null, "LOADING..."), !isLoading && /*#__PURE__*/_react.default.createElement("span", null, "RESET PASSWORD"))))), /*#__PURE__*/_react.default.createElement("div", {
+    style: _loginBasicStyle.default.buttonsDiv
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    label: "Go to Login",
+    href: "/login",
+    style: _loginBasicStyle.default.flatButton,
+    startIcon: /*#__PURE__*/_react.default.createElement(_Lock.default, null)
+  }, "Go to Login"))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {
     white: true,
     logo: props.footerLogo,
     text: props.footerText,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.5.7",
+  "version": "1.5.9",
   "babel": {
     "presets": [
       "@babel/preset-env",
@@ -29,6 +29,10 @@
     "@material-ui/lab": "^4.0.0-alpha.57",
     "@material-ui/pickers": "^3.3.10",
     "@material-ui/styles": "^4.11.3",
+    "@syncfusion/ej2-base": "^26.1.37",
+    "@syncfusion/ej2-react-popups": "^26.1.35",
+    "@syncfusion/ej2-react-richtexteditor": "^26.2.7",
+    "@syncfusion/ej2-react-splitbuttons": "^26.1.35",
     "async-mutex": "^0.2.6",
     "caniuse-lite": "^1.0.30001623",
     "classnames": "^2.3.1",
@@ -40,6 +44,7 @@
     "install": "^0.13.0",
     "jquery": "^3.6.0",
     "js-base64": "^3.6.0",
+    "mammoth": "^1.8.0",
     "material-ui": "^0.20.2",
     "mediasoup-client": "^3.7.8",
     "mobx": "^5.15.4",