@stream-io/video-react-sdk 0.0.1-alpha.100

package/dist/src/components/Permissions/PermissionRequests.js

@@ -0,0 +1,103 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, Fragment, useEffect, useState, } from 'react';
+import { OwnCapability, } from '@stream-io/video-client';
+import { useCall, useHasPermissions } from '@stream-io/video-react-bindings';
+import clsx from 'clsx';
+import { useFloatingUIPreset } from '../../hooks';
+const byNameOrId = (a, b) => {
+    if (a.name && b.name && a.name < b.name)
+        return -1;
+    if (a.name && b.name && a.name > b.name)
+        return 1;
+    if (a.id < b.id)
+        return -1;
+    if (a.id > b.id)
+        return 1;
+    return 0;
+};
+export const PermissionRequests = () => {
+    const call = useCall();
+    const [expanded, setExpanded] = useState(false);
+    const [permissionRequests, setPermissionRequests] = useState([]);
+    const canUpdateCallPermissions = useHasPermissions(OwnCapability.UPDATE_CALL_PERMISSIONS);
+    useEffect(() => {
+        if (!call || !canUpdateCallPermissions)
+            return;
+        return call.on('call.permission_request', (event) => {
+            if (event.type !== 'call.permission_request')
+                return;
+            setPermissionRequests((requests) => [...requests, event].sort((a, b) => byNameOrId(a.user, b.user)));
+        });
+    }, [call, canUpdateCallPermissions]);
+    const handleUpdatePermission = (request, allow) => {
+        return () => __awaiter(void 0, void 0, void 0, function* () {
+            const { user, permissions } = request;
+            if (allow) {
+                yield (call === null || call === void 0 ? void 0 : call.grantPermissions(user.id, permissions));
+            }
+            else {
+                yield (call === null || call === void 0 ? void 0 : call.revokePermissions(user.id, permissions));
+            }
+            setPermissionRequests((requests) => requests.filter((r) => r !== request));
+        });
+    };
+    const { refs, x, y, strategy } = useFloatingUIPreset({
+        placement: 'bottom',
+        strategy: 'absolute',
+    });
+    // don't render anything if there are no permission requests
+    if (permissionRequests.length === 0)
+        return null;
+    return (_jsxs("div", Object.assign({ className: "str-video__permission-requests", ref: refs.setReference }, { children: [_jsxs("div", Object.assign({ className: "str-video__permission-requests__notification" }, { children: [_jsxs("span", Object.assign({ className: "str-video__permission-requests__notification__message" }, { children: [permissionRequests.length, " pending permission requests"] })), _jsx(Button, Object.assign({ type: "button", onClick: () => {
+                            setExpanded((e) => !e);
+                        } }, { children: expanded ? 'Hide requests' : 'Show requests' }))] })), expanded && (_jsx(PermissionRequestList, { ref: refs.setFloating, style: {
+                    position: strategy,
+                    top: y !== null && y !== void 0 ? y : 0,
+                    left: x !== null && x !== void 0 ? x : 0,
+                    overflowY: 'auto',
+                }, permissionRequests: permissionRequests, handleUpdatePermission: handleUpdatePermission }))] })));
+};
+export const PermissionRequestList = forwardRef((props, ref) => {
+    const { permissionRequests, handleUpdatePermission } = props, rest = __rest(props, ["permissionRequests", "handleUpdatePermission"]);
+    return (_jsx("div", Object.assign({ className: "str-video__permission-requests-list", ref: ref }, rest, { children: permissionRequests.map((request, reqIndex) => {
+            const { user, permissions } = request;
+            return (_jsx(Fragment, { children: permissions.map((permission) => (_jsxs("div", Object.assign({ className: "str-video__permission-request" }, { children: [_jsx("div", Object.assign({ className: "str-video__permission-request__message" }, { children: messageForPermission(user.name || user.id, permission) })), _jsx(Button, Object.assign({ className: "str-video__permission-request__button--allow", type: "button", onClick: handleUpdatePermission(request, true) }, { children: "Allow" })), _jsx(Button, Object.assign({ className: "str-video__permission-request__button--reject", type: "button", onClick: handleUpdatePermission(request, false) }, { children: "Reject" }))] }), permission))) }, `${user.id}/${reqIndex}`));
+        }) })));
+});
+const Button = (props) => {
+    const { className } = props, rest = __rest(props, ["className"]);
+    return (_jsx("button", Object.assign({ className: clsx('str-video__permission-request__button', className) }, rest)));
+};
+const messageForPermission = (userName, permission) => {
+    switch (permission) {
+        case OwnCapability.SEND_AUDIO:
+            return `${userName} is requesting to speak`;
+        case OwnCapability.SEND_VIDEO:
+            return `${userName} is requesting to share their camera`;
+        case OwnCapability.SCREENSHARE:
+            return `${userName} is requesting to present their screen`;
+        default:
+            return `${userName} is requesting permission: ${permission}`;
+    }
+};
+//# sourceMappingURL=PermissionRequests.js.map

package/dist/src/components/Permissions/PermissionRequests.js.map

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './PermissionRequests';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Permissions/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Call, StreamReaction } from '@stream-io/video-client';
+export type ReactionProps = {
+    reaction: StreamReaction;
+    sessionId: string;
+    call: Call;
+    hideAfterTimeoutInMs?: number;
+};
+export declare const defaultEmojiReactions: Record<string, string>;
+export declare const Reaction: (props: ReactionProps) => JSX.Element;

package/dist/src/components/Reaction/Reaction.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import clsx from 'clsx';
+export const defaultEmojiReactions = {
+    ':like:': '👍',
+    ':raise-hand:': '✋',
+    ':fireworks:': '🎉',
+};
+export const Reaction = (props) => {
+    const { reaction, sessionId, call, hideAfterTimeoutInMs = 5500 } = props;
+    const [isShowing, setIsShowing] = useState(false);
+    useEffect(() => {
+        let timeoutId;
+        if (reaction) {
+            setIsShowing(true);
+            timeoutId = setTimeout(() => {
+                setIsShowing(false);
+                call.resetReaction(sessionId);
+            }, hideAfterTimeoutInMs);
+        }
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, [call, hideAfterTimeoutInMs, reaction, sessionId]);
+    const { emoji_code } = reaction;
+    return (_jsx("div", Object.assign({ className: clsx('str-video__reaction', isShowing && 'str-video__reaction--visible') }, { children: _jsx("span", Object.assign({ className: "str-video__reaction__emoji" }, { children: emoji_code && defaultEmojiReactions[emoji_code] })) })));
+};
+//# sourceMappingURL=Reaction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reaction.js","sourceRoot":"","sources":["../../../../src/components/Reaction/Reaction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,IAAI,MAAM,MAAM,CAAC;AASxB,MAAM,CAAC,MAAM,qBAAqB,GAA2B;IAC3D,QAAQ,EAAE,IAAI;IACd,cAAc,EAAE,GAAG;IACnB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,oBAAoB,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAyB,CAAC;QAC9B,IAAI,QAAQ,EAAE;YACZ,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAChC,CAAC,EAAE,oBAAoB,CAAC,CAAC;SAC1B;QACD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtD,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;IAChC,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CACb,qBAAqB,EACrB,SAAS,IAAI,8BAA8B,CAC5C,gBAED,6BAAM,SAAS,EAAC,4BAA4B,gBACzC,UAAU,IAAI,qBAAqB,CAAC,UAAU,CAAC,IAC3C,IACH,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './Reaction';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Reaction/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/src/components/Search/SearchInput.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps } from 'react';
+type SearchInputProps = ComponentProps<'input'> & {
+    /**
+     * Resets the search to its initial state.
+     * The function is called when Esc key or inputs clear button are pressed
+     */
+    exitSearch: () => void;
+    /**
+     * Flag to signal, whether search input elements should be rendered as active
+     */
+    isActive: boolean;
+};
+export declare const SearchInput: ({ exitSearch, isActive, ...rest }: SearchInputProps) => JSX.Element;
+export {};

package/dist/src/components/Search/SearchInput.js

@@ -0,0 +1,34 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import clsx from 'clsx';
+export const SearchInput = (_a) => {
+    var { exitSearch, isActive } = _a, rest = __rest(_a, ["exitSearch", "isActive"]);
+    const [inputElement, setInputElement] = useState(null);
+    useEffect(() => {
+        if (!inputElement)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key.toLowerCase() === 'escape')
+                exitSearch();
+        };
+        inputElement.addEventListener('keydown', handleKeyDown);
+        return () => {
+            inputElement.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [exitSearch, inputElement]);
+    return (_jsxs("div", Object.assign({ className: clsx('str-video__search-input__container', {
+            'str-video__search-input__container--active': isActive,
+        }) }, { children: [_jsx("input", Object.assign({ placeholder: "Search" }, rest, { ref: setInputElement })), isActive ? (_jsx("button", Object.assign({ className: "str-video__search-input__clear-btn", onClick: exitSearch }, { children: _jsx("span", { className: "str-video__search-input__icon--active" }) }))) : (_jsx("span", { className: "str-video__search-input__icon" }))] })));
+};
+//# sourceMappingURL=SearchInput.js.map

package/dist/src/components/Search/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,IAAI,MAAM,MAAM,CAAC;AAaxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAIT,EAAE,EAAE;QAJK,EAC1B,UAAU,EACV,QAAQ,OAES,EADd,IAAI,cAHmB,0BAI3B,CADQ;IAEP,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,IAAI,CACL,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,QAAQ;gBAAE,UAAU,EAAE,CAAC;QACrD,CAAC,CAAC;QAEF,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAExD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,oCAAoC,EAAE;YACpD,4CAA4C,EAAE,QAAQ;SACvD,CAAC,iBAEF,8BAAO,WAAW,EAAC,QAAQ,IAAK,IAAI,IAAE,GAAG,EAAE,eAAe,IAAI,EAC7D,QAAQ,CAAC,CAAC,CAAC,CACV,+BACE,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,UAAU,gBAEnB,eAAM,SAAS,EAAC,uCAAuC,GAAG,IACnD,CACV,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,+BAA+B,GAAG,CACnD,KACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/Search/SearchResults.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType } from 'react';
+import { SearchController } from './hooks';
+export type SearchResultListProps<T> = {
+    data: T[];
+};
+export type SearchResultsProps<T> = Pick<SearchController<T>, 'searchResults' | 'searchQueryInProgress'> & {
+    /** Component to be displayed, when empty array of search results is provided */
+    EmptySearchResultComponent: ComponentType;
+    /** Component will be used to render non-empty array of search results  */
+    SearchResultList: ComponentType<SearchResultListProps<T>>;
+    /** Component to be displayed while the search query request is in progress */
+    LoadingIndicator?: ComponentType;
+};
+export declare const SearchResults: <T extends unknown>({ EmptySearchResultComponent, LoadingIndicator, searchQueryInProgress, searchResults, SearchResultList, }: SearchResultsProps<T>) => JSX.Element;

package/dist/src/components/Search/SearchResults.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoadingIndicator as DefaultLoadingIndicator } from '../LoadingIndicator';
+export const SearchResults = ({ EmptySearchResultComponent, LoadingIndicator = DefaultLoadingIndicator, searchQueryInProgress, searchResults, SearchResultList, }) => {
+    if (searchQueryInProgress) {
+        return (_jsx("div", Object.assign({ className: "str-video__search-results--loading" }, { children: _jsx(LoadingIndicator, {}) })));
+    }
+    if (!searchResults.length) {
+        return _jsx(EmptySearchResultComponent, {});
+    }
+    return _jsx(SearchResultList, { data: searchResults });
+};
+//# sourceMappingURL=SearchResults.js.map

package/dist/src/components/Search/SearchResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResults.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchResults.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAmBlF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAoB,EAC/C,0BAA0B,EAC1B,gBAAgB,GAAG,uBAAuB,EAC1C,qBAAqB,EACrB,aAAa,EACb,gBAAgB,GACM,EAAE,EAAE;IAC1B,IAAI,qBAAqB,EAAE;QACzB,OAAO,CACL,4BAAK,SAAS,EAAC,oCAAoC,gBACjD,KAAC,gBAAgB,KAAG,IAChB,CACP,CAAC;KACH;IACD,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;QACzB,OAAO,KAAC,0BAA0B,KAAG,CAAC;KACvC;IAED,OAAO,KAAC,gBAAgB,IAAC,IAAI,EAAE,aAAa,GAAI,CAAC;AACnD,CAAC,CAAC"}

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

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

package/dist/src/components/Search/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useSearch';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Search/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/src/components/Search/hooks/useSearch.d.ts

@@ -0,0 +1,15 @@
+export type SearchController<T> = {
+    /** Flag signals that the search request is flight await the response */
+    searchQueryInProgress: boolean;
+    /** Array of items returned by the search query */
+    searchResults: T[];
+};
+export type UseSearchParams<T> = {
+    /** Search function performing the search request */
+    searchFn: (searchQuery: string) => Promise<T[]>;
+    /** Debounce interval applied to the search function */
+    debounceInterval: number;
+    /** Search query string */
+    searchQuery?: string;
+};
+export declare const useSearch: <T>({ debounceInterval, searchFn, searchQuery, }: UseSearchParams<T>) => SearchController<T>;

package/dist/src/components/Search/hooks/useSearch.js

@@ -0,0 +1,39 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useEffect, useState } from 'react';
+export const useSearch = ({ debounceInterval, searchFn, searchQuery = '', }) => {
+    const [searchResults, setSearchResults] = useState([]);
+    const [searchQueryInProgress, setSearchQueryInProgress] = useState(false);
+    useEffect(() => {
+        if (!searchQuery.length)
+            return setSearchResults([]);
+        setSearchQueryInProgress(true);
+        const timeout = setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const results = yield searchFn(searchQuery);
+                setSearchResults(results);
+            }
+            catch (error) {
+                console.error(error);
+            }
+            finally {
+                setSearchQueryInProgress(false);
+            }
+        }), debounceInterval);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, [debounceInterval, searchFn, searchQuery]);
+    return {
+        searchQueryInProgress,
+        searchResults,
+    };
+};
+//# sourceMappingURL=useSearch.js.map

package/dist/src/components/Search/hooks/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../../../src/components/Search/hooks/useSearch.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkB5C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAI,EAC3B,gBAAgB,EAChB,QAAQ,EACR,WAAW,GAAG,EAAE,GACG,EAAuB,EAAE;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,CAAC,MAAM;YAAE,OAAO,gBAAgB,CAAC,EAAE,CAAC,CAAC;QAErD,wBAAwB,CAAC,IAAI,CAAC,CAAC;QAE/B,MAAM,OAAO,GAAG,UAAU,CAAC,GAAS,EAAE;YACpC,IAAI;gBACF,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAC;gBAC5C,gBAAgB,CAAC,OAAO,CAAC,CAAC;aAC3B;YAAC,OAAO,KAAK,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACtB;oBAAS;gBACR,wBAAwB,CAAC,KAAK,CAAC,CAAC;aACjC;QACH,CAAC,CAAA,EAAE,gBAAgB,CAAC,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9C,OAAO;QACL,qBAAqB;QACrB,aAAa;KACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './SearchInput';
+export * from './SearchResults';

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

@@ -0,0 +1,3 @@
+export * from './SearchInput';
+export * from './SearchResults';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Search/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

package/dist/src/components/StreamCall/CallParticipantsScreenView.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Call } from '@stream-io/video-client';
+export declare const CallParticipantsScreenView: (props: {
+    call: Call;
+}) => JSX.Element;

package/dist/src/components/StreamCall/CallParticipantsScreenView.js

@@ -0,0 +1,34 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { SfuModels } from '@stream-io/video-client';
+import { useLocalParticipant, useParticipants, } from '@stream-io/video-react-bindings';
+import { ParticipantView, DefaultParticipantViewUI } from '../../core';
+import { Video } from '../Video';
+import { useVerticalScrollPosition } from '../../hooks';
+import { IconButton } from '../Button';
+export const CallParticipantsScreenView = (props) => {
+    const { call } = props;
+    const localParticipant = useLocalParticipant();
+    const allParticipants = useParticipants();
+    const firstScreenSharingParticipant = allParticipants.find((p) => p.publishedTracks.includes(SfuModels.TrackType.SCREEN_SHARE));
+    const [scrollWrapper, setScrollWrapper] = useState(null);
+    useEffect(() => {
+        if (!scrollWrapper)
+            return;
+        const cleanup = call.viewportTracker.setViewport(scrollWrapper);
+        return () => cleanup();
+    }, [scrollWrapper, call.viewportTracker]);
+    const scrollUpClickHandler = () => {
+        scrollWrapper === null || scrollWrapper === void 0 ? void 0 : scrollWrapper.scrollBy({ top: -150, behavior: 'smooth' });
+    };
+    const scrollDownClickHandler = () => {
+        scrollWrapper === null || scrollWrapper === void 0 ? void 0 : scrollWrapper.scrollBy({ top: 150, behavior: 'smooth' });
+    };
+    const scrollPosition = useVerticalScrollPosition(scrollWrapper);
+    const [overlayVisible, setOverlayVisible] = useState(() => (firstScreenSharingParticipant === null || firstScreenSharingParticipant === void 0 ? void 0 : firstScreenSharingParticipant.sessionId) === (localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.sessionId));
+    return (_jsxs("div", Object.assign({ className: "str-video__call-participants-screen-view" }, { children: [_jsx("div", Object.assign({ className: "str-video__call-participants-screen-view__screen" }, { children: firstScreenSharingParticipant && (_jsxs(_Fragment, { children: [_jsxs("span", Object.assign({ className: "str-video__call-participants-screen-view__screen__presenter" }, { children: [firstScreenSharingParticipant.name ||
+                                    firstScreenSharingParticipant.userId, ' ', "is presenting their screen."] })), _jsxs("div", Object.assign({ className: "str-video__call-participants-screen-view__wrapper" }, { children: [_jsx(Video, { className: "str-video__screen-share", participant: firstScreenSharingParticipant, kind: "screen", autoPlay: true, muted: true }), overlayVisible && (_jsxs("div", Object.assign({ className: "str-video__call-participants-screen-view__overlay" }, { children: [_jsxs("div", { children: [_jsx("div", { children: "To avoid an infinity mirror, don't share your entire screen or browser window." }), _jsx("div", { children: "Share just a single tab or a different window instead." })] }), _jsx("button", Object.assign({ type: "button", onClick: () => {
+                                                setOverlayVisible(false);
+                                            } }, { children: "Got it" }))] })))] }))] })) })), _jsxs("div", Object.assign({ className: "str-video__call-participants-screen-view__buttons-wrapper" }, { children: [scrollPosition && scrollPosition !== 'top' && (_jsx(IconButton, { onClick: scrollUpClickHandler, icon: "caret-up", className: "str-video__call-participants-screen-view__button-up" })), _jsx("div", Object.assign({ ref: setScrollWrapper, className: "str-video__call-participants-screen-view__participants-wrapper" }, { children: _jsx("div", Object.assign({ className: "str-video__call-participants-screen-view__participants" }, { children: allParticipants.map((participant) => (_jsx(ParticipantView, { participant: participant, sinkId: localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.audioOutputDeviceId, ParticipantViewUI: DefaultParticipantViewUI }, participant.sessionId))) })) })), scrollPosition && scrollPosition !== 'bottom' && (_jsx(IconButton, { onClick: scrollDownClickHandler, icon: "caret-down", className: "str-video__call-participants-screen-view__button-down" }))] }))] })));
+};
+//# sourceMappingURL=CallParticipantsScreenView.js.map

package/dist/src/components/StreamCall/CallParticipantsScreenView.js.map

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

package/dist/src/components/StreamCall/CallParticipantsView.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Call } from '@stream-io/video-client';
+export declare const CallParticipantsView: (props: {
+    call: Call;
+}) => JSX.Element;

package/dist/src/components/StreamCall/CallParticipantsView.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DefaultParticipantViewUI, ParticipantView } from '../../core';
+import { useLocalParticipant, useParticipants, } from '@stream-io/video-react-bindings';
+export const CallParticipantsView = (props) => {
+    const localParticipant = useLocalParticipant();
+    const participants = useParticipants();
+    const grid = `str-video__grid-${participants.length || 1}`;
+    return (_jsx("div", Object.assign({ className: `str-video__call-participants-view ${grid}` }, { children: participants.map((participant) => (_jsx(ParticipantView, { participant: participant, sinkId: localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.audioOutputDeviceId, ParticipantViewUI: DefaultParticipantViewUI }, participant.sessionId))) })));
+};
+//# sourceMappingURL=CallParticipantsView.js.map

package/dist/src/components/StreamCall/CallParticipantsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallParticipantsView.js","sourceRoot":"","sources":["../../../../src/components/StreamCall/CallParticipantsView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACvE,OAAO,EACL,mBAAmB,EACnB,eAAe,GAChB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC5D,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,mBAAmB,YAAY,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;IAC3D,OAAO,CACL,4BAAK,SAAS,EAAE,qCAAqC,IAAI,EAAE,gBACxD,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,KAAC,eAAe,IAEd,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,EAC7C,iBAAiB,EAAE,wBAAwB,IAHtC,WAAW,CAAC,SAAS,CAI1B,CACH,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/StreamCall/Stage.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Call } from '@stream-io/video-client';
+/**
+ * @deprecated
+ */
+export declare const Stage: (props: {
+    call: Call;
+}) => JSX.Element;

package/dist/src/components/StreamCall/Stage.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useHasOngoingScreenShare } from '@stream-io/video-react-bindings';
+import { CallParticipantsView } from './CallParticipantsView';
+import { CallParticipantsScreenView } from './CallParticipantsScreenView';
+/**
+ * @deprecated
+ */
+export const Stage = (props) => {
+    const { call } = props;
+    const hasScreenShare = useHasOngoingScreenShare();
+    return (_jsx("div", Object.assign({ className: "str-video__stage" }, { children: hasScreenShare ? (_jsx(CallParticipantsScreenView, { call: call })) : (_jsx(CallParticipantsView, { call: call })) })));
+};
+//# sourceMappingURL=Stage.js.map

package/dist/src/components/StreamCall/Stage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/StreamCall/Stage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,cAAc,GAAG,wBAAwB,EAAE,CAAC;IAClD,OAAO,CACL,4BAAK,SAAS,EAAC,kBAAkB,gBAC9B,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,0BAA0B,IAAC,IAAI,EAAE,IAAI,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI,GAAI,CACrC,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './Stage';
+export * from './CallParticipantsView';
+export * from './CallParticipantsScreenView';

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

@@ -0,0 +1,4 @@
+export * from './Stage';
+export * from './CallParticipantsView';
+export * from './CallParticipantsScreenView';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/StreamCall/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}

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

@@ -0,0 +1,5 @@
+import { ElementType, HTMLProps, PropsWithChildren } from 'react';
+export type StreamThemeProps = HTMLProps<HTMLElement> & {
+    as?: ElementType;
+};
+export declare const StreamTheme: ({ as: Component, className, children, ...props }: PropsWithChildren<StreamThemeProps>) => JSX.Element;

package/dist/src/components/StreamTheme/StreamTheme.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+export const StreamTheme = (_a) => {
+    var { as: Component = 'div', className, children } = _a, props = __rest(_a, ["as", "className", "children"]);
+    return (_jsx(Component, Object.assign({}, props, { className: clsx('str-video', className) }, { children: children })));
+};
+//# sourceMappingURL=StreamTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamTheme.js","sourceRoot":"","sources":["../../../../src/components/StreamTheme/StreamTheme.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AAMxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAKU,EAAE,EAAE;QALd,EAC1B,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,QAAQ,OAE4B,EADjC,KAAK,cAJkB,+BAK3B,CADS;IAER,OAAO,CACL,KAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,gBAC1D,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './StreamTheme';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/StreamTheme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,15 @@
+import { PropsWithChildren } from 'react';
+import { Placement } from '@floating-ui/react';
+export type TooltipProps<T extends HTMLElement> = PropsWithChildren<{
+    /** Reference element to which the tooltip should attach to */
+    referenceElement: T | null;
+    /** Additional class applied to the tooltip root element */
+    tooltipClassName?: string;
+    /** Popper's modifier (offset) property - [xAxis offset, yAxis offset], default [0, 10] */
+    offset?: [number, number];
+    /** Popper's placement property defining default position of the tooltip, default 'top' */
+    tooltipPlacement?: Placement;
+    /** Tells component whether to render its contents */
+    visible?: boolean;
+}>;
+export declare const Tooltip: <T extends HTMLElement>({ children, referenceElement, tooltipClassName, tooltipPlacement, visible, }: TooltipProps<T>) => JSX.Element | null;

package/dist/src/components/Tooltip/Tooltip.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import clsx from 'clsx';
+import { useFloatingUIPreset } from '../../hooks';
+export const Tooltip = ({ children, referenceElement, tooltipClassName, tooltipPlacement = 'top', visible = false, }) => {
+    const { refs, x, y, strategy } = useFloatingUIPreset({
+        placement: tooltipPlacement,
+        strategy: 'absolute',
+    });
+    useEffect(() => {
+        refs.setReference(referenceElement);
+    }, [referenceElement, refs]);
+    if (!visible)
+        return null;
+    return (_jsx("div", Object.assign({ className: clsx('str-video__tooltip', tooltipClassName), ref: refs.setFloating, style: {
+            position: strategy,
+            top: y !== null && y !== void 0 ? y : 0,
+            left: x !== null && x !== void 0 ? x : 0,
+            overflowY: 'auto',
+        } }, { children: children })));
+};
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAgBlD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAwB,EAC7C,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,GAAG,KAAK,EACxB,OAAO,GAAG,KAAK,GACC,EAAE,EAAE;IACpB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,mBAAmB,CAAC;QACnD,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,UAAU;KACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,EACvD,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,GAAG,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC;YACX,IAAI,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC;YACZ,SAAS,EAAE,MAAM;SAClB,gBAEA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/Tooltip/WithTooltip.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { TooltipProps } from './Tooltip';
+type WithPopupProps = ComponentProps<'div'> & Omit<TooltipProps<HTMLDivElement>, 'referenceElement'>;
+export declare const WithTooltip: ({ title, tooltipClassName, tooltipPlacement, ...props }: WithPopupProps) => JSX.Element;
+export {};

package/dist/src/components/Tooltip/WithTooltip.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Tooltip } from './Tooltip';
+import { useEnterLeaveHandlers } from './hooks';
+// todo: duplicate of CallParticipantList.tsx#MediaIndicator - refactor to a single component
+export const WithTooltip = (_a) => {
+    var { title, tooltipClassName, tooltipPlacement } = _a, props = __rest(_a, ["title", "tooltipClassName", "tooltipPlacement"]);
+    const { handleMouseEnter, handleMouseLeave, tooltipVisible } = useEnterLeaveHandlers();
+    const [tooltipAnchor, setTooltipAnchor] = useState(null);
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, Object.assign({ referenceElement: tooltipAnchor, visible: tooltipVisible, tooltipClassName: tooltipClassName, tooltipPlacement: tooltipPlacement }, { children: title || '' })), _jsx("div", Object.assign({ ref: setTooltipAnchor, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, props))] }));
+};
+//# sourceMappingURL=WithTooltip.js.map

package/dist/src/components/Tooltip/WithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithTooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/WithTooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKhD,6FAA6F;AAC7F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAKX,EAAE,EAAE;QALO,EAC1B,KAAK,EACL,gBAAgB,EAChB,gBAAgB,OAED,EADZ,KAAK,cAJkB,iDAK3B,CADS;IAER,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAC1D,qBAAqB,EAAkB,CAAC;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,OAAO,kBACN,gBAAgB,EAAE,aAAa,EAC/B,OAAO,EAAE,cAAc,EACvB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,gBAEjC,KAAK,IAAI,EAAE,IACJ,EACV,4BACE,GAAG,EAAE,gBAAgB,EACrB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,IAC1B,KAAK,EACT,IACD,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

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