@stream-io/video-react-native-sdk 0.0.1-alpha.141

package/dist/src/icons/VideoOff.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoOff = void 0;
+const react_native_svg_1 = require("react-native-svg");
+const VideoOff = ({ color }) => (<react_native_svg_1.Svg viewBox="0 0 24 24" fill={color}>
+    <react_native_svg_1.Path fill={color} d="M 22.1126 16.2238 L 19.1546 13.6686 V 8.37994 L 22.1126 5.82471 L 22.1127 5.82476 L 22.1205 5.81781 C 22.4413 5.53481 22.6269 5.49515 22.686 5.49515 C 22.8267 5.49515 22.8809 5.53948 22.9048 5.56519 C 22.9344 5.59687 23 5.69295 23 5.91262 V 16.1359 C 23 16.3556 22.9344 16.4517 22.9048 16.4833 C 22.8809 16.5091 22.8267 16.5534 22.686 16.5534 C 22.634 16.5534 22.4383 16.5111 22.1205 16.2307 L 22.1206 16.2307 L 22.1126 16.2238 Z M 13.4493 18 H 3.28502 C 2.41817 18 1.87542 17.7686 1.55341 17.4618 C 1.23884 17.162 1 16.6616 1 15.835 V 6.23301 C 1 5.4144 1.24841 4.88792 1.58386 4.5637 C 1.92432 4.23463 2.47262 4 3.28502 4 H 13.5266 C 14.3853 4 14.898 4.23821 15.1995 4.54532 C 15.5041 4.85542 15.7343 5.37926 15.7343 6.23301 V 15.767 C 15.7343 16.6029 15.4949 17.126 15.1733 17.4423 C 14.8492 17.7609 14.3088 18 13.4493 18 Z"/>
+    <react_native_svg_1.Path fill={color} fillRule="evenodd" clipRule="evenodd" d="M 5.79311 7.27924 C 5.38794 6.90692 4.73102 6.90692 4.32585 7.27924 C 3.92068 7.65156 3.92068 8.25521 4.32585 8.62753 L 6.90766 11 L 4.32586 13.3725 C 3.92069 13.7448 3.92069 14.3484 4.32586 14.7208 C 4.73103 15.0931 5.38795 15.0931 5.79312 14.7208 L 8.37492 12.3483 L 10.9567 14.7208 C 11.3619 15.0931 12.0188 15.0931 12.424 14.7208 C 12.8291 14.3484 12.8291 13.7448 12.424 13.3725 L 9.84217 11 L 12.424 8.62754 C 12.8291 8.25521 12.8291 7.65156 12.424 7.27924 C 12.0188 6.90692 11.3619 6.90692 10.9567 7.27924 L 8.37492 9.65171 L 5.79311 7.27924 Z"/>
+  </react_native_svg_1.Svg>);
+exports.VideoOff = VideoOff;
+//# sourceMappingURL=VideoOff.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoOff.js","sourceRoot":"","sources":["../../../src/icons/VideoOff.tsx"],"names":[],"mappings":";;;AAAA,uDAA6C;AAMtC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE,CAAC,CAC5C,CAAC,sBAAG,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CACnC;IAAA,CAAC,uBAAI,CACH,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,CAAC,CAAC,4zBAA4zB,EAEh0B;IAAA,CAAC,uBAAI,CACH,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,QAAQ,CAAC,SAAS,CAClB,QAAQ,CAAC,SAAS,CAClB,CAAC,CAAC,uiBAAuiB,EAE7iB;EAAA,EAAE,sBAAG,CAAC,CACP,CAAC;AAbW,QAAA,QAAQ,YAanB"}

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

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

package/dist/src/icons/VideoSlash.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoSlash = void 0;
+const react_native_svg_1 = require("react-native-svg");
+const A11yLabels_1 = require("../../src/constants/A11yLabels");
+const VideoSlash = ({ color }) => (<react_native_svg_1.Svg viewBox="0 0 30 25" accessibilityLabel={A11yLabels_1.A11yIcons.MUTED_VIDEO}>
+    <react_native_svg_1.Path d="M22.4886 24.1679C22.8345 24.5139 23.4037 24.5139 23.7497 24.1679C24.0845 23.8219 24.0957 23.2639 23.7497 22.9067L1.81892 0.998256C1.4841 0.652274 0.903739 0.652274 0.557757 0.998256C0.222935 1.34424 0.222935 1.9246 0.557757 2.25942L22.4886 24.1679ZM17.5555 3.35317H6.14927L21.1604 18.3643C21.2274 18.0407 21.2609 17.6166 21.2609 17.2259V7.06968C21.2609 4.70361 19.9662 3.35317 17.5555 3.35317ZM22.9015 16.1433L26.7073 19.4246C27.1761 19.8264 27.656 20.0831 28.1359 20.0831C29.0399 20.0831 29.6537 19.4358 29.6537 18.4536V6.70138C29.6537 5.71924 29.0399 5.07192 28.1359 5.07192C27.656 5.07192 27.1761 5.32861 26.7073 5.7304L22.9015 9.01165V16.1433ZM5.72517 21.746H18.0801L2.13142 5.79736C2.00865 6.10986 1.94169 6.61209 1.94169 7.10317V18.0853C1.94169 20.4402 3.31445 21.746 5.72517 21.746Z" fill={color}/>
+  </react_native_svg_1.Svg>);
+exports.VideoSlash = VideoSlash;
+//# sourceMappingURL=VideoSlash.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoSlash.js","sourceRoot":"","sources":["../../../src/icons/VideoSlash.tsx"],"names":[],"mappings":";;;AAAA,uDAA6C;AAC7C,+DAA2D;AAMpD,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE,CAAC,CAC9C,CAAC,sBAAG,CAAC,OAAO,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,sBAAS,CAAC,WAAW,CAAC,CACjE;IAAA,CAAC,uBAAI,CACH,CAAC,CAAC,uxBAAuxB,CACzxB,IAAI,CAAC,CAAC,KAAK,CAAC,EAEhB;EAAA,EAAE,sBAAG,CAAC,CACP,CAAC;AAPW,QAAA,UAAU,cAOrB"}

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

@@ -0,0 +1,19 @@
+export * from './CameraSwitch';
+export * from './Mic';
+export * from './MicOff';
+export * from './Phone';
+export * from './PhoneDown';
+export * from './Settings';
+export * from './Video';
+export * from './VideoSlash';
+export * from './Chat';
+export * from './Participants';
+export * from './ThreeDots';
+export * from './Pin';
+export * from './Spotlight';
+export * from './VideoOff';
+export * from './Cross';
+export * from './ScreenShare';
+export * from './ArrowRight';
+export * from './Reaction';
+export * from './VideoDisabled';

package/dist/src/icons/index.js

@@ -0,0 +1,36 @@
+"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("./CameraSwitch"), exports);
+__exportStar(require("./Mic"), exports);
+__exportStar(require("./MicOff"), exports);
+__exportStar(require("./Phone"), exports);
+__exportStar(require("./PhoneDown"), exports);
+__exportStar(require("./Settings"), exports);
+__exportStar(require("./Video"), exports);
+__exportStar(require("./VideoSlash"), exports);
+__exportStar(require("./Chat"), exports);
+__exportStar(require("./Participants"), exports);
+__exportStar(require("./ThreeDots"), exports);
+__exportStar(require("./Pin"), exports);
+__exportStar(require("./Spotlight"), exports);
+__exportStar(require("./VideoOff"), exports);
+__exportStar(require("./Cross"), exports);
+__exportStar(require("./ScreenShare"), exports);
+__exportStar(require("./ArrowRight"), exports);
+__exportStar(require("./Reaction"), exports);
+__exportStar(require("./VideoDisabled"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,8CAA4B;AAC5B,6CAA2B;AAC3B,0CAAwB;AACxB,gDAA8B;AAC9B,+CAA6B;AAC7B,6CAA2B;AAC3B,kDAAgC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * A renderless component that provides the audio and video devices to the store
+ * This component must be a child of StreamVideoStoreProvider
+ * @internal
+ *
+ * @category Device Management
+ */
+export declare const MediaDevices: () => React.ReactElement | null;

package/dist/src/providers/MediaDevices.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaDevices = void 0;
+const react_1 = require("react");
+const video_client_1 = require("@stream-io/video-client");
+const contexts_1 = require("../contexts");
+/**
+ * A renderless component that provides the audio and video devices to the store
+ * This component must be a child of StreamVideoStoreProvider
+ * @internal
+ *
+ * @category Device Management
+ */
+const MediaDevices = () => {
+    const setState = (0, contexts_1.useStreamVideoStoreSetState)();
+    const initialVideoDeviceSet = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(() => {
+        const setAudioDevices = (audioDevices) => {
+            setState({ audioDevices, currentAudioDevice: audioDevices[0] });
+        };
+        const subscription = (0, video_client_1.getAudioDevices)().subscribe(setAudioDevices);
+        return () => subscription.unsubscribe();
+    }, [setState]);
+    (0, react_1.useEffect)(() => {
+        const setVideoDevices = (videoDevices) => {
+            if (videoDevices.length > 0 && !initialVideoDeviceSet.current) {
+                const frontFacingVideoDevice = videoDevices.find((videoDevice) => videoDevice.kind === 'videoinput' && videoDevice.facing === 'front');
+                const initialVideoDevice = frontFacingVideoDevice ?? videoDevices[0];
+                if (initialVideoDevice) {
+                    initialVideoDeviceSet.current = true;
+                    setState({ videoDevices, currentVideoDevice: initialVideoDevice });
+                    return;
+                }
+            }
+            setState({ videoDevices });
+        };
+        const subscription = (0, video_client_1.getVideoDevices)().subscribe(setVideoDevices);
+        return () => subscription.unsubscribe();
+    }, [setState]);
+    return null;
+};
+exports.MediaDevices = MediaDevices;
+//# sourceMappingURL=MediaDevices.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaDevices.js","sourceRoot":"","sources":["../../../src/providers/MediaDevices.tsx"],"names":[],"mappings":";;;AAAA,iCAAiD;AACjD,0DAA2E;AAC3E,0CAA2E;AAE3E;;;;;;GAMG;AACI,MAAM,YAAY,GAAG,GAA8B,EAAE;IAC1D,MAAM,QAAQ,GAAG,IAAA,sCAA2B,GAAE,CAAC;IAC/C,MAAM,qBAAqB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAE5C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,CAAC,YAA+B,EAAE,EAAE;YAC1D,QAAQ,CAAC,EAAE,YAAY,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAClE,CAAC,CAAC;QACF,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,CAAC,YAA+B,EAAE,EAAE;YAC1D,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;gBAC7D,MAAM,sBAAsB,GAAG,YAAY,CAAC,IAAI,CAC9C,CAAC,WAAW,EAAE,EAAE,CACd,WAAW,CAAC,IAAI,KAAK,YAAY,IAAI,WAAW,CAAC,MAAM,KAAK,OAAO,CACtE,CAAC;gBACF,MAAM,kBAAkB,GAAG,sBAAsB,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;gBACrE,IAAI,kBAAkB,EAAE;oBACtB,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;oBACrC,QAAQ,CAAC,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC,CAAC;oBACnE,OAAO;iBACR;aACF;YACD,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;QAC7B,CAAC,CAAC;QACF,MAAM,YAAY,GAAG,IAAA,8BAAe,GAAE,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAjCW,QAAA,YAAY,gBAiCvB"}

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

@@ -0,0 +1,81 @@
+import { PropsWithChildren } from 'react';
+import { Call } from '@stream-io/video-client';
+type InitWithCallCID = {
+    /**
+     * The call type.
+     */
+    callType: string;
+    /**
+     * The call id.
+     */
+    callId: string;
+    /**
+     * The call instance to use.
+     */
+    call?: Call;
+};
+type InitWithCallInstance = {
+    /**
+     * The call instance to use.
+     */
+    call: Call | undefined;
+    /**
+     * The call type.
+     */
+    callType?: string;
+    /**
+     * The call id.
+     */
+    callId?: string;
+};
+type InitStreamCall = InitWithCallCID | InitWithCallInstance;
+export type StreamCallProps = InitStreamCall & {
+    callCycleHandlers: CallCycleHandlersType;
+};
+/**
+ * StreamCall is a wrapper component that orchestrates the call life cycle logic and
+ * provides the call object to the children components.
+ * @param PropsWithChildren<StreamCallProps>
+ *
+ * @category Client State
+ */
+export declare const StreamCall: ({ callId, callType, call, callCycleHandlers, children, }: PropsWithChildren<StreamCallProps>) => JSX.Element;
+/**
+ * Exclude types from documentaiton 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 {};

package/dist/src/providers/StreamCall.js

@@ -0,0 +1,74 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CallCycleLogicsWrapper = exports.StreamCall = void 0;
+const video_react_bindings_1 = require("@stream-io/video-react-bindings");
+const react_1 = __importStar(require("react"));
+const video_client_1 = require("@stream-io/video-client");
+const hooks_1 = require("../hooks");
+/**
+ * StreamCall is a wrapper component that orchestrates the call life cycle logic and
+ * provides the call object to the children components.
+ * @param PropsWithChildren<StreamCallProps>
+ *
+ * @category Client State
+ */
+const StreamCall = ({ callId, callType = 'default', call, callCycleHandlers = {}, children, }) => {
+    const videoClient = (0, video_react_bindings_1.useStreamVideoClient)();
+    const [activeCall, setActiveCall] = (0, react_1.useState)(() => {
+        if (call)
+            return call;
+        if (!videoClient || !callId || !callType)
+            return;
+        return videoClient?.call(callType, callId);
+    });
+    // Effect to create a new call with the given call id and type if the call doesn't exist
+    (0, react_1.useEffect)(() => {
+        if (!videoClient)
+            return;
+        if (callId && callType && !activeCall) {
+            const newCall = videoClient.call(callType, callId);
+            setActiveCall(newCall);
+        }
+        return () => {
+            if (activeCall?.state.callingState === video_client_1.CallingState.LEFT)
+                return;
+            activeCall?.leave().catch((e) => console.log(e));
+            setActiveCall(undefined);
+        };
+    }, [activeCall, callId, callType, videoClient]);
+    return (<video_react_bindings_1.StreamCallProvider call={activeCall}>
+      <exports.CallCycleLogicsWrapper callCycleHandlers={callCycleHandlers}>
+        {children}
+      </exports.CallCycleLogicsWrapper>
+    </video_react_bindings_1.StreamCallProvider>);
+};
+exports.StreamCall = StreamCall;
+const CallCycleLogicsWrapper = ({ callCycleHandlers, children, }) => {
+    (0, hooks_1.useCallCycleEffect)(callCycleHandlers);
+    return <>{children}</>;
+};
+exports.CallCycleLogicsWrapper = CallCycleLogicsWrapper;
+//# sourceMappingURL=StreamCall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamCall.js","sourceRoot":"","sources":["../../../src/providers/StreamCall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAGyC;AACzC,+CAAsE;AACtE,0DAA6D;AAC7D,oCAA8C;AAqC9C;;;;;;GAMG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,iBAAiB,GAAG,EAAE,EACtB,QAAQ,GAC2B,EAAE,EAAE;IACvC,MAAM,WAAW,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAmB,GAAG,EAAE;QAClE,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC;QACtB,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ;YAAE,OAAO;QACjD,OAAO,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,wFAAwF;IACxF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW;YAAE,OAAO;QAEzB,IAAI,MAAM,IAAI,QAAQ,IAAI,CAAC,UAAU,EAAE;YACrC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACnD,aAAa,CAAC,OAAO,CAAC,CAAC;SACxB;QAED,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,EAAE,KAAK,CAAC,YAAY,KAAK,2BAAY,CAAC,IAAI;gBAAE,OAAO;YACjE,UAAU,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACjD,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,CAAC,yCAAkB,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CACnC;MAAA,CAAC,8BAAsB,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAC3D;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,8BAAsB,CAC1B;IAAA,EAAE,yCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,UAAU,cAqCrB;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"}

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

@@ -0,0 +1,10 @@
+import { StreamVideoProps } from '@stream-io/video-react-bindings';
+import { PropsWithChildren } from 'react';
+/**
+ *
+ * @param props
+ * @returns
+ *
+ * @category Client State
+ */
+export declare const StreamVideo: (props: PropsWithChildren<StreamVideoProps>) => JSX.Element;

package/dist/src/providers/StreamVideo.js

@@ -0,0 +1,66 @@
+"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.StreamVideo = void 0;
+const video_react_bindings_1 = require("@stream-io/video-react-bindings");
+const react_1 = __importStar(require("react"));
+const StreamVideoContext_1 = require("../contexts/StreamVideoContext");
+const netinfo_1 = __importDefault(require("@react-native-community/netinfo"));
+const MediaDevices_1 = require("./MediaDevices");
+/**
+ *
+ * @param props
+ * @returns
+ *
+ * @category Client State
+ */
+const StreamVideo = (props) => {
+    const { client, children, translationsOverrides, i18nInstance, language } = props;
+    /**
+     * Effect to inform the coordinator about the online status of the app
+     */
+    (0, react_1.useEffect)(() => {
+        const unsubscribe = netinfo_1.default.addEventListener((state) => {
+            const { isConnected, isInternetReachable } = state;
+            const isOnline = isConnected !== false && isInternetReachable !== false;
+            // @ts-expect-error - due to being incompatible with DOM event type
+            client.streamClient.wsConnection?.onlineStatusChanged({
+                type: isOnline ? 'online' : 'offline',
+            });
+        });
+        return unsubscribe;
+    }, [client]);
+    return (<video_react_bindings_1.StreamVideo client={client} translationsOverrides={translationsOverrides} i18nInstance={i18nInstance} language={language}>
+      <StreamVideoContext_1.StreamVideoStoreProvider>
+        <MediaDevices_1.MediaDevices />
+        {children}
+      </StreamVideoContext_1.StreamVideoStoreProvider>
+    </video_react_bindings_1.StreamVideo>);
+};
+exports.StreamVideo = StreamVideo;
+//# sourceMappingURL=StreamVideo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamVideo.js","sourceRoot":"","sources":["../../../src/providers/StreamVideo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAGyC;AACzC,+CAA4D;AAC5D,uEAA0E;AAC1E,8EAAsD;AACtD,iDAA8C;AAE9C;;;;;;GAMG;AACI,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;IACxE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,qBAAqB,EAAE,YAAY,EAAE,QAAQ,EAAE,GACvE,KAAK,CAAC;IAER;;OAEG;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,iBAAO,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE;YACrD,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;YACnD,MAAM,QAAQ,GAAG,WAAW,KAAK,KAAK,IAAI,mBAAmB,KAAK,KAAK,CAAC;YACxE,mEAAmE;YACnE,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,mBAAmB,CAAC;gBACpD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;aACtC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,CAAC,kCAAmB,CAClB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;MAAA,CAAC,6CAAwB,CACvB;QAAA,CAAC,2BAAY,CAAC,AAAD,EACb;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,6CAAwB,CAC5B;IAAA,EAAE,kCAAmB,CAAC,CACvB,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB"}

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

@@ -0,0 +1,2 @@
+export * from './StreamVideo';
+export * from './StreamCall';

package/dist/src/providers/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("./StreamVideo"), exports);
+__exportStar(require("./StreamCall"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/src/theme/avatar.d.ts

@@ -0,0 +1,2 @@
+import { AvatarScheme } from './types';
+export declare const avatar: AvatarScheme;

package/dist/src/theme/avatar.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.avatar = void 0;
+exports.avatar = {
+    xs: 50,
+    sm: 100,
+    md: 120,
+    lg: 180,
+    xl: 80,
+};
+//# sourceMappingURL=avatar.js.map

package/dist/src/theme/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/theme/avatar.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAiB;IAClC,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,EAAE;CACP,CAAC"}

package/dist/src/theme/button.d.ts

@@ -0,0 +1,2 @@
+import { ButtonScheme } from './types';
+export declare const button: ButtonScheme;

package/dist/src/theme/button.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.button = void 0;
+exports.button = {
+    xs: { height: 40, width: 40, borderRadius: 20 },
+    sm: { height: 50, width: 50, borderRadius: 25 },
+    md: { height: 60, width: 60, borderRadius: 30 },
+    lg: { height: 70, width: 70, borderRadius: 35 },
+    xl: { height: 80, width: 80, borderRadius: 40 },
+};
+//# sourceMappingURL=button.js.map

package/dist/src/theme/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/theme/button.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAiB;IAClC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/C,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/C,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/C,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/C,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;CAChD,CAAC"}

package/dist/src/theme/colors.d.ts

@@ -0,0 +1,3 @@
+import { ColorType } from './types';
+declare const colors: ColorType;
+export { colors };

package/dist/src/theme/colors.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = void 0;
+const constants_1 = require("./constants");
+const opacityToHex = (opacity) => {
+    return Math.round(opacity * 255)
+        .toString(16)
+        .padStart(2, '0');
+};
+const colors = {
+    light: {
+        primary: constants_1.palette.blue500,
+        error: constants_1.palette.red400,
+        info: constants_1.palette.green500,
+        static_black: constants_1.palette.grey950,
+        static_white: constants_1.palette.grey50,
+        static_overlay: constants_1.palette.grey950 + opacityToHex(0.85),
+        static_grey: constants_1.palette.grey700,
+        disabled: constants_1.palette.grey400,
+        text_low_emphasis: constants_1.palette.grey500,
+        text_high_emphasis: constants_1.palette.grey950,
+        controls_bg: constants_1.palette.grey50,
+        borders: constants_1.palette.grey300,
+        overlay: constants_1.palette.grey950 + opacityToHex(0.4),
+        overlay_dark: constants_1.palette.grey950 + opacityToHex(0.6),
+        bars: constants_1.palette.grey50,
+        content_bg: constants_1.palette.grey950 + opacityToHex(0.05),
+    },
+    dark: {
+        primary: constants_1.palette.blue500,
+        error: constants_1.palette.red400,
+        info: constants_1.palette.green500,
+        static_black: constants_1.palette.grey950,
+        static_white: constants_1.palette.grey50,
+        static_overlay: constants_1.palette.grey950 + opacityToHex(0.85),
+        static_grey: constants_1.palette.grey700,
+        disabled: constants_1.palette.grey600,
+        text_low_emphasis: constants_1.palette.grey500,
+        text_high_emphasis: constants_1.palette.grey50,
+        controls_bg: constants_1.palette.grey900,
+        borders: constants_1.palette.grey700,
+        overlay: constants_1.palette.grey950 + opacityToHex(0.4),
+        overlay_dark: constants_1.palette.grey50 + opacityToHex(0.6),
+        bars: constants_1.palette.grey900,
+        content_bg: constants_1.palette.grey950 + opacityToHex(0.05),
+    },
+};
+exports.colors = colors;
+//# sourceMappingURL=colors.js.map

package/dist/src/theme/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/theme/colors.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAGtC,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,EAAE;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;SAC7B,QAAQ,CAAC,EAAE,CAAC;SACZ,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,MAAM,GAAc;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,mBAAO,CAAC,OAAO;QACxB,KAAK,EAAE,mBAAO,CAAC,MAAM;QACrB,IAAI,EAAE,mBAAO,CAAC,QAAQ;QACtB,YAAY,EAAE,mBAAO,CAAC,OAAO;QAC7B,YAAY,EAAE,mBAAO,CAAC,MAAM;QAC5B,cAAc,EAAE,mBAAO,CAAC,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC;QACpD,WAAW,EAAE,mBAAO,CAAC,OAAO;QAC5B,QAAQ,EAAE,mBAAO,CAAC,OAAO;QACzB,iBAAiB,EAAE,mBAAO,CAAC,OAAO;QAClC,kBAAkB,EAAE,mBAAO,CAAC,OAAO;QACnC,WAAW,EAAE,mBAAO,CAAC,MAAM;QAC3B,OAAO,EAAE,mBAAO,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAO,CAAC,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC;QAC5C,YAAY,EAAE,mBAAO,CAAC,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC;QACjD,IAAI,EAAE,mBAAO,CAAC,MAAM;QACpB,UAAU,EAAE,mBAAO,CAAC,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC;KACjD;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,mBAAO,CAAC,OAAO;QACxB,KAAK,EAAE,mBAAO,CAAC,MAAM;QACrB,IAAI,EAAE,mBAAO,CAAC,QAAQ;QACtB,YAAY,EAAE,mBAAO,CAAC,OAAO;QAC7B,YAAY,EAAE,mBAAO,CAAC,MAAM;QAC5B,cAAc,EAAE,mBAAO,CAAC,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC;QACpD,WAAW,EAAE,mBAAO,CAAC,OAAO;QAC5B,QAAQ,EAAE,mBAAO,CAAC,OAAO;QACzB,iBAAiB,EAAE,mBAAO,CAAC,OAAO;QAClC,kBAAkB,EAAE,mBAAO,CAAC,MAAM;QAClC,WAAW,EAAE,mBAAO,CAAC,OAAO;QAC5B,OAAO,EAAE,mBAAO,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAO,CAAC,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC;QAC5C,YAAY,EAAE,mBAAO,CAAC,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC;QAChD,IAAI,EAAE,mBAAO,CAAC,OAAO;QACrB,UAAU,EAAE,mBAAO,CAAC,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC;KACjD;CACF,CAAC;AAEO,wBAAM"}

package/dist/src/theme/constants.d.ts

@@ -0,0 +1,47 @@
+declare const palette: {
+    green50: string;
+    green100: string;
+    green200: string;
+    green300: string;
+    green400: string;
+    green500: string;
+    green600: string;
+    green700: string;
+    green800: string;
+    green900: string;
+    green950: string;
+    blue50: string;
+    blue100: string;
+    blue200: string;
+    blue300: string;
+    blue400: string;
+    blue500: string;
+    blue600: string;
+    blue700: string;
+    blue800: string;
+    blue900: string;
+    blue950: string;
+    red50: string;
+    red100: string;
+    red200: string;
+    red300: string;
+    red400: string;
+    red500: string;
+    red600: string;
+    red700: string;
+    red800: string;
+    red900: string;
+    red950: string;
+    grey50: string;
+    grey100: string;
+    grey200: string;
+    grey300: string;
+    grey400: string;
+    grey500: string;
+    grey600: string;
+    grey700: string;
+    grey800: string;
+    grey900: string;
+    grey950: string;
+};
+export { palette };

package/dist/src/theme/constants.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.palette = void 0;
+const ref = {
+    palette: {
+        green50: '#F6FEF9',
+        green100: '#E9F1FF',
+        green200: '#A6F2C6',
+        green300: '#79ECA9',
+        green400: '#4CE68C',
+        green500: '#20E070',
+        green600: '#19B359',
+        green700: '#138643',
+        green800: '#0D592C',
+        green900: '#062D16',
+        green950: '#041B0D',
+        blue50: '#F5FAFF',
+        blue100: '#E0F0FF',
+        blue200: '#CCDFFF',
+        blue300: '#669FFF',
+        blue400: '#337EFF',
+        blue500: '#005FFF',
+        blue600: '#004CCC',
+        blue700: '#003999',
+        blue800: '#002666',
+        blue900: '#00163D',
+        blue950: '#000D24',
+        red50: '#FFF5F5',
+        red100: '#FFE5E7',
+        red200: '#FF999F',
+        red300: '#FF666E',
+        red400: '#FF3742',
+        red500: '#FF000E',
+        red600: '#CC000B',
+        red700: '#990008',
+        red800: '#660006',
+        red900: '#330003',
+        red950: '#1F0002',
+        grey50: '#FFFFFF',
+        grey100: '#F7F7F8',
+        grey200: '#E9EAED',
+        grey300: '#DBDDE1',
+        grey400: '#B4B7BB',
+        grey500: '#72767E',
+        grey600: '#4C525C',
+        grey700: '#272A30',
+        grey800: '#1C1E22',
+        grey900: '#121416',
+        grey950: '#080707',
+    },
+};
+const { palette } = ref;
+exports.palette = palette;
+//# sourceMappingURL=constants.js.map

package/dist/src/theme/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/theme/constants.ts"],"names":[],"mappings":";;;AAAA,MAAM,GAAG,GAAG;IACV,OAAO,EAAE;QACP,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;AACf,0BAAO"}

package/dist/src/theme/fonts.d.ts

@@ -0,0 +1,2 @@
+import { FontStyle, FontTypes } from './types';
+export declare const fonts: Record<FontTypes, FontStyle>;