@stream-io/video-react-native-sdk 0.0.1-alpha.413 → 0.0.1-alpha.415

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

@@ -1 +1 @@
-{"version":3,"file":"ChatButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ChatButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAsD;AACtD,6DAA0D;AAC1D,0CAAsC;AACtC,wDAA8D;AAC9D,kDAA6C;AAC7C,iEAA0D;AAiB1D;;;;GAIG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,cAAc,EACd,gBAAgB,GACA,EAAE,EAAE;IACpB,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,GAAG,IAAA,uBAAQ,GAAE,CAAC;IACf,OAAO,CACL,CAAC,uCAAkB,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAC7D;MAAA,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,EACnD;MAAA,CAAC,YAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EACnC;IAAA,EAAE,uCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,UAAU,cAarB;AAEF,MAAM,yBAAyB,GAAG,CAAC,EACjC,KAAK,GAGN,EAAE,EAAE;IACH,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC7B,GAAG,IAAA,uBAAQ,GAAE,CAAC;IAEf,8CAA8C;IAC9C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,mBAAI,CACH,MAAM,CAAC,CAAC,0BAAgB,CAAC,iCAAiC,CAAC,CAC3D,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAE7D;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CACJ,CAAC,MAAM,CAAC,aAAa;YACrB,EAAE,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE;YAC9B,SAAS,CAAC,QAAQ,CAAC,CACpB,CAED;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,mBAAO,CAAC,QAAQ;QACxB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,cAAc,EAAE,QAAQ;KACzB;IACD,aAAa,EAAE;QACb,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC"}
+{"version":3,"file":"ChatButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ChatButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAiB1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,cAAc,EACd,gBAAgB,GACA,EAAE,EAAE;IACpB,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,GAAG,QAAQ,EAAE,CAAC;IACf,OAAO,CACL,oBAAC,kBAAkB,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU;QAC5D,oBAAC,yBAAyB,IAAC,KAAK,EAAE,gBAAgB,GAAI;QACtD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACjB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAAC,EACjC,KAAK,GAGN,EAAE,EAAE;IACH,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC7B,GAAG,QAAQ,EAAE,CAAC;IAEf,8CAA8C;IAC9C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAE,gBAAgB,CAAC,iCAAiC,EAC1D,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;QAE5D,oBAAC,IAAI,IACH,KAAK,EACH,CAAC,MAAM,CAAC,aAAa;gBACrB,EAAE,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE;gBAC9B,SAAS,CAAC,QAAQ,CAAC,IAGpB,KAAK,CACD,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,OAAO,CAAC,QAAQ;QACxB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,cAAc,EAAE,QAAQ;KACzB;IACD,aAAa,EAAE;QACb,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC"}

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

@@ -1,53 +1,27 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HangUpCallButton = void 0;
-const react_1 = __importStar(require("react"));
-const CallControlsButton_1 = require("./CallControlsButton");
-const icons_1 = require("../../../icons");
-const TestIds_1 = require("../../../constants/TestIds");
-const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const video_client_1 = require("@stream-io/video-client");
-const ThemeContext_1 = require("../../../contexts/ThemeContext");
+import React, { useCallback } from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { PhoneDown } from '../../../icons';
+import { ButtonTestIds } from '../../../constants/TestIds';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import { CallingState } from '@stream-io/video-client';
+import { useTheme } from '../../../contexts/ThemeContext';
 /**
  * Button to hangup a call.
  *
  * Mostly calls call.leave() internally.
  */
-const HangUpCallButton = ({ onPressHandler, onHangupCallHandler, }) => {
-    const call = (0, video_react_bindings_1.useCall)();
-    const { useCallCallingState } = (0, video_react_bindings_1.useCallStateHooks)();
+export const HangUpCallButton = ({ onPressHandler, onHangupCallHandler, }) => {
+    const call = useCall();
+    const { useCallCallingState } = useCallStateHooks();
     const callingState = useCallCallingState();
-    const { theme: { colors, hangupCallButton }, } = (0, ThemeContext_1.useTheme)();
-    const onPress = (0, react_1.useCallback)(async () => {
+    const { theme: { colors, hangupCallButton }, } = useTheme();
+    const onPress = useCallback(async () => {
         if (onPressHandler) {
             onPressHandler();
             return;
         }
         try {
-            if (callingState === video_client_1.CallingState.LEFT) {
+            if (callingState === CallingState.LEFT) {
                 return;
             }
             await call?.leave();
@@ -60,11 +34,9 @@ const HangUpCallButton = ({ onPressHandler, onHangupCallHandler, }) => {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [call]);
-    return (<CallControlsButton_1.CallControlsButton onPress={onPress} color={colors.error} style={hangupCallButton} testID={TestIds_1.ButtonTestIds.HANG_UP_CALL}>
-      <icons_1.PhoneDown color={colors.static_white}/>
-    </CallControlsButton_1.CallControlsButton>);
+    return (React.createElement(CallControlsButton, { onPress: onPress, color: colors.error, style: hangupCallButton, testID: ButtonTestIds.HANG_UP_CALL },
+        React.createElement(PhoneDown, { color: colors.static_white })));
 };
-exports.HangUpCallButton = HangUpCallButton;
 // TODO: Check if this style is needed
 // This was passed to CallControlsButton as style prop
 // const styles = StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"file":"HangupCallButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/HangupCallButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,6DAA0D;AAC1D,0CAA2C;AAC3C,wDAA2D;AAC3D,0EAA6E;AAC7E,0DAAuD;AACvD,iEAA0D;AAmB1D;;;;GAIG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC/B,cAAc,EACd,mBAAmB,GACG,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,wCAAiB,GAAE,CAAC;IACpD,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GACpC,GAAG,IAAA,uBAAQ,GAAE,CAAC;IACf,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACrC,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,IAAI;YACF,IAAI,YAAY,KAAK,2BAAY,CAAC,IAAI,EAAE;gBACtC,OAAO;aACR;YACD,MAAM,IAAI,EAAE,KAAK,EAAE,CAAC;YACpB,IAAI,mBAAmB,EAAE;gBACvB,mBAAmB,EAAE,CAAC;aACvB;SACF;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;SAC7C;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,CAAC,uCAAkB,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,KAAK,CAAC,CAAC,gBAAgB,CAAC,CACxB,MAAM,CAAC,CAAC,uBAAa,CAAC,YAAY,CAAC,CAEnC;MAAA,CAAC,iBAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EACxC;IAAA,EAAE,uCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,gBAAgB,oBAuC3B;AAEF,sCAAsC;AACtC,sDAAsD;AACtD,qCAAqC;AACrC,cAAc;AACd,sCAAsC;AACtC,OAAO;AACP,MAAM"}
+{"version":3,"file":"HangupCallButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/HangupCallButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAmB1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,cAAc,EACd,mBAAmB,GACG,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACpD,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,GACpC,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,IAAI;YACF,IAAI,YAAY,KAAK,YAAY,CAAC,IAAI,EAAE;gBACtC,OAAO;aACR;YACD,MAAM,IAAI,EAAE,KAAK,EAAE,CAAC;YACpB,IAAI,mBAAmB,EAAE;gBACvB,mBAAmB,EAAE,CAAC;aACvB;SACF;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;SAC7C;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,gBAAgB,EACvB,MAAM,EAAE,aAAa,CAAC,YAAY;QAElC,oBAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACtB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,sCAAsC;AACtC,sDAAsD;AACtD,qCAAqC;AACrC,cAAc;AACd,sCAAsC;AACtC,OAAO;AACP,MAAM"}

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

@@ -1,25 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useTheme } from '../../../contexts';
+import { AcceptCallButton } from './AcceptCallButton';
+import { RejectCallButton } from './RejectCallButton';
+import { ToggleVideoPreviewButton } from './ToggleVideoPreviewButton';
+export const IncomingCallControls = ({ onAcceptCallHandler, onRejectCallHandler, }) => {
+    const { theme: { incomingCall }, } = useTheme();
+    return (React.createElement(View, { style: [styles.buttonGroup, incomingCall.buttonGroup] },
+        React.createElement(RejectCallButton, { onPressHandler: onRejectCallHandler }),
+        React.createElement(ToggleVideoPreviewButton, null),
+        React.createElement(AcceptCallButton, { onPressHandler: onAcceptCallHandler })));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IncomingCallControls = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const contexts_1 = require("../../../contexts");
-const AcceptCallButton_1 = require("./AcceptCallButton");
-const RejectCallButton_1 = require("./RejectCallButton");
-const ToggleVideoPreviewButton_1 = require("./ToggleVideoPreviewButton");
-const IncomingCallControls = ({ onAcceptCallHandler, onRejectCallHandler, }) => {
-    const { theme: { incomingCall }, } = (0, contexts_1.useTheme)();
-    return (<react_native_1.View style={[styles.buttonGroup, incomingCall.buttonGroup]}>
-      <RejectCallButton_1.RejectCallButton onPressHandler={onRejectCallHandler}/>
-      <ToggleVideoPreviewButton_1.ToggleVideoPreviewButton />
-      <AcceptCallButton_1.AcceptCallButton onPressHandler={onAcceptCallHandler}/>
-    </react_native_1.View>);
-};
-exports.IncomingCallControls = IncomingCallControls;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     buttonGroup: {
         flexDirection: 'row',
         justifyContent: 'space-evenly',

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

@@ -1 +1 @@
-{"version":3,"file":"IncomingCallControls.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/IncomingCallControls.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAgD;AAChD,gDAA6C;AAC7C,yDAAsD;AACtD,yDAAsD;AACtD,yEAAsE;AAgB/D,MAAM,oBAAoB,GAAG,CAAC,EACnC,mBAAmB,EACnB,mBAAmB,GACO,EAAE,EAAE;IAC9B,MAAM,EACJ,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACf,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC,CAC1D;MAAA,CAAC,mCAAgB,CAAC,cAAc,CAAC,CAAC,mBAAmB,CAAC,EACtD;MAAA,CAAC,mDAAwB,CAAC,AAAD,EACzB;MAAA,CAAC,mCAAgB,CAAC,cAAc,CAAC,CAAC,mBAAmB,CAAC,EACxD;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,oBAAoB,wBAc/B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;QAC9B,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}
+{"version":3,"file":"IncomingCallControls.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/IncomingCallControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAgBtE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,mBAAmB,EACnB,mBAAmB,GACO,EAAE,EAAE;IAC9B,MAAM,EACJ,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,GAAG,QAAQ,EAAE,CAAC;IACf,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,WAAW,CAAC;QACzD,oBAAC,gBAAgB,IAAC,cAAc,EAAE,mBAAmB,GAAI;QACzD,oBAAC,wBAAwB,OAAG;QAC5B,oBAAC,gBAAgB,IAAC,cAAc,EAAE,mBAAmB,GAAI,CACpD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;QAC9B,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}

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

@@ -1,26 +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.LobbyControls = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const ToggleAudioPreviewButton_1 = require("./ToggleAudioPreviewButton");
-const ToggleVideoPreviewButton_1 = require("./ToggleVideoPreviewButton");
-const ThemeContext_1 = require("../../../contexts/ThemeContext");
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ToggleAudioPreviewButton } from './ToggleAudioPreviewButton';
+import { ToggleVideoPreviewButton } from './ToggleVideoPreviewButton';
+import { useTheme } from '../../../contexts/ThemeContext';
 /**
  * Controls for the Lobby Component
  */
-const LobbyControls = () => {
-    const { theme: { lobbyControls }, } = (0, ThemeContext_1.useTheme)();
-    return (<react_native_1.View style={[styles.container, lobbyControls.container]}>
-      <ToggleAudioPreviewButton_1.ToggleAudioPreviewButton />
-      <ToggleVideoPreviewButton_1.ToggleVideoPreviewButton />
-    </react_native_1.View>);
+export const LobbyControls = () => {
+    const { theme: { lobbyControls }, } = useTheme();
+    return (React.createElement(View, { style: [styles.container, lobbyControls.container] },
+        React.createElement(ToggleAudioPreviewButton, null),
+        React.createElement(ToggleVideoPreviewButton, null)));
 };
-exports.LobbyControls = LobbyControls;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         paddingVertical: 12,
         flexDirection: 'row',

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

@@ -1 +1 @@
-{"version":3,"file":"LobbyControls.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/LobbyControls.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAgD;AAChD,yEAAsE;AACtE,yEAAsE;AACtE,iEAA0D;AAE1D;;GAEG;AACI,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EACJ,KAAK,EAAE,EAAE,aAAa,EAAE,GACzB,GAAG,IAAA,uBAAQ,GAAE,CAAC;IACf,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,CACvD;MAAA,CAAC,mDAAwB,CAAC,AAAD,EACzB;MAAA,CAAC,mDAAwB,CAAC,AAAD,EAC3B;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,aAAa,iBAUxB;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAE,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC,CAAC"}
+{"version":3,"file":"LobbyControls.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/LobbyControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EACJ,KAAK,EAAE,EAAE,aAAa,EAAE,GACzB,GAAG,QAAQ,EAAE,CAAC;IACf,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC;QACtD,oBAAC,wBAAwB,OAAG;QAC5B,oBAAC,wBAAwB,OAAG,CACvB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAE,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC,CAAC"}

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

@@ -1,27 +1,18 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useTheme } from '../../../contexts';
+import { HangUpCallButton } from './HangupCallButton';
+import { ToggleAudioPreviewButton } from './ToggleAudioPreviewButton';
+import { ToggleVideoPreviewButton } from './ToggleVideoPreviewButton';
+export const OutgoingCallControls = ({ onHangupCallHandler, }) => {
+    const { theme: { outgoingCall }, } = useTheme();
+    return (React.createElement(View, { style: [styles.buttonGroup, outgoingCall.buttonGroup] },
+        React.createElement(View, { style: [styles.deviceControlButtons, outgoingCall.deviceControlButtons] },
+            React.createElement(ToggleAudioPreviewButton, null),
+            React.createElement(ToggleVideoPreviewButton, null)),
+        React.createElement(HangUpCallButton, { onPressHandler: onHangupCallHandler })));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OutgoingCallControls = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const contexts_1 = require("../../../contexts");
-const HangupCallButton_1 = require("./HangupCallButton");
-const ToggleAudioPreviewButton_1 = require("./ToggleAudioPreviewButton");
-const ToggleVideoPreviewButton_1 = require("./ToggleVideoPreviewButton");
-const OutgoingCallControls = ({ onHangupCallHandler, }) => {
-    const { theme: { outgoingCall }, } = (0, contexts_1.useTheme)();
-    return (<react_native_1.View style={[styles.buttonGroup, outgoingCall.buttonGroup]}>
-      <react_native_1.View style={[styles.deviceControlButtons, outgoingCall.deviceControlButtons]}>
-        <ToggleAudioPreviewButton_1.ToggleAudioPreviewButton />
-        <ToggleVideoPreviewButton_1.ToggleVideoPreviewButton />
-      </react_native_1.View>
-      <HangupCallButton_1.HangUpCallButton onPressHandler={onHangupCallHandler}/>
-    </react_native_1.View>);
-};
-exports.OutgoingCallControls = OutgoingCallControls;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     buttonGroup: {
         alignItems: 'center',
     },

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

@@ -1 +1 @@
-{"version":3,"file":"OutgoingCallControls.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/OutgoingCallControls.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAgD;AAChD,gDAA6C;AAC7C,yDAAsD;AACtD,yEAAsE;AACtE,yEAAsE;AAY/D,MAAM,oBAAoB,GAAG,CAAC,EACnC,mBAAmB,GACO,EAAE,EAAE;IAC9B,MAAM,EACJ,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACf,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC,CAC1D;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAExE;QAAA,CAAC,mDAAwB,CAAC,AAAD,EACzB;QAAA,CAAC,mDAAwB,CAAC,AAAD,EAC3B;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mCAAgB,CAAC,cAAc,CAAC,CAAC,mBAAmB,CAAC,EACxD;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,oBAAoB,wBAiB/B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,UAAU,EAAE,QAAQ;KACrB;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC,CAAC"}
+{"version":3,"file":"OutgoingCallControls.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/OutgoingCallControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAYtE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,mBAAmB,GACO,EAAE,EAAE;IAC9B,MAAM,EACJ,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,GAAG,QAAQ,EAAE,CAAC;IACf,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,WAAW,CAAC;QACzD,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,oBAAoB,CAAC;YAEvE,oBAAC,wBAAwB,OAAG;YAC5B,oBAAC,wBAAwB,OAAG,CACvB;QACP,oBAAC,gBAAgB,IAAC,cAAc,EAAE,mBAAmB,GAAI,CACpD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,UAAU,EAAE,QAAQ;KACrB;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC,CAAC"}

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

@@ -1,46 +1,20 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactionButton = void 0;
-const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const react_1 = __importStar(require("react"));
-const CallControlsButton_1 = require("./CallControlsButton");
-const video_client_1 = require("@stream-io/video-client");
-const TestIds_1 = require("../../../constants/TestIds");
-const icons_1 = require("../../../icons");
-const ReactionsPicker_1 = require("./internal/ReactionsPicker");
-const utils_1 = require("../../../utils");
-const ThemeContext_1 = require("../../../contexts/ThemeContext");
+import { Restricted } from '@stream-io/video-react-bindings';
+import React, { useState } from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { OwnCapability } from '@stream-io/video-client';
+import { ButtonTestIds } from '../../../constants/TestIds';
+import { Reaction } from '../../../icons';
+import { ReactionsPicker } from './internal/ReactionsPicker';
+import { StreamVideoRN } from '../../../utils';
+import { useTheme } from '../../../contexts/ThemeContext';
 /**
  * Button to display the list of Reactions supported in the call.
  * On press, it opens a view that can be used to send Reaction.
  */
-const ReactionButton = ({ onPressHandler }) => {
-    const [showReactionsPicker, setShowReactionsPicker] = (0, react_1.useState)(false);
-    const [reactionsButtonLayoutRectangle, setReactionsButtonLayoutRectangle] = (0, react_1.useState)();
-    const { theme: { colors }, } = (0, ThemeContext_1.useTheme)();
+export const ReactionButton = ({ onPressHandler }) => {
+    const [showReactionsPicker, setShowReactionsPicker] = useState(false);
+    const [reactionsButtonLayoutRectangle, setReactionsButtonLayoutRectangle] = useState();
+    const { theme: { colors }, } = useTheme();
     // This is for the reaction picker
     const onReactionsButtonLayout = (event) => {
         const layout = event.nativeEvent.layout;
@@ -62,16 +36,12 @@ const ReactionButton = ({ onPressHandler }) => {
         }
         setShowReactionsPicker(true);
     };
-    return (<>
-      <video_react_bindings_1.Restricted requiredGrants={[video_client_1.OwnCapability.CREATE_REACTION]}>
-        <CallControlsButton_1.CallControlsButton testID={TestIds_1.ButtonTestIds.REACTION} onPress={reactionButtonHandler} onLayout={onReactionsButtonLayout}>
-          <icons_1.Reaction color={colors.static_black}/>
-        </CallControlsButton_1.CallControlsButton>
-      </video_react_bindings_1.Restricted>
-      {showReactionsPicker && (<ReactionsPicker_1.ReactionsPicker reactions={utils_1.StreamVideoRN.getConfig().supportedReactions} reactionsButtonLayoutRectangle={reactionsButtonLayoutRectangle} onRequestedClose={() => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Restricted, { requiredGrants: [OwnCapability.CREATE_REACTION] },
+            React.createElement(CallControlsButton, { testID: ButtonTestIds.REACTION, onPress: reactionButtonHandler, onLayout: onReactionsButtonLayout },
+                React.createElement(Reaction, { color: colors.static_black }))),
+        showReactionsPicker && (React.createElement(ReactionsPicker, { reactions: StreamVideoRN.getConfig().supportedReactions, reactionsButtonLayoutRectangle: reactionsButtonLayoutRectangle, onRequestedClose: () => {
                 setShowReactionsPicker(false);
-            }}/>)}
-    </>);
+            } }))));
 };
-exports.ReactionButton = ReactionButton;
 //# sourceMappingURL=ReactionButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReactionButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ReactionButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAA6D;AAC7D,+CAAwC;AACxC,6DAA0D;AAC1D,0DAAwD;AACxD,wDAA2D;AAC3D,0CAA0C;AAC1C,gEAA6D;AAC7D,0CAA+C;AAE/C,iEAA0D;AAY1D;;;GAGG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,cAAc,EAAuB,EAAE,EAAE;IACxE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GACjD,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3B,MAAM,CAAC,8BAA8B,EAAE,iCAAiC,CAAC,GACvE,IAAA,gBAAQ,GAAmB,CAAC;IAC9B,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,GAClB,GAAG,IAAA,uBAAQ,GAAE,CAAC;IACf,kCAAkC;IAClC,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC3D,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QACxC,iCAAiC,CAAC,CAAC,IAAI,EAAE,EAAE;YACzC,IACE,IAAI;gBACJ,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK;gBAC3B,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;gBAC7B,IAAI,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;gBACnB,IAAI,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,EACnB;gBACA,OAAO,IAAI,CAAC;aACb;YACD,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,EACE;MAAA,CAAC,iCAAU,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAa,CAAC,eAAe,CAAC,CAAC,CAC1D;QAAA,CAAC,uCAAkB,CACjB,MAAM,CAAC,CAAC,uBAAa,CAAC,QAAQ,CAAC,CAC/B,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAC/B,QAAQ,CAAC,CAAC,uBAAuB,CAAC,CAElC;UAAA,CAAC,gBAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EACvC;QAAA,EAAE,uCAAkB,CACtB;MAAA,EAAE,iCAAU,CACZ;MAAA,CAAC,mBAAmB,IAAI,CACtB,CAAC,iCAAe,CACd,SAAS,CAAC,CAAC,qBAAa,CAAC,SAAS,EAAE,CAAC,kBAAkB,CAAC,CACxD,8BAA8B,CAAC,CAAC,8BAA8B,CAAC,CAC/D,gBAAgB,CAAC,CAAC,GAAG,EAAE;gBACrB,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC,CAAC,EACF,CACH,CACH;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,cAAc,kBAuDzB"}
+{"version":3,"file":"ReactionButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ReactionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAY1D;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,cAAc,EAAuB,EAAE,EAAE;IACxE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GACjD,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3B,MAAM,CAAC,8BAA8B,EAAE,iCAAiC,CAAC,GACvE,QAAQ,EAAmB,CAAC;IAC9B,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,GAClB,GAAG,QAAQ,EAAE,CAAC;IACf,kCAAkC;IAClC,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC3D,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QACxC,iCAAiC,CAAC,CAAC,IAAI,EAAE,EAAE;YACzC,IACE,IAAI;gBACJ,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK;gBAC3B,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;gBAC7B,IAAI,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;gBACnB,IAAI,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,EACnB;gBACA,OAAO,IAAI,CAAC;aACb;YACD,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,UAAU,IAAC,cAAc,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC;YACzD,oBAAC,kBAAkB,IACjB,MAAM,EAAE,aAAa,CAAC,QAAQ,EAC9B,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,uBAAuB;gBAEjC,oBAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACrB,CACV;QACZ,mBAAmB,IAAI,CACtB,oBAAC,eAAe,IACd,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,CAAC,kBAAkB,EACvD,8BAA8B,EAAE,8BAA8B,EAC9D,gBAAgB,EAAE,GAAG,EAAE;gBACrB,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC,GACD,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,32 +1,26 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RejectCallButton = void 0;
-const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const react_1 = __importDefault(require("react"));
-const CallControlsButton_1 = require("./CallControlsButton");
-const icons_1 = require("../../../icons");
-const video_client_1 = require("@stream-io/video-client");
-const ThemeContext_1 = require("../../../contexts/ThemeContext");
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { PhoneDown } from '../../../icons';
+import { CallingState } from '@stream-io/video-client';
+import { useTheme } from '../../../contexts/ThemeContext';
 /**
  * Button to reject a call.
  *
  * Mostly calls call.leave({ reject: true }) internally.
  */
-const RejectCallButton = ({ onPressHandler, onRejectCallHandler, }) => {
-    const call = (0, video_react_bindings_1.useCall)();
-    const { useCallCallingState } = (0, video_react_bindings_1.useCallStateHooks)();
+export const RejectCallButton = ({ onPressHandler, onRejectCallHandler, }) => {
+    const call = useCall();
+    const { useCallCallingState } = useCallStateHooks();
     const callingState = useCallCallingState();
-    const { theme: { colors, rejectCallButton, variants: { buttonSizes }, }, } = (0, ThemeContext_1.useTheme)();
+    const { theme: { colors, rejectCallButton, variants: { buttonSizes }, }, } = useTheme();
     const rejectCallHandler = async () => {
         if (onPressHandler) {
             onPressHandler();
             return;
         }
         try {
-            if (callingState === video_client_1.CallingState.LEFT) {
+            if (callingState === CallingState.LEFT) {
                 return;
             }
             await call?.leave({ reject: true });
@@ -38,12 +32,10 @@ const RejectCallButton = ({ onPressHandler, onRejectCallHandler, }) => {
             console.log('Error rejecting Call', error);
         }
     };
-    return (<CallControlsButton_1.CallControlsButton onPress={rejectCallHandler} color={colors.error} size={buttonSizes.lg} 
-    // TODO: check what to do about this random style prop
-    // svgContainerStyle={theme.icon.lg}
-    style={rejectCallButton}>
-      <icons_1.PhoneDown color={colors.static_white}/>
-    </CallControlsButton_1.CallControlsButton>);
+    return (React.createElement(CallControlsButton, { onPress: rejectCallHandler, color: colors.error, size: buttonSizes.lg, 
+        // TODO: check what to do about this random style prop
+        // svgContainerStyle={theme.icon.lg}
+        style: rejectCallButton },
+        React.createElement(PhoneDown, { color: colors.static_white })));
 };
-exports.RejectCallButton = RejectCallButton;
 //# sourceMappingURL=RejectCallButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RejectCallButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/RejectCallButton.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAA6E;AAC7E,kDAA0B;AAC1B,6DAA0D;AAC1D,0CAA2C;AAC3C,0DAAuD;AACvD,iEAA0D;AAmB1D;;;;GAIG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC/B,cAAc,EACd,mBAAmB,GACG,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,wCAAiB,GAAE,CAAC;IACpD,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EACJ,KAAK,EAAE,EACL,MAAM,EACN,gBAAgB,EAChB,QAAQ,EAAE,EAAE,WAAW,EAAE,GAC1B,GACF,GAAG,IAAA,uBAAQ,GAAE,CAAC;IACf,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;QACnC,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,IAAI;YACF,IAAI,YAAY,KAAK,2BAAY,CAAC,IAAI,EAAE;gBACtC,OAAO;aACR;YACD,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YACpC,IAAI,mBAAmB,EAAE;gBACvB,mBAAmB,EAAE,CAAC;aACvB;SACF;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;SAC5C;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,uCAAkB,CACjB,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAC3B,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC;IACrB,sDAAsD;IACtD,oCAAoC;IACpC,KAAK,CAAC,CAAC,gBAAgB,CAAC,CAExB;MAAA,CAAC,iBAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EACxC;IAAA,EAAE,uCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,gBAAgB,oBA4C3B"}
+{"version":3,"file":"RejectCallButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/RejectCallButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAmB1D;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,cAAc,EACd,mBAAmB,GACG,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACpD,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EACJ,KAAK,EAAE,EACL,MAAM,EACN,gBAAgB,EAChB,QAAQ,EAAE,EAAE,WAAW,EAAE,GAC1B,GACF,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;QACnC,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,IAAI;YACF,IAAI,YAAY,KAAK,YAAY,CAAC,IAAI,EAAE;gBACtC,OAAO;aACR;YACD,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YACpC,IAAI,mBAAmB,EAAE;gBACvB,mBAAmB,EAAE,CAAC;aACvB;SACF;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;SAC5C;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAkB,IACjB,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EAAE,WAAW,CAAC,EAAE;QACpB,sDAAsD;QACtD,oCAAoC;QACpC,KAAK,EAAE,gBAAgB;QAEvB,oBAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACtB,CACtB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,23 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleAudioPreviewButton = void 0;
-const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const react_1 = __importDefault(require("react"));
-const contexts_1 = require("../../../contexts");
-const icons_1 = require("../../../icons");
-const providers_1 = require("../../../providers");
-const CallControlsButton_1 = require("./CallControlsButton");
+import { useCallStateHooks } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { useTheme } from '../../../contexts';
+import { Mic, MicOff } from '../../../icons';
+import { useMediaStreamManagement } from '../../../providers';
+import { CallControlsButton } from './CallControlsButton';
 /**
  * Button to toggle audio mute/unmute status before joining the call.
  */
-const ToggleAudioPreviewButton = ({ onPressHandler, }) => {
-    const { theme: { colors, toggleAudioPreviewButton, variants: { buttonSizes }, }, } = (0, contexts_1.useTheme)();
-    const { useMicrophoneState } = (0, video_react_bindings_1.useCallStateHooks)();
+export const ToggleAudioPreviewButton = ({ onPressHandler, }) => {
+    const { theme: { colors, toggleAudioPreviewButton, variants: { buttonSizes }, }, } = useTheme();
+    const { useMicrophoneState } = useCallStateHooks();
     const { status } = useMicrophoneState();
-    const { toggleInitialAudioMuteState } = (0, providers_1.useMediaStreamManagement)();
+    const { toggleInitialAudioMuteState } = useMediaStreamManagement();
     const onPress = () => {
         if (onPressHandler) {
             onPressHandler();
@@ -25,15 +19,12 @@ const ToggleAudioPreviewButton = ({ onPressHandler, }) => {
         }
         toggleInitialAudioMuteState();
     };
-    return (<CallControlsButton_1.CallControlsButton onPress={onPress} color={status === 'enabled' ? colors.static_white : colors.static_black} size={buttonSizes.md} style={{
+    return (React.createElement(CallControlsButton, { onPress: onPress, color: status === 'enabled' ? colors.static_white : colors.static_black, size: buttonSizes.md, style: {
             container: {
                 shadowColor: status === 'enabled' ? colors.static_white : colors.static_black,
                 ...toggleAudioPreviewButton.container,
             },
             svgContainer: toggleAudioPreviewButton.svgContainer,
-        }}>
-      {status === 'disabled' ? (<icons_1.MicOff color={colors.static_white}/>) : (<icons_1.Mic color={colors.static_black}/>)}
-    </CallControlsButton_1.CallControlsButton>);
+        } }, status === 'disabled' ? (React.createElement(MicOff, { color: colors.static_white })) : (React.createElement(Mic, { color: colors.static_black }))));
 };
-exports.ToggleAudioPreviewButton = ToggleAudioPreviewButton;
 //# sourceMappingURL=ToggleAudioPreviewButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleAudioPreviewButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAoE;AACpE,kDAA0B;AAC1B,gDAA6C;AAC7C,0CAA6C;AAC7C,kDAA8D;AAC9D,6DAA0D;AAa1D;;GAEG;AACI,MAAM,wBAAwB,GAAG,CAAC,EACvC,cAAc,GACgB,EAAE,EAAE;IAClC,MAAM,EACJ,KAAK,EAAE,EACL,MAAM,EACN,wBAAwB,EACxB,QAAQ,EAAE,EAAE,WAAW,EAAE,GAC1B,GACF,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACf,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,wCAAiB,GAAE,CAAC;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,MAAM,EAAE,2BAA2B,EAAE,GAAG,IAAA,oCAAwB,GAAE,CAAC;IAEnE,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,2BAA2B,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,uCAAkB,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CACxE,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CACrB,KAAK,CAAC,CAAC;YACL,SAAS,EAAE;gBACT,WAAW,EACT,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY;gBAClE,GAAG,wBAAwB,CAAC,SAAS;aACtC;YACD,YAAY,EAAE,wBAAwB,CAAC,YAAY;SACpD,CAAC,CAEF;MAAA,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACvB,CAAC,cAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAG,CACvC,CAAC,CAAC,CAAC,CACF,CAAC,WAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAG,CACpC,CACH;IAAA,EAAE,uCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,wBAAwB,4BA4CnC"}
+{"version":3,"file":"ToggleAudioPreviewButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAa1D;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,cAAc,GACgB,EAAE,EAAE;IAClC,MAAM,EACJ,KAAK,EAAE,EACL,MAAM,EACN,wBAAwB,EACxB,QAAQ,EAAE,EAAE,WAAW,EAAE,GAC1B,GACF,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,MAAM,EAAE,2BAA2B,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAEnE,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,2BAA2B,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EACvE,IAAI,EAAE,WAAW,CAAC,EAAE,EACpB,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,WAAW,EACT,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY;gBAClE,GAAG,wBAAwB,CAAC,SAAS;aACtC;YACD,YAAY,EAAE,wBAAwB,CAAC,YAAY;SACpD,IAEA,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACvB,oBAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACvC,CAAC,CAAC,CAAC,CACF,oBAAC,GAAG,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACpC,CACkB,CACtB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,23 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleAudioPublishingButton = void 0;
-const react_1 = __importDefault(require("react"));
-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 icons_1 = require("../../../icons");
-const ThemeContext_1 = require("../../../contexts/ThemeContext");
+import React from 'react';
+import { OwnCapability } from '@stream-io/video-client';
+import { Restricted, useCall, useCallStateHooks, } from '@stream-io/video-react-bindings';
+import { CallControlsButton } from './CallControlsButton';
+import { Mic, MicOff } from '../../../icons';
+import { useTheme } from '../../../contexts/ThemeContext';
 /**
  * Button to toggle audio mute/unmute status while in the call.
  */
-const ToggleAudioPublishingButton = ({ onPressHandler, }) => {
-    const call = (0, video_react_bindings_1.useCall)();
-    const { useMicrophoneState } = (0, video_react_bindings_1.useCallStateHooks)();
+export const ToggleAudioPublishingButton = ({ onPressHandler, }) => {
+    const call = useCall();
+    const { useMicrophoneState } = useCallStateHooks();
     const { status } = useMicrophoneState();
-    const { theme: { colors, toggleAudioPublishingButton }, } = (0, ThemeContext_1.useTheme)();
+    const { theme: { colors, toggleAudioPublishingButton }, } = useTheme();
     const onPress = async () => {
         if (onPressHandler) {
             onPressHandler();
@@ -25,11 +19,7 @@ const ToggleAudioPublishingButton = ({ onPressHandler, }) => {
         }
         await call?.microphone.toggle();
     };
-    return (<video_react_bindings_1.Restricted requiredGrants={[video_client_1.OwnCapability.SEND_AUDIO]}>
-      <CallControlsButton_1.CallControlsButton onPress={onPress} color={status === 'disabled' ? colors.overlay_dark : colors.static_white} style={toggleAudioPublishingButton}>
-        {status === 'disabled' ? (<icons_1.MicOff color={colors.static_white}/>) : (<icons_1.Mic color={colors.static_black}/>)}
-      </CallControlsButton_1.CallControlsButton>
-    </video_react_bindings_1.Restricted>);
+    return (React.createElement(Restricted, { requiredGrants: [OwnCapability.SEND_AUDIO] },
+        React.createElement(CallControlsButton, { onPress: onPress, color: status === 'disabled' ? colors.overlay_dark : colors.static_white, style: toggleAudioPublishingButton }, status === 'disabled' ? (React.createElement(MicOff, { color: colors.static_white })) : (React.createElement(Mic, { color: colors.static_black })))));
 };
-exports.ToggleAudioPublishingButton = ToggleAudioPublishingButton;
 //# sourceMappingURL=ToggleAudioPublishingButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleAudioPublishingButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleAudioPublishingButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0DAAwD;AACxD,0EAIyC;AACzC,6DAA0D;AAC1D,0CAA6C;AAC7C,iEAA0D;AAa1D;;GAEG;AACI,MAAM,2BAA2B,GAAG,CAAC,EAC1C,cAAc,GACmB,EAAE,EAAE;IACrC,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,wCAAiB,GAAE,CAAC;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,2BAA2B,EAAE,GAC/C,GAAG,IAAA,uBAAQ,GAAE,CAAC;IACf,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QAED,MAAM,IAAI,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,iCAAU,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAa,CAAC,UAAU,CAAC,CAAC,CACrD;MAAA,CAAC,uCAAkB,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CACJ,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAClE,CACD,KAAK,CAAC,CAAC,2BAA2B,CAAC,CAEnC;QAAA,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACvB,CAAC,cAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAG,CACvC,CAAC,CAAC,CAAC,CACF,CAAC,WAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAG,CACpC,CACH;MAAA,EAAE,uCAAkB,CACtB;IAAA,EAAE,iCAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,2BAA2B,+BAoCtC"}
+{"version":3,"file":"ToggleAudioPublishingButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleAudioPublishingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,UAAU,EACV,OAAO,EACP,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAa1D;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,cAAc,GACmB,EAAE,EAAE;IACrC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAExC,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,2BAA2B,EAAE,GAC/C,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QAED,MAAM,IAAI,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IAAC,cAAc,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC;QACpD,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EAEnE,KAAK,EAAE,2BAA2B,IAEjC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACvB,oBAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACvC,CAAC,CAAC,CAAC,CACF,oBAAC,GAAG,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACpC,CACkB,CACV,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,32 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleCameraFaceButton = void 0;
-const video_client_1 = require("@stream-io/video-client");
-const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const react_1 = __importDefault(require("react"));
-const CallControlsButton_1 = require("./CallControlsButton");
-const icons_1 = require("../../../icons");
-const ThemeContext_1 = require("../../../contexts/ThemeContext");
+import { OwnCapability } from '@stream-io/video-client';
+import { Restricted, useCall, useCallStateHooks, } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { CameraSwitch } from '../../../icons';
+import { useTheme } from '../../../contexts/ThemeContext';
 /**
  * Button to toggle camera face(front/back) when in the call.
  */
-const ToggleCameraFaceButton = ({ onPressHandler, }) => {
-    const call = (0, video_react_bindings_1.useCall)();
-    const { useCameraState } = (0, video_react_bindings_1.useCallStateHooks)();
+export const ToggleCameraFaceButton = ({ onPressHandler, }) => {
+    const call = useCall();
+    const { useCameraState } = useCallStateHooks();
     const { status, direction } = useCameraState();
-    const { theme: { colors, toggleCameraFaceButton }, } = (0, ThemeContext_1.useTheme)();
+    const { theme: { colors, toggleCameraFaceButton }, } = useTheme();
     const onPress = async () => {
         onPressHandler?.();
         await call?.camera.flip();
     };
-    return (<video_react_bindings_1.Restricted requiredGrants={[video_client_1.OwnCapability.SEND_VIDEO]}>
-      <CallControlsButton_1.CallControlsButton onPress={onPress} color={direction === 'back' ? colors.overlay_dark : colors.static_white} disabled={status === 'disabled'} style={toggleCameraFaceButton}>
-        <icons_1.CameraSwitch color={direction === 'front' ? colors.static_black : colors.static_white}/>
-      </CallControlsButton_1.CallControlsButton>
-    </video_react_bindings_1.Restricted>);
+    return (React.createElement(Restricted, { requiredGrants: [OwnCapability.SEND_VIDEO] },
+        React.createElement(CallControlsButton, { onPress: onPress, color: direction === 'back' ? colors.overlay_dark : colors.static_white, disabled: status === 'disabled', style: toggleCameraFaceButton },
+            React.createElement(CameraSwitch, { color: direction === 'front' ? colors.static_black : colors.static_white }))));
 };
-exports.ToggleCameraFaceButton = ToggleCameraFaceButton;
 //# sourceMappingURL=ToggleCameraFaceButton.js.map