2.3.0

dist/index.html

@@ -13,7 +13,8 @@
     <script src="./chatbox.js"></script>
     <script>
       var config = {
-        settingsEndpoint: 'https://safesupport-admin.herokuapp.com/api/get-settings'
+        settingsEndpoint: 'https://safesupport-admin.herokuapp.com/api/get-settings',
+        matrixServerUrl: 'https://matrix.safesupport.chat'
       }
 
       EmbeddableChatbox.mount(config);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "private-safesupport-chatbox",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "A secure and private embeddable chatbox that connects to Riot",
   "main": "dist/chatbox.js",
   "scripts": {

public/index.html

@@ -13,7 +13,8 @@
     <script src="./chatbox.js"></script>
     <script>
       var config = {
-        settingsEndpoint: 'https://safesupport-admin.herokuapp.com/api/get-settings'
+        settingsEndpoint: 'https://safesupport-admin.herokuapp.com/api/get-settings',
+        matrixServerUrl: 'https://matrix.safesupport.chat'
       }
 
       EmbeddableChatbox.mount(config);

src/components/ChatboxWithSettings.js

@@ -3,24 +3,29 @@ import PropTypes from 'prop-types';
 import Chatbox from './chatbox';
 
 
-const ChatboxWithSettings = ({ settingsEndpoint, ...rest }) => {
+const ChatboxWithSettings = ({ settingsEndpoint, matrixServerUrl, ...rest }) => {
   const [settings, setSettings] = useState({});
-
+  const [shifts, setShifts] = useState();
+  const [isAvailable, setAvailability] = useState(false);
   const settingsObj = {};
 
   const getSettings = async () => {
     if (!settingsEndpoint) {
       const props = {
         ...rest,
-        enabled: true
-      }
+        enabled: true,
+        isAvailable: true,
+      };
 
       return setSettings(props);
     }
 
-    const res = await fetch(settingsEndpoint);
+    const url = `${settingsEndpoint}?homeserver=${encodeURIComponent(matrixServerUrl)}`;
+    const res = await fetch(url);
     const data = await res.json();
-    const { fields } = data;
+    const { fields, schedule = [] } = data;
+
+    setShifts(schedule);
 
     Object.entries(fields).forEach(([k, v]) => {
       const [scope, key] = k.split('_');
@@ -37,17 +42,55 @@ const ChatboxWithSettings = ({ settingsEndpoint, ...rest }) => {
     return setSettings(settingsObj);
   };
 
+  const checkSchedule = () => {
+    if (shifts.length === 0) {
+      setAvailability(true);
+    }
+
+    const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+
+    const now = new Date();
+    const weekday = weekdays[now.getDay()];
+    const hours = now.getHours();
+    const minutes = now.getMinutes();
+
+    shifts.map(async (shift) => {
+      const [startHours, startMinutes] = shift.start.split(':').map((t) => Number(t));
+      const [endHours, endMinutes] = shift.end.split(':').map((t) => Number(t));
+      if (
+        shift.service === 'web'
+        && shift.weekday === weekday
+        && ((startHours < hours) || (startHours === hours && startMinutes <= minutes))
+        && ((endHours > hours) || (endHours === hours && endMinutes > minutes))
+      ) {
+        setAvailability(true);
+      }
+    });
+  };
+
   useEffect(() => {
     getSettings();
   }, []);
 
+  useEffect(() => {
+    if (shifts) {
+      checkSchedule();
+    }
+  }, [shifts]);
+
   return (
-    <Chatbox {...settings} {...rest} />
+    /* eslint-disable react/jsx-props-no-spreading */
+    <Chatbox matrixServerUrl={matrixServerUrl} isAvailable={isAvailable} {...settings} {...rest} />
   );
 };
 
 ChatboxWithSettings.propTypes = {
+  matrixServerUrl: PropTypes.string.isRequired,
   settingsEndpoint: PropTypes.string,
 };
 
+ChatboxWithSettings.defaultProps = {
+  settingsEndpoint: null,
+};
+
 export default ChatboxWithSettings;

src/components/chatbox.jsx

@@ -69,7 +69,7 @@ class ChatBox extends React.Component {
       isMobile: true,
       isSlowConnection: true,
       decryptionErrors: {},
-      messagesInFlight: [],
+      messagesInFlight: []
     }
     this.state = this.initialState
     this.chatboxInput = React.createRef();
@@ -587,14 +587,14 @@ class ChatBox extends React.Component {
   }
 
   componentDidMount() {
-    document.addEventListener("keydown", this.handleKeyDown, false);
+    document.addEventListener("keydown", this.handleKeyDown, false)
     window.addEventListener('beforeunload', this.exitChat)
   }
 
   componentWillUnmount() {
-    document.removeEventListener("keydown", this.handleKeyDown, false);
+    document.removeEventListener("keydown", this.handleKeyDown, false)
     window.removeEventListener('beforeunload', this.exitChat)
-    this.exitChat();
+    this.exitChat()
   }
 
   handleInputChange = e => {
@@ -655,7 +655,7 @@ class ChatBox extends React.Component {
   }
 
   render() {
-    if (!this.props.enabled) {
+    if (!this.props.enabled || !this.props.isAvailable) {
       return null
     }
 
@@ -788,7 +788,7 @@ ChatBox.propTypes = {
   maxWaitTime: PropTypes.number,
   waitInterval: PropTypes.number,
   dockLabel: PropTypes.string,
-  enabled: PropTypes.bool,
+  enabled: PropTypes.bool
 }
 
 ChatBox.defaultProps = {