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

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

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

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

@@ -0,0 +1 @@
+export declare const ToggleVideoButton: () => JSX.Element;

package/dist/src/components/ToggleVideoButton.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleVideoButton = void 0;
+const video_client_1 = require("@stream-io/video-client");
+const video_react_bindings_1 = require("@stream-io/video-react-bindings");
+const CallControlsButton_1 = require("./CallControlsButton");
+const utils_1 = require("../utils");
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+const icons_1 = require("../icons");
+const hooks_1 = require("../hooks");
+const react_1 = require("react");
+const ToggleVideoButton = () => {
+    const [isAwaitingApproval, setIsAwaitingApproval] = (0, react_1.useState)(false);
+    const { toggleVideoMuted, isVideoPublished } = (0, hooks_1.useCallControls)();
+    const isVideoMuted = !isVideoPublished;
+    const userHasSendVideoCapability = (0, video_react_bindings_1.useHasPermissions)(video_client_1.OwnCapability.SEND_VIDEO);
+    const call = (0, video_react_bindings_1.useCall)();
+    (0, react_1.useEffect)(() => {
+        if (userHasSendVideoCapability) {
+            setIsAwaitingApproval(false);
+        }
+    }, [userHasSendVideoCapability]);
+    const handleRequestPermission = (0, react_1.useCallback)(async (permission) => {
+        if (!call?.permissionsContext.canRequest(permission)) {
+            return;
+        }
+        setIsAwaitingApproval(true);
+        try {
+            await call.requestPermissions({ permissions: [permission] });
+        }
+        catch (error) {
+            if (error instanceof video_client_1.AxiosError) {
+                console.log('RequestPermissions failed', error.response?.data.message);
+            }
+        }
+    }, [call]);
+    (0, hooks_1.usePermissionNotification)({
+        permission: video_client_1.OwnCapability.SEND_VIDEO,
+        messageApproved: 'You can now share your video.',
+        messageRevoked: 'You can no longer share your video.',
+    });
+    const handleToggleVideoButton = async () => {
+        if (userHasSendVideoCapability) {
+            await toggleVideoMuted();
+            return;
+        }
+        if (!isAwaitingApproval) {
+            await handleRequestPermission(video_client_1.OwnCapability.SEND_VIDEO);
+        }
+        else {
+            react_native_1.Alert.alert('Awaiting for an approval to share your video.');
+        }
+    };
+    return (<video_react_bindings_1.Restricted requiredGrants={[video_client_1.OwnCapability.SEND_VIDEO]}>
+      <CallControlsButton_1.CallControlsButton onPress={handleToggleVideoButton} color={(0, utils_1.muteStatusColor)(isVideoMuted)} style={!isVideoMuted ? styles.button : null}>
+        {isVideoMuted ? (<icons_1.VideoSlash color={theme_1.theme.light.static_white}/>) : (<icons_1.Video color={theme_1.theme.light.static_black}/>)}
+      </CallControlsButton_1.CallControlsButton>
+    </video_react_bindings_1.Restricted>);
+};
+exports.ToggleVideoButton = ToggleVideoButton;
+const styles = react_native_1.StyleSheet.create({
+    button: {
+        // For iOS
+        shadowOffset: {
+            width: 0,
+            height: 6,
+        },
+        shadowOpacity: 0.37,
+        shadowRadius: 7.49,
+        // For android
+        elevation: 6,
+    },
+    svgContainerStyle: {
+        paddingTop: theme_1.theme.padding.xs,
+    },
+});
+//# sourceMappingURL=ToggleVideoButton.js.map

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

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

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

@@ -0,0 +1,13 @@
+export type UserInfoViewType = {
+    /**
+     * Whether to include the current user in the list of members to show.
+     * @default false.
+     */
+    includeSelf?: boolean;
+    /**
+     * The maximum number of members to show.
+     * @default 3.
+     */
+    totalMembersToShow?: number;
+};
+export declare const UserInfoView: ({ includeSelf, totalMembersToShow, }: UserInfoViewType) => JSX.Element;

package/dist/src/components/UserInfoView.js

@@ -0,0 +1,82 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserInfoView = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const utils_1 = require("../utils");
+const video_react_bindings_1 = require("@stream-io/video-react-bindings");
+const theme_1 = require("../theme");
+var AvatarModes;
+(function (AvatarModes) {
+    AvatarModes["small"] = "sm";
+    AvatarModes["medium"] = "md";
+    AvatarModes["large"] = "lg";
+})(AvatarModes || (AvatarModes = {}));
+const UserInfoView = ({ includeSelf = false, totalMembersToShow = 3, }) => {
+    const connectedUser = (0, video_react_bindings_1.useConnectedUser)();
+    const members = (0, video_react_bindings_1.useCallMembers)();
+    // take the first N members to show their avatars
+    const membersToShow = (members || [])
+        .slice(0, totalMembersToShow)
+        .map(({ user }) => user)
+        .filter((user) => user.id !== connectedUser?.id ?? includeSelf);
+    if (includeSelf &&
+        !membersToShow.find((user) => user.id === connectedUser?.id)) {
+        // if the current user is not in the initial batch of members,
+        // add it to the beginning of the list
+        const self = members.find(({ user }) => user.id === connectedUser?.id);
+        if (self) {
+            membersToShow.splice(0, 1, self.user);
+        }
+    }
+    const memberUserIds = membersToShow.map((memberToShow) => memberToShow.name ?? memberToShow.id);
+    const callTitle = (0, utils_1.generateCallTitle)(memberUserIds, totalMembersToShow);
+    const avatarSizeModes = {
+        1: AvatarModes.large,
+        2: AvatarModes.medium,
+        3: AvatarModes.small,
+    };
+    const mode = avatarSizeModes[memberUserIds.length] || AvatarModes.small;
+    const avatarStyles = {
+        height: theme_1.theme.avatar[mode],
+        width: theme_1.theme.avatar[mode],
+        borderRadius: theme_1.theme.avatar[mode] / 2,
+    };
+    const fontStyleByMembersCount = memberUserIds.length > 1 ? theme_1.theme.fonts.heading5 : theme_1.theme.fonts.heading4;
+    return (<react_native_1.View style={styles.userInfo}>
+      <react_native_1.View style={styles.avatarGroup}>
+        {membersToShow.map((memberToShow) => {
+            return (<react_native_1.Image key={memberToShow.id} style={[avatarStyles]} 
+            // FIXME: use real avatar from coordinator this is temporary
+            source={{
+                    uri: memberToShow.image,
+                }}/>);
+        })}
+      </react_native_1.View>
+      <react_native_1.Text style={[styles.name, fontStyleByMembersCount]}>{callTitle}</react_native_1.Text>
+    </react_native_1.View>);
+};
+exports.UserInfoView = UserInfoView;
+const styles = react_native_1.StyleSheet.create({
+    userInfo: {
+        paddingHorizontal: react_native_1.Platform.OS === 'android' ? theme_1.theme.padding.xl * 4 : theme_1.theme.padding.xl * 2,
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+    },
+    avatarGroup: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-evenly',
+        flexWrap: 'wrap',
+    },
+    name: {
+        color: theme_1.theme.light.static_white,
+        textAlign: 'center',
+        marginTop: theme_1.theme.margin.xl,
+    },
+});
+//# sourceMappingURL=UserInfoView.js.map

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

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

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

@@ -0,0 +1,65 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { MediaStream } from 'react-native-webrtc';
+/**
+ * Props to be passed for the VideoRenderer component.
+ */
+export interface VideoRendererProps {
+    /**
+     * The stream that should be rendered.
+     */
+    mediaStream: MediaStream;
+    /**
+     * Indicates whether the video should be
+     * mirrored during rendering. Commonly, applications choose to mirror the
+     * user-facing camera.
+     *
+     * @defaultValue
+     * The default is `false`
+     */
+    mirror?: boolean;
+    /**
+     * Similarly to the CSS property z-index, specifies the z-order of this
+     * `RTCView` in the stacking space of all `RTCView`s. When `RTCView`s overlap,
+     * `zOrder` determines which one covers the other. An `RTCView` with a larger
+     * `zOrder` generally covers an RTCView with a lower one.
+     *
+     * Non-overlapping `RTCView`s may safely share a z-order (because one does not
+     * have to cover the other).
+     *
+     * The support for `zOrder` is platform-dependent and/or
+     * implementation-specific. Thus, specifying a value for `zOrder` is to be
+     * thought of as giving a hint rather than as imposing a requirement. For
+     * example, video renderers such as `RTCView` are commonly implemented using
+     * OpenGL and OpenGL views may have different numbers of layers in their
+     * stacking space. android has three: a layer bellow the window (aka
+     * default), a layer bellow the window again but above the previous layer
+     * (aka media overlay), and above the window. Consequently, it is advisable
+     * to limit the number of utilized layers in the stacking space to the
+     * minimum sufficient for the desired display. For example, a video call
+     * application usually needs a maximum of two `zOrder` values: 0 for the
+     * remote one or more videos which appear in the background, and 1 for the local
+     * one or more videos which appear above the remote one or more videos.
+     */
+    zOrder?: number;
+    /**
+     * In the fashion of
+     * https://www.w3.org/TR/html5/embedded-content-0.html#dom-video-videowidth
+     * and https://www.w3.org/TR/html5/rendering.html#video-object-fit,
+     * resembles the CSS style object-fit.
+     *
+     * @defaultValue
+     * The default is `cover`
+     */
+    objectFit?: 'contain' | 'cover';
+    /**
+     * Style to override the default style of the `RTCView`.
+     * @defaultValue
+     * The default is `{ flex: 1 }`
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Lower level component, that represents only the video part (wrapper around the WebRTC)
+ * //Todo: SG: add photo's with all states
+ */
+export declare const VideoRenderer: (props: VideoRendererProps) => JSX.Element;

package/dist/src/components/VideoRenderer.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoRenderer = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_webrtc_1 = require("react-native-webrtc");
+/**
+ * Lower level component, that represents only the video part (wrapper around the WebRTC)
+ * //Todo: SG: add photo's with all states
+ */
+const VideoRenderer = (props) => {
+    const { mediaStream, mirror = false, style = { flex: 1 }, zOrder = undefined, objectFit = 'cover', } = props;
+    return (<react_native_webrtc_1.RTCView streamURL={mediaStream?.toURL()} mirror={mirror} style={style} objectFit={objectFit} zOrder={zOrder}/>);
+};
+exports.VideoRenderer = VideoRenderer;
+//# sourceMappingURL=VideoRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoRenderer.js","sourceRoot":"","sources":["../../../src/components/VideoRenderer.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,6DAA2D;AA6D3D;;;GAGG;AACI,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EACJ,WAAW,EACX,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,EACnB,MAAM,GAAG,SAAS,EAClB,SAAS,GAAG,OAAO,GACpB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,CAAC,6BAAO,CACN,SAAS,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,CAChC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,aAAa,iBAiBxB"}

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

@@ -0,0 +1,12 @@
+export * from './ActiveCall';
+export * from './IncomingCallView';
+export * from './OutgoingCallView';
+export * from './Avatar';
+export * from './VideoRenderer';
+export * from './LocalVideoView';
+export * from './ParticipantView';
+export * from './CallParticipantsView';
+export * from './CallControlsView';
+export * from './CallParticipantsInfoView';
+export * from './LobbyView';
+export * from './ReactionsModal';

package/dist/src/components/index.js

@@ -0,0 +1,29 @@
+"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("./ActiveCall"), exports);
+__exportStar(require("./IncomingCallView"), exports);
+__exportStar(require("./OutgoingCallView"), exports);
+__exportStar(require("./Avatar"), exports);
+__exportStar(require("./VideoRenderer"), exports);
+__exportStar(require("./LocalVideoView"), exports);
+__exportStar(require("./ParticipantView"), exports);
+__exportStar(require("./CallParticipantsView"), exports);
+__exportStar(require("./CallControlsView"), exports);
+__exportStar(require("./CallParticipantsInfoView"), exports);
+__exportStar(require("./LobbyView"), exports);
+__exportStar(require("./ReactionsModal"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,qDAAmC;AACnC,qDAAmC;AACnC,2CAAyB;AACzB,kDAAgC;AAChC,mDAAiC;AACjC,oDAAkC;AAClC,yDAAuC;AACvC,qDAAmC;AACnC,6DAA2C;AAC3C,8CAA4B;AAC5B,mDAAiC"}

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

@@ -0,0 +1,20 @@
+export declare enum A11yIcons {
+    MUTED_VIDEO = "muted-video-icon",
+    HANG_UP_CALL = "hang-up-call-icon",
+    SCREEN_SHARE = "screen-share-icon"
+}
+export declare enum A11yComponents {
+    PARTICIPANT_AVATAR = "participant-avatar",
+    CALL_PARTICIPANTS_LIST = "call-participants-list",
+    LOCAL_PARTICIPANT = "local-participant",
+    PARTICIPANT_MEDIA_STREAM = "participant-media-stream"
+}
+export declare enum A11yButtons {
+    PARTICIPANTS_INFO = "participants-info-button"
+}
+export declare enum A11yValues {
+    PARTICIPANTS_IS_SPEAKING = "participant-is-speaking"
+}
+export declare enum A11yImages {
+    AVATAR = "avatar-image"
+}

package/dist/src/constants/A11yLabels.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.A11yImages = exports.A11yValues = exports.A11yButtons = exports.A11yComponents = exports.A11yIcons = void 0;
+var A11yIcons;
+(function (A11yIcons) {
+    A11yIcons["MUTED_VIDEO"] = "muted-video-icon";
+    A11yIcons["HANG_UP_CALL"] = "hang-up-call-icon";
+    A11yIcons["SCREEN_SHARE"] = "screen-share-icon";
+})(A11yIcons = exports.A11yIcons || (exports.A11yIcons = {}));
+var A11yComponents;
+(function (A11yComponents) {
+    A11yComponents["PARTICIPANT_AVATAR"] = "participant-avatar";
+    A11yComponents["CALL_PARTICIPANTS_LIST"] = "call-participants-list";
+    A11yComponents["LOCAL_PARTICIPANT"] = "local-participant";
+    A11yComponents["PARTICIPANT_MEDIA_STREAM"] = "participant-media-stream";
+})(A11yComponents = exports.A11yComponents || (exports.A11yComponents = {}));
+var A11yButtons;
+(function (A11yButtons) {
+    A11yButtons["PARTICIPANTS_INFO"] = "participants-info-button";
+})(A11yButtons = exports.A11yButtons || (exports.A11yButtons = {}));
+var A11yValues;
+(function (A11yValues) {
+    A11yValues["PARTICIPANTS_IS_SPEAKING"] = "participant-is-speaking";
+})(A11yValues = exports.A11yValues || (exports.A11yValues = {}));
+var A11yImages;
+(function (A11yImages) {
+    A11yImages["AVATAR"] = "avatar-image";
+})(A11yImages = exports.A11yImages || (exports.A11yImages = {}));
+//# sourceMappingURL=A11yLabels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"A11yLabels.js","sourceRoot":"","sources":["../../../src/constants/A11yLabels.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,6CAAgC,CAAA;IAChC,+CAAkC,CAAA;IAClC,+CAAkC,CAAA;AACpC,CAAC,EAJW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAIpB;AAED,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,2DAAyC,CAAA;IACzC,mEAAiD,CAAA;IACjD,yDAAuC,CAAA;IACvC,uEAAqD,CAAA;AACvD,CAAC,EALW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAKzB;AAED,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,6DAA8C,CAAA;AAChD,CAAC,EAFW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAEtB;AAED,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,kEAAoD,CAAA;AACtD,CAAC,EAFW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAErB;AAED,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAErB"}

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

@@ -0,0 +1,11 @@
+export declare const LOCAL_VIDEO_VIEW_STYLE: {
+    height: number;
+    width: number;
+    borderRadius: number;
+};
+export declare const defaultEmojiReactions: {
+    type: string;
+    emoji_code: string;
+    custom: {};
+    icon: string;
+}[];

package/dist/src/constants/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultEmojiReactions = exports.LOCAL_VIDEO_VIEW_STYLE = void 0;
+const theme_1 = require("../theme");
+exports.LOCAL_VIDEO_VIEW_STYLE = {
+    height: 140,
+    width: 80,
+    borderRadius: theme_1.theme.rounded.sm,
+};
+exports.defaultEmojiReactions = [
+    {
+        type: 'reaction',
+        emoji_code: ':like:',
+        custom: {},
+        icon: '👍',
+    },
+    {
+        type: 'raised-hand',
+        emoji_code: ':raise-hand:',
+        custom: {},
+        icon: '✋',
+    },
+    {
+        type: 'reaction',
+        emoji_code: ':fireworks:',
+        custom: {},
+        icon: '🎉',
+    },
+];
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":";;;AAAA,oCAAiC;AAEpB,QAAA,sBAAsB,GAAG;IACpC,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,EAAE;IACT,YAAY,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;CAC/B,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACnC;QACE,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,IAAI;KACX;IACD;QACE,IAAI,EAAE,aAAa;QACnB,UAAU,EAAE,cAAc;QAC1B,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,GAAG;KACV;IACD;QACE,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,IAAI;KACX;CACF,CAAC"}

package/dist/src/contexts/StreamVideoContext/createStoreContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export default function createStoreContext<PassedStoreType extends object>(initialState: PassedStoreType): {
+    Provider: (props: React.PropsWithChildren<{}>) => JSX.Element;
+    useStoreValue: <SelectorOutput extends (PassedStoreType & {
+        isStoreInitialized: boolean;
+    })[keyof PassedStoreType | "isStoreInitialized"]>(selector: (store: PassedStoreType & {
+        isStoreInitialized: boolean;
+    }) => SelectorOutput) => SelectorOutput;
+    useStoreSetState: () => (partialStateOrFunc: Partial<PassedStoreType & {
+        isStoreInitialized: boolean;
+    }> | ((prevState: PassedStoreType & {
+        isStoreInitialized: boolean;
+    }) => Partial<PassedStoreType>)) => void;
+};

package/dist/src/contexts/StreamVideoContext/createStoreContext.js

@@ -0,0 +1,100 @@
+"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 });
+const react_1 = __importStar(require("react"));
+function createStoreContext(initialState) {
+    function useStoreData() {
+        const storeRef = (0, react_1.useRef)({
+            ...initialState,
+            isStoreInitialized: false,
+        });
+        const getSnapshot = (0, react_1.useRef)(() => storeRef.current).current;
+        const subscribersRef = (0, react_1.useRef)([]);
+        const setState = (0, react_1.useRef)((partialStateOrFunc) => {
+            if (typeof partialStateOrFunc === 'function') {
+                const value = partialStateOrFunc(storeRef.current);
+                storeRef.current = {
+                    ...storeRef.current,
+                    ...value,
+                };
+            }
+            else {
+                storeRef.current = { ...storeRef.current, ...partialStateOrFunc };
+            }
+            subscribersRef.current.forEach((callback) => callback());
+        }).current;
+        const subscribe = (0, react_1.useRef)((callback) => {
+            subscribersRef.current.push(callback);
+            return () => subscribersRef.current.filter((cb) => cb !== callback);
+        }).current;
+        return {
+            getSnapshot,
+            setState,
+            subscribe,
+        };
+    }
+    const StoreContext = (0, react_1.createContext)(null);
+    function Provider(props) {
+        const value = useStoreData();
+        return (<StoreContext.Provider value={value}>
+        {props.children}
+      </StoreContext.Provider>);
+    }
+    /**
+     * @param selector
+     * @returns
+     *
+     * @category Client State
+     */
+    function useStoreValue(selector) {
+        const store = (0, react_1.useContext)(StoreContext);
+        if (!store) {
+            throw new Error('Store not found');
+        }
+        const [state, setState] = (0, react_1.useState)(selector(store.getSnapshot()));
+        (0, react_1.useEffect)(() => store.subscribe(() => setState(selector(store.getSnapshot()))), [selector, store]);
+        return state;
+    }
+    /**
+     *
+     * @returns
+     *
+     * @category Client State
+     */
+    function useStoreSetState() {
+        const store = (0, react_1.useContext)(StoreContext);
+        if (!store) {
+            throw new Error('Store not found');
+        }
+        return store.setState;
+    }
+    return {
+        Provider,
+        useStoreValue,
+        useStoreSetState,
+    };
+}
+exports.default = createStoreContext;
+//# sourceMappingURL=createStoreContext.js.map

package/dist/src/contexts/StreamVideoContext/createStoreContext.js.map

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

package/dist/src/contexts/StreamVideoContext/index.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export type MediaDeviceInfo = {
+    deviceId: string;
+    facing?: 'environment' | 'front';
+    groupId: string;
+    kind: 'videoinput' | 'audioinput';
+    label: string;
+};
+/**
+ * Exclude types from documentation site, but we should still add doc comments
+ * @internal
+ */
+export interface SDKStreamVideoStore {
+    isCameraOnFrontFacingMode: boolean;
+    isVideoMuted: boolean;
+    isAudioMuted: boolean;
+    currentAudioDevice?: MediaDeviceInfo;
+    currentVideoDevice?: MediaDeviceInfo;
+    audioDevices: MediaDeviceInfo[];
+    videoDevices: MediaDeviceInfo[];
+}
+export declare const StreamVideoStoreProvider: (props: {
+    children?: import("react").ReactNode;
+}) => JSX.Element, useStreamVideoStoreValue: <SelectorOutput extends boolean | MediaDeviceInfo | MediaDeviceInfo[] | undefined>(selector: (store: SDKStreamVideoStore & {
+    isStoreInitialized: boolean;
+}) => SelectorOutput) => SelectorOutput, useStreamVideoStoreSetState: () => (partialStateOrFunc: Partial<SDKStreamVideoStore & {
+    isStoreInitialized: boolean;
+}> | ((prevState: SDKStreamVideoStore & {
+    isStoreInitialized: boolean;
+}) => Partial<SDKStreamVideoStore>)) => void;

package/dist/src/contexts/StreamVideoContext/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStreamVideoStoreSetState = exports.useStreamVideoStoreValue = exports.StreamVideoStoreProvider = void 0;
+const createStoreContext_1 = __importDefault(require("./createStoreContext"));
+_a = (0, createStoreContext_1.default)({
+    isCameraOnFrontFacingMode: false,
+    isVideoMuted: false,
+    isAudioMuted: false,
+    videoDevices: [],
+    audioDevices: [],
+    currentVideoDevice: undefined,
+    currentAudioDevice: undefined,
+}), exports.StreamVideoStoreProvider = _a.Provider, exports.useStreamVideoStoreValue = _a.useStoreValue, exports.useStreamVideoStoreSetState = _a.useStoreSetState;
+//# sourceMappingURL=index.js.map

package/dist/src/contexts/StreamVideoContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/StreamVideoContext/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,8EAAsD;AAwBzC,KAIT,IAAA,4BAAkB,EAAsB;IAC1C,yBAAyB,EAAE,KAAK;IAChC,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;IAChB,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;CAC9B,CAAC,EAXU,gCAAwB,gBACnB,gCAAwB,qBACrB,mCAA2B,uBAS5C"}

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

@@ -0,0 +1 @@
+export * from './StreamVideoContext';

package/dist/src/contexts/index.js

@@ -0,0 +1,18 @@
+"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("./StreamVideoContext"), exports);
+//# sourceMappingURL=index.js.map

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

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