@stream-io/video-react-native-sdk 0.0.10 → 0.0.12

package/dist/module/components/Participant/ParticipantView/VideoRenderer.js

@@ -0,0 +1,184 @@
+import React, { useEffect, useRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { RTCView } from '@stream-io/react-native-webrtc';
+import { CallingState, SfuModels, VisibilityState } from '@stream-io/video-client';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import { ParticipantVideoFallback as DefaultParticipantVideoFallback } from './ParticipantVideoFallback';
+import { useTheme } from '../../../contexts/ThemeContext';
+const DEFAULT_VIEWPORT_VISIBILITY_STATE = {
+  videoTrack: VisibilityState.UNKNOWN,
+  screenShareTrack: VisibilityState.UNKNOWN
+};
+
+/**
+ * Props for the VideoRenderer component.
+ */
+
+/**
+ * This component is used to display the video of the participant and fallback when the video is muted.
+ *
+ * It internally used `RTCView` to render video stream.
+ */
+export const VideoRenderer = _ref => {
+  let {
+    trackType = 'videoTrack',
+    participant,
+    isVisible = true,
+    ParticipantVideoFallback = DefaultParticipantVideoFallback,
+    videoZOrder = 0
+  } = _ref;
+  const {
+    theme: {
+      videoRenderer
+    }
+  } = useTheme();
+  const call = useCall();
+  const {
+    useCallCallingState,
+    useCameraState
+  } = useCallStateHooks();
+  const callingState = useCallCallingState();
+  const pendingVideoLayoutRef = useRef();
+  const subscribedVideoLayoutRef = useRef();
+  const {
+    direction
+  } = useCameraState();
+  const {
+    isLocalParticipant,
+    sessionId,
+    publishedTracks,
+    viewportVisibilityState,
+    videoStream,
+    screenShareStream
+  } = participant;
+  const isScreenSharing = trackType === 'screenShareTrack';
+  const isPublishingVideoTrack = publishedTracks.includes(isScreenSharing ? SfuModels.TrackType.SCREEN_SHARE : SfuModels.TrackType.VIDEO);
+  const hasJoinedCall = callingState === CallingState.JOINED;
+  const canShowVideo = !!videoStream && isVisible && isPublishingVideoTrack;
+  const videoStreamToRender = isScreenSharing ? screenShareStream : videoStream;
+  const mirror = isLocalParticipant && direction === 'front';
+
+  /**
+   * This effect updates the participant's viewportVisibilityState
+   * Additionally makes sure that when this view becomes visible again, the layout to subscribe is known
+   */
+  useEffect(() => {
+    if (!call) {
+      return;
+    }
+    if (!isVisible) {
+      if ((viewportVisibilityState === null || viewportVisibilityState === void 0 ? void 0 : viewportVisibilityState.videoTrack) !== VisibilityState.VISIBLE) {
+        call.state.updateParticipant(sessionId, p => ({
+          ...p,
+          viewportVisibilityState: {
+            ...(p.viewportVisibilityState ?? DEFAULT_VIEWPORT_VISIBILITY_STATE),
+            videoTrack: VisibilityState.VISIBLE
+          }
+        }));
+      }
+    } else {
+      if ((viewportVisibilityState === null || viewportVisibilityState === void 0 ? void 0 : viewportVisibilityState.videoTrack) !== VisibilityState.INVISIBLE) {
+        call.state.updateParticipant(sessionId, p => ({
+          ...p,
+          viewportVisibilityState: {
+            ...(p.viewportVisibilityState ?? DEFAULT_VIEWPORT_VISIBILITY_STATE),
+            videoTrack: VisibilityState.INVISIBLE
+          }
+        }));
+      }
+      if (subscribedVideoLayoutRef.current) {
+        // when video is enabled again, we want to use the last subscribed dimension to resubscribe
+        pendingVideoLayoutRef.current = subscribedVideoLayoutRef.current;
+        subscribedVideoLayoutRef.current = undefined;
+      }
+    }
+  }, [sessionId, viewportVisibilityState, isVisible, call]);
+  useEffect(() => {
+    if (!hasJoinedCall && subscribedVideoLayoutRef.current) {
+      // when call is joined again, we want to use the last subscribed dimension to resubscribe
+      pendingVideoLayoutRef.current = subscribedVideoLayoutRef.current;
+      subscribedVideoLayoutRef.current = undefined;
+    }
+  }, [hasJoinedCall]);
+
+  /**
+   * This effect updates the subscription either
+   * 1. when video tracks are published and was unpublished before
+   * 2. when the view's visibility changes
+   * 3. when call was rejoined
+   */
+  useEffect(() => {
+    // NOTE: We only want to update the subscription if the pendingVideoLayoutRef is set
+    const updateIsNeeded = pendingVideoLayoutRef.current;
+    if (!updateIsNeeded || !call || !isPublishingVideoTrack || !hasJoinedCall) {
+      return;
+    }
+
+    // NOTE: When the view is not visible, we want to subscribe to audio only.
+    // We unsubscribe their video by setting the dimension to undefined
+    const dimension = isVisible ? pendingVideoLayoutRef.current : undefined;
+    call.updateSubscriptionsPartial(trackType, {
+      [sessionId]: {
+        dimension
+      }
+    });
+    if (dimension) {
+      subscribedVideoLayoutRef.current = pendingVideoLayoutRef.current;
+      pendingVideoLayoutRef.current = undefined;
+    }
+  }, [call, isPublishingVideoTrack, trackType, isVisible, sessionId, hasJoinedCall]);
+  useEffect(() => {
+    return () => {
+      subscribedVideoLayoutRef.current = undefined;
+      pendingVideoLayoutRef.current = undefined;
+    };
+  }, [trackType, sessionId]);
+  const onLayout = event => {
+    var _subscribedVideoLayou, _subscribedVideoLayou2;
+    const dimension = {
+      width: Math.trunc(event.nativeEvent.layout.width),
+      height: Math.trunc(event.nativeEvent.layout.height)
+    };
+
+    // NOTE: If the participant hasn't published a video track yet,
+    // or the view is not viewable, we store the dimensions and handle it
+    // when the track is published or the video is enabled.
+    if (!call || !isPublishingVideoTrack || !isVisible || !hasJoinedCall) {
+      pendingVideoLayoutRef.current = dimension;
+      return;
+    }
+
+    // NOTE: We don't want to update the subscription if the dimension hasn't changed
+    if (((_subscribedVideoLayou = subscribedVideoLayoutRef.current) === null || _subscribedVideoLayou === void 0 ? void 0 : _subscribedVideoLayou.width) === dimension.width && ((_subscribedVideoLayou2 = subscribedVideoLayoutRef.current) === null || _subscribedVideoLayou2 === void 0 ? void 0 : _subscribedVideoLayou2.height) === dimension.height) {
+      return;
+    }
+    call.updateSubscriptionsPartial(trackType, {
+      [sessionId]: {
+        dimension
+      }
+    });
+    subscribedVideoLayoutRef.current = dimension;
+    pendingVideoLayoutRef.current = undefined;
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    onLayout: onLayout,
+    style: [styles.container, videoRenderer.container]
+  }, canShowVideo && videoStreamToRender ? /*#__PURE__*/React.createElement(RTCView, {
+    style: [styles.videoStream, videoRenderer.videoStream],
+    streamURL: videoStreamToRender.toURL(),
+    mirror: mirror,
+    objectFit: isScreenSharing ? 'contain' : 'cover',
+    zOrder: videoZOrder
+  }) : ParticipantVideoFallback && /*#__PURE__*/React.createElement(ParticipantVideoFallback, {
+    participant: participant
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject
+  },
+  videoStream: {
+    ...StyleSheet.absoluteFillObject
+  }
+});
+//# sourceMappingURL=VideoRenderer.js.map

package/dist/module/components/Participant/ParticipantView/VideoRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","StyleSheet","View","RTCView","CallingState","SfuModels","VisibilityState","useCall","useCallStateHooks","ParticipantVideoFallback","DefaultParticipantVideoFallback","useTheme","DEFAULT_VIEWPORT_VISIBILITY_STATE","videoTrack","UNKNOWN","screenShareTrack","VideoRenderer","_ref","trackType","participant","isVisible","videoZOrder","theme","videoRenderer","call","useCallCallingState","useCameraState","callingState","pendingVideoLayoutRef","subscribedVideoLayoutRef","direction","isLocalParticipant","sessionId","publishedTracks","viewportVisibilityState","videoStream","screenShareStream","isScreenSharing","isPublishingVideoTrack","includes","TrackType","SCREEN_SHARE","VIDEO","hasJoinedCall","JOINED","canShowVideo","videoStreamToRender","mirror","VISIBLE","state","updateParticipant","p","INVISIBLE","current","undefined","updateIsNeeded","dimension","updateSubscriptionsPartial","onLayout","event","_subscribedVideoLayou","_subscribedVideoLayou2","width","Math","trunc","nativeEvent","layout","height","createElement","style","styles","container","streamURL","toURL","objectFit","zOrder","create","absoluteFillObject"],"sourceRoot":"../../../../../src","sources":["components/Participant/ParticipantView/VideoRenderer.tsx"],"mappings":"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"}

package/dist/module/components/Participant/ParticipantView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Participant/ParticipantView/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,4BAA4B;AAC1C,cAAc,mBAAmB;AACjC,cAAc,sCAAsC;AACpD,cAAc,iBAAiB"}

package/dist/module/components/Participant/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Participant/index.ts"],"mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,mBAAmB"}

package/dist/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA;AACA,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,eAAe"}

package/dist/module/components/utility/Avatar.js

@@ -0,0 +1,70 @@
+import { Image, StyleSheet, Text, View } from 'react-native';
+import React from 'react';
+import { getInitialsOfName } from '../../utils';
+import { ComponentTestIds, ImageTestIds } from '../../constants/TestIds';
+import { useTheme } from '../../contexts/ThemeContext';
+
+/**
+ * Props to be passed for the Avatar component.
+ */
+
+/**
+ * Shows either user's image or initials based on the user state and existence of
+ * their image.
+ */
+export const Avatar = props => {
+  const {
+    participant: {
+      userId,
+      image,
+      name
+    },
+    size = 100,
+    style: styleProp
+  } = props;
+  const {
+    theme: {
+      avatar,
+      colors,
+      typefaces
+    }
+  } = useTheme();
+  const userDetails = name || userId;
+  const userLabel = userDetails ? getInitialsOfName(userDetails) : '?';
+  const imageUrl = image;
+  return /*#__PURE__*/React.createElement(View, {
+    testID: ComponentTestIds.PARTICIPANT_AVATAR,
+    style: [styles.container, {
+      borderRadius: size / 2,
+      height: size,
+      width: size
+    }, {
+      backgroundColor: colors.primary
+    }, avatar.container, styleProp === null || styleProp === void 0 ? void 0 : styleProp.container]
+  }, imageUrl ? /*#__PURE__*/React.createElement(Image, {
+    testID: ImageTestIds.AVATAR,
+    source: {
+      uri: imageUrl
+    },
+    style: [styles.image, avatar.image, styleProp === null || styleProp === void 0 ? void 0 : styleProp.image]
+  }) : /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, {
+      fontSize: size / 2,
+      color: colors.bars
+    }, typefaces.heading6, avatar.text, styleProp === null || styleProp === void 0 ? void 0 : styleProp.text],
+    numberOfLines: 1
+  }, userLabel));
+};
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    overflow: 'hidden'
+  },
+  image: {
+    flex: 1
+  },
+  text: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=Avatar.js.map

package/dist/module/components/utility/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","StyleSheet","Text","View","React","getInitialsOfName","ComponentTestIds","ImageTestIds","useTheme","Avatar","props","participant","userId","image","name","size","style","styleProp","theme","avatar","colors","typefaces","userDetails","userLabel","imageUrl","createElement","testID","PARTICIPANT_AVATAR","styles","container","borderRadius","height","width","backgroundColor","primary","AVATAR","source","uri","text","fontSize","color","bars","heading6","numberOfLines","create","justifyContent","overflow","flex","textAlign"],"sourceRoot":"../../../../src","sources":["components/utility/Avatar.tsx"],"mappings":"AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC5D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,gBAAgB,EAAEC,YAAY,QAAQ,yBAAyB;AACxE,SAASC,QAAQ,QAAQ,6BAA6B;;AAGtD;AACA;AACA;;AAkCA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC5C,MAAM;IACJC,WAAW,EAAE;MAAEC,MAAM;MAAEC,KAAK;MAAEC;IAAK,CAAC;IACpCC,IAAI,GAAG,GAAG;IACVC,KAAK,EAAEC;EACT,CAAC,GAAGP,KAAK;EACT,MAAM;IACJQ,KAAK,EAAE;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAAU;EACrC,CAAC,GAAGb,QAAQ,CAAC,CAAC;EACd,MAAMc,WAAW,GAAGR,IAAI,IAAIF,MAAM;EAClC,MAAMW,SAAS,GAAGD,WAAW,GAAGjB,iBAAiB,CAACiB,WAAW,CAAC,GAAG,GAAG;EAEpE,MAAME,QAAQ,GAAGX,KAAK;EACtB,oBACET,KAAA,CAAAqB,aAAA,CAACtB,IAAI;IACHuB,MAAM,EAAEpB,gBAAgB,CAACqB,kBAAmB;IAC5CX,KAAK,EAAE,CACLY,MAAM,CAACC,SAAS,EAChB;MACEC,YAAY,EAAEf,IAAI,GAAG,CAAC;MACtBgB,MAAM,EAAEhB,IAAI;MACZiB,KAAK,EAAEjB;IACT,CAAC,EACD;MACEkB,eAAe,EAAEb,MAAM,CAACc;IAC1B,CAAC,EACDf,MAAM,CAACU,SAAS,EAChBZ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEY,SAAS;EACpB,GAEDL,QAAQ,gBACPpB,KAAA,CAAAqB,aAAA,CAACzB,KAAK;IACJ0B,MAAM,EAAEnB,YAAY,CAAC4B,MAAO;IAC5BC,MAAM,EAAE;MACNC,GAAG,EAAEb;IACP,CAAE;IACFR,KAAK,EAAE,CAACY,MAAM,CAACf,KAAK,EAAEM,MAAM,CAACN,KAAK,EAAEI,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEJ,KAAK;EAAE,CACvD,CAAC,gBAEFT,KAAA,CAAAqB,aAAA,CAACvB,IAAI;IACHc,KAAK,EAAE,CACLY,MAAM,CAACU,IAAI,EACX;MAAEC,QAAQ,EAAExB,IAAI,GAAG,CAAC;MAAEyB,KAAK,EAAEpB,MAAM,CAACqB;IAAK,CAAC,EAC1CpB,SAAS,CAACqB,QAAQ,EAClBvB,MAAM,CAACmB,IAAI,EACXrB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEqB,IAAI,CACf;IACFK,aAAa,EAAE;EAAE,GAEhBpB,SACG,CAEJ,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAG3B,UAAU,CAAC2C,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE;EACZ,CAAC;EACDjC,KAAK,EAAE;IACLkC,IAAI,EAAE;EACR,CAAC;EACDT,IAAI,EAAE;IACJU,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/dist/module/components/utility/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/utility/index.ts"],"mappings":"AAAA,cAAc,UAAU"}

package/dist/module/constants/TestIds.js

@@ -0,0 +1,30 @@
+export let IconTestIds = /*#__PURE__*/function (IconTestIds) {
+  IconTestIds["MUTED_VIDEO"] = "muted-video-icon";
+  IconTestIds["HANG_UP_CALL"] = "hang-up-call-icon";
+  IconTestIds["SCREEN_SHARE"] = "screen-share-icon";
+  return IconTestIds;
+}({});
+export let ComponentTestIds = /*#__PURE__*/function (ComponentTestIds) {
+  ComponentTestIds["PARTICIPANT_AVATAR"] = "participant-avatar";
+  ComponentTestIds["CALL_PARTICIPANTS_LIST"] = "call-participants-list";
+  ComponentTestIds["CALL_PARTICIPANTS_SPOTLIGHT"] = "call-participants-spotlight";
+  ComponentTestIds["CALL_PARTICIPANTS_GRID"] = "call-participants-grid";
+  ComponentTestIds["LOCAL_PARTICIPANT"] = "local-participant";
+  ComponentTestIds["PARTICIPANT_MEDIA_STREAM"] = "participant-media-stream";
+  ComponentTestIds["PARTICIPANTS_INFO"] = "participants-info";
+  ComponentTestIds["PARTICIPANT_SCREEN_SHARING"] = "participant-screen-sharing";
+  ComponentTestIds["REACTIONS_PICKER"] = "reactions-picker";
+  ComponentTestIds["CHAT_UNREAD_BADGE_COUNT_INDICATOR"] = "chat-unread-badge-count-indicator";
+  return ComponentTestIds;
+}({});
+export let ButtonTestIds = /*#__PURE__*/function (ButtonTestIds) {
+  ButtonTestIds["PARTICIPANTS_INFO"] = "participants-info-button";
+  ButtonTestIds["HANG_UP_CALL"] = "hang-up-call";
+  ButtonTestIds["REACTION"] = "call-controls-reaction";
+  return ButtonTestIds;
+}({});
+export let ImageTestIds = /*#__PURE__*/function (ImageTestIds) {
+  ImageTestIds["AVATAR"] = "avatar-image";
+  return ImageTestIds;
+}({});
+//# sourceMappingURL=TestIds.js.map

package/dist/module/constants/TestIds.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconTestIds","ComponentTestIds","ButtonTestIds","ImageTestIds"],"sourceRoot":"../../../src","sources":["constants/TestIds.ts"],"mappings":"AAAA,WAAYA,WAAW,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAMvB,WAAYC,gBAAgB,0BAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA;AAa5B,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAMzB,WAAYC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA"}

package/dist/module/constants/index.js

@@ -0,0 +1,28 @@
+export const FLOATING_VIDEO_VIEW_STYLE = {
+  height: 140,
+  width: 80,
+  borderRadius: 10
+};
+export const LOBBY_VIDEO_VIEW_HEIGHT = 280;
+export const defaultEmojiReactions = [{
+  type: 'reaction',
+  emoji_code: ':like:',
+  custom: {},
+  icon: '👍'
+}, {
+  type: 'raised-hand',
+  emoji_code: ':raise-hand:',
+  custom: {},
+  icon: '✋'
+}, {
+  type: 'reaction',
+  emoji_code: ':fireworks:',
+  custom: {},
+  icon: '🎉'
+}];
+export const Z_INDEX = {
+  IN_BACK: 0,
+  IN_MIDDLE: 1,
+  IN_FRONT: 2
+};
+//# sourceMappingURL=index.js.map

package/dist/module/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FLOATING_VIDEO_VIEW_STYLE","height","width","borderRadius","LOBBY_VIDEO_VIEW_HEIGHT","defaultEmojiReactions","type","emoji_code","custom","icon","Z_INDEX","IN_BACK","IN_MIDDLE","IN_FRONT"],"sourceRoot":"../../../src","sources":["constants/index.ts"],"mappings":"AAEA,OAAO,MAAMA,yBAAyB,GAAG;EACvCC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,EAAE;EACTC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAG,GAAG;AAE1C,OAAO,MAAMC,qBAA8D,GAAG,CAC5E;EACEC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE,cAAc;EAC1BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,CACF;AAED,OAAO,MAAMC,OAAO,GAAG;EACrBC,OAAO,EAAE,CAAC;EACVC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE;AACZ,CAAC"}

package/dist/module/contexts/StreamVideoContext.js

@@ -0,0 +1,101 @@
+import React, { createContext, useContext, useEffect, useRef, useState } from 'react';
+
+/**
+ * Creates a Atomic store context with a provider and hooks to access the store
+ * Atomic means that each value in the store updates state separately using useStoreValue hook
+ * Extremely minimalistic implementation of Jotai's store context
+ * @param initialState - the initial state of the store
+ * @returns - {Provider, useStoreValue, useStoreSetState}
+ */
+function createStoreContext(initialState) {
+  // returns unsubscribe function
+
+  function useStoreData() {
+    const storeRef = useRef(initialState);
+    const getSnapshot = useRef(() => storeRef.current).current;
+    const subscribersRef = useRef([]);
+    const setState = useRef(partialStateOrFunc => {
+      if (typeof partialStateOrFunc === 'function') {
+        const value = partialStateOrFunc(storeRef.current);
+        storeRef.current = {
+          ...storeRef.current,
+          ...value
+        };
+      } else {
+        storeRef.current = {
+          ...storeRef.current,
+          ...partialStateOrFunc
+        };
+      }
+      subscribersRef.current.forEach(callback => callback());
+    }).current;
+    const subscribe = useRef(callback => {
+      subscribersRef.current.push(callback);
+      return () => subscribersRef.current.filter(cb => cb !== callback);
+    }).current;
+    return {
+      getSnapshot,
+      setState,
+      subscribe
+    };
+  }
+  const StoreContext = /*#__PURE__*/createContext(null);
+  function Provider(props) {
+    const value = useStoreData();
+    return /*#__PURE__*/React.createElement(StoreContext.Provider, {
+      value: value
+    }, props.children);
+  }
+
+  /**
+   * @param selector
+   * @returns
+   *
+   * @category Client State
+   */
+  function useStoreValue(selector) {
+    const store = useContext(StoreContext);
+    if (!store) {
+      throw new Error('Store not found');
+    }
+    const [state, setState] = useState(selector(store.getSnapshot()));
+    useEffect(() => store.subscribe(() => setState(selector(store.getSnapshot()))), [selector, store]);
+    return state;
+  }
+
+  /**
+   *
+   * @returns
+   *
+   * @category Client State
+   */
+  function useStoreSetState() {
+    const store = useContext(StoreContext);
+    if (!store) {
+      throw new Error('Store not found');
+    }
+    return store.setState;
+  }
+  return {
+    Provider,
+    useStoreValue,
+    useStoreSetState
+  };
+}
+
+/**
+ * Exclude types from documentation site, but we should still add doc comments
+ * @internal
+ */
+
+export const {
+  Provider: StreamVideoStoreProvider,
+  useStoreValue: useStreamVideoStoreValue,
+  useStoreSetState: useStreamVideoStoreSetState
+} = createStoreContext({
+  videoDevices: [],
+  audioDevices: [],
+  currentVideoDevice: undefined,
+  currentAudioDevice: undefined
+});
+//# sourceMappingURL=StreamVideoContext.js.map

package/dist/module/contexts/StreamVideoContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useEffect","useRef","useState","createStoreContext","initialState","useStoreData","storeRef","getSnapshot","current","subscribersRef","setState","partialStateOrFunc","value","forEach","callback","subscribe","push","filter","cb","StoreContext","Provider","props","createElement","children","useStoreValue","selector","store","Error","state","useStoreSetState","StreamVideoStoreProvider","useStreamVideoStoreValue","useStreamVideoStoreSetState","videoDevices","audioDevices","currentVideoDevice","undefined","currentAudioDevice"],"sourceRoot":"../../../src","sources":["contexts/StreamVideoContext.tsx"],"mappings":"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"}

package/dist/module/contexts/ThemeContext.js

@@ -0,0 +1,46 @@
+import React, { createContext, useContext, useMemo } from 'react';
+import merge from 'lodash/merge';
+import { defaultTheme } from '../theme/theme';
+export const mergeThemes = params => {
+  const {
+    style,
+    theme
+  } = params;
+  const finalTheme = !theme || Object.keys(theme).length === 0 ? JSON.parse(JSON.stringify(defaultTheme)) : JSON.parse(JSON.stringify(theme));
+  if (style) {
+    merge(finalTheme, style);
+  }
+  return finalTheme;
+};
+const DEFAULT_BASE_CONTEXT_VALUE = {};
+export const ThemeContext = /*#__PURE__*/createContext(DEFAULT_BASE_CONTEXT_VALUE);
+export const ThemeProvider = props => {
+  const {
+    children,
+    mergedStyle,
+    style,
+    theme
+  } = props;
+  const modifiedTheme = useMemo(() => {
+    if (mergedStyle) {
+      return mergedStyle;
+    }
+    return mergeThemes({
+      style,
+      theme
+    });
+  }, [mergedStyle, style, theme]);
+  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+    value: modifiedTheme
+  }, children);
+};
+export const useTheme = () => {
+  const theme = useContext(ThemeContext);
+  if (theme === DEFAULT_BASE_CONTEXT_VALUE) {
+    throw new Error('The useThemeContext hook was called outside the ThemeContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider');
+  }
+  return {
+    theme
+  };
+};
+//# sourceMappingURL=ThemeContext.js.map

package/dist/module/contexts/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useMemo","merge","defaultTheme","mergeThemes","params","style","theme","finalTheme","Object","keys","length","JSON","parse","stringify","DEFAULT_BASE_CONTEXT_VALUE","ThemeContext","ThemeProvider","props","children","mergedStyle","modifiedTheme","createElement","Provider","value","useTheme","Error"],"sourceRoot":"../../../src","sources":["contexts/ThemeContext.tsx"],"mappings":"AAAA,OAAOA,KAAK,IACVC,aAAa,EAEbC,UAAU,EACVC,OAAO,QACF,OAAO;AAEd,OAAOC,KAAK,MAAM,cAAc;AAEhC,SAASC,YAAY,QAAe,gBAAgB;AAoBpD,OAAO,MAAMC,WAAW,GAAIC,MAA0B,IAAK;EACzD,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGF,MAAM;EAC/B,MAAMG,UAAU,GACd,CAACD,KAAK,IAAIE,MAAM,CAACC,IAAI,CAACH,KAAK,CAAC,CAACI,MAAM,KAAK,CAAC,GACrCC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACX,YAAY,CAAC,CAAC,GACxCS,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACP,KAAK,CAAC,CAC5B;EAEV,IAAID,KAAK,EAAE;IACTJ,KAAK,CAACM,UAAU,EAAEF,KAAK,CAAC;EAC1B;EAEA,OAAOE,UAAU;AACnB,CAAC;AAED,MAAMO,0BAA0B,GAAG,CAAC,CAAC;AAErC,OAAO,MAAMC,YAAY,gBAAGjB,aAAa,CACvCgB,0BACF,CAAC;AAED,OAAO,MAAME,aAEZ,GAAIC,KAAK,IAAK;EACb,MAAM;IAAEC,QAAQ;IAAEC,WAAW;IAAEd,KAAK;IAAEC;EAAM,CAAC,GAAGW,KAAK;EAErD,MAAMG,aAAa,GAAGpB,OAAO,CAAC,MAAM;IAClC,IAAImB,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IAEA,OAAOhB,WAAW,CAAC;MAAEE,KAAK;MAAEC;IAAM,CAAC,CAAC;EACtC,CAAC,EAAE,CAACa,WAAW,EAAEd,KAAK,EAAEC,KAAK,CAAC,CAAC;EAE/B,oBACET,KAAA,CAAAwB,aAAA,CAACN,YAAY,CAACO,QAAQ;IAACC,KAAK,EAAEH;EAAc,GACzCF,QACoB,CAAC;AAE5B,CAAC;AAED,OAAO,MAAMM,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMlB,KAAK,GAAGP,UAAU,CAACgB,YAAY,CAAC;EAEtC,IAAIT,KAAK,KAAKQ,0BAA0B,EAAE;IACxC,MAAM,IAAIW,KAAK,CACb,sOACF,CAAC;EACH;EACA,OAAO;IAAEnB;EAAM,CAAC;AAClB,CAAC"}

package/dist/module/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["contexts/index.ts"],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,gBAAgB"}

package/dist/module/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,wBAAwB;AACtC,cAAc,6BAA6B;AAC3C,cAAc,QAAQ;AACtB,cAAc,iCAAiC"}

package/dist/module/hooks/internal/useCallMediaStreamCleanup.js

@@ -0,0 +1,26 @@
+import { CallingState, disposeOfMediaStream } from '@stream-io/video-client';
+import { useCall } from '@stream-io/video-react-bindings';
+import { useEffect, useRef } from 'react';
+
+/**
+ * This hook is meant to be used in Lobby view or equivalent.
+ * It will cleanup the media stream on unmount if call is not meant to be joined.
+ */
+export const useCallMediaStreamCleanup = () => {
+  const call = useCall();
+  // keeping a reference of call to handle cleanup media stream only on unmount
+  const callRef = useRef(call);
+  callRef.current = call;
+  useEffect(() => {
+    return () => {
+      var _callRef$current, _callRef$current2, _callRef$current3;
+      const mediaStream = (_callRef$current = callRef.current) === null || _callRef$current === void 0 ? void 0 : _callRef$current.camera.state.mediaStream;
+      if (mediaStream && !(((_callRef$current2 = callRef.current) === null || _callRef$current2 === void 0 ? void 0 : _callRef$current2.state.callingState) === CallingState.JOINED || ((_callRef$current3 = callRef.current) === null || _callRef$current3 === void 0 ? void 0 : _callRef$current3.state.callingState) === CallingState.JOINING)) {
+        // we cleanup media stream only if call is not joined or joining
+        // @ts-expect-error Due to DOM typing incompatible with RN
+        disposeOfMediaStream(mediaStream);
+      }
+    };
+  }, []);
+};
+//# sourceMappingURL=useCallMediaStreamCleanup.js.map

package/dist/module/hooks/internal/useCallMediaStreamCleanup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CallingState","disposeOfMediaStream","useCall","useEffect","useRef","useCallMediaStreamCleanup","call","callRef","current","_callRef$current","_callRef$current2","_callRef$current3","mediaStream","camera","state","callingState","JOINED","JOINING"],"sourceRoot":"../../../../src","sources":["hooks/internal/useCallMediaStreamCleanup.ts"],"mappings":"AACA,SAASA,YAAY,EAAEC,oBAAoB,QAAQ,yBAAyB;AAC5E,SAASC,OAAO,QAAQ,iCAAiC;AACzD,SAASC,SAAS,EAAEC,MAAM,QAAQ,OAAO;;AAEzC;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAMC,IAAI,GAAGJ,OAAO,CAAC,CAAC;EACtB;EACA,MAAMK,OAAO,GAAGH,MAAM,CAACE,IAAI,CAAC;EAC5BC,OAAO,CAACC,OAAO,GAAGF,IAAI;EAEtBH,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MAAA,IAAAM,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;MACX,MAAMC,WAAW,IAAAH,gBAAA,GAAGF,OAAO,CAACC,OAAO,cAAAC,gBAAA,uBAAfA,gBAAA,CAAiBI,MAAM,CAACC,KAAK,CAACF,WAErC;MACb,IACEA,WAAW,IACX,EACE,EAAAF,iBAAA,GAAAH,OAAO,CAACC,OAAO,cAAAE,iBAAA,uBAAfA,iBAAA,CAAiBI,KAAK,CAACC,YAAY,MAAKf,YAAY,CAACgB,MAAM,IAC3D,EAAAL,iBAAA,GAAAJ,OAAO,CAACC,OAAO,cAAAG,iBAAA,uBAAfA,iBAAA,CAAiBG,KAAK,CAACC,YAAY,MAAKf,YAAY,CAACiB,OAAO,CAC7D,EACD;QACA;QACA;QACAhB,oBAAoB,CAACW,WAAW,CAAC;MACnC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC"}

package/dist/module/hooks/push/index.js

@@ -0,0 +1,16 @@
+import { useIosCallKeepEventsSetupEffect } from './useIosCallKeepEventsSetupEffect';
+import { useIosVoipPushEventsSetupEffect } from './useIosVoipPushEventsSetupEffect';
+import { useProcessPushCallEffect } from './useProcessPushCallEffect';
+import { useInitAndroidTokenAndRest } from './useInitAndroidTokenAndRest';
+
+/**
+ * This hook is used to do the initial setup for push notifications.
+ * It must be used in a component which is a child of StreamVideo from bindings
+ */
+export const usePushRegisterEffect = () => {
+  useIosCallKeepEventsSetupEffect();
+  useIosVoipPushEventsSetupEffect();
+  useProcessPushCallEffect();
+  useInitAndroidTokenAndRest();
+};
+//# sourceMappingURL=index.js.map

package/dist/module/hooks/push/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIosCallKeepEventsSetupEffect","useIosVoipPushEventsSetupEffect","useProcessPushCallEffect","useInitAndroidTokenAndRest","usePushRegisterEffect"],"sourceRoot":"../../../../src","sources":["hooks/push/index.ts"],"mappings":"AAAA,SAASA,+BAA+B,QAAQ,mCAAmC;AACnF,SAASC,+BAA+B,QAAQ,mCAAmC;AACnF,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,0BAA0B,QAAQ,8BAA8B;;AAEzE;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzCJ,+BAA+B,CAAC,CAAC;EACjCC,+BAA+B,CAAC,CAAC;EACjCC,wBAAwB,CAAC,CAAC;EAC1BC,0BAA0B,CAAC,CAAC;AAC9B,CAAC"}

package/dist/module/hooks/push/useInitAndroidTokenAndRest.js

@@ -0,0 +1,22 @@
+import { useConnectedUser, useStreamVideoClient } from '@stream-io/video-react-bindings';
+import { useEffect } from 'react';
+import { StreamVideoRN } from '../../utils';
+import { initAndroidPushToken } from '../../utils/push/android';
+
+/**
+ * This hook is used to initialize the push token for Android and ask notification permissions.
+ */
+export const useInitAndroidTokenAndRest = () => {
+  var _useConnectedUser;
+  const client = useStreamVideoClient();
+  const connectedUserId = (_useConnectedUser = useConnectedUser()) === null || _useConnectedUser === void 0 ? void 0 : _useConnectedUser.id;
+  useEffect(() => {
+    const pushConfig = StreamVideoRN.getConfig().push;
+    // NOTE: we need to wait for user to be connected before we can send the push token
+    if (!client || !connectedUserId || !pushConfig) {
+      return;
+    }
+    initAndroidPushToken(client, pushConfig);
+  }, [client, connectedUserId]);
+};
+//# sourceMappingURL=useInitAndroidTokenAndRest.js.map

package/dist/module/hooks/push/useInitAndroidTokenAndRest.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useConnectedUser","useStreamVideoClient","useEffect","StreamVideoRN","initAndroidPushToken","useInitAndroidTokenAndRest","_useConnectedUser","client","connectedUserId","id","pushConfig","getConfig","push"],"sourceRoot":"../../../../src","sources":["hooks/push/useInitAndroidTokenAndRest.ts"],"mappings":"AAAA,SACEA,gBAAgB,EAChBC,oBAAoB,QACf,iCAAiC;AACxC,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,oBAAoB,QAAQ,0BAA0B;;AAE/D;AACA;AACA;AACA,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAAA,IAAAC,iBAAA;EAC9C,MAAMC,MAAM,GAAGN,oBAAoB,CAAC,CAAC;EACrC,MAAMO,eAAe,IAAAF,iBAAA,GAAGN,gBAAgB,CAAC,CAAC,cAAAM,iBAAA,uBAAlBA,iBAAA,CAAoBG,EAAE;EAC9CP,SAAS,CAAC,MAAM;IACd,MAAMQ,UAAU,GAAGP,aAAa,CAACQ,SAAS,CAAC,CAAC,CAACC,IAAI;IACjD;IACA,IAAI,CAACL,MAAM,IAAI,CAACC,eAAe,IAAI,CAACE,UAAU,EAAE;MAC9C;IACF;IACAN,oBAAoB,CAACG,MAAM,EAAEG,UAAU,CAAC;EAC1C,CAAC,EAAE,CAACH,MAAM,EAAEC,eAAe,CAAC,CAAC;AAC/B,CAAC"}