Fix/web 3039 ios notification undefined

packages/hms-video-store/src/analytics/HTTPAnalyticsTransport.ts

@@ -38,7 +38,7 @@ class ClientAnalyticsTransport implements IAnalyticsTransportProvider {
   private failedEvents = new LocalStorage<AnalyticsEvent[]>('client-events');
   isConnected = true;
   private env: null | ENV = null;
-  private websocketURL = '';
+  public websocketURL = '';
 
   setEnv(env: ENV) {
     this.env = env;

packages/hms-video-store/src/interfaces/room.ts

@@ -40,6 +40,9 @@ export interface HMSRoom {
   isHipaaEnabled?: boolean;
   isNoiseCancellationEnabled?: boolean;
   transcriptions?: HMSTranscriptionInfo[];
+  enabledFlags?: string[];
+  websocketUrl?: string;
+  initEndpoint?: string;
 }
 
 export interface HMSRecording {

packages/hms-video-store/src/reactive-store/adapter.ts

@@ -163,6 +163,9 @@ export class SDKToHMS {
       isVBEnabled: sdkRoom.isVBEnabled,
       effectsKey: sdkRoom.effectsKey,
       isHipaaEnabled: sdkRoom.isHipaaEnabled,
+      enabledFlags: sdkRoom.enabledFlags,
+      websocketUrl: sdkRoom.websocketUrl,
+      initEndpoint: sdkRoom.initEndpoint,
       isNoiseCancellationEnabled: sdkRoom.isNoiseCancellationEnabled,
     };
   }

packages/hms-video-store/src/schema/room.ts

@@ -45,4 +45,7 @@ export interface HMSRoom {
   effectsKey?: string;
   isHipaaEnabled?: boolean;
   isNoiseCancellationEnabled?: boolean;
+  enabledFlags?: string[];
+  websocketUrl?: string;
+  initEndpoint?: string;
 }

packages/hms-video-store/src/sdk/models/HMSRoom.ts

@@ -21,6 +21,9 @@ export default class Room implements HMSRoom {
   effectsKey?: string;
   isHipaaEnabled?: boolean;
   isNoiseCancellationEnabled?: boolean;
+  enabledFlags?: string[];
+  websocketUrl?: string;
+  initEndpoint?: string;
 
   constructor(id: string) {
     this.id = id;

packages/hms-video-store/src/selectors/selectors.ts

@@ -459,7 +459,9 @@ export const selectIsLargeRoom = createSelector(selectRoom, room => !!room.isLar
 export const selectIsEffectsEnabled = createSelector(selectRoom, room => !!room.isEffectsEnabled);
 export const selectIsVBEnabled = createSelector(selectRoom, room => !!room.isVBEnabled);
 export const selectEffectsKey = createSelector(selectRoom, room => room.effectsKey);
-
+export const selectWebsocketURL = createSelector(selectRoom, room => room.websocketUrl);
+export const selectInitEndpoint = createSelector(selectRoom, room => room.initEndpoint);
+export const selectEnabledFlags = createSelector(selectRoom, room => room.enabledFlags);
 export const selectTemplateAppData = (store: HMSStore) => store.templateAppData;
 /** @deprecated - use `selectSessionStore` instead */
 export const selectSessionMetadata = (store: HMSStore) => store.sessionMetadata;

packages/hms-video-store/src/transport/index.ts

@@ -1088,6 +1088,7 @@ export default class HMSTransport {
     }
   }
 
+  // eslint-disable-next-line complexity
   private async internalConnect(token: string, initEndpoint: string, peerId: string, iceServers?: HMSICEServer[]) {
     HMSLogger.d(TAG, 'connect: started ⏰');
     const connectRequestedAt = new Date();
@@ -1109,9 +1110,16 @@ export default class HMSTransport {
         room.isVBEnabled = this.isFlagEnabled(InitFlags.FLAG_VB_ENABLED);
         room.isHipaaEnabled = this.isFlagEnabled(InitFlags.FLAG_HIPAA_ENABLED);
         room.isNoiseCancellationEnabled = this.isFlagEnabled(InitFlags.FLAG_NOISE_CANCELLATION);
+        room.enabledFlags = [];
+        const allFlags = Object.values(InitFlags);
+        room.enabledFlags = allFlags.filter(flag => this.isFlagEnabled(flag));
+        room.initEndpoint = initEndpoint;
       }
       this.analyticsTimer.end(TimedEvent.INIT);
       HTTPAnalyticsTransport.setWebsocketEndpoint(this.initConfig.endpoint);
+      if (room) {
+        room.websocketUrl = HTTPAnalyticsTransport.websocketURL;
+      }
       // if leave was called while init was going on, don't open websocket
       this.validateNotDisconnected('post init');
       await this.openSignal(token, peerId);

packages/react-sdk/src/hooks/useAwayNotifications.ts

@@ -6,20 +6,36 @@ import { useHMSVanillaStore } from '../primitives/HmsRoomProvider';
 // Do not prompt if preview is not available. Skips for beam
 export const useAwayNotifications = () => {
   const vanillaStore = useHMSVanillaStore();
+  // eslint-disable-next-line complexity
   const requestPermission = useCallback(async () => {
     // Headless check for beam
-    if (navigator.webdriver) {
-      return;
-    }
-    if (!Notification || Notification?.permission === 'granted' || Notification?.permission === 'denied') {
-      return;
-    }
-    const unsubscribe = vanillaStore.subscribe(async role => {
-      if (role && role !== '__internal_recorder') {
-        await Notification.requestPermission();
-        unsubscribe?.();
+
+    try {
+      if (navigator.webdriver) {
+        return;
+      }
+      if (!('Notification' in window)) {
+        // Notifications not supported
+        return;
       }
-    }, selectLocalPeerRoleName);
+
+      if (!Notification) {
+        return;
+      }
+
+      if (Notification?.permission === 'granted' || Notification?.permission === 'denied') {
+        return;
+      }
+      console.log('###### Requesting Notification Permission unsubscribe', Notification);
+      const unsubscribe = vanillaStore.subscribe(async role => {
+        if (role && role !== '__internal_recorder') {
+          await Notification?.requestPermission();
+          unsubscribe?.();
+        }
+      }, selectLocalPeerRoleName);
+    } catch (e) {
+      console.log(e);
+    }
   }, [vanillaStore]);
 
   const showNotification = useCallback((title: string, options?: NotificationOptions) => {

packages/react-sdk/src/primitives/HmsRoomProvider.ts

@@ -206,6 +206,7 @@ export const useHMSNotifications = <T extends HMSNotificationTypeParam>(
     if (!HMSContextConsumer.notifications) {
       return;
     }
+
     const unsubscribe = HMSContextConsumer.notifications.onNotification<T>(notification => {
       setNotification(notification);
     }, type);

packages/roomkit-react/src/Stats/Stats.tsx

@@ -6,6 +6,7 @@ import {
   RID,
   selectConnectionQualityByPeerID,
   selectHMSStats,
+  selectRoom,
   simulcastMapping,
   useHMSStatsStore,
   useHMSStore,
@@ -35,6 +36,7 @@ export function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = f
   const downlinkScore = useHMSStore(selectConnectionQualityByPeerID(peerID))?.downlinkQuality;
   const availableOutgoingBitrate = useHMSStatsStore(selectHMSStats.availablePublishBitrate);
   const qoe = useQoE({ videoTrackID, audioTrackID, isLocal });
+  const { websocketUrl = '', initEndpoint = '', enabledFlags = [] } = useHMSStore(selectRoom);
 
   // Viewer role - no stats to show
   if (!(audioTrackStats || videoTrackStats)) {
@@ -52,6 +54,16 @@ export function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = f
                 tooltip="Available Outgoing Bitrate"
                 value={formatBytes(availableOutgoingBitrate, 'b/s')}
               />
+
+              <Stats.Gap />
+              <StatsRow show={!!websocketUrl} label="Websocket" tooltip="WebsocketURL" value={websocketUrl} />
+              <StatsRow show={!!initEndpoint} label="InitEndpoint" tooltip="InitEndpoint" value={initEndpoint} />
+              <StatsRow show={enabledFlags.length > 0} label="Enabled Flags" value={' '} />
+              {enabledFlags.map(flag => (
+                <StatsRow key={flag} show label={flag} />
+              ))}
+
+              <Stats.Gap />
               {localVideoTrackStats?.map(stat => {
                 if (!stat) {
                   return null;