@stream-io/video-react-sdk 0.3.41 → 0.3.43

package/dist/src/components/Button/CompositeButton.d.ts

@@ -8,7 +8,7 @@ export type IconButtonWithMenuProps = PropsWithChildren<{
 }>;
 export declare const CompositeButton: import("react").ForwardRefExoticComponent<{
     active?: boolean | undefined;
-    Menu?: JSX.Element | ComponentType<{}> | undefined;
+    Menu?: JSX.Element | ComponentType | undefined;
     caption?: string | undefined;
     menuPlacement?: Placement | undefined;
 } & {

package/dist/src/core/components/ParticipantView/ParticipantView.d.ts

@@ -48,7 +48,7 @@ export declare const ParticipantView: import("react").ForwardRefExoticComponent<
      * pass `null` if you wish to not render anything
      * @default DefaultParticipantViewUI
      */
-    ParticipantViewUI?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ComponentType<{}> | null | undefined;
+    ParticipantViewUI?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ComponentType | null | undefined;
     /**
      * The kind of video stream to play for the given participant. The default value is `video`. You can use `none` if you're building an audio-only call.
      */

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

@@ -5,5 +5,5 @@ export declare const useFloatingUIPreset: ({ placement, strategy, }: Pick<UseFlo
     y: number | null;
     domReference: Element | null;
     floating: HTMLElement | null;
-    strategy: import("@floating-ui/react").Strategy;
+    strategy: import("@floating-ui/utils").Strategy;
 };

package/index.ts

@@ -1,9 +1,7 @@
 import { setSdkInfo, SfuModels } from '@stream-io/video-client';
-import { version } from './version';
 
 export * from '@stream-io/video-client';
 export * from '@stream-io/video-react-bindings';
-export * from '@stream-io/i18n';
 
 export * from './src/core';
 
@@ -17,7 +15,9 @@ export {
   useToggleVideoMuteState,
 } from './src/hooks';
 
-const [major, minor, patch] = version.split('.');
+const [major, minor, patch] = (
+  process.env.PKG_VERSION || '0.0.0-development'
+).split('.');
 
 setSdkInfo({
   type: SfuModels.SdkType.REACT,

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "0.3.41",
+  "version": "0.3.43",
   "packageManager": "yarn@3.2.4",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
   "license": "See license in LICENSE",
   "scripts": {
-    "postinstall": "yarn copy-version",
     "clean": "rimraf dist",
-    "start": "yarn copy-version && tsc --project tsconfig.json --watch",
-    "build": "yarn copy-version && tsc --project tsconfig.production.json && yarn copy-css",
+    "start": "rollup -c -w",
+    "build": "NODE_ENV=production rollup -c && yarn copy-css",
     "copy-css": "cp -R ../../node_modules/@stream-io/video-styling/dist/* dist/",
-    "start:docs": "npx stream-chat-docusaurus -s",
-    "copy-version": "echo \"export const version = '$npm_package_version';\" > ./version.ts"
+    "start:docs": "npx stream-chat-docusaurus -s"
   },
   "repository": {
     "type": "git",
@@ -32,10 +31,9 @@
     "@floating-ui/react": "^0.22.0",
     "@nivo/core": "^0.80.0",
     "@nivo/line": "^0.80.0",
-    "@stream-io/i18n": "^0.1.2",
-    "@stream-io/video-client": "^0.3.33",
-    "@stream-io/video-react-bindings": "^0.2.34",
-    "clsx": "^1.2.1",
+    "@stream-io/video-client": "^0.3.35",
+    "@stream-io/video-react-bindings": "^0.2.36",
+    "clsx": "^2.0.0",
     "prop-types": "^15.8.1",
     "rxjs": "~7.8.1"
   },
@@ -44,11 +42,15 @@
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@stream-io/video-styling": "^0.1.12",
-    "@types/prop-types": "^15.7.5",
+    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-replace": "^5.0.4",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@stream-io/video-styling": "^0.1.13",
+    "@types/prop-types": "^15.7.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rimraf": "^5.0.1",
-    "typescript": "^4.9.5"
+    "rimraf": "^5.0.5",
+    "rollup": "^3.29.4",
+    "typescript": "^5.2.2"
   }
 }

package/src/components/Permissions/PermissionRequests.tsx

@@ -14,6 +14,7 @@ import {
   UserResponse,
 } from '@stream-io/video-client';
 import {
+  TranslatorFunction,
   useCall,
   useCallStateHooks,
   useHasPermissions,
@@ -22,7 +23,6 @@ import {
 import clsx from 'clsx';
 
 import { useFloatingUIPreset } from '../../hooks';
-import { TranslatorFunction } from '@stream-io/i18n';
 
 const byNameOrId = (a: UserResponse, b: UserResponse) => {
   if (a.name && b.name && a.name < b.name) return -1;

package/dist/index.js

@@ -1,18 +0,0 @@
-import { setSdkInfo, SfuModels } from '@stream-io/video-client';
-import { version } from './version';
-export * from '@stream-io/video-client';
-export * from '@stream-io/video-react-bindings';
-export * from '@stream-io/i18n';
-export * from './src/core';
-export * from './src/components';
-export * from './src/types';
-export * from './src/translations';
-export { useHorizontalScrollPosition, useVerticalScrollPosition, useToggleAudioMuteState, useToggleVideoMuteState, } from './src/hooks';
-const [major, minor, patch] = version.split('.');
-setSdkInfo({
-    type: SfuModels.SdkType.REACT,
-    major,
-    minor,
-    patch,
-});
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAEhC,cAAc,YAAY,CAAC;AAE3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,aAAa,CAAC;AAErB,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAEjD,UAAU,CAAC;IACT,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK;IAC7B,KAAK;IACL,KAAK;IACL,KAAK;CACN,CAAC,CAAC"}

package/dist/src/components/Avatar/Avatar.js

@@ -1,24 +0,0 @@
-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 clsx from 'clsx';
-export const Avatar = (_a) => {
-    var { imageSrc, name, style, className } = _a, rest = __rest(_a, ["imageSrc", "name", "style", "className"]);
-    const [error, setError] = useState(false);
-    return (_jsxs(_Fragment, { children: [(!imageSrc || error) && name && (_jsx(AvatarFallback, { className: className, style: style, names: [name] })), imageSrc && !error && (_jsx("img", Object.assign({ onError: () => setError(true), alt: "avatar", className: clsx('str-video__avatar', className), src: imageSrc, style: style }, rest)))] }));
-};
-export const AvatarFallback = ({ className, names, style, }) => {
-    var _a;
-    return (_jsx("div", Object.assign({ className: clsx('str-video__avatar--initials-fallback', className), style: style }, { children: _jsxs("div", { children: [names[0][0], (_a = names[1]) === null || _a === void 0 ? void 0 : _a[0]] }) })));
-};
-//# sourceMappingURL=Avatar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAiC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAMT,EAAE,EAAE;QANK,EACrB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,OAEG,EADT,IAAI,cALc,0CAMtB,CADQ;IAEP,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,8BACG,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,IAAI,IAAI,CAC/B,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,GAAI,CACtE,EACA,QAAQ,IAAI,CAAC,KAAK,IAAI,CACrB,4BACE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAC/C,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,IACR,IAAI,EACR,CACH,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,KAAK,GACe,EAAE,EAAE;;IACxB,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,sCAAsC,EAAE,SAAS,CAAC,EAClE,KAAK,EAAE,KAAK,gBAEZ,0BACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACX,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAG,CAAC,CAAC,IACV,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

package/dist/src/components/Button/CompositeButton.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { MenuToggle } from '../Menu';
-import { forwardRef } from 'react';
-import { IconButton } from './IconButton';
-import { isComponentType } from '../../utilities';
-export const CompositeButton = forwardRef(({ caption, children, active, Menu, menuPlacement }, ref) => {
-    return (_jsxs("div", Object.assign({ className: "str-video__composite-button", ref: ref }, { children: [_jsxs("div", Object.assign({ className: clsx('str-video__composite-button__button-group', {
-                    'str-video__composite-button__button-group--active': active,
-                }) }, { children: [children, Menu && (_jsx(MenuToggle, Object.assign({ placement: menuPlacement, ToggleButton: ToggleMenuButton }, { children: isComponentType(Menu) ? _jsx(Menu, {}) : Menu })))] })), caption && (_jsx("div", Object.assign({ className: "str-video__composite-button__caption" }, { children: caption })))] })));
-});
-const ToggleMenuButton = forwardRef(({ menuShown }, ref) => (_jsx(IconButton, { className: 'str-video__menu-toggle-button', icon: menuShown ? 'caret-down' : 'caret-up', title: "Toggle device menu", ref: ref })));
-//# sourceMappingURL=CompositeButton.js.map

package/dist/src/components/Button/CompositeButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompositeButton.js","sourceRoot":"","sources":["../../../../src/components/Button/CompositeButton.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAyB,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASlD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAGvC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAE,GAAG,iBACnD,6BACE,SAAS,EAAE,IAAI,CAAC,2CAA2C,EAAE;oBAC3D,mDAAmD,EAAE,MAAM;iBAC5D,CAAC,iBAED,QAAQ,EACR,IAAI,IAAI,CACP,KAAC,UAAU,kBAAC,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,gBACjE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAC,IAAI,KAAG,CAAC,CAAC,CAAC,IAAI,IAC7B,CACd,KACG,EACL,OAAO,IAAI,CACV,4BAAK,SAAS,EAAC,sCAAsC,gBAAE,OAAO,IAAO,CACtE,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,KAAC,UAAU,IACT,SAAS,EAAE,+BAA+B,EAC1C,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAC3C,KAAK,EAAC,oBAAoB,EAC1B,GAAG,EAAE,GAAG,GACR,CACH,CACF,CAAC"}

package/dist/src/components/Button/CopyToClipboardButton.js

@@ -1,54 +0,0 @@
-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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useState, } from 'react';
-import clsx from 'clsx';
-import { Tooltip } from '../Tooltip';
-export const CopyToClipboardButton = forwardRef((_a, ref) => {
-    var { Button, className, copyValue, onClick, onError, onSuccess } = _a, restProps = __rest(_a, ["Button", "className", "copyValue", "onClick", "onError", "onSuccess"]);
-    const handleClick = useCallback((event) => __awaiter(void 0, void 0, void 0, function* () {
-        if (onClick)
-            onClick(event);
-        const value = typeof copyValue === 'function' ? copyValue() : copyValue;
-        try {
-            yield (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard.writeText(value));
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(event.target);
-        }
-        catch (error) {
-            onError === null || onError === void 0 ? void 0 : onError(event.target, error);
-        }
-    }), [copyValue, onClick, onError, onSuccess]);
-    const props = Object.assign(Object.assign({}, restProps), { ref: ref, className: clsx('str-video__copy-to-clipboard-button', className), onClick: handleClick });
-    return Button ? _jsx(Button, Object.assign({}, props)) : _jsx("button", Object.assign({}, props));
-});
-export const CopyToClipboardButtonWithPopup = (_a) => {
-    var { dismissAfterMs = 1500, onErrorMessage = 'Failed to copy', onSuccessMessage = 'Copied to clipboard', popupClassName, popupPlacement } = _a, restProps = __rest(_a, ["dismissAfterMs", "onErrorMessage", "onSuccessMessage", "popupClassName", "popupPlacement"]);
-    const [tooltipText, setTooltipText] = useState('');
-    const [tooltipAnchor, setTooltipAnchor] = useState(null);
-    const setTemporaryPopup = useCallback((popupText) => {
-        setTooltipText(popupText);
-        setTimeout(() => setTooltipText(''), dismissAfterMs);
-    }, [dismissAfterMs]);
-    const onSuccess = useCallback(() => setTemporaryPopup(onSuccessMessage), [onSuccessMessage, setTemporaryPopup]);
-    const onError = useCallback(() => setTemporaryPopup(onErrorMessage), [onErrorMessage, setTemporaryPopup]);
-    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, Object.assign({ tooltipClassName: clsx('str-video__copy-to-clipboard-button__popup', popupClassName), tooltipPlacement: popupPlacement, referenceElement: tooltipAnchor, visible: !!tooltipText }, { children: tooltipText })), _jsx(CopyToClipboardButton, Object.assign({}, restProps, { onError: onError, onSuccess: onSuccess, ref: setTooltipAnchor }))] }));
-};
-//# sourceMappingURL=CopyToClipboardButton.js.map

package/dist/src/components/Button/CopyToClipboardButton.js.map

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

package/dist/src/components/Button/IconButton.js

@@ -1,26 +0,0 @@
-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 { forwardRef } from 'react';
-import clsx from 'clsx';
-import { Icon } from '../Icon';
-export const IconButton = forwardRef((props, ref) => {
-    const { icon, enabled, variant, onClick, className } = props, rest = __rest(props, ["icon", "enabled", "variant", "onClick", "className"]);
-    return (_jsx("button", Object.assign({ className: clsx('str-video__call-controls__button', className, {
-            [`str-video__call-controls__button--variant-${variant}`]: variant,
-            'str-video__call-controls__button--enabled': enabled,
-        }), onClick: (e) => {
-            e.preventDefault();
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        }, ref: ref }, rest, { children: _jsx(Icon, { icon: icon }) })));
-});
-//# sourceMappingURL=IconButton.js.map

package/dist/src/components/Button/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAgC,UAAU,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAC;AAQ1C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,KAA0B,EAAE,GAAoC,EAAE,EAAE;IACnE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/D,sDAAuD,CAAQ,CAAC;IACtE,OAAO,CACL,+BACE,SAAS,EAAE,IAAI,CAAC,kCAAkC,EAAE,SAAS,EAAE;YAC7D,CAAC,6CAA6C,OAAO,EAAE,CAAC,EAAE,OAAO;YACjE,2CAA2C,EAAE,OAAO;SACrD,CAAC,EACF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;QACf,CAAC,EACD,GAAG,EAAE,GAAG,IACJ,IAAI,cAER,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,IACb,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/src/components/Button/TextButton.js

@@ -1,17 +0,0 @@
-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";
-export const TextButton = (_a) => {
-    var { children } = _a, rest = __rest(_a, ["children"]);
-    return (_jsx("button", Object.assign({}, rest, { className: "str-video__text-button" }, { children: children })));
-};
-//# sourceMappingURL=TextButton.js.map

package/dist/src/components/Button/TextButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../../../src/components/Button/TextButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAG2B,EAAE,EAAE;QAH/B,EACzB,QAAQ,OAE4C,EADjD,IAAI,cAFkB,YAG1B,CADQ;IAEP,OAAO,CACL,iCAAY,IAAI,IAAE,SAAS,EAAC,wBAAwB,gBACjD,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,5 +0,0 @@
-export * from './CompositeButton';
-export * from './CopyToClipboardButton';
-export * from './IconButton';
-export * from './TextButton';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/src/components/CallControls/AcceptCallButton.js

@@ -1,27 +0,0 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { IconButton } from '../Button';
-import { useCall } from '@stream-io/video-react-bindings';
-export const AcceptCallButton = ({ disabled, onAccept, onClick, }) => {
-    const call = useCall();
-    const handleClick = useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
-        if (onClick) {
-            onClick(e);
-        }
-        else if (call) {
-            yield call.join();
-            onAccept === null || onAccept === void 0 ? void 0 : onAccept();
-        }
-    }), [onClick, onAccept, call]);
-    return (_jsx(IconButton, { disabled: disabled, icon: "call-accept", variant: "success", onClick: handleClick }));
-};
-//# sourceMappingURL=AcceptCallButton.js.map

package/dist/src/components/CallControls/AcceptCallButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AcceptCallButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/AcceptCallButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAQ1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,OAAO,GACe,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,WAAW,GAAyC,WAAW,CACnE,CAAO,CAAC,EAAE,EAAE;QACV,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;aAAM,IAAI,IAAI,EAAE;YACf,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;SACd;IACH,CAAC,CAAA,EACD,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,CAC1B,CAAC;IACF,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,aAAa,EAClB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallControls/CallControls.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CallStatsButton, CancelCallButton, RecordCallButton, ScreenShareButton, ToggleAudioPublishingButton, ToggleVideoPublishingButton, } from './index';
-import { SpeakingWhileMutedNotification } from '../Notification';
-export const CallControls = ({ onLeave }) => (_jsxs("div", Object.assign({ className: "str-video__call-controls" }, { children: [_jsx(RecordCallButton, {}), _jsx(CallStatsButton, {}), _jsx(ScreenShareButton, {}), _jsx(SpeakingWhileMutedNotification, { children: _jsx(ToggleAudioPublishingButton, {}) }), _jsx(ToggleVideoPublishingButton, {}), _jsx(CancelCallButton, { onLeave: onLeave })] })));
-//# sourceMappingURL=CallControls.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../src/components/CallControls/CallControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,8BAA8B,EAAE,MAAM,iBAAiB,CAAC;AAMjE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAqB,EAAE,EAAE,CAAC,CAC9D,6BAAK,SAAS,EAAC,0BAA0B,iBACvC,KAAC,gBAAgB,KAAG,EACpB,KAAC,eAAe,KAAG,EACnB,KAAC,iBAAiB,KAAG,EACrB,KAAC,8BAA8B,cAC7B,KAAC,2BAA2B,KAAG,GACA,EACjC,KAAC,2BAA2B,KAAG,EAC/B,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,KAClC,CACP,CAAC"}

package/dist/src/components/CallControls/CallStatsButton.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { CallStats } from '../CallStats';
-import { CompositeButton, IconButton } from '../Button/';
-import { MenuToggle } from '../Menu';
-export const CallStatsButton = () => (_jsx(MenuToggle, Object.assign({ placement: "top-end", ToggleButton: ToggleMenuButton }, { children: _jsx(CallStats, {}) })));
-const ToggleMenuButton = forwardRef(({ menuShown }, ref) => (_jsx(CompositeButton, Object.assign({ ref: ref, active: menuShown, caption: 'Stats' }, { children: _jsx(IconButton, { icon: "stats", title: "Statistics" }) }))));
-//# sourceMappingURL=CallStatsButton.js.map

package/dist/src/components/CallControls/CallStatsButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CallStatsButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/CallStatsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,UAAU,EAAyB,MAAM,SAAS,CAAC;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CACnC,KAAC,UAAU,kBAAC,SAAS,EAAC,SAAS,EAAC,YAAY,EAAE,gBAAgB,gBAC5D,KAAC,SAAS,KAAG,IACF,CACd,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,KAAC,eAAe,kBAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,gBAC5D,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,GAAG,IAC9B,CACnB,CAAC,CAAC"}

package/dist/src/components/CallControls/CancelCallButton.js

@@ -1,27 +0,0 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { IconButton } from '../Button/';
-import { useCall } from '@stream-io/video-react-bindings';
-export const CancelCallButton = ({ disabled, onClick, onLeave, }) => {
-    const call = useCall();
-    const handleClick = useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
-        if (onClick) {
-            onClick(e);
-        }
-        else if (call) {
-            yield call.leave();
-            onLeave === null || onLeave === void 0 ? void 0 : onLeave();
-        }
-    }), [onClick, onLeave, call]);
-    return (_jsx(IconButton, { disabled: disabled, icon: "call-end", variant: "danger", onClick: handleClick }));
-};
-//# sourceMappingURL=CancelCallButton.js.map

package/dist/src/components/CallControls/CancelCallButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CancelCallButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/CancelCallButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAQ1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,OAAO,GACe,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,WAAW,GAAyC,WAAW,CACnE,CAAO,CAAC,EAAE,EAAE;QACV,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;aAAM,IAAI,IAAI,EAAE;YACf,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;SACb;IACH,CAAC,CAAA,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CACzB,CAAC;IACF,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallControls/ReactionsButton.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { OwnCapability } from '@stream-io/video-client';
-import { Restricted, useCall, useI18n } from '@stream-io/video-react-bindings';
-import { CompositeButton, IconButton } from '../Button';
-import { defaultEmojiReactionMap } from '../Reaction';
-export const defaultReactions = [
-    {
-        type: 'reaction',
-        emoji_code: ':like:',
-    },
-    {
-        // TODO OL: use `prompt` type?
-        type: 'raised-hand',
-        emoji_code: ':raise-hand:',
-    },
-    {
-        type: 'reaction',
-        emoji_code: ':fireworks:',
-    },
-    {
-        type: 'reaction',
-        emoji_code: ':dislike:',
-    },
-    {
-        type: 'reaction',
-        emoji_code: ':heart:',
-    },
-    {
-        type: 'reaction',
-        emoji_code: ':smile:',
-    },
-];
-export const ReactionsButton = ({ reactions = defaultReactions, }) => {
-    const { t } = useI18n();
-    return (_jsx(Restricted, Object.assign({ requiredGrants: [OwnCapability.CREATE_REACTION] }, { children: _jsx(CompositeButton, Object.assign({ active: false, caption: t('Reactions'), menuPlacement: "top-start", Menu: _jsx(DefaultReactionsMenu, { reactions: reactions }) }, { children: _jsx(IconButton, { icon: "reactions", title: t('Reactions'), onClick: () => {
-                    console.log('Reactions');
-                } }) })) })));
-};
-export const DefaultReactionsMenu = ({ reactions, }) => {
-    const call = useCall();
-    return (_jsx("div", Object.assign({ className: "str-video__reactions-menu" }, { children: reactions.map((reaction) => (_jsx("button", Object.assign({ type: "button", className: "str-video__reactions-menu__button", onClick: () => {
-                call === null || call === void 0 ? void 0 : call.sendReaction(reaction);
-            } }, { children: reaction.emoji_code && defaultEmojiReactionMap[reaction.emoji_code] }), reaction.emoji_code))) })));
-};
-//# sourceMappingURL=ReactionsButton.js.map

package/dist/src/components/CallControls/ReactionsButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactionsButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/ReactionsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE/E,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAAqB;IAChD;QACE,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,QAAQ;KACrB;IACD;QACE,8BAA8B;QAC9B,IAAI,EAAE,aAAa;QACnB,UAAU,EAAE,cAAc;KAC3B;IACD;QACE,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,aAAa;KAC1B;IACD;QACE,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,WAAW;KACxB;IACD;QACE,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;KACtB;IACD;QACE,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;KACtB;CACF,CAAC;AAMF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,GAAG,gBAAgB,GACP,EAAE,EAAE;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,OAAO,CACL,KAAC,UAAU,kBAAC,cAAc,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,gBACzD,KAAC,eAAe,kBACd,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC,EACvB,aAAa,EAAC,WAAW,EACzB,IAAI,EAAE,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,GAAI,gBAEpD,KAAC,UAAU,IACT,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,EACrB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;gBAC3B,CAAC,GACD,IACc,IACP,CACd,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,SAAS,GACiB,EAAE,EAAE;IAC9B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACL,4BAAK,SAAS,EAAC,2BAA2B,gBACvC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,+BAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC/B,CAAC,gBAEA,QAAQ,CAAC,UAAU,IAAI,uBAAuB,CAAC,QAAQ,CAAC,UAAU,CAAC,KAP/D,QAAQ,CAAC,UAAU,CAQjB,CACV,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallControls/RecordCallButton.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { OwnCapability } from '@stream-io/video-client';
-import { Restricted, useCall, useI18n } from '@stream-io/video-react-bindings';
-import { CompositeButton, IconButton } from '../Button/';
-import { LoadingIndicator } from '../LoadingIndicator';
-import { useToggleCallRecording } from '../../hooks/useToggleCallRecording';
-export const RecordCallButton = ({ caption = 'Record', }) => {
-    const call = useCall();
-    const { t } = useI18n();
-    const { toggleCallRecording, isAwaitingResponse, isCallRecordingInProgress } = useToggleCallRecording();
-    return (_jsx(Restricted, Object.assign({ requiredGrants: [
-            OwnCapability.START_RECORD_CALL,
-            OwnCapability.STOP_RECORD_CALL,
-        ] }, { children: _jsx(CompositeButton, Object.assign({ active: isCallRecordingInProgress, caption: caption }, { children: isAwaitingResponse ? (_jsx(LoadingIndicator, { tooltip: isCallRecordingInProgress
-                    ? t('Waiting for recording to stop...')
-                    : t('Waiting for recording to start...') })) : (_jsx(IconButton
-            // FIXME OL: sort out this ambiguity
-            , { 
-                // FIXME OL: sort out this ambiguity
-                enabled: !!call, disabled: !call, icon: isCallRecordingInProgress ? 'recording-on' : 'recording-off', title: t('Record call'), onClick: toggleCallRecording })) })) })));
-};
-//# sourceMappingURL=RecordCallButton.js.map

package/dist/src/components/CallControls/RecordCallButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecordCallButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/RecordCallButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAM5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,OAAO,GAAG,QAAQ,GACI,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,GAC1E,sBAAsB,EAAE,CAAC;IAE3B,OAAO,CACL,KAAC,UAAU,kBACT,cAAc,EAAE;YACd,aAAa,CAAC,iBAAiB;YAC/B,aAAa,CAAC,gBAAgB;SAC/B,gBAED,KAAC,eAAe,kBAAC,MAAM,EAAE,yBAAyB,EAAE,OAAO,EAAE,OAAO,gBACjE,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,gBAAgB,IACf,OAAO,EACL,yBAAyB;oBACvB,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC;oBACvC,CAAC,CAAC,CAAC,CAAC,mCAAmC,CAAC,GAE5C,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU;YACT,oCAAoC;;gBAApC,oCAAoC;gBACpC,OAAO,EAAE,CAAC,CAAC,IAAI,EACf,QAAQ,EAAE,CAAC,IAAI,EACf,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EAClE,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,EACvB,OAAO,EAAE,mBAAmB,GAC5B,CACH,IACe,IACP,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallControls/ScreenShareButton.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { OwnCapability } from '@stream-io/video-client';
-import { Restricted, useCall, useCallStateHooks, useI18n, } from '@stream-io/video-react-bindings';
-import { CompositeButton, IconButton } from '../Button/';
-import { PermissionNotification } from '../Notification';
-import { useToggleScreenShare } from '../../hooks';
-export const ScreenShareButton = ({ caption = 'Screen Share', }) => {
-    const call = useCall();
-    const { useHasOngoingScreenShare } = useCallStateHooks();
-    const isSomeoneScreenSharing = useHasOngoingScreenShare();
-    const { t } = useI18n();
-    const { toggleScreenShare, isAwaitingPermission, isScreenSharing } = useToggleScreenShare();
-    return (_jsx(Restricted, Object.assign({ requiredGrants: [OwnCapability.SCREENSHARE] }, { children: _jsx(PermissionNotification, Object.assign({ permission: OwnCapability.SCREENSHARE, isAwaitingApproval: isAwaitingPermission, messageApproved: t('You can now share your screen.'), messageAwaitingApproval: t('Awaiting for an approval to share screen.'), messageRevoked: t('You can no longer share your screen.') }, { children: _jsx(CompositeButton, Object.assign({ active: isSomeoneScreenSharing, caption: caption }, { children: _jsx(IconButton, { icon: isScreenSharing ? 'screen-share-on' : 'screen-share-off', title: t('Share screen'), disabled: (!isScreenSharing && isSomeoneScreenSharing) || !call, onClick: toggleScreenShare }) })) })) })));
-};
-//# sourceMappingURL=ScreenShareButton.js.map

package/dist/src/components/CallControls/ScreenShareButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScreenShareButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/ScreenShareButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,OAAO,GACR,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAMnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,OAAO,GAAG,cAAc,GACD,EAAE,EAAE;IAC3B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,wBAAwB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACzD,MAAM,sBAAsB,GAAG,wBAAwB,EAAE,CAAC;IAE1D,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,eAAe,EAAE,GAChE,oBAAoB,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,UAAU,kBAAC,cAAc,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,gBACrD,KAAC,sBAAsB,kBACrB,UAAU,EAAE,aAAa,CAAC,WAAW,EACrC,kBAAkB,EAAE,oBAAoB,EACxC,eAAe,EAAE,CAAC,CAAC,gCAAgC,CAAC,EACpD,uBAAuB,EAAE,CAAC,CAAC,2CAA2C,CAAC,EACvE,cAAc,EAAE,CAAC,CAAC,sCAAsC,CAAC,gBAEzD,KAAC,eAAe,kBAAC,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,OAAO,gBAC/D,KAAC,UAAU,IACT,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC9D,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,EACxB,QAAQ,EAAE,CAAC,CAAC,eAAe,IAAI,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAC/D,OAAO,EAAE,iBAAiB,GAC1B,IACc,IACK,IACd,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { OwnCapability, SfuModels } from '@stream-io/video-client';
-import { Restricted, useCallStateHooks, useI18n, } from '@stream-io/video-react-bindings';
-import { useMediaDevices } from '../../core';
-import { DeviceSelectorAudioInput } from '../DeviceSettings';
-import { CompositeButton, IconButton } from '../Button';
-import { PermissionNotification } from '../Notification';
-import { useToggleAudioMuteState } from '../../hooks';
-export const ToggleAudioPreviewButton = (props) => {
-    const { initialAudioEnabled, toggleInitialAudioMuteState } = useMediaDevices();
-    const { t } = useI18n();
-    const { caption = t('Mic'), Menu = DeviceSelectorAudioInput } = props;
-    return (_jsx(CompositeButton, Object.assign({ Menu: Menu, active: !initialAudioEnabled, caption: caption || t('Mic') }, { children: _jsx(IconButton, { icon: initialAudioEnabled ? 'mic' : 'mic-off', onClick: toggleInitialAudioMuteState }) })));
-};
-export const ToggleAudioPublishingButton = (props) => {
-    const { useLocalParticipant } = useCallStateHooks();
-    const localParticipant = useLocalParticipant();
-    const { t } = useI18n();
-    const { caption = t('Mic'), Menu = DeviceSelectorAudioInput } = props;
-    const isAudioMute = !(localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.publishedTracks.includes(SfuModels.TrackType.AUDIO));
-    const { toggleAudioMuteState: handleClick, isAwaitingPermission } = useToggleAudioMuteState();
-    return (_jsx(Restricted, Object.assign({ requiredGrants: [OwnCapability.SEND_AUDIO] }, { children: _jsx(PermissionNotification, Object.assign({ permission: OwnCapability.SEND_AUDIO, isAwaitingApproval: isAwaitingPermission, messageApproved: t('You can now speak.'), messageAwaitingApproval: t('Awaiting for an approval to speak.'), messageRevoked: t('You can no longer speak.') }, { children: _jsx(CompositeButton, Object.assign({ Menu: Menu, active: isAudioMute, caption: caption }, { children: _jsx(IconButton, { icon: isAudioMute ? 'mic-off' : 'mic', onClick: handleClick }) })) })) })));
-};
-//# sourceMappingURL=ToggleAudioButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleAudioButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/ToggleAudioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,OAAO,GACR,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAOtD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,KAAoC,EACpC,EAAE;IACF,MAAM,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,GACxD,eAAe,EAAE,CAAC;IACpB,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,wBAAwB,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,KAAC,eAAe,kBACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,mBAAmB,EAC5B,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,gBAE5B,KAAC,UAAU,IACT,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC7C,OAAO,EAAE,2BAA2B,GACpC,IACc,CACnB,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAuC,EACvC,EAAE;IACF,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACpD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IAExB,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,wBAAwB,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,WAAW,GAAG,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,CAAC,QAAQ,CAC7D,SAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAA,CAAC;IAEF,MAAM,EAAE,oBAAoB,EAAE,WAAW,EAAE,oBAAoB,EAAE,GAC/D,uBAAuB,EAAE,CAAC;IAE5B,OAAO,CACL,KAAC,UAAU,kBAAC,cAAc,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,gBACpD,KAAC,sBAAsB,kBACrB,UAAU,EAAE,aAAa,CAAC,UAAU,EACpC,kBAAkB,EAAE,oBAAoB,EACxC,eAAe,EAAE,CAAC,CAAC,oBAAoB,CAAC,EACxC,uBAAuB,EAAE,CAAC,CAAC,oCAAoC,CAAC,EAChE,cAAc,EAAE,CAAC,CAAC,0BAA0B,CAAC,gBAE7C,KAAC,eAAe,kBAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,gBAChE,KAAC,UAAU,IACT,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACrC,OAAO,EAAE,WAAW,GACpB,IACc,IACK,IACd,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallControls/ToggleAudioOutputButton.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CompositeButton, IconButton } from '../Button';
-import { DeviceSelectorAudioOutput } from '../DeviceSettings';
-import { useI18n } from '@stream-io/video-react-bindings';
-export const ToggleAudioOutputButton = (props) => {
-    const { t } = useI18n();
-    const { caption = t('Speakers'), Menu = DeviceSelectorAudioOutput } = props;
-    return (_jsx(CompositeButton, Object.assign({ Menu: Menu, active: true, caption: caption }, { children: _jsx(IconButton, { icon: "speaker" }) })));
-};
-//# sourceMappingURL=ToggleAudioOutputButton.js.map

package/dist/src/components/CallControls/ToggleAudioOutputButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleAudioOutputButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/ToggleAudioOutputButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAQ1D,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,KAAmC,EACnC,EAAE;IACF,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,GAAG,yBAAyB,EAAE,GAAG,KAAK,CAAC;IAE5E,OAAO,CACL,KAAC,eAAe,kBAAC,IAAI,EAAE,IAAI,EAAE,MAAM,QAAC,OAAO,EAAE,OAAO,gBAClD,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,GAAG,IACb,CACnB,CAAC;AACJ,CAAC,CAAC"}