Merge pull request #18 from janeapp/waiting-area-rn

[TEL-281] Telehealth waiting area/ practitioner tool (ios)

react/features/analytics/AnalyticsEvents.js

@@ -1,4 +1,5 @@
-import _ from "lodash";
+import _ from 'lodash';
+
 /**
  * The constant for the event type 'track'.
  * TODO: keep these constants in a single place. Can we import them from
@@ -801,9 +802,25 @@ export function createConnectionQualityChangedEvent(strength, stats) {
  * Remove the track id from the ConnectionQualityChangedEvent property.
  * If we don't want to send the trackId along with the property to amplitude.
  *
- * @param {Object} event - event object.
- * @returns {Object|number|string|undefined} property.
+ * @param {Object} event - Event object.
+ * @returns {Object|number|string|undefined} Property.
  */
 function removeTrackIdFromEventPropertyObject(event) {
     return event && _.isObject(event) && Object.values(event)[0];
 }
+
+/**
+ * Creates an event for an action on the waiting area page.
+ *
+ * @param {string} action - The action that the event represents.
+ * @param {boolean} attributes - Additional attributes to attach to the event.
+ * @returns {Object} The event in a format suitable for sending via
+ * sendAnalytics.
+ */
+export function createWaitingAreaPageEvent(action, attributes = {}) {
+    return {
+        action,
+        attributes,
+        source: 'waiting.area'
+    };
+}

react/features/app/actions.js

@@ -1,8 +1,8 @@
 // @flow
 
 import type { Dispatch } from 'redux';
-
 import { setRoom } from '../base/conference';
+import { enableJaneWaitingArea, isJaneWaitingAreaEnabled } from '../jane-waiting-area-native';
 import {
     configWillLoad,
     createFakeConfig,
@@ -131,7 +131,11 @@ export function appNavigate(uri: ?string) {
         // FIXME: unify with web, currently the connection and track creation happens in conference.js.
         if (room && navigator.product === 'ReactNative') {
             dispatch(createDesiredLocalTracks());
-            dispatch(connect());
+            if (isJaneWaitingAreaEnabled(getState())) {
+                dispatch(enableJaneWaitingArea(true));
+            } else {
+                dispatch(connect());
+            }
         }
     };
 }

react/features/base/conference/actions.js

@@ -27,7 +27,7 @@ import {
 import { getLocalTracks, trackAdded, trackRemoved } from '../tracks';
 import {
     getBackendSafeRoomName,
-    getJitsiMeetGlobalNS
+    getJitsiMeetGlobalNS, sendBeaconToJaneRN
 } from '../util';
 
 import {
@@ -417,7 +417,7 @@ export function conferenceWillLeave(conference: Object) {
             if (url && surveyUrl) {
 
                 Linking.openURL(surveyUrl).then(() => {
-                    sendBeaconRn(url, data).then(r => {
+                    sendBeaconToJaneRN(url, data).then(r => {
                         console.log(r, 'response');
                     })
                      .catch(e => {
@@ -434,18 +434,6 @@ export function conferenceWillLeave(conference: Object) {
     };
 }
 
-
-// eslint-disable-next-line require-jsdoc,no-unused-vars,no-empty-function
-function sendBeaconRn(url, data) {
-    return fetch(url, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'text/plain; charset=UTF-8'
-        },
-        body: data
-    });
-}
-
 /**
  * Initializes a new conference.
  *

react/features/base/conference/functions.js

@@ -2,6 +2,7 @@
 
 import _ from 'lodash';
 
+import jwtDecode from 'jwt-decode';
 import { JitsiTrackErrors } from '../lib-jitsi-meet';
 import {
     getLocalParticipant,
@@ -351,3 +352,23 @@ export function sendLocalParticipant(
 
     conference.setDisplayName(name);
 }
+
+/**
+ * Check if the call is the test call.
+ *
+ *
+ * @param {Function|Object} state - The redux store, state, or
+ * {@code getState} function.
+ * @returns {boolean}
+ */
+export function isJaneTestCall(state) {
+    const { jwt } = state['features/base/jwt'];
+    const jwtPayload = jwt && jwtDecode(jwt) ?? null;
+    const context = jwtPayload && jwtPayload.context ?? null;
+    const user = context && context.user ?? null;
+    const participantId = user && user.participant_id;
+    const videoChatSessionId = context && context.video_chat_session_id;
+    const participantEmail = user && user.email;
+
+    return participantId === 0 && videoChatSessionId === 0 && participantEmail === '[email protected]';
+}

react/features/base/environment/utils.js

@@ -1,6 +1,7 @@
 // @flow
 
 import Platform from '../react/Platform';
+import { Dimensions } from 'react-native';
 
 /**
  * Returns whether or not the current environment is a mobile device.
@@ -36,3 +37,7 @@ export function checkChromeExtensionsInstalled(config: Object = {}) {
         (config.chromeExtensionsInfo || []).map(info => extensionInstalledFunction(info))
     );
 }
+
+export function iphoneHasNotch () {
+    return Platform.OS === 'ios' && Dimensions.get('window').height > 811 && !Platform.isPad || false;
+}

react/features/base/i18n/dateUtil.js

@@ -100,3 +100,14 @@ function _getSupportedLocale() {
 
     return supportedLocale || 'en';
 }
+
+/**
+ * Returns a unix timestamp in milliseconds({@code number}).
+ *
+ * @param {Date | string} date - The date from jwt token.
+ * @returns {number}
+ */
+export function getTimeStamp(date) {
+    return moment(date, 'YYYY-MM-DD HH:mm:ss')
+        .valueOf();
+}

react/features/base/react/components/functions.js

@@ -0,0 +1,30 @@
+// @flow
+
+import {
+    checkLocalParticipantCanJoin,
+    isJaneWaitingAreaEnabled
+} from '../../../jane-waiting-area-native/functions';
+import { getLocalParticipantType } from '../../participants/functions';
+
+/**
+ * Returns the field value in a platform generic way.
+ *
+ * @param {Object | string} fieldParameter - The parameter passed through the change event function.
+ * @returns {string}
+ */
+export function getFieldValue(fieldParameter: Object | string) {
+    return typeof fieldParameter === 'string' ? fieldParameter : fieldParameter?.target?.value;
+}
+
+// eslint-disable-next-line require-jsdoc
+export function shouldShowPreCallMessage(state: Object) {
+    const participantType = getLocalParticipantType(state);
+    const { remoteParticipantsStatuses } = state['features/jane-waiting-area-native'];
+
+    if (isJaneWaitingAreaEnabled(state)) {
+        return participantType !== 'StaffMember'
+            && !checkLocalParticipantCanJoin(remoteParticipantsStatuses, participantType);
+    }
+
+    return true;
+}