@stream-io/video-react-native-sdk 0.0.1-alpha.247 → 0.0.1-alpha.248

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.1-alpha.248](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.247...@stream-io/video-react-native-sdk-0.0.1-alpha.248) (2023-07-06)
+
+
+### Features
+
+* Remove ringing flag from call client ([#755](https://github.com/GetStream/stream-video-js/issues/755)) ([b78c605](https://github.com/GetStream/stream-video-js/commit/b78c60500e06b39fb4dce623bde6f7b10acdd8c1)), closes [/github.com/GetStream/stream-video-android/blob/develop/stream-video-android-core/src/main/kotlin/io/getstream/video/android/core/notifications/internal/VideoPushDelegate.kt#L82](https://github.com//github.com/GetStream/stream-video-android/blob/develop/stream-video-android-core/src/main/kotlin/io/getstream/video/android/core/notifications/internal/VideoPushDelegate.kt/issues/L82)
+
+
+
 ## [0.0.1-alpha.247](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.246...@stream-io/video-react-native-sdk-0.0.1-alpha.247) (2023-07-05)
 
 

package/dist/__tests__/utils/RNTLTools.d.ts

@@ -1,15 +1,13 @@
 import React from 'react';
 import { Call } from '@stream-io/video-client';
-import { CallCycleHandlersType } from '../../src/providers';
 import { RenderOptions } from '@testing-library/react-native';
 import { RenderResult } from '@testing-library/react-native/build/render';
 export interface RenderProps {
     component: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     options?: RenderOptions & {
         call?: Call;
-        callCycleHandlers?: CallCycleHandlersType;
     };
 }
 export * from '@testing-library/react-native';
-declare const render: (component: RenderProps['component'], { call, callCycleHandlers, ...options }?: RenderProps['options']) => RenderResult;
+declare const render: (component: RenderProps['component'], { call, ...options }?: RenderProps['options']) => RenderResult;
 export { render };

package/dist/__tests__/utils/RNTLTools.js

@@ -25,31 +25,19 @@ const react_native_1 = require("@testing-library/react-native");
 const client_1 = require("../mocks/client");
 const call_1 = require("../mocks/call");
 const MediaStreamManagement_1 = require("../../src/providers/MediaStreamManagement");
-const mockedCallCycleHandlers = {
-    onCallAccepted: jest.fn(),
-    onCallEnded: jest.fn(),
-    onCallRejected: jest.fn(),
-    onCallStarted: jest.fn(),
-    onCallTimeout: jest.fn(),
-    onCallError: jest.fn(),
-};
 __exportStar(require("@testing-library/react-native"), exports);
-const Wrapper = ({ children, client, callCycleHandlers, call, }) => (<providers_1.StreamVideo client={client} language={'en'}>
+const Wrapper = ({ children, client, call, }) => (<providers_1.StreamVideo client={client} language={'en'}>
     <video_react_bindings_1.StreamCallProvider call={call}>
-      <MediaStreamManagement_1.MediaStreamManagement>
-        <providers_1.CallCycleLogicsWrapper callCycleHandlers={callCycleHandlers}>
-          {children}
-        </providers_1.CallCycleLogicsWrapper>
-      </MediaStreamManagement_1.MediaStreamManagement>
+      <MediaStreamManagement_1.MediaStreamManagement>{children}</MediaStreamManagement_1.MediaStreamManagement>
     </video_react_bindings_1.StreamCallProvider>
   </providers_1.StreamVideo>);
 // override React Testing Library's render with our own
 // that way we can wrap the component with the necessary providers
-const render = (component, { call, callCycleHandlers = mockedCallCycleHandlers, ...options } = {}) => {
+const render = (component, { call, ...options } = {}) => {
     const testClient = (0, client_1.mockClientWithUser)({ id: 'test-user-id' });
     const testCall = call || (0, call_1.mockCall)(testClient);
     return (0, react_native_1.render)(component, {
-        wrapper: (props) => (<Wrapper {...props} client={testClient} call={testCall} callCycleHandlers={callCycleHandlers}/>),
+        wrapper: (props) => (<Wrapper {...props} client={testClient} call={testCall}/>),
         ...options,
     });
 };

package/dist/__tests__/utils/RNTLTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"RNTLTools.js","sourceRoot":"","sources":["../../../__tests__/utils/RNTLTools.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kDAAiD;AAEjD,mDAI6B;AAC7B,0EAAqE;AACrE,gEAGuC;AAEvC,4CAAqD;AACrD,wCAAyC;AACzC,qFAAkF;AAiBlF,MAAM,uBAAuB,GAAG;IAC9B,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;IACzB,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;IACtB,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;IACzB,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE;IACxB,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE;IACxB,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;CACvB,CAAC;AAEF,gEAA8C;AAE9C,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,IAAI,GAC4B,EAAE,EAAE,CAAC,CACrC,CAAC,uBAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAC1C;IAAA,CAAC,yCAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAC7B;MAAA,CAAC,6CAAqB,CACpB;QAAA,CAAC,kCAAsB,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAC3D;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,kCAAsB,CAC1B;MAAA,EAAE,6CAAqB,CACzB;IAAA,EAAE,yCAAkB,CACtB;EAAA,EAAE,uBAAW,CAAC,CACf,CAAC;AACF,uDAAuD;AACvD,kEAAkE;AAClE,MAAM,MAAM,GAAG,CACb,SAAmC,EACnC,EACE,IAAI,EACJ,iBAAiB,GAAG,uBAAuB,EAC3C,GAAG,OAAO,KACgB,EAAE,EAChB,EAAE;IAChB,MAAM,UAAU,GAAG,IAAA,2BAAkB,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAA,eAAQ,EAAC,UAAU,CAAC,CAAC;IAC9C,OAAO,IAAA,qBAAS,EAAC,SAAS,EAAE;QAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAClB,CAAC,OAAO,CACN,IAAI,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACrC,CACH;QACD,GAAG,OAAO;KACX,CAAC,CAAC;AACL,CAAC,CAAC;AAEO,wBAAM"}
+{"version":3,"file":"RNTLTools.js","sourceRoot":"","sources":["../../../__tests__/utils/RNTLTools.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kDAAiD;AAEjD,mDAAkD;AAClD,0EAAqE;AACrE,gEAGuC;AAEvC,4CAAqD;AACrD,wCAAyC;AACzC,qFAAkF;AAelF,gEAA8C;AAE9C,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,IAAI,GAC4B,EAAE,EAAE,CAAC,CACrC,CAAC,uBAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAC1C;IAAA,CAAC,yCAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAC7B;MAAA,CAAC,6CAAqB,CAAC,CAAC,QAAQ,CAAC,EAAE,6CAAqB,CAC1D;IAAA,EAAE,yCAAkB,CACtB;EAAA,EAAE,uBAAW,CAAC,CACf,CAAC;AACF,uDAAuD;AACvD,kEAAkE;AAClE,MAAM,MAAM,GAAG,CACb,SAAmC,EACnC,EAAE,IAAI,EAAE,GAAG,OAAO,KAA6B,EAAE,EACnC,EAAE;IAChB,MAAM,UAAU,GAAG,IAAA,2BAAkB,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAA,eAAQ,EAAC,UAAU,CAAC,CAAC;IAC9C,OAAO,IAAA,qBAAS,EAAC,SAAS,EAAE;QAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAClB,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAG,CAC3D;QACD,GAAG,OAAO;KACX,CAAC,CAAC;AACL,CAAC,CAAC;AAEO,wBAAM"}

package/dist/src/components/IncomingCallView.d.ts

@@ -1 +1,35 @@
-export declare const IncomingCallView: () => JSX.Element;
+/**
+ * The props for the Accept Call button in the IncomingCallView component.
+ */
+type AcceptCallButton = {
+    /**
+     * Handler to be called when the accept call button is pressed.
+     * @returns void
+     */
+    onPressHandler: () => void;
+};
+/**
+ * The props for the Reject Call button in the IncomingCallView component.
+ */
+type RejectCallButton = {
+    /**
+     * Handler to be called when the reject call button is pressed.
+     * @returns void
+     */
+    onPressHandler: () => void;
+};
+/**
+ * Props for the IncomingCallView Component.
+ */
+export type IncomingCallViewType = {
+    /**
+     * Accept Call Button Props to be passed as an object
+     */
+    acceptCallButton: AcceptCallButton;
+    /**
+     * Reject Call Button Props to be passed as an object
+     */
+    rejectCallButton: RejectCallButton;
+};
+export declare const IncomingCallView: ({ acceptCallButton, rejectCallButton, }: IncomingCallViewType) => JSX.Element;
+export {};

package/dist/src/components/IncomingCallView.js

@@ -11,31 +11,9 @@ const video_react_bindings_1 = require("@stream-io/video-react-bindings");
 const UserInfoView_1 = require("./UserInfoView");
 const icons_1 = require("../icons");
 const theme_1 = require("../theme");
-const video_client_1 = require("@stream-io/video-client");
 const MediaStreamManagement_1 = require("../providers/MediaStreamManagement");
-const IncomingCallView = () => {
-    const { toggleInitialVideoMuteState, initialVideoEnabled } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
-    const call = (0, video_react_bindings_1.useCall)();
-    const callingState = (0, video_react_bindings_1.useCallCallingState)();
-    const answerCallHandler = async () => {
-        try {
-            await call?.join();
-        }
-        catch (error) {
-            console.log('Error joining Call', error);
-        }
-    };
-    const rejectCallHandler = async () => {
-        try {
-            if (callingState === video_client_1.CallingState.LEFT) {
-                return;
-            }
-            await call?.leave({ reject: true });
-        }
-        catch (error) {
-            console.log('Error leaving Call', error);
-        }
-    };
+const IncomingCallView = ({ acceptCallButton, rejectCallButton, }) => {
+    const { initialVideoEnabled, toggleInitialVideoMuteState } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
     return (<Background>
       <react_native_1.View style={styles.content}>
         <UserInfoView_1.UserInfoView />
@@ -43,7 +21,7 @@ const IncomingCallView = () => {
       </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]}>
+        <CallControlsButton_1.CallControlsButton onPress={rejectCallButton.onPressHandler} 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
@@ -51,7 +29,7 @@ const IncomingCallView = () => {
             : 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={answerCallHandler} color={theme_1.theme.light.info} style={[styles.button, theme_1.theme.button.lg]} svgContainerStyle={[styles.svgContainerStyle, theme_1.theme.icon.lg]}>
+        <CallControlsButton_1.CallControlsButton onPress={acceptCallButton.onPressHandler} 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>
       </react_native_1.View>

package/dist/src/components/IncomingCallView.js.map

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

package/dist/src/components/OutgoingCallView.d.ts

@@ -1 +1,21 @@
-export declare const OutgoingCallView: () => JSX.Element;
+/**
+ * The props for the Cancel Call button in the OutgoingCallView component.
+ */
+type CancelCallButton = {
+    /**
+     * Handler to be called when the cancel/hungup call button is pressed.
+     * @returns void
+     */
+    onPressHandler: () => void;
+};
+/**
+ * Props for the OutgoingCallView Component.
+ */
+export type OutgoingCallViewType = {
+    /**
+     * Cancel/Reject Call Button Props to be passed as an object
+     */
+    cancelCallHandler: CancelCallButton;
+};
+export declare const OutgoingCallView: ({ cancelCallHandler, }: OutgoingCallViewType) => JSX.Element;
+export {};

package/dist/src/components/OutgoingCallView.js

@@ -12,27 +12,12 @@ const icons_1 = require("../icons");
 const VideoRenderer_1 = require("./VideoRenderer");
 const useLocalVideoStream_1 = require("../hooks/useLocalVideoStream");
 const theme_1 = require("../theme");
-const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const video_client_1 = require("@stream-io/video-client");
 const constants_1 = require("../constants");
 const MediaStreamManagement_1 = require("../providers/MediaStreamManagement");
-const OutgoingCallView = () => {
+const OutgoingCallView = ({ cancelCallHandler, }) => {
     const { initialAudioEnabled, initialVideoEnabled, toggleInitialAudioMuteState, toggleInitialVideoMuteState, } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
-    const call = (0, video_react_bindings_1.useCall)();
-    const callingState = (0, video_react_bindings_1.useCallCallingState)();
-    const hangupCallHandler = async () => {
-        try {
-            if (callingState === video_client_1.CallingState.LEFT) {
-                return;
-            }
-            await call?.leave();
-        }
-        catch (error) {
-            console.log('Error leaving Call', error);
-        }
-    };
-    const muteStatusColor = (muted) => {
-        return muted ? theme_1.theme.light.overlay_dark : theme_1.theme.light.static_white;
+    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]}>
@@ -50,7 +35,7 @@ const OutgoingCallView = () => {
             </CallControlsButton_1.CallControlsButton>
           </react_native_1.View>
 
-          <CallControlsButton_1.CallControlsButton onPress={hangupCallHandler} color={theme_1.theme.light.error} style={[styles.button, styles.hangupButton, theme_1.theme.button.lg]} svgContainerStyle={[styles.svgContainerStyle, theme_1.theme.icon.lg]}>
+          <CallControlsButton_1.CallControlsButton onPress={cancelCallHandler.onPressHandler} color={theme_1.theme.light.error} style={[styles.button, styles.cancelCallButton, 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>
         </react_native_1.View>
@@ -93,7 +78,7 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'space-around',
         marginBottom: theme_1.theme.margin.md,
     },
-    hangupButton: {
+    cancelCallButton: {
         alignSelf: 'center',
     },
     button: {},

package/dist/src/components/OutgoingCallView.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutgoingCallView.js","sourceRoot":"","sources":["../../../src/components/OutgoingCallView.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAsD;AACtD,iDAA8C;AAC9C,6DAA0D;AAC1D,oCAAqE;AACrE,mDAAgD;AAChD,sEAAmE;AACnE,oCAAiC;AACjC,0EAA+E;AAC/E,0DAAuD;AACvD,4CAAuC;AACvC,8EAA8E;AAEvE,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EACJ,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,EAC3B,2BAA2B,GAC5B,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,YAAY,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAE3C,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;QACnC,IAAI;YACF,IAAI,YAAY,KAAK,2BAAY,CAAC,IAAI,EAAE;gBACtC,OAAO;aACR;YACD,MAAM,IAAI,EAAE,KAAK,EAAE,CAAC;SACrB;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,EAAE;QACzC,OAAO,KAAK,CAAC,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IACrE,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,2BAAY,CAAC,AAAD,EACb;UAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE,mBAAI,CACnD;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,CAEN;;UAAA,CAAC,uCAAkB,CACjB,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAC3B,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CACzB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,aAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAC7D,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAE7D;YAAA,CAAC,iBAAS,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAC7C;UAAA,EAAE,uCAAkB,CACtB;QAAA,EAAE,mBAAI,CACR;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,UAAU,CAAC,AAAD,EACb;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAxEW,QAAA,gBAAgB,oBAwE3B;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,YAAY,EAAE;QACZ,SAAS,EAAE,QAAQ;KACpB;IACD,MAAM,EAAE,EAAE;IACV,iBAAiB,EAAE,EAAE;CACtB,CAAC,CAAC"}
+{"version":3,"file":"OutgoingCallView.js","sourceRoot":"","sources":["../../../src/components/OutgoingCallView.tsx"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-export * from './useCallCycleEffect';
+export * from './useCallControls';
 export * from './useLocalVideoStream';
 export * from './useIncallManager';
 export * from './usePermissionRequest';

package/dist/src/hooks/index.js

@@ -14,7 +14,7 @@ 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("./useCallCycleEffect"), exports);
+__exportStar(require("./useCallControls"), exports);
 __exportStar(require("./useLocalVideoStream"), exports);
 __exportStar(require("./useIncallManager"), exports);
 __exportStar(require("./usePermissionRequest"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC;AACrC,wDAAsC;AACtC,qDAAmC;AACnC,yDAAuC;AACvC,8DAA4C;AAC5C,yCAAuB;AACvB,kEAAgD;AAChD,oDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,wDAAsC;AACtC,qDAAmC;AACnC,yDAAuC;AACvC,8DAA4C;AAC5C,yCAAuB;AACvB,kEAAgD;AAChD,oDAAkC"}

package/dist/src/providers/StreamCall.d.ts

@@ -2,7 +2,6 @@ import { PropsWithChildren } from 'react';
 import { Call } from '@stream-io/video-client';
 export type StreamCallProps = {
     call: Call;
-    callCycleHandlers?: CallCycleHandlersType;
 };
 /**
  * StreamCall is a wrapper component that orchestrates the call life cycle logic and
@@ -11,42 +10,4 @@ export type StreamCallProps = {
  *
  * @category Client State
  */
-export declare const StreamCall: ({ call, callCycleHandlers, children, }: PropsWithChildren<StreamCallProps>) => JSX.Element;
-/**
- * Exclude types from documentation site, but we should still add doc comments
- * @internal
- */
-export type CallCycleHandlersType = {
-    /**
-     * Handler called after a call is joined. Mostly used for navigation and related actions.
-     */
-    onCallJoined?: () => void;
-    /**
-     * Handler called after a callee receives a call. Mostly used for navigation and related actions.
-     */
-    onCallIncoming?: () => void;
-    /**
-     * Handler called after a call is hung up by the caller. Mostly used for navigation and cleanup actions.
-     */
-    onCallHungUp?: () => void;
-    /**
-     * Handler called after a caller initiates a call. Mostly used for navigation and related actions.
-     */
-    onCallOutgoing?: () => void;
-    /**
-     * Handler called after a call is rejected. Mostly used for navigation and cleanup actions.
-     */
-    onCallRejected?: () => void;
-    /**
-     * Handler called when the call is in joining state. Mostly used for navigation and related actions.
-     */
-    onCallJoining?: () => void;
-};
-/**
- * Exclude types from documentaiton site, but we should still add doc comments
- * @internal
- */
-export type CallCycleLogicsWrapperProps = {
-    callCycleHandlers: CallCycleHandlersType;
-};
-export declare const CallCycleLogicsWrapper: ({ callCycleHandlers, children, }: PropsWithChildren<CallCycleLogicsWrapperProps>) => JSX.Element;
+export declare const StreamCall: ({ call, children, }: PropsWithChildren<StreamCallProps>) => JSX.Element;

package/dist/src/providers/StreamCall.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CallCycleLogicsWrapper = exports.StreamCall = void 0;
+exports.StreamCall = void 0;
 const video_react_bindings_1 = require("@stream-io/video-react-bindings");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
@@ -16,24 +16,17 @@ const MediaStreamManagement_1 = require("./MediaStreamManagement");
  *
  * @category Client State
  */
-const StreamCall = ({ call, callCycleHandlers = {}, children, }) => {
+const StreamCall = ({ call, children, }) => {
     return (<video_react_bindings_1.StreamCallProvider call={call}>
       <MediaStreamManagement_1.MediaStreamManagement>
         <PermissionRequest />
         <AndroidKeepCallAlive />
         <IosInformCallkeepCallEnd />
-        <exports.CallCycleLogicsWrapper callCycleHandlers={callCycleHandlers}>
-          {children}
-        </exports.CallCycleLogicsWrapper>
+        {children}
       </MediaStreamManagement_1.MediaStreamManagement>
     </video_react_bindings_1.StreamCallProvider>);
 };
 exports.StreamCall = StreamCall;
-const CallCycleLogicsWrapper = ({ callCycleHandlers, children, }) => {
-    (0, hooks_1.useCallCycleEffect)(callCycleHandlers);
-    return <>{children}</>;
-};
-exports.CallCycleLogicsWrapper = CallCycleLogicsWrapper;
 /**
  * This is a renderless component that is used to handler the permission requests using the usePermissionRequest hook.
  * usePermissionRequest needs to be called as a child of StreamCallProvider.

package/dist/src/providers/StreamCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"StreamCall.js","sourceRoot":"","sources":["../../../src/providers/StreamCall.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAqE;AACrE,kDAAiD;AAEjD,oCAIkB;AAClB,8EAA2E;AAC3E,mEAAgE;AAMhE;;;;;;GAMG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,iBAAiB,GAAG,EAAE,EACtB,QAAQ,GAC2B,EAAE,EAAE;IACvC,OAAO,CACL,CAAC,yCAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAC7B;MAAA,CAAC,6CAAqB,CACpB;QAAA,CAAC,iBAAiB,CAAC,AAAD,EAClB;QAAA,CAAC,oBAAoB,CAAC,AAAD,EACrB;QAAA,CAAC,wBAAwB,CAAC,AAAD,EACzB;QAAA,CAAC,8BAAsB,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAC3D;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,8BAAsB,CAC1B;MAAA,EAAE,6CAAqB,CACzB;IAAA,EAAE,yCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,UAAU,cAiBrB;AAyCK,MAAM,sBAAsB,GAAG,CAAC,EACrC,iBAAiB,EACjB,QAAQ,GACuC,EAAE,EAAE;IACnD,IAAA,0BAAkB,EAAC,iBAAiB,CAAC,CAAC;IAEtC,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC,CAAC;AAPW,QAAA,sBAAsB,0BAOjC;AACF;;;GAGG;AACH,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,IAAA,4BAAoB,GAAE,CAAC;IACvB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,IAAA,qCAA6B,GAAE,CAAC;IAChC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,IAAA,iDAAuB,GAAE,CAAC;IAC1B,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
+{"version":3,"file":"StreamCall.js","sourceRoot":"","sources":["../../../src/providers/StreamCall.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAqE;AACrE,kDAAiD;AAEjD,oCAA+E;AAC/E,8EAA2E;AAC3E,mEAAgE;AAKhE;;;;;;GAMG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,QAAQ,GAC2B,EAAE,EAAE;IACvC,OAAO,CACL,CAAC,yCAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAC7B;MAAA,CAAC,6CAAqB,CACpB;QAAA,CAAC,iBAAiB,CAAC,AAAD,EAClB;QAAA,CAAC,oBAAoB,CAAC,AAAD,EACrB;QAAA,CAAC,wBAAwB,CAAC,AAAD,EACzB;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,6CAAqB,CACzB;IAAA,EAAE,yCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB;AAEF;;;GAGG;AACH,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,IAAA,4BAAoB,GAAE,CAAC;IACvB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,IAAA,qCAA6B,GAAE,CAAC;IAChC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,IAAA,iDAAuB,GAAE,CAAC;IAC1B,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/src/utils/push/utils.js

@@ -29,20 +29,13 @@ exports.processCallFromPushInBackground = processCallFromPushInBackground;
  * 3. Join or leave the call based on the user's action.
  */
 const processCallFromPush = async (client, call_cid, action) => {
-    // if the we find the call and is already ringing, we don't need create a new call
-    // as client would have received the call.ring state because the app had WS alive when receiving push notifications
-    let callFromPush = client.readOnlyStateStore.calls.find((call) => call.cid === call_cid && call.ringing);
-    if (!callFromPush) {
-        // if not it means that WS is not alive when receiving the push notifications and we need to fetch the call
-        const [callType, callId] = call_cid.split(':');
-        callFromPush = client.call(callType, callId, true);
-        try {
-            await callFromPush.get();
-        }
-        catch (e) {
-            console.log('failed to fetch call from push notification', e);
-            return;
-        }
+    let callFromPush;
+    try {
+        callFromPush = await client.onRingingCall(call_cid);
+    }
+    catch (e) {
+        console.log('failed to fetch call from push notification', e);
+        return;
     }
     // note: when action was pressed, we dont need to do anything as the only thing is to do is to get the call which adds it to the client
     try {

package/dist/src/utils/push/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/utils/push/utils.ts"],"names":[],"mappings":";;;AAKA;;;EAGE;AACK,MAAM,+BAA+B,GAAG,KAAK,EAClD,UAAsB,EACtB,QAAgB,EAChB,MAAiD,EACjD,EAAE;IACF,IAAI,WAA0C,CAAC;IAE/C,IAAI;QACF,WAAW,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;QACzD,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QACD,MAAM,WAAW,CAAC,WAAW,EAAE,CAAC;KACjC;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,GAAG,CAAC,gDAAgD,EAAE,CAAC,CAAC,CAAC;QACjE,OAAO;KACR;IACD,MAAM,IAAA,2BAAmB,EAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC3D,CAAC,CAAC;AAlBW,QAAA,+BAA+B,mCAkB1C;AAEF;;;;;;GAMG;AACI,MAAM,mBAAmB,GAAG,KAAK,EACtC,MAAyB,EACzB,QAAgB,EAChB,MAAwC,EACxC,EAAE;IACF,kFAAkF;IAClF,mHAAmH;IACnH,IAAI,YAAY,GAAG,MAAM,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CACrD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,CAChD,CAAC;IACF,IAAI,CAAC,YAAY,EAAE;QACjB,2GAA2G;QAC3G,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/C,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;QACnD,IAAI;YACF,MAAM,YAAY,CAAC,GAAG,EAAE,CAAC;SAC1B;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,6CAA6C,EAAE,CAAC,CAAC,CAAC;YAC9D,OAAO;SACR;KACF;IACD,uIAAuI;IACvI,IAAI;QACF,IAAI,MAAM,KAAK,QAAQ,EAAE;YACvB,MAAM,YAAY,CAAC,IAAI,EAAE,CAAC;SAC3B;aAAM,IAAI,MAAM,KAAK,SAAS,EAAE;YAC/B,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SAC5C;KACF;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,GAAG,CAAC,+CAA+C,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;KACzE;AACH,CAAC,CAAC;AA/BW,QAAA,mBAAmB,uBA+B9B"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/utils/push/utils.ts"],"names":[],"mappings":";;;AAKA;;;EAGE;AACK,MAAM,+BAA+B,GAAG,KAAK,EAClD,UAAsB,EACtB,QAAgB,EAChB,MAAiD,EACjD,EAAE;IACF,IAAI,WAA0C,CAAC;IAE/C,IAAI;QACF,WAAW,GAAG,MAAM,UAAU,CAAC,uBAAuB,EAAE,CAAC;QACzD,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QACD,MAAM,WAAW,CAAC,WAAW,EAAE,CAAC;KACjC;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,GAAG,CAAC,gDAAgD,EAAE,CAAC,CAAC,CAAC;QACjE,OAAO;KACR;IACD,MAAM,IAAA,2BAAmB,EAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC3D,CAAC,CAAC;AAlBW,QAAA,+BAA+B,mCAkB1C;AAEF;;;;;;GAMG;AACI,MAAM,mBAAmB,GAAG,KAAK,EACtC,MAAyB,EACzB,QAAgB,EAChB,MAAwC,EACxC,EAAE;IACF,IAAI,YAAkB,CAAC;IACvB,IAAI;QACF,YAAY,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KACrD;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,GAAG,CAAC,6CAA6C,EAAE,CAAC,CAAC,CAAC;QAC9D,OAAO;KACR;IACD,uIAAuI;IACvI,IAAI;QACF,IAAI,MAAM,KAAK,QAAQ,EAAE;YACvB,MAAM,YAAY,CAAC,IAAI,EAAE,CAAC;SAC3B;aAAM,IAAI,MAAM,KAAK,SAAS,EAAE;YAC/B,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;SAC5C;KACF;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,GAAG,CAAC,+CAA+C,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;KACzE;AACH,CAAC,CAAC;AAtBW,QAAA,mBAAmB,uBAsB9B"}

package/package.json

@@ -22,8 +22,8 @@
   ],
   "dependencies": {
     "@stream-io/i18n": "^0.0.8",
-    "@stream-io/video-client": "^0.0.36",
-    "@stream-io/video-react-bindings": "^0.0.38"
+    "@stream-io/video-client": "^0.0.37",
+    "@stream-io/video-react-bindings": "^0.0.39"
   },
   "peerDependencies": {
     "@notifee/react-native": ">=7.7.0",
@@ -85,5 +85,5 @@
     "typedoc-plugin-markdown": "^3.15.3",
     "typescript": "^4.9.5"
   },
-  "version": "0.0.1-alpha.247"
+  "version": "0.0.1-alpha.248"
 }

package/src/components/IncomingCallView.tsx

@@ -2,41 +2,56 @@ import React from 'react';
 import { ImageBackground, StyleSheet, Text, View } from 'react-native';
 import { CallControlsButton } from './CallControlsButton';
 import {
-  useCall,
-  useCallCallingState,
   useCallMembers,
   useConnectedUser,
 } from '@stream-io/video-react-bindings';
 import { UserInfoView } from './UserInfoView';
 import { Phone, PhoneDown, Video, VideoSlash } from '../icons';
 import { theme } from '../theme';
-import { CallingState } from '@stream-io/video-client';
 import { useMediaStreamManagement } from '../providers/MediaStreamManagement';
 
-export const IncomingCallView = () => {
-  const { toggleInitialVideoMuteState, initialVideoEnabled } =
-    useMediaStreamManagement();
-  const call = useCall();
-  const callingState = useCallCallingState();
+/**
+ * The props for the Accept Call button in the IncomingCallView component.
+ */
+type AcceptCallButton = {
+  /**
+   * Handler to be called when the accept call button is pressed.
+   * @returns void
+   */
+  onPressHandler: () => void;
+};
+
+/**
+ * The props for the Reject Call button in the IncomingCallView component.
+ */
+type RejectCallButton = {
+  /**
+   * Handler to be called when the reject call button is pressed.
+   * @returns void
+   */
+  onPressHandler: () => void;
+};
 
-  const answerCallHandler = async () => {
-    try {
-      await call?.join();
-    } catch (error) {
-      console.log('Error joining Call', error);
-    }
-  };
+/**
+ * Props for the IncomingCallView Component.
+ */
+export type IncomingCallViewType = {
+  /**
+   * Accept Call Button Props to be passed as an object
+   */
+  acceptCallButton: AcceptCallButton;
+  /**
+   * Reject Call Button Props to be passed as an object
+   */
+  rejectCallButton: RejectCallButton;
+};
 
-  const rejectCallHandler = async () => {
-    try {
-      if (callingState === CallingState.LEFT) {
-        return;
-      }
-      await call?.leave({ reject: true });
-    } catch (error) {
-      console.log('Error leaving Call', error);
-    }
-  };
+export const IncomingCallView = ({
+  acceptCallButton,
+  rejectCallButton,
+}: IncomingCallViewType) => {
+  const { initialVideoEnabled, toggleInitialVideoMuteState } =
+    useMediaStreamManagement();
 
   return (
     <Background>
@@ -47,7 +62,7 @@ export const IncomingCallView = () => {
 
       <View style={styles.buttonGroup}>
         <CallControlsButton
-          onPress={rejectCallHandler}
+          onPress={rejectCallButton.onPressHandler}
           color={theme.light.error}
           style={[styles.button, theme.button.lg]}
           svgContainerStyle={[styles.svgContainerStyle, theme.icon.lg]}
@@ -71,7 +86,7 @@ export const IncomingCallView = () => {
           )}
         </CallControlsButton>
         <CallControlsButton
-          onPress={answerCallHandler}
+          onPress={acceptCallButton.onPressHandler}
           color={theme.light.info}
           style={[styles.button, theme.button.lg]}
           svgContainerStyle={[styles.svgContainerStyle, theme.icon.lg]}

package/src/components/OutgoingCallView.tsx

@@ -6,33 +6,42 @@ import { Mic, MicOff, PhoneDown, Video, VideoSlash } from '../icons';
 import { VideoRenderer } from './VideoRenderer';
 import { useLocalVideoStream } from '../hooks/useLocalVideoStream';
 import { theme } from '../theme';
-import { useCall, useCallCallingState } from '@stream-io/video-react-bindings';
-import { CallingState } from '@stream-io/video-client';
 import { Z_INDEX } from '../constants';
 import { useMediaStreamManagement } from '../providers/MediaStreamManagement';
 
-export const OutgoingCallView = () => {
+/**
+ * The props for the Cancel Call button in the OutgoingCallView component.
+ */
+type CancelCallButton = {
+  /**
+   * Handler to be called when the cancel/hungup call button is pressed.
+   * @returns void
+   */
+  onPressHandler: () => void;
+};
+
+/**
+ * Props for the OutgoingCallView Component.
+ */
+export type OutgoingCallViewType = {
+  /**
+   * Cancel/Reject Call Button Props to be passed as an object
+   */
+  cancelCallHandler: CancelCallButton;
+};
+
+export const OutgoingCallView = ({
+  cancelCallHandler,
+}: OutgoingCallViewType) => {
   const {
     initialAudioEnabled,
     initialVideoEnabled,
     toggleInitialAudioMuteState,
     toggleInitialVideoMuteState,
   } = useMediaStreamManagement();
-  const call = useCall();
-  const callingState = useCallCallingState();
 
-  const hangupCallHandler = async () => {
-    try {
-      if (callingState === CallingState.LEFT) {
-        return;
-      }
-      await call?.leave();
-    } catch (error) {
-      console.log('Error leaving Call', error);
-    }
-  };
-  const muteStatusColor = (muted: boolean) => {
-    return muted ? theme.light.overlay_dark : theme.light.static_white;
+  const muteStatusColor = (status: boolean) => {
+    return status ? theme.light.overlay_dark : theme.light.static_white;
   };
 
   return (
@@ -71,9 +80,9 @@ export const OutgoingCallView = () => {
           </View>
 
           <CallControlsButton
-            onPress={hangupCallHandler}
+            onPress={cancelCallHandler.onPressHandler}
             color={theme.light.error}
-            style={[styles.button, styles.hangupButton, theme.button.lg]}
+            style={[styles.button, styles.cancelCallButton, theme.button.lg]}
             svgContainerStyle={[styles.svgContainerStyle, theme.icon.lg]}
           >
             <PhoneDown color={theme.light.static_white} />
@@ -128,7 +137,7 @@ const styles = StyleSheet.create({
     justifyContent: 'space-around',
     marginBottom: theme.margin.md,
   },
-  hangupButton: {
+  cancelCallButton: {
     alignSelf: 'center',
   },
   button: {},

package/src/hooks/index.ts

@@ -1,4 +1,4 @@
-export * from './useCallCycleEffect';
+export * from './useCallControls';
 export * from './useLocalVideoStream';
 export * from './useIncallManager';
 export * from './usePermissionRequest';

package/src/providers/StreamCall.tsx

@@ -1,17 +1,12 @@
 import { StreamCallProvider } from '@stream-io/video-react-bindings';
 import React, { PropsWithChildren } from 'react';
 import { Call } from '@stream-io/video-client';
-import {
-  useAndroidKeepCallAliveEffect,
-  useCallCycleEffect,
-  usePermissionRequest,
-} from '../hooks';
+import { useAndroidKeepCallAliveEffect, usePermissionRequest } from '../hooks';
 import { useIosCallkeepEndEffect } from '../hooks/useIosCallkeepEndEffect';
 import { MediaStreamManagement } from './MediaStreamManagement';
 
 export type StreamCallProps = {
   call: Call;
-  callCycleHandlers?: CallCycleHandlersType;
 };
 /**
  * StreamCall is a wrapper component that orchestrates the call life cycle logic and
@@ -22,7 +17,6 @@ export type StreamCallProps = {
  */
 export const StreamCall = ({
   call,
-  callCycleHandlers = {},
   children,
 }: PropsWithChildren<StreamCallProps>) => {
   return (
@@ -31,61 +25,12 @@ export const StreamCall = ({
         <PermissionRequest />
         <AndroidKeepCallAlive />
         <IosInformCallkeepCallEnd />
-        <CallCycleLogicsWrapper callCycleHandlers={callCycleHandlers}>
-          {children}
-        </CallCycleLogicsWrapper>
+        {children}
       </MediaStreamManagement>
     </StreamCallProvider>
   );
 };
 
-/**
- * Exclude types from documentation site, but we should still add doc comments
- * @internal
- */
-export type CallCycleHandlersType = {
-  /**
-   * Handler called after a call is joined. Mostly used for navigation and related actions.
-   */
-  onCallJoined?: () => void;
-  /**
-   * Handler called after a callee receives a call. Mostly used for navigation and related actions.
-   */
-  onCallIncoming?: () => void;
-  /**
-   * Handler called after a call is hung up by the caller. Mostly used for navigation and cleanup actions.
-   */
-  onCallHungUp?: () => void;
-  /**
-   * Handler called after a caller initiates a call. Mostly used for navigation and related actions.
-   */
-  onCallOutgoing?: () => void;
-  /**
-   * Handler called after a call is rejected. Mostly used for navigation and cleanup actions.
-   */
-  onCallRejected?: () => void;
-  /**
-   * Handler called when the call is in joining state. Mostly used for navigation and related actions.
-   */
-  onCallJoining?: () => void;
-};
-
-/**
- * Exclude types from documentaiton site, but we should still add doc comments
- * @internal
- */
-export type CallCycleLogicsWrapperProps = {
-  callCycleHandlers: CallCycleHandlersType;
-};
-
-export const CallCycleLogicsWrapper = ({
-  callCycleHandlers,
-  children,
-}: PropsWithChildren<CallCycleLogicsWrapperProps>) => {
-  useCallCycleEffect(callCycleHandlers);
-
-  return <>{children}</>;
-};
 /**
  * This is a renderless component that is used to handler the permission requests using the usePermissionRequest hook.
  * usePermissionRequest needs to be called as a child of StreamCallProvider.

package/src/utils/push/utils.ts

@@ -1,4 +1,4 @@
-import { StreamVideoClient } from '@stream-io/video-client';
+import { Call, StreamVideoClient } from '@stream-io/video-client';
 import type { StreamVideoConfig } from '../StreamVideoRN/types';
 
 type PushConfig = NonNullable<StreamVideoConfig['push']>;
@@ -39,21 +39,12 @@ export const processCallFromPush = async (
   call_cid: string,
   action: 'accept' | 'decline' | 'pressed',
 ) => {
-  // if the we find the call and is already ringing, we don't need create a new call
-  // as client would have received the call.ring state because the app had WS alive when receiving push notifications
-  let callFromPush = client.readOnlyStateStore.calls.find(
-    (call) => call.cid === call_cid && call.ringing,
-  );
-  if (!callFromPush) {
-    // if not it means that WS is not alive when receiving the push notifications and we need to fetch the call
-    const [callType, callId] = call_cid.split(':');
-    callFromPush = client.call(callType, callId, true);
-    try {
-      await callFromPush.get();
-    } catch (e) {
-      console.log('failed to fetch call from push notification', e);
-      return;
-    }
+  let callFromPush: Call;
+  try {
+    callFromPush = await client.onRingingCall(call_cid);
+  } catch (e) {
+    console.log('failed to fetch call from push notification', e);
+    return;
   }
   // note: when action was pressed, we dont need to do anything as the only thing is to do is to get the call which adds it to the client
   try {

package/dist/src/hooks/useCallCycleEffect.d.ts

@@ -1,8 +0,0 @@
-import { CallCycleHandlersType } from '../providers';
-/**
- *
- * @param callCycleHandlers
- *
- * @category Client State
- */
-export declare const useCallCycleEffect: (callCycleHandlers: CallCycleHandlersType) => void;

package/dist/src/hooks/useCallCycleEffect.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCallCycleEffect = void 0;
-const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const react_1 = require("react");
-const video_client_1 = require("@stream-io/video-client");
-const usePrevious_1 = require("../utils/hooks/usePrevious");
-const NON_ACTIVE_CALLING_STATES = [video_client_1.CallingState.UNKNOWN, video_client_1.CallingState.IDLE];
-/**
- *
- * @param callCycleHandlers
- *
- * @category Client State
- */
-const useCallCycleEffect = (callCycleHandlers) => {
-    const call = (0, video_react_bindings_1.useCall)();
-    const callingState = (0, video_react_bindings_1.useCallCallingState)();
-    const prevCallingState = (0, usePrevious_1.usePrevious)(callingState);
-    const { onCallJoined, onCallIncoming, onCallOutgoing, onCallHungUp, onCallRejected, onCallJoining, } = callCycleHandlers;
-    (0, react_1.useEffect)(() => {
-        if (!call || NON_ACTIVE_CALLING_STATES.includes(callingState)) {
-            return;
-        }
-        const isCallCreatedByMe = call.data?.created_by.id === call?.currentUserId;
-        const isCallCreatedByOther = !!call.data?.created_by.id && !isCallCreatedByMe;
-        const isIncomingCall = callingState === video_client_1.CallingState.RINGING &&
-            !isCallCreatedByMe &&
-            onCallIncoming;
-        const isOutgoingCall = callingState === video_client_1.CallingState.RINGING &&
-            isCallCreatedByMe &&
-            onCallOutgoing;
-        const isActiveCall = callingState === video_client_1.CallingState.JOINED && onCallJoined;
-        const isCallHungUp = callingState === video_client_1.CallingState.LEFT && onCallHungUp;
-        const isCallRejected = callingState === video_client_1.CallingState.LEFT &&
-            isCallCreatedByOther &&
-            onCallRejected;
-        const isCallJoining = callingState === video_client_1.CallingState.JOINING && onCallJoining;
-        if (isIncomingCall) {
-            return onCallIncoming();
-        }
-        if (isOutgoingCall) {
-            return onCallOutgoing();
-        }
-        if (isActiveCall) {
-            return onCallJoined();
-        }
-        if (isCallHungUp) {
-            return onCallHungUp();
-        }
-        if (isCallRejected) {
-            return onCallRejected();
-        }
-        if (isCallJoining) {
-            return onCallJoining();
-        }
-    }, [
-        callingState,
-        prevCallingState,
-        call,
-        onCallIncoming,
-        onCallOutgoing,
-        onCallJoined,
-        onCallHungUp,
-        onCallRejected,
-        onCallJoining,
-    ]);
-};
-exports.useCallCycleEffect = useCallCycleEffect;
-//# sourceMappingURL=useCallCycleEffect.js.map

package/dist/src/hooks/useCallCycleEffect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCallCycleEffect.js","sourceRoot":"","sources":["../../../src/hooks/useCallCycleEffect.tsx"],"names":[],"mappings":";;;AAAA,0EAA+E;AAC/E,iCAAkC;AAClC,0DAAuD;AAEvD,4DAAyD;AAEzD,MAAM,yBAAyB,GAAG,CAAC,2BAAY,CAAC,OAAO,EAAE,2BAAY,CAAC,IAAI,CAAC,CAAC;AAC5E;;;;;GAKG;AACI,MAAM,kBAAkB,GAAG,CAChC,iBAAwC,EACxC,EAAE;IACF,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,YAAY,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAC3C,MAAM,gBAAgB,GAAG,IAAA,yBAAW,EAAC,YAAY,CAAC,CAAC;IACnD,MAAM,EACJ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,aAAa,GACd,GAAG,iBAAiB,CAAC;IAEtB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAC7D,OAAO;SACR;QACD,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,KAAK,IAAI,EAAE,aAAa,CAAC;QAC3E,MAAM,oBAAoB,GACxB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC;QACnD,MAAM,cAAc,GAClB,YAAY,KAAK,2BAAY,CAAC,OAAO;YACrC,CAAC,iBAAiB;YAClB,cAAc,CAAC;QACjB,MAAM,cAAc,GAClB,YAAY,KAAK,2BAAY,CAAC,OAAO;YACrC,iBAAiB;YACjB,cAAc,CAAC;QACjB,MAAM,YAAY,GAAG,YAAY,KAAK,2BAAY,CAAC,MAAM,IAAI,YAAY,CAAC;QAC1E,MAAM,YAAY,GAAG,YAAY,KAAK,2BAAY,CAAC,IAAI,IAAI,YAAY,CAAC;QACxE,MAAM,cAAc,GAClB,YAAY,KAAK,2BAAY,CAAC,IAAI;YAClC,oBAAoB;YACpB,cAAc,CAAC;QACjB,MAAM,aAAa,GACjB,YAAY,KAAK,2BAAY,CAAC,OAAO,IAAI,aAAa,CAAC;QAEzD,IAAI,cAAc,EAAE;YAClB,OAAO,cAAc,EAAE,CAAC;SACzB;QACD,IAAI,cAAc,EAAE;YAClB,OAAO,cAAc,EAAE,CAAC;SACzB;QACD,IAAI,YAAY,EAAE;YAChB,OAAO,YAAY,EAAE,CAAC;SACvB;QACD,IAAI,YAAY,EAAE;YAChB,OAAO,YAAY,EAAE,CAAC;SACvB;QACD,IAAI,cAAc,EAAE;YAClB,OAAO,cAAc,EAAE,CAAC;SACzB;QACD,IAAI,aAAa,EAAE;YACjB,OAAO,aAAa,EAAE,CAAC;SACxB;IACH,CAAC,EAAE;QACD,YAAY;QACZ,gBAAgB;QAChB,IAAI;QACJ,cAAc;QACd,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,cAAc;QACd,aAAa;KACd,CAAC,CAAC;AACL,CAAC,CAAC;AApEW,QAAA,kBAAkB,sBAoE7B"}

package/src/hooks/useCallCycleEffect.tsx

@@ -1,82 +0,0 @@
-import { useCall, useCallCallingState } from '@stream-io/video-react-bindings';
-import { useEffect } from 'react';
-import { CallingState } from '@stream-io/video-client';
-import { CallCycleHandlersType } from '../providers';
-import { usePrevious } from '../utils/hooks/usePrevious';
-
-const NON_ACTIVE_CALLING_STATES = [CallingState.UNKNOWN, CallingState.IDLE];
-/**
- *
- * @param callCycleHandlers
- *
- * @category Client State
- */
-export const useCallCycleEffect = (
-  callCycleHandlers: CallCycleHandlersType,
-) => {
-  const call = useCall();
-  const callingState = useCallCallingState();
-  const prevCallingState = usePrevious(callingState);
-  const {
-    onCallJoined,
-    onCallIncoming,
-    onCallOutgoing,
-    onCallHungUp,
-    onCallRejected,
-    onCallJoining,
-  } = callCycleHandlers;
-
-  useEffect(() => {
-    if (!call || NON_ACTIVE_CALLING_STATES.includes(callingState)) {
-      return;
-    }
-    const isCallCreatedByMe = call.data?.created_by.id === call?.currentUserId;
-    const isCallCreatedByOther =
-      !!call.data?.created_by.id && !isCallCreatedByMe;
-    const isIncomingCall =
-      callingState === CallingState.RINGING &&
-      !isCallCreatedByMe &&
-      onCallIncoming;
-    const isOutgoingCall =
-      callingState === CallingState.RINGING &&
-      isCallCreatedByMe &&
-      onCallOutgoing;
-    const isActiveCall = callingState === CallingState.JOINED && onCallJoined;
-    const isCallHungUp = callingState === CallingState.LEFT && onCallHungUp;
-    const isCallRejected =
-      callingState === CallingState.LEFT &&
-      isCallCreatedByOther &&
-      onCallRejected;
-    const isCallJoining =
-      callingState === CallingState.JOINING && onCallJoining;
-
-    if (isIncomingCall) {
-      return onCallIncoming();
-    }
-    if (isOutgoingCall) {
-      return onCallOutgoing();
-    }
-    if (isActiveCall) {
-      return onCallJoined();
-    }
-    if (isCallHungUp) {
-      return onCallHungUp();
-    }
-    if (isCallRejected) {
-      return onCallRejected();
-    }
-    if (isCallJoining) {
-      return onCallJoining();
-    }
-  }, [
-    callingState,
-    prevCallingState,
-    call,
-    onCallIncoming,
-    onCallOutgoing,
-    onCallJoined,
-    onCallHungUp,
-    onCallRejected,
-    onCallJoining,
-  ]);
-};