@stream-io/video-react-native-sdk 0.0.1-alpha.366 → 0.0.1-alpha.368

package/dist/src/components/call/CallTopView/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CallTopView"), exports);
+__exportStar(require("./ParticipantsInfoBadge"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/components/call/CallTopView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/call/CallTopView/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,0DAAwC"}

package/dist/src/components/call/IncomingCall.js

@@ -1,77 +1,23 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IncomingCall = void 0;
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
-const CallControlsButton_1 = require("../utility/internal/CallControlsButton");
 const video_react_bindings_1 = require("@stream-io/video-react-bindings");
 const UserInfo_1 = require("./internal/UserInfo");
-const icons_1 = require("../../icons");
 const theme_1 = require("../../theme");
-const MediaStreamManagement_1 = require("../../providers/MediaStreamManagement");
-const video_client_1 = require("@stream-io/video-client");
+const RejectCallButton_1 = require("./CallControls/RejectCallButton");
+const AcceptCallButton_1 = require("./CallControls/AcceptCallButton");
+const ToggleVideoPreviewButton_1 = require("./CallControls/ToggleVideoPreviewButton");
 /**
  * An incoming call with the caller's avatar, name and accept/reject buttons.
  * Used when the user is receiving a call.
  */
 const IncomingCall = ({ acceptCallButton, rejectCallButton, }) => {
-    const { toggleInitialVideoMuteState, initialVideoEnabled } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
-    const call = (0, video_react_bindings_1.useCall)();
-    const { useCallCallingState } = (0, video_react_bindings_1.useCallStateHooks)();
-    const callingState = useCallCallingState();
     const { t } = (0, video_react_bindings_1.useI18n)();
-    const acceptCallHandler = (0, react_1.useCallback)(async () => {
-        if (acceptCallButton?.onPressHandler) {
-            acceptCallButton.onPressHandler();
-            return;
-        }
-        try {
-            await call?.join();
-        }
-        catch (error) {
-            console.log('Error joining Call', error);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [call]);
-    const rejectCallHandler = (0, react_1.useCallback)(async () => {
-        if (rejectCallButton?.onPressHandler) {
-            rejectCallButton.onPressHandler();
-            return;
-        }
-        try {
-            if (callingState === video_client_1.CallingState.LEFT) {
-                return;
-            }
-            await call?.leave({ reject: true });
-        }
-        catch (error) {
-            console.log('Error rejecting Call', error);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [call]);
     return (<Background>
       <react_native_1.View style={styles.content}>
         <UserInfo_1.UserInfo />
@@ -79,17 +25,9 @@ const IncomingCall = ({ acceptCallButton, rejectCallButton, }) => {
       </react_native_1.View>
 
       <react_native_1.View style={styles.buttonGroup}>
-        <CallControlsButton_1.CallControlsButton onPress={rejectCallHandler} color={theme_1.theme.light.error} style={[styles.button, theme_1.theme.button.lg]} svgContainerStyle={[styles.svgContainerStyle, theme_1.theme.icon.lg]}>
-          <icons_1.PhoneDown color={theme_1.theme.light.static_white}/>
-        </CallControlsButton_1.CallControlsButton>
-        <CallControlsButton_1.CallControlsButton onPress={toggleInitialVideoMuteState} color={initialVideoEnabled
-            ? theme_1.theme.light.static_white
-            : theme_1.theme.light.overlay_dark} style={[styles.button, theme_1.theme.button.lg]} svgContainerStyle={[styles.svgContainerStyle, theme_1.theme.icon.lg]}>
-          {!initialVideoEnabled ? (<icons_1.VideoSlash color={theme_1.theme.light.static_white}/>) : (<icons_1.Video color={theme_1.theme.light.static_black}/>)}
-        </CallControlsButton_1.CallControlsButton>
-        <CallControlsButton_1.CallControlsButton onPress={acceptCallHandler} color={theme_1.theme.light.info} style={[styles.button, theme_1.theme.button.lg]} svgContainerStyle={[styles.svgContainerStyle, theme_1.theme.icon.lg]}>
-          <icons_1.Phone color={theme_1.theme.light.static_white}/>
-        </CallControlsButton_1.CallControlsButton>
+        <RejectCallButton_1.RejectCallButton onPressHandler={rejectCallButton?.onPressHandler}/>
+        <ToggleVideoPreviewButton_1.ToggleVideoPreviewButton />
+        <AcceptCallButton_1.AcceptCallButton onPressHandler={acceptCallButton?.onPressHandler}/>
       </react_native_1.View>
     </Background>);
 };
@@ -129,10 +67,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     buttonGroup: {
         flexDirection: 'row',
-        justifyContent: 'space-between',
-        paddingHorizontal: theme_1.theme.padding.xl,
+        justifyContent: 'space-evenly',
     },
-    button: {},
-    svgContainerStyle: {},
 });
 //# sourceMappingURL=IncomingCall.js.map

package/dist/src/components/call/IncomingCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"IncomingCall.js","sourceRoot":"","sources":["../../../../src/components/call/IncomingCall.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"IncomingCall.js","sourceRoot":"","sources":["../../../../src/components/call/IncomingCall.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAuE;AACvE,0EAIyC;AACzC,kDAA+C;AAC/C,uCAAoC;AACpC,sEAAmE;AACnE,sEAAmE;AACnE,sFAAmF;AAsCnF;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,gBAAgB,EAChB,gBAAgB,GACC,EAAE,EAAE;IACrB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAO,GAAE,CAAC;IAExB,OAAO,CACL,CAAC,UAAU,CACT;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,mBAAQ,CAAC,AAAD,EACT;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,EAAE,mBAAI,CACrE;MAAA,EAAE,mBAAI,CAEN;;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;QAAA,CAAC,mCAAgB,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,cAAc,CAAC,EACnE;QAAA,CAAC,mDAAwB,CAAC,AAAD,EACzB;QAAA,CAAC,mCAAgB,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,cAAc,CAAC,EACrE;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,YAAY,gBAoBvB;AAEF,MAAM,UAAU,GAA2D,CAAC,EAC1E,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,IAAA,uCAAgB,GAAE,CAAC;IACzC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,wCAAiB,GAAE,CAAC;IAC/C,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAEjC,iDAAiD;IACjD,MAAM,aAAa,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC;SAClC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,aAAa,EAAE,EAAE,CAAC;SACnD,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;SAC7B,MAAM,CAAC,CAAC,KAAK,EAAmB,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE/C,IAAI,aAAa,CAAC,MAAM,EAAE;QACxB,OAAO,CACL,CAAC,8BAAe,CACd,UAAU,CAAC,CAAC,EAAE,CAAC,CACf,MAAM,CAAC,CAAC;gBACN,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC;aACtB,CAAC,CACF,KAAK,CAAC,CAAC,CAAC,yBAAU,CAAC,YAAY,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAEpD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,8BAAe,CAAC,CACnB,CAAC;KACH;IACD,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAU,CAAC,YAAY,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAI,CAAC,CAC7E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,UAAU,EAAE;QACV,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,WAAW;QACxC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;QAC/B,eAAe,EAAE,CAAC,GAAG,aAAK,CAAC,MAAM,CAAC,EAAE;KACrC;IACD,OAAO,EAAE,EAAE;IACX,gBAAgB,EAAE;QAChB,SAAS,EAAE,aAAK,CAAC,MAAM,CAAC,EAAE;QAC1B,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY;QAC/B,GAAG,aAAK,CAAC,KAAK,CAAC,QAAQ;KACxB;IACD,WAAW,EAAE;QACX,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC,CAAC"}

package/dist/src/components/call/Lobby.js

@@ -8,33 +8,29 @@ const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const icons_1 = require("../../icons");
 const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const CallControlsButton_1 = require("../utility/internal/CallControlsButton");
 const theme_1 = require("../../theme");
 const hooks_1 = require("../../hooks");
 const VideoRenderer_1 = require("../utility/internal/VideoRenderer");
 const Avatar_1 = require("../utility/Avatar");
 const constants_1 = require("../../constants");
 const MediaStreamManagement_1 = require("../../providers/MediaStreamManagement");
+const ToggleAudioPreviewButton_1 = require("./CallControls/ToggleAudioPreviewButton");
+const ToggleVideoPreviewButton_1 = require("./CallControls/ToggleVideoPreviewButton");
 const Lobby = ({ joinCallButton }) => {
     const localVideoStream = (0, hooks_1.useLocalVideoStream)();
     const connectedUser = (0, video_react_bindings_1.useConnectedUser)();
-    const { initialAudioEnabled, initialVideoEnabled, toggleInitialAudioMuteState, toggleInitialVideoMuteState, isCameraOnFrontFacingMode, } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
+    const { initialVideoEnabled, isCameraOnFrontFacingMode } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
     const isVideoAvailable = !!localVideoStream && initialVideoEnabled;
     const call = (0, video_react_bindings_1.useCall)();
     const { useCallMetadata } = (0, video_react_bindings_1.useCallStateHooks)();
     const callMetadata = useCallMetadata();
     const { t } = (0, video_react_bindings_1.useI18n)();
     const participantsCount = callMetadata?.session?.participants.length;
-    const MicIcon = !initialAudioEnabled ? (<icons_1.MicOff color={theme_1.theme.light.static_white}/>) : (<icons_1.Mic color={theme_1.theme.light.static_black}/>);
-    const VideoIcon = !initialVideoEnabled ? (<icons_1.VideoSlash color={theme_1.theme.light.static_white}/>) : (<icons_1.Video color={theme_1.theme.light.static_black}/>);
     const connectedUserAsParticipant = {
         userId: connectedUser?.id,
         image: connectedUser?.image,
         name: connectedUser?.name,
     };
-    const muteStatusColor = (muted) => {
-        return muted ? theme_1.theme.light.static_black : theme_1.theme.light.static_white;
-    };
     return (<react_native_1.View style={styles.container}>
       <react_native_1.View style={styles.content}>
         {connectedUser && (<>
@@ -48,24 +44,8 @@ const Lobby = ({ joinCallButton }) => {
               <ParticipantStatus />
             </react_native_1.View>
             <react_native_1.View style={styles.buttonGroup}>
-              <CallControlsButton_1.CallControlsButton onPress={toggleInitialAudioMuteState} color={muteStatusColor(!initialAudioEnabled)} style={[
-                styles.button,
-                theme_1.theme.button.md,
-                {
-                    shadowColor: muteStatusColor(!initialAudioEnabled),
-                },
-            ]}>
-                {MicIcon}
-              </CallControlsButton_1.CallControlsButton>
-              <CallControlsButton_1.CallControlsButton onPress={toggleInitialVideoMuteState} color={muteStatusColor(!initialVideoEnabled)} style={[
-                styles.button,
-                theme_1.theme.button.md,
-                {
-                    shadowColor: muteStatusColor(!initialVideoEnabled),
-                },
-            ]}>
-                {VideoIcon}
-              </CallControlsButton_1.CallControlsButton>
+              <ToggleAudioPreviewButton_1.ToggleAudioPreviewButton />
+              <ToggleVideoPreviewButton_1.ToggleVideoPreviewButton />
             </react_native_1.View>
           </>)}
         <react_native_1.View style={styles.info}>
@@ -106,17 +86,18 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center',
     },
     content: {
-        alignItems: 'center',
         paddingHorizontal: theme_1.theme.padding.md,
     },
     heading: {
         color: theme_1.theme.light.static_white,
         ...theme_1.theme.fonts.heading4,
+        textAlign: 'center',
     },
     subHeading: {
         color: theme_1.theme.light.text_low_emphasis,
         ...theme_1.theme.fonts.subtitle,
         marginBottom: theme_1.theme.margin.sm,
+        textAlign: 'center',
     },
     videoView: {
         backgroundColor: theme_1.theme.light.disabled,
@@ -132,12 +113,9 @@ const styles = react_native_1.StyleSheet.create({
     topView: {},
     buttonGroup: {
         flexDirection: 'row',
-        justifyContent: 'center',
+        justifyContent: 'space-evenly',
         marginBottom: theme_1.theme.margin.md,
     },
-    button: {
-        marginHorizontal: theme_1.theme.margin.sm,
-    },
     info: {
         backgroundColor: theme_1.theme.light.static_overlay,
         padding: theme_1.theme.padding.md,

package/dist/src/components/call/Lobby.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lobby.js","sourceRoot":"","sources":["../../../../src/components/call/Lobby.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Lobby.js","sourceRoot":"","sources":["../../../../src/components/call/Lobby.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/call/OutgoingCall.d.ts

@@ -1,4 +1,4 @@
-import { HangUpCallButtonProps } from '../utility/internal/HangupCallButton';
+import { HangUpCallButtonProps } from './CallControls/HangupCallButton';
 /**
  * Props for the OutgoingCall Component.
  */

package/dist/src/components/call/OutgoingCall.js

@@ -7,25 +7,21 @@ exports.OutgoingCall = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const UserInfo_1 = require("./internal/UserInfo");
-const CallControlsButton_1 = require("../utility/internal/CallControlsButton");
-const icons_1 = require("../../icons");
 const VideoRenderer_1 = require("../utility/internal/VideoRenderer");
 const useLocalVideoStream_1 = require("../../hooks/useLocalVideoStream");
 const theme_1 = require("../../theme");
 const constants_1 = require("../../constants");
 const MediaStreamManagement_1 = require("../../providers/MediaStreamManagement");
-const HangupCallButton_1 = require("../utility/internal/HangupCallButton");
+const HangupCallButton_1 = require("./CallControls/HangupCallButton");
 const video_react_bindings_1 = require("@stream-io/video-react-bindings");
+const ToggleAudioPreviewButton_1 = require("./CallControls/ToggleAudioPreviewButton");
+const ToggleVideoPreviewButton_1 = require("./CallControls/ToggleVideoPreviewButton");
 /**
  * An outgoing call with the callee's avatar, name, caller's camera in background, reject and mute buttons.
  * Used after the user has initiated a call.
  */
 const OutgoingCall = ({ hangupCallButton }) => {
-    const { initialAudioEnabled, initialVideoEnabled, toggleInitialAudioMuteState, toggleInitialVideoMuteState, } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
     const { t } = (0, video_react_bindings_1.useI18n)();
-    const muteStatusColor = (status) => {
-        return status ? theme_1.theme.light.overlay_dark : theme_1.theme.light.static_white;
-    };
     return (<>
       <react_native_1.View style={[react_native_1.StyleSheet.absoluteFill, styles.container]}>
         <react_native_1.View style={styles.content}>
@@ -34,12 +30,8 @@ const OutgoingCall = ({ hangupCallButton }) => {
         </react_native_1.View>
         <react_native_1.View style={styles.buttonGroup}>
           <react_native_1.View style={styles.deviceControlButtons}>
-            <CallControlsButton_1.CallControlsButton onPress={toggleInitialAudioMuteState} color={muteStatusColor(!initialAudioEnabled)} style={[styles.button, theme_1.theme.button.lg]} svgContainerStyle={[styles.svgContainerStyle, theme_1.theme.icon.lg]}>
-              {!initialAudioEnabled ? (<icons_1.MicOff color={theme_1.theme.light.static_white}/>) : (<icons_1.Mic color={theme_1.theme.light.static_black}/>)}
-            </CallControlsButton_1.CallControlsButton>
-            <CallControlsButton_1.CallControlsButton onPress={toggleInitialVideoMuteState} color={muteStatusColor(!initialVideoEnabled)} style={[styles.button, theme_1.theme.button.lg]} svgContainerStyle={[styles.svgContainerStyle, theme_1.theme.icon.lg]}>
-              {!initialVideoEnabled ? (<icons_1.VideoSlash color={theme_1.theme.light.static_white}/>) : (<icons_1.Video color={theme_1.theme.light.static_black}/>)}
-            </CallControlsButton_1.CallControlsButton>
+            <ToggleAudioPreviewButton_1.ToggleAudioPreviewButton />
+            <ToggleVideoPreviewButton_1.ToggleVideoPreviewButton />
           </react_native_1.View>
           <HangupCallButton_1.HangUpCallButton onPressHandler={hangupCallButton?.onPressHandler} style={[styles.cancelCallButton, theme_1.theme.button.lg]}/>
         </react_native_1.View>
@@ -85,7 +77,5 @@ const styles = react_native_1.StyleSheet.create({
     cancelCallButton: {
         alignSelf: 'center',
     },
-    button: {},
-    svgContainerStyle: {},
 });
 //# sourceMappingURL=OutgoingCall.js.map

package/dist/src/components/call/OutgoingCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutgoingCall.js","sourceRoot":"","sources":["../../../../src/components/call/OutgoingCall.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAsD;AACtD,kDAA+C;AAC/C,+EAA4E;AAC5E,uCAA6D;AAC7D,qEAAkE;AAClE,yEAAsE;AACtE,uCAAoC;AACpC,+CAA0C;AAC1C,iFAAiF;AACjF,2EAG8C;AAC9C,0EAA0D;AAY1D;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAAE,gBAAgB,EAAqB,EAAE,EAAE;IACtE,MAAM,EACJ,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,EAC3B,2BAA2B,GAC5B,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAC/B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAO,GAAE,CAAC;IACxB,MAAM,eAAe,GAAG,CAAC,MAAe,EAAE,EAAE;QAC1C,OAAO,MAAM,CAAC,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IACtE,CAAC,CAAC;IAEF,OAAO,CACL,EACE;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAU,CAAC,YAAY,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CACvD;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;UAAA,CAAC,mBAAQ,CAAC,AAAD,EACT;UAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE,mBAAI,CAC1D;QAAA,EAAE,mBAAI,CACN;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;UAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACvC;YAAA,CAAC,uCAAkB,CACjB,OAAO,CAAC,CAAC,2BAA2B,CAAC,CACrC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAC7C,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,aAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CACxC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAE7D;cAAA,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACtB,CAAC,cAAM,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAG,CAC5C,CAAC,CAAC,CAAC,CACF,CAAC,WAAG,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAG,CACzC,CACH;YAAA,EAAE,uCAAkB,CACpB;YAAA,CAAC,uCAAkB,CACjB,OAAO,CAAC,CAAC,2BAA2B,CAAC,CACrC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAC7C,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,aAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CACxC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAE7D;cAAA,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACtB,CAAC,kBAAU,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAG,CAChD,CAAC,CAAC,CAAC,CACF,CAAC,aAAK,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAG,CAC3C,CACH;YAAA,EAAE,uCAAkB,CACtB;UAAA,EAAE,mBAAI,CACN;UAAA,CAAC,mCAAgB,CACf,cAAc,CAAC,CAAC,gBAAgB,EAAE,cAAc,CAAC,CACjD,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAEtD;QAAA,EAAE,mBAAI,CACR;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,UAAU,CAAC,AAAD,EACb;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,YAAY,gBAuDvB;AAEF,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,MAAM,gBAAgB,GAAG,IAAA,yCAAmB,GAAE,CAAC;IAC/C,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAE3D,IAAI,CAAC,mBAAmB,IAAI,CAAC,gBAAgB,EAAE;QAC7C,OAAO,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAG,CAAC;KAC3C;IACD,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;MAAA,CAAC,6BAAa,CACZ,WAAW,CAAC,CAAC,gBAAgB,CAAC,CAC9B,MAAM,CAAC,CAAC,mBAAO,CAAC,OAAO,CAAC,CACxB,KAAK,CAAC,CAAC,yBAAU,CAAC,YAAY,CAAC,CAC/B,MAAM,EAEV;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,MAAM,EAAE,mBAAO,CAAC,SAAS;QACzB,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;QAC/B,eAAe,EAAE,CAAC,GAAG,aAAK,CAAC,MAAM,CAAC,EAAE;KACrC;IACD,UAAU,EAAE;QACV,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,WAAW;QACxC,IAAI,EAAE,CAAC;KACR;IACD,OAAO,EAAE,EAAE;IACX,WAAW,EAAE;QACX,SAAS,EAAE,aAAK,CAAC,MAAM,CAAC,EAAE;QAC1B,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY;QAC/B,GAAG,aAAK,CAAC,KAAK,CAAC,QAAQ;KACxB;IACD,WAAW,EAAE,EAAE;IACf,oBAAoB,EAAE;QACpB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;QAC9B,YAAY,EAAE,aAAK,CAAC,MAAM,CAAC,EAAE;KAC9B;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,QAAQ;KACpB;IACD,MAAM,EAAE,EAAE;IACV,iBAAiB,EAAE,EAAE;CACtB,CAAC,CAAC"}
+{"version":3,"file":"OutgoingCall.js","sourceRoot":"","sources":["../../../../src/components/call/OutgoingCall.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/call/ReactionsPicker.js

@@ -128,12 +128,12 @@ const styles = react_native_1.StyleSheet.create({
     reactionsPopup: {
         position: 'absolute',
         alignItems: 'center',
-        backgroundColor: theme_1.theme.light.static_black,
+        backgroundColor: theme_1.theme.light.static_grey,
         paddingTop: TOP_PADDING,
     },
     reactionsButtonDimmer: {
         position: 'absolute',
-        backgroundColor: theme_1.theme.light.static_black,
+        backgroundColor: theme_1.theme.light.static_grey,
         opacity: 0.5,
     },
     reactionItem: {
@@ -141,7 +141,7 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center',
         marginBottom: REACTION_MARGIN_BOTTOM,
         // temporary background color until we have theming
-        backgroundColor: theme_1.theme.light.static_grey,
+        backgroundColor: theme_1.theme.light.overlay,
     },
     reactionText: {
         fontSize: 18.5,

package/dist/src/components/call/ReactionsPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionsPicker.js","sourceRoot":"","sources":["../../../../src/components/call/ReactionsPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReactionsPicker.js","sourceRoot":"","sources":["../../../../src/components/call/ReactionsPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,+CAMsB;AAEtB,0EAA0D;AAE1D,uCAAoC;AACpC,qDAA2D;AAQ3D,MAAM,WAAW,GAAG,CAAC,CAAC;AACtB,MAAM,sBAAsB,GAAG,CAAC,CAAC;AAE1B,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,8BAA8B,EAC9B,gBAAgB,GACV,EAAE,EAAE;IACV,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,IAAI,GAAG,8BAA8B,EAAE,KAAK,IAAI,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,CAAC;IAEpC,MAAM,WAAW;IACf,kBAAkB;IAClB,WAAW;QACX,4BAA4B;QAC5B,sBAAsB,GAAG,SAAS,CAAC,MAAM;QACzC,4FAA4F;QAC5F,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC;IAEtC,MAAM,mBAAmB,GAAG;QAC1B,8EAA8E;QAC9E,GAAG,EAAE,CAAC,8BAA8B,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,WAAW;QAC3D,mEAAmE;QACnE,IAAI,EAAE,8BAA8B,EAAE,CAAC;QACvC,oEAAoE;QACpE,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,WAAW;QACnB,sDAAsD;QACtD,oBAAoB,EAAE,IAAI,GAAG,CAAC;QAC9B,kBAAkB,EAAE,IAAI,GAAG,CAAC;KAC7B,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,cAAM,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,+BAA+B;IAEvF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,uBAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE;YACtC,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI;YACrB,MAAM,EAAE,qBAAM,CAAC,OAAO,CAAC,CAAC,CAAC;SAC1B,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG;QACxB,MAAM,EAAE,gBAAgB;QACxB,KAAK,EAAE,gBAAgB;QACvB,YAAY,EAAE,gBAAgB,GAAG,CAAC;KACnC,CAAC;IAEF,MAAM,0BAA0B,GAAG;QACjC,GAAG,MAAM,CAAC,qBAAqB;QAC/B,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,gEAAgE;QAChE,GAAG,EAAE,8BAA8B,EAAE,CAAC,IAAI,CAAC,GAAG,WAAW,GAAG,IAAI;QAChE,mEAAmE;QACnE,IAAI,EAAE,8BAA8B,EAAE,CAAC;KACxC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,QAA8B,EAAE,EAAE;QACjD,IAAI,QAAQ,EAAE;YACZ,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;YAC7B,CAAC,CAAC,CAAC;SACJ;QACD,uBAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE;YACtC,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI;YACrB,MAAM,EAAE,qBAAM,CAAC,MAAM;SACtB,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,EACE;MAAA,CAAC,wBAAS,CACR,MAAM,CAAC,CAAC,0BAAgB,CAAC,gBAAgB,CAAC,CAC1C,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC,CACpD,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC,CAEF;QAAA,CAAC,uBAAuB,CACxB;QAAA,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,CAAC,wBAAS,CACR,GAAG,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CACzB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAChD,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,OAAO,CAAC;oBACN,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,MAAM,EAAE,QAAQ,CAAC,MAAM;oBACvB,UAAU,EAAE,QAAQ,CAAC,UAAU;iBAChC,CAAC,CAAC;YACL,CAAC,CAAC,CAEF;YAAA,CAAC,uBAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,YAAY;gBACnB;oBACE,SAAS,EAAE;wBACT;4BACE,MAAM,EAAE,cAAc,CAAC,OAAO;yBAC/B;wBACD;4BACE,MAAM,EAAE,cAAc,CAAC,OAAO;yBAC/B;qBACF;iBACF;aACF,CAAC,CAEF;cAAA,CAAC,QAAQ,CAAC,IAAI,CAChB;YAAA,EAAE,uBAAQ,CAAC,IAAI,CACjB;UAAA,EAAE,wBAAS,CAAC,CACb,CAAC,CACJ;MAAA,EAAE,wBAAS,CACX;MAAA,CAAC,yEAAyE,CAC1E;MAAA,CAAC,wBAAS,CAAC,KAAK,CAAC,CAAC,0BAA0B,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,EACzE;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AArHW,QAAA,eAAe,mBAqH1B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,WAAW;QACxC,UAAU,EAAE,WAAW;KACxB;IACD,qBAAqB,EAAE;QACrB,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,WAAW;QACxC,OAAO,EAAE,GAAG;KACb;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,sBAAsB;QACpC,mDAAmD;QACnD,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO;KACrC;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,IAAI;KACf;CACF,CAAC,CAAC"}

package/dist/src/components/call/index.d.ts

@@ -4,3 +4,4 @@ export * from './CallParticipantsList';
 export * from './IncomingCall';
 export * from './OutgoingCall';
 export * from './Lobby';
+export * from './CallTopView';

package/dist/src/components/call/index.js

@@ -20,4 +20,5 @@ __exportStar(require("./CallParticipantsList"), exports);
 __exportStar(require("./IncomingCall"), exports);
 __exportStar(require("./OutgoingCall"), exports);
 __exportStar(require("./Lobby"), exports);
+__exportStar(require("./CallTopView"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/components/call/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/call/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iDAA+B;AAC/B,yDAAuC;AACvC,iDAA+B;AAC/B,iDAA+B;AAC/B,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/call/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iDAA+B;AAC/B,yDAAuC;AACvC,iDAA+B;AAC/B,iDAA+B;AAC/B,0CAAwB;AACxB,gDAA8B"}

package/dist/src/components/participants/index.d.ts

@@ -1,4 +1,2 @@
 export * from './LocalParticipantView';
-export * from './ParticipantsInfoBadge';
 export * from './Participant';
-export * from './ParticipantsInfoList';

package/dist/src/components/participants/index.js

@@ -15,7 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./LocalParticipantView"), exports);
-__exportStar(require("./ParticipantsInfoBadge"), exports);
 __exportStar(require("./Participant"), exports);
-__exportStar(require("./ParticipantsInfoList"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/components/participants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/participants/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC;AACvC,0DAAwC;AACxC,gDAA8B;AAC9B,yDAAuC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/participants/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC;AACvC,gDAA8B"}

package/dist/src/icons/Back.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    color: string;
+};
+export declare const Back: ({ color }: Props) => JSX.Element;
+export {};

package/dist/src/icons/Back.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Back = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_svg_1 = require("react-native-svg");
+const Back = ({ color }) => (<react_native_svg_1.Svg viewBox="0 0 24 26">
+    <react_native_svg_1.Path d="M 8.36621 11.6543 C 8.36621 11.9531 8.48047 12.208 8.71777 12.4365 L 15.5732 19.1426 C 15.7578 19.3359 16.0039 19.4326 16.2852 19.4326 C 16.8564 19.4326 17.3047 18.9932 17.3047 18.4131 C 17.3047 18.1318 17.1904 17.877 16.9971 17.6836 L 10.8184 11.6543 L 16.9971 5.625 C 17.1904 5.42285 17.3047 5.16797 17.3047 4.88672 C 17.3047 4.31543 16.8564 3.87598 16.2852 3.87598 C 16.0039 3.87598 15.7578 3.97266 15.5732 4.16602 L 8.71777 10.8721 C 8.48047 11.1006 8.375 11.3555 8.36621 11.6543 Z" fill={color}/>
+  </react_native_svg_1.Svg>);
+exports.Back = Back;
+//# sourceMappingURL=Back.js.map

package/dist/src/icons/Back.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Back.js","sourceRoot":"","sources":["../../../src/icons/Back.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAA6C;AAMtC,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE,CAAC,CACxC,CAAC,sBAAG,CAAC,OAAO,CAAC,WAAW,CACtB;IAAA,CAAC,uBAAI,CACH,CAAC,CAAC,ueAAue,CACze,IAAI,CAAC,CAAC,KAAK,CAAC,EAEhB;EAAA,EAAE,sBAAG,CAAC,CACP,CAAC;AAPW,QAAA,IAAI,QAOf"}

package/dist/src/icons/TopViewBackground.d.ts

@@ -0,0 +1,13 @@
+import { NumberProp } from 'react-native-svg';
+type Props = {
+    /**
+     * Height of the SVG container
+     */
+    height?: NumberProp;
+    /**
+     * Width of the SVG container
+     */
+    width?: NumberProp;
+};
+export declare const TopViewBackground: ({ height, width }: Props) => JSX.Element;
+export {};

package/dist/src/icons/TopViewBackground.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TopViewBackground = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_svg_1 = require("react-native-svg");
+const TopViewBackground = ({ height, width }) => (<react_native_svg_1.Svg width={width} height={height} fill={'none'}>
+    <react_native_svg_1.Defs>
+      <react_native_svg_1.LinearGradient id="paint0_linear_8092_98095" x1={3} y1={0} x2={3} y2={height} gradientUnits="userSpaceOnUse">
+        <react_native_svg_1.Stop stopOpacity={0.2}/>
+        <react_native_svg_1.Stop offset={1} stopOpacity={0}/>
+      </react_native_svg_1.LinearGradient>
+    </react_native_svg_1.Defs>
+    <react_native_svg_1.Rect width={width} height={height} fill={'url(#paint0_linear_8092_98095)'}/>
+  </react_native_svg_1.Svg>);
+exports.TopViewBackground = TopViewBackground;
+//# sourceMappingURL=TopViewBackground.js.map

package/dist/src/icons/TopViewBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopViewBackground.js","sourceRoot":"","sources":["../../../src/icons/TopViewBackground.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAO0B;AAanB,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAS,EAAE,EAAE,CAAC,CAC7D,CAAC,sBAAG,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAC9C;IAAA,CAAC,uBAAI,CACH;MAAA,CAAC,iCAAc,CACb,EAAE,CAAC,0BAA0B,CAC7B,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,EAAE,CAAC,CAAC,MAAM,CAAC,CACX,aAAa,CAAC,gBAAgB,CAE9B;QAAA,CAAC,uBAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,EACvB;QAAA,CAAC,uBAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAClC;MAAA,EAAE,iCAAc,CAClB;IAAA,EAAE,uBAAI,CACN;IAAA,CAAC,uBAAI,CACH,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,gCAAgC,CAAC,EAE3C;EAAA,EAAE,sBAAG,CAAC,CACP,CAAC;AArBW,QAAA,iBAAiB,qBAqB5B"}

package/dist/src/icons/index.d.ts

@@ -9,11 +9,8 @@ export * from './VideoSlash';
 export * from './Chat';
 export * from './Participants';
 export * from './ThreeDots';
-export * from './Pin';
 export * from './PinVertical';
 export * from './Spotlight';
-export * from './Cross';
 export * from './ScreenShare';
-export * from './ArrowRight';
 export * from './Reaction';
-export * from './VideoDisabled';
+export * from './TopViewBackground';

package/dist/src/icons/index.js

@@ -25,12 +25,9 @@ __exportStar(require("./VideoSlash"), exports);
 __exportStar(require("./Chat"), exports);
 __exportStar(require("./Participants"), exports);
 __exportStar(require("./ThreeDots"), exports);
-__exportStar(require("./Pin"), exports);
 __exportStar(require("./PinVertical"), exports);
 __exportStar(require("./Spotlight"), exports);
-__exportStar(require("./Cross"), exports);
 __exportStar(require("./ScreenShare"), exports);
-__exportStar(require("./ArrowRight"), exports);
 __exportStar(require("./Reaction"), exports);
-__exportStar(require("./VideoDisabled"), exports);
+__exportStar(require("./TopViewBackground"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,wCAAsB;AACtB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,6CAA2B;AAC3B,0CAAwB;AACxB,+CAA6B;AAC7B,yCAAuB;AACvB,iDAA+B;AAC/B,8CAA4B;AAC5B,wCAAsB;AACtB,gDAA8B;AAC9B,8CAA4B;AAC5B,0CAAwB;AACxB,gDAA8B;AAC9B,+CAA6B;AAC7B,6CAA2B;AAC3B,kDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,wCAAsB;AACtB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,6CAA2B;AAC3B,0CAAwB;AACxB,+CAA6B;AAC7B,yCAAuB;AACvB,iDAA+B;AAC/B,8CAA4B;AAC5B,gDAA8B;AAC9B,8CAA4B;AAC5B,gDAA8B;AAC9B,6CAA2B;AAC3B,sDAAoC"}

package/dist/src/theme/padding.js

@@ -4,7 +4,7 @@ exports.padding = void 0;
 exports.padding = {
     xs: 4,
     sm: 8,
-    md: 16,
+    md: 12,
     lg: 24,
     xl: 32,
 };

package/dist/src/translations/en.json

@@ -5,6 +5,7 @@
     "Invite": "Invite",
     "Join": "Join",
     "You": "You",
+    "Reconnecting...": "Reconnecting...",
     "Participants ({{ numberOfParticipants }})": "Participants ({{ numberOfParticipants }})",
     "{{ userName }} is sharing their screen": "{{ userName }} is sharing their screen"
 }

package/dist/src/translations/index.d.ts

@@ -6,6 +6,7 @@ export declare const translations: {
         Invite: string;
         Join: string;
         You: string;
+        "Reconnecting...": string;
         "Participants ({{ numberOfParticipants }})": string;
         "{{ userName }} is sharing their screen": string;
     };

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.1-alpha.366";
+export declare const version = "0.0.1-alpha.368";

package/dist/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = void 0;
-exports.version = '0.0.1-alpha.366';
+exports.version = '0.0.1-alpha.368';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "0.0.1-alpha.366",
+  "version": "0.0.1-alpha.368",
   "packageManager": "yarn@3.2.4",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",