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

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.1-alpha.415](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.414...@stream-io/video-react-native-sdk-0.0.1-alpha.415) (2023-08-31)
+
+
+
+## [0.0.1-alpha.414](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.413...@stream-io/video-react-native-sdk-0.0.1-alpha.414) (2023-08-31)
+
+
+### Bug Fixes
+
+* bring back reanimated and gesture handler ([#1019](https://github.com/GetStream/stream-video-js/issues/1019)) ([f90d140](https://github.com/GetStream/stream-video-js/commit/f90d140d8bf4bc1c5bc5b31bff80e8c7b557dfc4))
+
+
+### Features
+
+* **react-native:** add permission alert messages to translations ([#956](https://github.com/GetStream/stream-video-js/issues/956)) ([44ff70c](https://github.com/GetStream/stream-video-js/commit/44ff70cefdcd1b977334f4c21a0c59a599db9322))
+
+
+
 ## [0.0.1-alpha.413](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.412...@stream-io/video-react-native-sdk-0.0.1-alpha.413) (2023-08-31)
 
 

package/dist/index.js

@@ -1,56 +1,32 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaStreamManagement = exports.MediaStreamManagement = exports.StreamCall = exports.StreamVideo = void 0;
-const setClientDetails_1 = require("./src/utils/setClientDetails");
+import { setClientDetails } from './src/utils/setClientDetails';
 /** Initialize text encoder/decoder polyfill */
-require("text-encoding-polyfill");
+import 'text-encoding-polyfill';
 /** Initialize URL polyfill */
-require("react-native-url-polyfill/auto");
+import 'react-native-url-polyfill/auto';
 /** i18next polyfill to handle intl format for pluralization. For more info see https://www.i18next.com/misc/json-format#i-18-next-json-v4 */
-require("intl-pluralrules");
-const react_native_webrtc_1 = require("@stream-io/react-native-webrtc");
-const Logger_1 = __importDefault(require("@stream-io/react-native-webrtc/src/Logger"));
-const react_native_1 = require("react-native");
+import 'intl-pluralrules';
+import { registerGlobals } from '@stream-io/react-native-webrtc';
+import Logger from '@stream-io/react-native-webrtc/src/Logger';
+import { Platform } from 'react-native';
 // We're registering globals, because our video JS client is serving SDKs that use browser based webRTC functions.
 // This will result in creation of 2 global objects: `window` and `navigator`
 // Reference: https://github.com/react-native-webrtc/react-native-webrtc/blob/16cff1523da457dbcc27bb0744ee2bad3a987c41/Documentation/BasicUsage.md#registering-globals
-if (react_native_1.Platform.OS !== 'web') {
-    (0, react_native_webrtc_1.registerGlobals)();
+if (Platform.OS !== 'web') {
+    registerGlobals();
 }
 // only enable warning and error logs from webrtc library
-Logger_1.default.enable(`${Logger_1.default.ROOT_PREFIX}:(WARN|ERROR)`);
-__exportStar(require("@stream-io/i18n"), exports);
-__exportStar(require("@stream-io/video-client"), exports);
-__exportStar(require("@stream-io/video-react-bindings"), exports);
-__exportStar(require("./src/components"), exports);
-__exportStar(require("./src/contexts"), exports);
-__exportStar(require("./src/hooks"), exports);
-__exportStar(require("./src/theme"), exports);
-__exportStar(require("./src/utils"), exports);
-__exportStar(require("./src/translations"), exports);
+Logger.enable(`${Logger.ROOT_PREFIX}:(WARN|ERROR)`);
+export * from '@stream-io/i18n';
+export * from '@stream-io/video-client';
+export * from '@stream-io/video-react-bindings';
+export * from './src/components';
+export * from './src/contexts';
+export * from './src/hooks';
+export * from './src/theme';
+export * from './src/utils';
+export * from './src/translations';
 // Overriding 'StreamVideo' from '@stream-io/video-react-bindings'
 // Explicitly re-exporting to resolve ambiguity.
-var providers_1 = require("./src/providers");
-Object.defineProperty(exports, "StreamVideo", { enumerable: true, get: function () { return providers_1.StreamVideo; } });
-Object.defineProperty(exports, "StreamCall", { enumerable: true, get: function () { return providers_1.StreamCall; } });
-Object.defineProperty(exports, "MediaStreamManagement", { enumerable: true, get: function () { return providers_1.MediaStreamManagement; } });
-Object.defineProperty(exports, "useMediaStreamManagement", { enumerable: true, get: function () { return providers_1.useMediaStreamManagement; } });
-(0, setClientDetails_1.setClientDetails)();
+export { StreamVideo, StreamCall, MediaStreamManagement, useMediaStreamManagement, } from './src/providers';
+setClientDetails();
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mEAAgE;AAChE,+CAA+C;AAC/C,kCAAgC;AAChC,8BAA8B;AAC9B,0CAAwC;AACxC,6IAA6I;AAC7I,4BAA0B;AAC1B,wEAAiE;AACjE,uFAA+D;AAC/D,+CAAwC;AAExC,kHAAkH;AAClH,6EAA6E;AAC7E,sKAAsK;AACtK,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;IACzB,IAAA,qCAAe,GAAE,CAAC;CACnB;AAED,yDAAyD;AACzD,gBAAM,CAAC,MAAM,CAAC,GAAG,gBAAM,CAAC,WAAW,eAAe,CAAC,CAAC;AAEpD,kDAAgC;AAChC,0DAAwC;AACxC,kEAAgD;AAChD,mDAAiC;AACjC,iDAA+B;AAC/B,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,qDAAmC;AAEnC,kEAAkE;AAClE,gDAAgD;AAChD,6CAKyB;AAJvB,wGAAA,WAAW,OAAA;AACX,uGAAA,UAAU,OAAA;AACV,kHAAA,qBAAqB,OAAA;AACrB,qHAAA,wBAAwB,OAAA;AAG1B,IAAA,mCAAgB,GAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,+CAA+C;AAC/C,OAAO,wBAAwB,CAAC;AAChC,8BAA8B;AAC9B,OAAO,gCAAgC,CAAC;AACxC,6IAA6I;AAC7I,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,MAAM,MAAM,2CAA2C,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,kHAAkH;AAClH,6EAA6E;AAC7E,sKAAsK;AACtK,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;IACzB,eAAe,EAAE,CAAC;CACnB;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,WAAW,eAAe,CAAC,CAAC;AAEpD,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AAEnC,kEAAkE;AAClE,gDAAgD;AAChD,OAAO,EACL,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AAEzB,gBAAgB,EAAE,CAAC"}

package/dist/jest-setup.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 // Import Jest Native matchers
-require("@testing-library/jest-native/extend-expect");
+import '@testing-library/jest-native/extend-expect';
 const mockedMedia = {
     getTracks: jest.fn().mockReturnValue([
         {
@@ -25,6 +23,10 @@ const mockedDevices = [
 ];
 // Mock the notifee module using the mock provided by @notifee/react-native itself
 jest.mock('@notifee/react-native', () => require('@notifee/react-native/jest-mock'));
+jest.mock('react-native-reanimated', () => {
+    const RNReanimatedmock = require('react-native-reanimated/mock');
+    return { ...RNReanimatedmock, runOnUI: (fn) => fn };
+});
 // When mocking we implement only the needed navigator APIs, hence the suppression rule
 // @ts-ignore
 global.navigator = {

package/dist/jest-setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"jest-setup.js","sourceRoot":"","sources":["../jest-setup.ts"],"names":[],"mappings":";;AAAA,8BAA8B;AAC9B,sDAAoD;AAEpD,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC;QACnC;YACE,EAAE,EAAE,iBAAiB;YACrB,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,KAAK;YACZ,UAAU,EAAE,oBAAoB;YAChC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;SAChB;KACF,CAAC;CACH,CAAC;AACF,MAAM,aAAa,GAAG;IACpB;QACE,QAAQ,EAAE,kBAAkB;QAC5B,OAAO,EAAE,iBAAiB;QAC1B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,cAAc;KACtB;CACF,CAAC;AAEF,kFAAkF;AAClF,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE,CACtC,OAAO,CAAC,iCAAiC,CAAC,CAC3C,CAAC;AAEF,uFAAuF;AACvF,aAAa;AACb,MAAM,CAAC,SAAS,GAAG;IACjB,YAAY,EAAE;QACZ,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC;QACtD,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC;KAC7D;CACF,CAAC"}
+{"version":3,"file":"jest-setup.js","sourceRoot":"","sources":["../jest-setup.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,4CAA4C,CAAC;AAEpD,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC;QACnC;YACE,EAAE,EAAE,iBAAiB;YACrB,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,KAAK;YACZ,UAAU,EAAE,oBAAoB;YAChC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;SAChB;KACF,CAAC;CACH,CAAC;AACF,MAAM,aAAa,GAAG;IACpB;QACE,QAAQ,EAAE,kBAAkB;QAC5B,OAAO,EAAE,iBAAiB;QAC1B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,cAAc;KACtB;CACF,CAAC;AAEF,kFAAkF;AAClF,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE,CACtC,OAAO,CAAC,iCAAiC,CAAC,CAC3C,CAAC;AAEF,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,MAAM,gBAAgB,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACjE,OAAO,EAAE,GAAG,gBAAgB,EAAE,OAAO,EAAE,CAAC,EAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;AAC3D,CAAC,CAAC,CAAC;AAEH,uFAAuF;AACvF,aAAa;AACb,MAAM,CAAC,SAAS,GAAG;IACjB,YAAY,EAAE;QACZ,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC;QACtD,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC;KAC7D;CACF,CAAC"}

package/dist/src/components/Call/CallContent/CallContent.js

@@ -1,47 +1,21 @@
-"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.CallContent = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const CallTopView_1 = require("../CallTopView");
-const CallLayout_1 = require("../CallLayout");
-const CallControls_1 = require("../CallControls");
-const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const video_client_1 = require("@stream-io/video-client");
-const hooks_1 = require("../../../hooks");
-const constants_1 = require("../../../constants");
-const hooks_2 = require("../../../utils/hooks");
-const Participant_1 = require("../../Participant");
-const contexts_1 = require("../../../contexts");
-const CallContent = ({ onBackPressed, onParticipantInfoPress, onHangupCallHandler, CallParticipantsList, CallTopView = CallTopView_1.CallTopView, CallControls = CallControls_1.CallControls, FloatingParticipantView = Participant_1.FloatingParticipantView, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, ParticipantsInfoBadge, VideoRenderer, layout = 'grid', }) => {
-    const [showRemoteParticipantInFloatingView, setShowRemoteParticipantInFloatingView,] = (0, react_1.useState)(false);
-    const { theme: { callContent }, } = (0, contexts_1.useTheme)();
-    const { useHasOngoingScreenShare, useRemoteParticipants, useLocalParticipant, } = (0, video_react_bindings_1.useCallStateHooks)();
+import React, { useEffect, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { CallTopView as DefaultCallTopView, } from '../CallTopView';
+import { CallParticipantsGrid, CallParticipantsSpotlight, } from '../CallLayout';
+import { CallControls as DefaultCallControls, } from '../CallControls';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import { CallingState } from '@stream-io/video-client';
+import { useIncallManager } from '../../../hooks';
+import { Z_INDEX } from '../../../constants';
+import { useDebouncedValue } from '../../../utils/hooks';
+import { FloatingParticipantView as DefaultFloatingParticipantView, } from '../../Participant';
+import { useTheme } from '../../../contexts';
+export const CallContent = ({ onBackPressed, onParticipantInfoPress, onHangupCallHandler, CallParticipantsList, CallTopView = DefaultCallTopView, CallControls = DefaultCallControls, FloatingParticipantView = DefaultFloatingParticipantView, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, ParticipantsInfoBadge, VideoRenderer, layout = 'grid', }) => {
+    const [showRemoteParticipantInFloatingView, setShowRemoteParticipantInFloatingView,] = useState(false);
+    const { theme: { callContent }, } = useTheme();
+    const { useHasOngoingScreenShare, useRemoteParticipants, useLocalParticipant, } = useCallStateHooks();
     const _remoteParticipants = useRemoteParticipants();
-    const remoteParticipants = (0, hooks_2.useDebouncedValue)(_remoteParticipants, 300); // we debounce the remote participants to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
+    const remoteParticipants = useDebouncedValue(_remoteParticipants, 300); // we debounce the remote participants to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
     const localParticipant = useLocalParticipant();
     const hasScreenShare = useHasOngoingScreenShare();
     const showSpotlightLayout = hasScreenShare || layout === 'spotlight';
@@ -52,9 +26,9 @@ const CallContent = ({ onBackPressed, onParticipantInfoPress, onHangupCallHandle
     /**
      * This hook is used to handle IncallManager specs of the application.
      */
-    (0, hooks_1.useIncallManager)({ media: 'video', auto: true });
-    const call = (0, video_react_bindings_1.useCall)();
-    const activeCallRef = (0, react_1.useRef)(call);
+    useIncallManager({ media: 'video', auto: true });
+    const call = useCall();
+    const activeCallRef = useRef(call);
     activeCallRef.current = call;
     const handleFloatingViewParticipantSwitch = () => {
         if (remoteParticipants.length !== 1) {
@@ -62,9 +36,9 @@ const CallContent = ({ onBackPressed, onParticipantInfoPress, onHangupCallHandle
         }
         setShowRemoteParticipantInFloatingView((prevState) => !prevState);
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         return () => {
-            if (activeCallRef.current?.state.callingState !== video_client_1.CallingState.LEFT) {
+            if (activeCallRef.current?.state.callingState !== CallingState.LEFT) {
                 activeCallRef.current?.leave();
             }
         };
@@ -87,29 +61,24 @@ const CallContent = ({ onBackPressed, onParticipantInfoPress, onHangupCallHandle
         ParticipantView,
         CallParticipantsList,
     };
-    return (<react_native_1.View style={[styles.container, callContent.container]}>
-      <react_native_1.View style={[styles.container, callContent.callParticipantsContainer]}>
-        <react_native_1.View style={[styles.view, callContent.topContainer]} 
-    // "box-none" disallows the container view to be not take up touches
-    // and allows only the top and floating view (its child views) to take up the touches
-    pointerEvents="box-none">
-          {CallTopView && (<CallTopView onBackPressed={onBackPressed} onParticipantInfoPress={onParticipantInfoPress} ParticipantsInfoBadge={ParticipantsInfoBadge}/>)}
-          {showFloatingView && FloatingParticipantView && (<FloatingParticipantView participant={isRemoteParticipantInFloatingView
-                ? remoteParticipants[0]
-                : localParticipant} onPressHandler={handleFloatingViewParticipantSwitch} {...participantViewProps}/>)}
-        </react_native_1.View>
-        {showSpotlightLayout ? (<CallLayout_1.CallParticipantsSpotlight {...callParticipantsSpotlightProps}/>) : (<CallLayout_1.CallParticipantsGrid {...callParticipantsGridProps}/>)}
-      </react_native_1.View>
-
-      {CallControls && (<CallControls onHangupCallHandler={onHangupCallHandler}/>)}
-    </react_native_1.View>);
+    return (React.createElement(View, { style: [styles.container, callContent.container] },
+        React.createElement(View, { style: [styles.container, callContent.callParticipantsContainer] },
+            React.createElement(View, { style: [styles.view, callContent.topContainer], 
+                // "box-none" disallows the container view to be not take up touches
+                // and allows only the top and floating view (its child views) to take up the touches
+                pointerEvents: "box-none" },
+                CallTopView && (React.createElement(CallTopView, { onBackPressed: onBackPressed, onParticipantInfoPress: onParticipantInfoPress, ParticipantsInfoBadge: ParticipantsInfoBadge })),
+                showFloatingView && FloatingParticipantView && (React.createElement(FloatingParticipantView, { participant: isRemoteParticipantInFloatingView
+                        ? remoteParticipants[0]
+                        : localParticipant, onPressHandler: handleFloatingViewParticipantSwitch, ...participantViewProps }))),
+            showSpotlightLayout ? (React.createElement(CallParticipantsSpotlight, { ...callParticipantsSpotlightProps })) : (React.createElement(CallParticipantsGrid, { ...callParticipantsGridProps }))),
+        CallControls && (React.createElement(CallControls, { onHangupCallHandler: onHangupCallHandler }))));
 };
-exports.CallContent = CallContent;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: { flex: 1 },
     view: {
-        ...react_native_1.StyleSheet.absoluteFillObject,
-        zIndex: constants_1.Z_INDEX.IN_FRONT,
+        ...StyleSheet.absoluteFillObject,
+        zIndex: Z_INDEX.IN_FRONT,
     },
 });
 //# sourceMappingURL=CallContent.js.map

package/dist/src/components/Call/CallContent/CallContent.js.map

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

package/dist/src/components/Call/CallContent/index.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CallContent"), exports);
+export * from './CallContent';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,22 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AcceptCallButton = 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 ThemeContext_1 = require("../../../contexts/ThemeContext");
+import { useCall } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { Phone } from '../../../icons';
+import { useTheme } from '../../../contexts/ThemeContext';
 /**
  * Button to accept a call.
  *
  * Mostly calls call.join() internally.
  */
-const AcceptCallButton = ({ onPressHandler, onAcceptCallHandler, }) => {
-    const call = (0, video_react_bindings_1.useCall)();
-    const { theme: { colors, variants: { buttonSizes }, acceptCallButton, }, } = (0, ThemeContext_1.useTheme)();
+export const AcceptCallButton = ({ onPressHandler, onAcceptCallHandler, }) => {
+    const call = useCall();
+    const { theme: { colors, variants: { buttonSizes }, acceptCallButton, }, } = useTheme();
     const acceptCallHandler = async () => {
         if (onPressHandler) {
             onPressHandler();
@@ -32,9 +26,7 @@ const AcceptCallButton = ({ onPressHandler, onAcceptCallHandler, }) => {
             console.log('Error joining Call', error);
         }
     };
-    return (<CallControlsButton_1.CallControlsButton onPress={acceptCallHandler} color={colors.info} size={buttonSizes.lg} style={acceptCallButton}>
-      <icons_1.Phone color={colors.static_white}/>
-    </CallControlsButton_1.CallControlsButton>);
+    return (React.createElement(CallControlsButton, { onPress: acceptCallHandler, color: colors.info, size: buttonSizes.lg, style: acceptCallButton },
+        React.createElement(Phone, { color: colors.static_white })));
 };
-exports.AcceptCallButton = AcceptCallButton;
 //# sourceMappingURL=AcceptCallButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AcceptCallButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/AcceptCallButton.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAA0D;AAC1D,kDAA0B;AAC1B,6DAA0D;AAC1D,0CAAuC;AACvC,iEAA0D;AAkB1D;;;;GAIG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC/B,cAAc,EACd,mBAAmB,GACG,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,EACJ,KAAK,EAAE,EACL,MAAM,EACN,QAAQ,EAAE,EAAE,WAAW,EAAE,EACzB,gBAAgB,GACjB,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,MAAM,IAAI,EAAE,IAAI,EAAE,CAAC;YACnB,IAAI,mBAAmB,EAAE;gBACvB,mBAAmB,EAAE,CAAC;aACvB;SACF;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,uCAAkB,CACjB,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAC3B,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CACrB,KAAK,CAAC,CAAC,gBAAgB,CAAC,CAExB;MAAA,CAAC,aAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EACpC;IAAA,EAAE,uCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,gBAAgB,oBAqC3B"}
+{"version":3,"file":"AcceptCallButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/AcceptCallButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAkB1D;;;;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,EACJ,KAAK,EAAE,EACL,MAAM,EACN,QAAQ,EAAE,EAAE,WAAW,EAAE,EACzB,gBAAgB,GACjB,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,MAAM,IAAI,EAAE,IAAI,EAAE,CAAC;YACnB,IAAI,mBAAmB,EAAE;gBACvB,mBAAmB,EAAE,CAAC;aACvB;SACF;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAkB,IACjB,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,IAAI,EAAE,WAAW,CAAC,EAAE,EACpB,KAAK,EAAE,gBAAgB;QAEvB,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CAClB,CACtB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,42 +1,34 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CallControls = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const ToggleAudioPublishingButton_1 = require("./ToggleAudioPublishingButton");
-const ToggleVideoPublishingButton_1 = require("./ToggleVideoPublishingButton");
-const ToggleCameraFaceButton_1 = require("./ToggleCameraFaceButton");
-const constants_1 = require("../../../constants");
-const HangupCallButton_1 = require("./HangupCallButton");
-const ThemeContext_1 = require("../../../contexts/ThemeContext");
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ToggleAudioPublishingButton } from './ToggleAudioPublishingButton';
+import { ToggleVideoPublishingButton } from './ToggleVideoPublishingButton';
+import { ToggleCameraFaceButton } from './ToggleCameraFaceButton';
+import { Z_INDEX } from '../../../constants';
+import { HangUpCallButton } from './HangupCallButton';
+import { useTheme } from '../../../contexts/ThemeContext';
 /**
  * A list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
  * the user can trigger within an active call.
  */
-const CallControls = ({ style, onHangupCallHandler, }) => {
-    const { theme: { colors, callControls }, } = (0, ThemeContext_1.useTheme)();
-    return (<react_native_1.View style={[
+export const CallControls = ({ style, onHangupCallHandler, }) => {
+    const { theme: { colors, callControls }, } = useTheme();
+    return (React.createElement(View, { style: [
             styles.container,
             { backgroundColor: colors.static_grey },
             style,
             callControls.container,
-        ]}>
-      <ToggleVideoPublishingButton_1.ToggleVideoPublishingButton />
-      <ToggleAudioPublishingButton_1.ToggleAudioPublishingButton />
-      <ToggleCameraFaceButton_1.ToggleCameraFaceButton />
-      <HangupCallButton_1.HangUpCallButton onHangupCallHandler={onHangupCallHandler}/>
-    </react_native_1.View>);
+        ] },
+        React.createElement(ToggleVideoPublishingButton, null),
+        React.createElement(ToggleAudioPublishingButton, null),
+        React.createElement(ToggleCameraFaceButton, null),
+        React.createElement(HangUpCallButton, { onHangupCallHandler: onHangupCallHandler })));
 };
-exports.CallControls = CallControls;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         paddingVertical: 12,
         flexDirection: 'row',
         justifyContent: 'space-evenly',
-        zIndex: constants_1.Z_INDEX.IN_FRONT,
+        zIndex: Z_INDEX.IN_FRONT,
     },
 });
 //# sourceMappingURL=CallControls.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/CallControls.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA2D;AAC3D,+EAA4E;AAC5E,+EAA4E;AAC5E,qEAAkE;AAClE,kDAA6C;AAC7C,yDAAsD;AACtD,iEAA0D;AAa1D;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,mBAAmB,GACF,EAAE,EAAE;IACrB,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,GAChC,GAAG,IAAA,uBAAQ,GAAE,CAAC;IACf,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,SAAS;YAChB,EAAE,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE;YACvC,KAAK;YACL,YAAY,CAAC,SAAS;SACvB,CAAC,CAEF;MAAA,CAAC,yDAA2B,CAAC,AAAD,EAC5B;MAAA,CAAC,yDAA2B,CAAC,AAAD,EAC5B;MAAA,CAAC,+CAAsB,CAAC,AAAD,EACvB;MAAA,CAAC,mCAAgB,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EAC7D;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,YAAY,gBAsBvB;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAE,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;QAC9B,MAAM,EAAE,mBAAO,CAAC,QAAQ;KACzB;CACF,CAAC,CAAC"}
+{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/CallControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAa1D;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,mBAAmB,GACF,EAAE,EAAE;IACrB,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,GAChC,GAAG,QAAQ,EAAE,CAAC;IACf,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB,EAAE,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE;YACvC,KAAK;YACL,YAAY,CAAC,SAAS;SACvB;QAED,oBAAC,2BAA2B,OAAG;QAC/B,oBAAC,2BAA2B,OAAG;QAC/B,oBAAC,sBAAsB,OAAG;QAC1B,oBAAC,gBAAgB,IAAC,mBAAmB,EAAE,mBAAmB,GAAI,CACzD,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;QAC9B,MAAM,EAAE,OAAO,CAAC,QAAQ;KACzB;CACF,CAAC,CAAC"}

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

@@ -1,15 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CallControlsButton = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const ThemeContext_1 = require("../../../contexts/ThemeContext");
-const CallControlsButton = (props) => {
+import React from 'react';
+import { Pressable, StyleSheet, View, } from 'react-native';
+import { useTheme } from '../../../contexts/ThemeContext';
+export const CallControlsButton = (props) => {
     const { onPress, children, disabled, color: colorProp, style: styleProp, size, testID, onLayout, } = props;
-    const { theme: { variants: { buttonSizes }, colors, callControlsButton: { container }, }, } = (0, ThemeContext_1.useTheme)();
+    const { theme: { variants: { buttonSizes }, colors, callControlsButton: { container }, }, } = useTheme();
     const pressableStyle = ({ pressed }) => [
         styles.container,
         {
@@ -25,20 +19,16 @@ const CallControlsButton = (props) => {
         styleProp?.container ?? null,
         container,
     ];
-    return (<react_native_1.Pressable disabled={disabled} style={pressableStyle} onPress={onPress} testID={testID} onLayout={onLayout}>
-      <react_native_1.View style={[
-            {
-                height: (size || buttonSizes.sm) / 2 - 5,
-                width: (size || buttonSizes.sm) / 2 - 5,
-            },
-            styleProp?.svgContainer ?? null,
-        ]}>
-        {children}
-      </react_native_1.View>
-    </react_native_1.Pressable>);
+    return (React.createElement(Pressable, { disabled: disabled, style: pressableStyle, onPress: onPress, testID: testID, onLayout: onLayout },
+        React.createElement(View, { style: [
+                {
+                    height: (size || buttonSizes.sm) / 2 - 5,
+                    width: (size || buttonSizes.sm) / 2 - 5,
+                },
+                styleProp?.svgContainer ?? null,
+            ] }, children)));
 };
-exports.CallControlsButton = CallControlsButton;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         justifyContent: 'center',
         borderWidth: 1,

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

@@ -1 +1 @@
-{"version":3,"file":"CallControlsButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/CallControlsButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAMsB;AACtB,iEAA0D;AAmCnD,MAAM,kBAAkB,GAAG,CAChC,KAAuD,EACvD,EAAE;IACF,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,KAAK,EAAE,EACL,QAAQ,EAAE,EAAE,WAAW,EAAE,EACzB,MAAM,EACN,kBAAkB,EAAE,EAAE,SAAS,EAAE,GAClC,GACF,GAAG,IAAA,uBAAQ,GAAE,CAAC;IAEf,MAAM,cAAc,GAA4B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QAC/D,MAAM,CAAC,SAAS;QAChB;YACE,eAAe,EAAE,QAAQ;gBACvB,CAAC,CAAC,MAAM,CAAC,QAAQ;gBACjB,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,YAAY;YACpC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC1B,MAAM,EAAE,IAAI,IAAI,WAAW,CAAC,EAAE;YAC9B,KAAK,EAAE,IAAI,IAAI,WAAW,CAAC,EAAE;YAC7B,YAAY,EAAE,CAAC,IAAI,IAAI,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;YAC1C,WAAW,EAAE,MAAM,CAAC,UAAU;SAC/B;QACD,SAAS,EAAE,SAAS,IAAI,IAAI;QAC5B,SAAS;KACV,CAAC;IAEF,OAAO,CACL,CAAC,wBAAS,CACR,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,cAAc,CAAC,CACtB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL;gBACE,MAAM,EAAE,CAAC,IAAI,IAAI,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC;gBACxC,KAAK,EAAE,CAAC,IAAI,IAAI,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC;aACxC;YACD,SAAS,EAAE,YAAY,IAAI,IAAI;SAChC,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,kBAAkB,sBA2D7B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,QAAQ;QACpB,UAAU;QACV,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,CAAC;QAEf,cAAc;QACd,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC"}
+{"version":3,"file":"CallControlsButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/CallControlsButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,SAAS,EAET,UAAU,EACV,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAmC1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAuD,EACvD,EAAE;IACF,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,KAAK,EAAE,EACL,QAAQ,EAAE,EAAE,WAAW,EAAE,EACzB,MAAM,EACN,kBAAkB,EAAE,EAAE,SAAS,EAAE,GAClC,GACF,GAAG,QAAQ,EAAE,CAAC;IAEf,MAAM,cAAc,GAA4B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QAC/D,MAAM,CAAC,SAAS;QAChB;YACE,eAAe,EAAE,QAAQ;gBACvB,CAAC,CAAC,MAAM,CAAC,QAAQ;gBACjB,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,YAAY;YACpC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC1B,MAAM,EAAE,IAAI,IAAI,WAAW,CAAC,EAAE;YAC9B,KAAK,EAAE,IAAI,IAAI,WAAW,CAAC,EAAE;YAC7B,YAAY,EAAE,CAAC,IAAI,IAAI,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;YAC1C,WAAW,EAAE,MAAM,CAAC,UAAU;SAC/B;QACD,SAAS,EAAE,SAAS,IAAI,IAAI;QAC5B,SAAS;KACV,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ;QAElB,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL;oBACE,MAAM,EAAE,CAAC,IAAI,IAAI,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC;oBACxC,KAAK,EAAE,CAAC,IAAI,IAAI,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC;iBACxC;gBACD,SAAS,EAAE,YAAY,IAAI,IAAI;aAChC,IAEA,QAAQ,CACJ,CACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,QAAQ;QACpB,UAAU;QACV,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,CAAC;QAEf,cAAc;QACd,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC"}

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

@@ -1,50 +1,39 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatButton = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const CallControlsButton_1 = require("./CallControlsButton");
-const icons_1 = require("../../../icons");
-const TestIds_1 = require("../../../constants/TestIds");
-const constants_1 = require("../../../constants");
-const ThemeContext_1 = require("../../../contexts/ThemeContext");
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { CallControlsButton } from './CallControlsButton';
+import { Chat } from '../../../icons';
+import { ComponentTestIds } from '../../../constants/TestIds';
+import { Z_INDEX } from '../../../constants';
+import { useTheme } from '../../../contexts/ThemeContext';
 /**
  * Button to open the Chat window while in the call.
  *
  * This call also display the unread count indicator/badge is there messages that are unread.
  */
-const ChatButton = ({ onPressHandler, unreadBadgeCount, }) => {
-    const { theme: { colors, chatButton }, } = (0, ThemeContext_1.useTheme)();
-    return (<CallControlsButton_1.CallControlsButton onPress={onPressHandler} style={chatButton}>
-      <UnreadBadgeCountIndicator count={unreadBadgeCount}/>
-      <icons_1.Chat color={colors.static_black}/>
-    </CallControlsButton_1.CallControlsButton>);
+export const ChatButton = ({ onPressHandler, unreadBadgeCount, }) => {
+    const { theme: { colors, chatButton }, } = useTheme();
+    return (React.createElement(CallControlsButton, { onPress: onPressHandler, style: chatButton },
+        React.createElement(UnreadBadgeCountIndicator, { count: unreadBadgeCount }),
+        React.createElement(Chat, { color: colors.static_black })));
 };
-exports.ChatButton = ChatButton;
 const UnreadBadgeCountIndicator = ({ count, }) => {
-    const { theme: { colors, typefaces }, } = (0, ThemeContext_1.useTheme)();
+    const { theme: { colors, typefaces }, } = useTheme();
     // Don't show badge if count is 0 or undefined
     if (!count) {
         return null;
     }
-    return (<react_native_1.View testID={TestIds_1.ComponentTestIds.CHAT_UNREAD_BADGE_COUNT_INDICATOR} style={(styles.chatBadge, { backgroundColor: colors.error })}>
-      <react_native_1.Text style={(styles.chatBadgeText,
-            { color: colors.static_white },
-            typefaces.bodyBold)}>
-        {count}
-      </react_native_1.Text>
-    </react_native_1.View>);
+    return (React.createElement(View, { testID: ComponentTestIds.CHAT_UNREAD_BADGE_COUNT_INDICATOR, style: (styles.chatBadge, { backgroundColor: colors.error }) },
+        React.createElement(Text, { style: (styles.chatBadgeText,
+                { color: colors.static_white },
+                typefaces.bodyBold) }, count)));
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     chatBadge: {
         borderRadius: 30,
         position: 'absolute',
         left: 15,
         bottom: 20,
-        zIndex: constants_1.Z_INDEX.IN_FRONT,
+        zIndex: Z_INDEX.IN_FRONT,
         height: 30,
         width: 30,
         justifyContent: 'center',