@stream-io/video-react-native-sdk 1.3.7 → 1.4.0

package/dist/commonjs/theme/theme.js

@@ -7,6 +7,20 @@ exports.defaultTheme = void 0;
 var _colors = require("./colors");
 const defaultTheme = exports.defaultTheme = {
   variants: {
+    roundButtonSizes: {
+      xs: 16,
+      sm: 24,
+      md: 36,
+      lg: 44,
+      xl: 56
+    },
+    borderRadiusSizes: {
+      xs: 4,
+      sm: 8,
+      md: 16,
+      lg: 24,
+      xl: 32
+    },
     buttonSizes: {
       xs: 40,
       sm: 50,
@@ -27,6 +41,26 @@ const defaultTheme = exports.defaultTheme = {
       md: 100,
       lg: 160,
       xl: 180
+    },
+    spacingSizes: {
+      xs: 4,
+      sm: 8,
+      md: 16,
+      lg: 24,
+      xl: 32
+    },
+    fontSizes: {
+      xs: 8,
+      sm: 12,
+      md: 16,
+      lg: 20,
+      xl: 24
+    },
+    insets: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
     }
   },
   typefaces: {
@@ -59,6 +93,18 @@ const defaultTheme = exports.defaultTheme = {
       fontWeight: '400'
     }
   },
+  defaults: {
+    color: _colors.colors.primary,
+    backgroundColor: _colors.colors.sheetPrimary,
+    margin: 10,
+    padding: 10,
+    fontSize: 16,
+    fontWeight: '500',
+    borderRadius: 32,
+    iconSize: 28,
+    borderColor: _colors.colors.buttonPrimary,
+    borderWidth: 1
+  },
   colors: _colors.colors,
   avatar: {
     container: {},
@@ -209,15 +255,6 @@ const defaultTheme = exports.defaultTheme = {
   ringingCallContent: {
     container: {}
   },
-  callTopView: {
-    container: {},
-    content: {},
-    backIconContainer: {},
-    leftElement: {},
-    centerElement: {},
-    rightElement: {},
-    title: {}
-  },
   userInfo: {
     container: {},
     avatarGroup: {},

package/dist/commonjs/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_colors","require","defaultTheme","exports","variants","buttonSizes","xs","sm","md","lg","xl","iconSizes","avatarSizes","typefaces","heading4","fontSize","fontWeight","heading5","heading6","subtitle","subtitleBold","bodyBold","caption","colors","avatar","container","image","text","acceptCallButton","svgContainer","callContent","callParticipantsContainer","topContainer","callControls","callControlsButton","joinCallButton","label","chatButton","hangupCallButton","rejectCallButton","screenShareToggleButton","toggleAudioPreviewButton","toggleAudioPublishingButton","toggleCameraFaceButton","toggleVideoPreviewButton","toggleVideoPublishingButton","callParticipantsGrid","callParticipantsSpotlight","fullScreenSpotlightContainer","callParticipantsListContainer","spotlightContainer","lobby","heading","subHeading","bottomContainer","videoContainer","infoContainer","infoText","participantStatusContainer","avatarContainer","userNameLabel","audioMutedIconContainer","floatingParticipantsView","participantViewContainer","videoFallback","participantLabel","videoMutedIconContainer","pinIconContainer","screenShareIconContainer","participantNetworkQualityIndicator","participantReaction","reaction","participantVideoFallback","avatarText","avatarImage","participantView","footerContainer","highligtedContainer","reactionsPicker","reactionsPopup","reactionsButtonDimmer","reactionItem","reactionText","videoRenderer","videoStream","incomingCall","background","content","incomingCallText","incomingCallControls","buttonGroup","outgoingCall","callingText","outgoingCallControls","deviceControlButtons","ringingCallContent","callTopView","backIconContainer","leftElement","centerElement","rightElement","title","userInfo","avatarGroup","name","lobbyControls","participantInfoBadge","participantCountContainer","participantsIconContainer","participantsCountText","hostLivestream","hostLivestreamTopView","liveInfo","viewerLivestream","livestreamLayout","viewerLivestreamTopView","followerCount","icon","durationBadge","liveIndicator","hostLivestreamControls","viewerLivestreamControls","hostStartStreamButton","viewerLeaveStreamButton","livestreamMediaControls","livestreamAudioControlButton","livestreamVideoControlButton","livestreamScreenShareToggleButton","screenshareOverlay","button","buttonIcon","buttonText"],"sourceRoot":"../../../src","sources":["theme/theme.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_colors","require","defaultTheme","exports","variants","roundButtonSizes","xs","sm","md","lg","xl","borderRadiusSizes","buttonSizes","iconSizes","avatarSizes","spacingSizes","fontSizes","insets","top","right","bottom","left","typefaces","heading4","fontSize","fontWeight","heading5","heading6","subtitle","subtitleBold","bodyBold","caption","defaults","color","colors","primary","backgroundColor","sheetPrimary","margin","padding","borderRadius","iconSize","borderColor","buttonPrimary","borderWidth","avatar","container","image","text","acceptCallButton","svgContainer","callContent","callParticipantsContainer","topContainer","callControls","callControlsButton","joinCallButton","label","chatButton","hangupCallButton","rejectCallButton","screenShareToggleButton","toggleAudioPreviewButton","toggleAudioPublishingButton","toggleCameraFaceButton","toggleVideoPreviewButton","toggleVideoPublishingButton","callParticipantsGrid","callParticipantsSpotlight","fullScreenSpotlightContainer","callParticipantsListContainer","spotlightContainer","lobby","heading","subHeading","bottomContainer","videoContainer","infoContainer","infoText","participantStatusContainer","avatarContainer","userNameLabel","audioMutedIconContainer","floatingParticipantsView","participantViewContainer","videoFallback","participantLabel","videoMutedIconContainer","pinIconContainer","screenShareIconContainer","participantNetworkQualityIndicator","participantReaction","reaction","participantVideoFallback","avatarText","avatarImage","participantView","footerContainer","highligtedContainer","reactionsPicker","reactionsPopup","reactionsButtonDimmer","reactionItem","reactionText","videoRenderer","videoStream","incomingCall","background","content","incomingCallText","incomingCallControls","buttonGroup","outgoingCall","callingText","outgoingCallControls","deviceControlButtons","ringingCallContent","userInfo","avatarGroup","name","lobbyControls","participantInfoBadge","participantCountContainer","participantsIconContainer","participantsCountText","hostLivestream","hostLivestreamTopView","leftElement","rightElement","centerElement","liveInfo","viewerLivestream","livestreamLayout","viewerLivestreamTopView","followerCount","icon","durationBadge","liveIndicator","hostLivestreamControls","viewerLivestreamControls","hostStartStreamButton","viewerLeaveStreamButton","livestreamMediaControls","livestreamAudioControlButton","livestreamVideoControlButton","livestreamScreenShareToggleButton","screenshareOverlay","button","buttonIcon","buttonText"],"sourceRoot":"../../../src","sources":["theme/theme.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/translations/en.json

@@ -11,7 +11,7 @@
   "End Stream": "End Stream",
   "Leave Stream": "Leave Stream",
   "Live": "Live",
-  "Before Joining": "Before Joining",
+  "Before joining": "Before joining",
   "Setup your audio and video": "Setup your audio and video",
   "Setup your audio": "Setup your audio",
   "You are first to Join the call.": "You are first to Join the call.",
@@ -23,5 +23,9 @@
   "{{ numberOfParticipants }} participant(s) are in the call.": "{{ numberOfParticipants }} participant(s) are in the call.",
   "You are about to join a call with id {{ callId }}.": "You are about to join a call with id {{ callId }}.",
   "Preparing call": "Preparing call",
-  "You have left the call": "You have left the call"
-}
+  "You have left the call": "You have left the call",
+  "You are about to join a call.": "You are about to join a call.",
+  "Currently there are no other participants in the call.": "Currently there are no other participants in the call.",
+  "There is {{numberOfParticipants}} more person in the call.": "There is {{numberOfParticipants}} more person in the call.",
+  "There are {{numberOfParticipants}} more people in the call.": "There are {{numberOfParticipants}} more people in the call."
+}

package/dist/commonjs/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = void 0;
-const version = exports.version = '1.3.7';
+const version = exports.version = '1.4.0';
 //# sourceMappingURL=version.js.map

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

@@ -1,8 +1,7 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import InCallManager from 'react-native-incall-manager';
-import { CallTopView as DefaultCallTopView } from '../CallTopView';
 import { CallParticipantsGrid, CallParticipantsSpotlight } from '../CallLayout';
 import { CallControls as DefaultCallControls } from '../CallControls';
 import { useCallStateHooks } from '@stream-io/video-react-bindings';
@@ -14,11 +13,8 @@ import { useIsInPiPMode, useAutoEnterPiPEffect } from '../../../hooks';
 import { ScreenShareOverlay as DefaultScreenShareOverlay } from '../../utility/ScreenShareOverlay';
 import RTCViewPipIOS from './RTCViewPipIOS';
 export const CallContent = ({
-  onBackPressed,
-  onParticipantInfoPress,
   onHangupCallHandler,
   CallParticipantsList,
-  CallTopView = DefaultCallTopView,
   CallControls = DefaultCallControls,
   FloatingParticipantView = DefaultFloatingParticipantView,
   ScreenShareOverlay = DefaultScreenShareOverlay,
@@ -27,7 +23,6 @@ export const CallContent = ({
   ParticipantReaction,
   ParticipantVideoFallback,
   ParticipantView,
-  ParticipantsInfoBadge,
   VideoRenderer,
   layout = 'grid',
   landscape = false,
@@ -36,6 +31,7 @@ export const CallContent = ({
   disablePictureInPicture
 }) => {
   const [showRemoteParticipantInFloatingView, setShowRemoteParticipantInFloatingView] = useState(false);
+  const styles = useStyles();
   const {
     theme: {
       callContent
@@ -105,18 +101,14 @@ export const CallContent = ({
   }), /*#__PURE__*/React.createElement(View, {
     style: [styles.container, landscapeStyles, callContent.container]
   }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, callContent.callParticipantsContainer]
+    style: [styles.content, callContent.callParticipantsContainer]
   }, /*#__PURE__*/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"
-  }, !isInPiPMode && CallTopView && /*#__PURE__*/React.createElement(CallTopView, {
-    onBackPressed: onBackPressed,
-    onParticipantInfoPress: onParticipantInfoPress,
-    ParticipantsInfoBadge: ParticipantsInfoBadge
-  }), showFloatingView && FloatingParticipantView && /*#__PURE__*/React.createElement(FloatingParticipantView, _extends({
+  }, showFloatingView && FloatingParticipantView && /*#__PURE__*/React.createElement(FloatingParticipantView, _extends({
     participant: isRemoteParticipantInFloatingView ? remoteParticipants[0] : localParticipant,
     onPressHandler: handleFloatingViewParticipantSwitch,
     supportedReactions: supportedReactions
@@ -125,13 +117,26 @@ export const CallContent = ({
     landscape: landscape
   })));
 };
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  view: {
-    ...StyleSheet.absoluteFillObject,
-    zIndex: Z_INDEX.IN_FRONT
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = useTheme();
+  return useMemo(() => StyleSheet.create({
+    container: {
+      flex: 1,
+      paddingBottom: theme.variants.insets.bottom,
+      paddingLeft: theme.variants.insets.left,
+      paddingRight: theme.variants.insets.right,
+      paddingTop: theme.variants.insets.top,
+      backgroundColor: theme.colors.sheetPrimary
+    },
+    content: {
+      flex: 1
+    },
+    view: {
+      ...StyleSheet.absoluteFillObject,
+      zIndex: Z_INDEX.IN_FRONT
+    }
+  }), [theme]);
+};
 //# sourceMappingURL=CallContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","StyleSheet","View","InCallManager","CallTopView","DefaultCallTopView","CallParticipantsGrid","CallParticipantsSpotlight","CallControls","DefaultCallControls","useCallStateHooks","Z_INDEX","useDebouncedValue","FloatingParticipantView","DefaultFloatingParticipantView","useTheme","useIsInPiPMode","useAutoEnterPiPEffect","ScreenShareOverlay","DefaultScreenShareOverlay","RTCViewPipIOS","CallContent","onBackPressed","onParticipantInfoPress","onHangupCallHandler","CallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","ParticipantsInfoBadge","VideoRenderer","layout","landscape","supportedReactions","iOSPiPIncludeLocalParticipantVideo","disablePictureInPicture","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","theme","callContent","useCallSettings","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","callSettings","isVideoEnabledInCall","video","enabled","_remoteParticipants","remoteParticipants","localParticipant","isInPiPMode","hasScreenShare","showSpotlightLayout","showFloatingView","length","isRemoteParticipantInFloatingView","start","media","stop","handleFloatingViewParticipantSwitch","prevState","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","landscapeStyles","flexDirection","createElement","Fragment","includeLocalParticipantVideo","style","styles","container","callParticipantsContainer","view","topContainer","pointerEvents","_extends","participant","onPressHandler","create","flex","absoluteFillObject","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/CallContent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","useMemo","StyleSheet","View","InCallManager","CallParticipantsGrid","CallParticipantsSpotlight","CallControls","DefaultCallControls","useCallStateHooks","Z_INDEX","useDebouncedValue","FloatingParticipantView","DefaultFloatingParticipantView","useTheme","useIsInPiPMode","useAutoEnterPiPEffect","ScreenShareOverlay","DefaultScreenShareOverlay","RTCViewPipIOS","CallContent","onHangupCallHandler","CallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","layout","landscape","supportedReactions","iOSPiPIncludeLocalParticipantVideo","disablePictureInPicture","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","styles","useStyles","theme","callContent","useCallSettings","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","callSettings","isVideoEnabledInCall","video","enabled","_remoteParticipants","remoteParticipants","localParticipant","isInPiPMode","hasScreenShare","showSpotlightLayout","showFloatingView","length","isRemoteParticipantInFloatingView","start","media","stop","handleFloatingViewParticipantSwitch","prevState","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","landscapeStyles","flexDirection","createElement","Fragment","includeLocalParticipantVideo","style","container","content","callParticipantsContainer","view","topContainer","pointerEvents","_extends","participant","onPressHandler","create","flex","paddingBottom","variants","insets","bottom","paddingLeft","left","paddingRight","right","paddingTop","top","backgroundColor","colors","sheetPrimary","absoluteFillObject","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/CallContent.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import { useCall } from '@stream-io/video-react-bindings';
 import { getLogger } from '@stream-io/video-client';
 import React from 'react';
 import { CallControlsButton } from './CallControlsButton';
-import { Phone } from '../../../icons';
+import { IconWrapper, Phone } from '../../../icons';
 import { useTheme } from '../../../contexts/ThemeContext';
 
 /**
@@ -23,7 +23,8 @@ export const AcceptCallButton = ({
     theme: {
       colors,
       variants: {
-        buttonSizes
+        buttonSizes,
+        iconSizes
       },
       acceptCallButton
     }
@@ -45,11 +46,12 @@ export const AcceptCallButton = ({
   };
   return /*#__PURE__*/React.createElement(CallControlsButton, {
     onPress: acceptCallHandler,
-    color: colors.info,
-    size: buttonSizes.lg,
+    color: colors.buttonSuccess,
+    size: buttonSizes.md,
     style: acceptCallButton
-  }, /*#__PURE__*/React.createElement(Phone, {
-    color: colors.static_white
-  }));
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Phone, {
+    color: colors.iconPrimary,
+    size: iconSizes.lg
+  })));
 };
 //# sourceMappingURL=AcceptCallButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useCall","getLogger","React","CallControlsButton","Phone","useTheme","AcceptCallButton","onPressHandler","onAcceptCallHandler","call","theme","colors","variants","buttonSizes","acceptCallButton","acceptCallHandler","join","error","logger","createElement","onPress","color","info","size","lg","style","static_white"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/AcceptCallButton.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iCAAiC;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAGT,OAAO,CAAC,CAAC;EACtB,MAAM;IACJU,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC;MAAY,CAAC;MACzBC;IACF;EACF,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACd,MAAMU,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIR,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,MAAME,IAAI,EAAEO,IAAI,CAAC,CAAC;MAClB,IAAIR,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOS,KAAK,EAAE;MACd,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CiB,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C;EACF,CAAC;EAED,oBACEf,KAAA,CAAAiB,aAAA,CAAChB,kBAAkB;IACjBiB,OAAO,EAAEL,iBAAkB;IAC3BM,KAAK,EAAEV,MAAM,CAACW,IAAK;IACnBC,IAAI,EAAEV,WAAW,CAACW,EAAG;IACrBC,KAAK,EAAEX;EAAiB,gBAExBZ,KAAA,CAAAiB,aAAA,CAACf,KAAK;IAACiB,KAAK,EAAEV,MAAM,CAACe;EAAa,CAAE,CAClB,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["useCall","getLogger","React","CallControlsButton","IconWrapper","Phone","useTheme","AcceptCallButton","onPressHandler","onAcceptCallHandler","call","theme","colors","variants","buttonSizes","iconSizes","acceptCallButton","acceptCallHandler","join","error","logger","createElement","onPress","color","buttonSuccess","size","md","style","iconPrimary","lg"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/AcceptCallButton.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iCAAiC;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,WAAW,EAAEC,KAAK,QAAQ,gBAAgB;AACnD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAGV,OAAO,CAAC,CAAC;EACtB,MAAM;IACJW,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,WAAW;QAAEC;MAAU,CAAC;MACpCC;IACF;EACF,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAMW,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIT,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,MAAME,IAAI,EAAEQ,IAAI,CAAC,CAAC;MAClB,IAAIT,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOU,KAAK,EAAE;MACd,MAAMC,MAAM,GAAGnB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CmB,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C;EACF,CAAC;EAED,oBACEjB,KAAA,CAAAmB,aAAA,CAAClB,kBAAkB;IACjBmB,OAAO,EAAEL,iBAAkB;IAC3BM,KAAK,EAAEX,MAAM,CAACY,aAAc;IAC5BC,IAAI,EAAEX,WAAW,CAACY,EAAG;IACrBC,KAAK,EAAEX;EAAiB,gBAExBd,KAAA,CAAAmB,aAAA,CAACjB,WAAW,qBACVF,KAAA,CAAAmB,aAAA,CAAChB,KAAK;IAACkB,KAAK,EAAEX,MAAM,CAACgB,WAAY;IAACH,IAAI,EAAEV,SAAS,CAACc;EAAG,CAAE,CAC5C,CACK,CAAC;AAEzB,CAAC","ignoreList":[]}

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

@@ -33,10 +33,10 @@ export const CallControls = ({
   };
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, {
-      backgroundColor: colors.static_grey
+      backgroundColor: colors.sheetPrimary
     }, callControls.container, landscapeStyles, style]
   }, /*#__PURE__*/React.createElement(ToggleVideoPublishingButton, null), /*#__PURE__*/React.createElement(ToggleAudioPublishingButton, null), /*#__PURE__*/React.createElement(ToggleCameraFaceButton, null), /*#__PURE__*/React.createElement(HangUpCallButton, {
-    onHangupCallHandler: onHangupCallHandler
+    onPressHandler: onHangupCallHandler
   }));
 };
 const styles = StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","ToggleAudioPublishingButton","ToggleVideoPublishingButton","ToggleCameraFaceButton","Z_INDEX","HangUpCallButton","useTheme","CallControls","style","onHangupCallHandler","landscape","theme","colors","callControls","landscapeStyles","flexDirection","paddingHorizontal","paddingVertical","createElement","styles","container","backgroundColor","static_grey","create","justifyContent","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AACrE,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,gBAAgB,QAA+B,oBAAoB;AAC5E,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAUA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,KAAK;EACLC,mBAAmB;EACnBC;AACgB,CAAC,KAAK;EACtB,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAa;EAChC,CAAC,GAAGP,QAAQ,CAAC,CAAC;EACd,MAAMQ,eAA0B,GAAG;IACjCC,aAAa,EAAEL,SAAS,GAAG,gBAAgB,GAAG,KAAK;IACnDM,iBAAiB,EAAEN,SAAS,GAAG,EAAE,GAAG,CAAC;IACrCO,eAAe,EAAEP,SAAS,GAAG,CAAC,GAAG;EACnC,CAAC;EACD,oBACEZ,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IACHQ,KAAK,EAAE,CACLW,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAET,MAAM,CAACU;IAAY,CAAC,EACvCT,YAAY,CAACO,SAAS,EACtBN,eAAe,EACfN,KAAK;EACL,gBAEFV,KAAA,CAAAoB,aAAA,CAAChB,2BAA2B,MAAE,CAAC,eAC/BJ,KAAA,CAAAoB,aAAA,CAACjB,2BAA2B,MAAE,CAAC,eAC/BH,KAAA,CAAAoB,aAAA,CAACf,sBAAsB,MAAE,CAAC,eAC1BL,KAAA,CAAAoB,aAAA,CAACb,gBAAgB;IAACI,mBAAmB,EAAEA;EAAoB,CAAE,CACzD,CAAC;AAEX,CAAC;AAED,MAAMU,MAAM,GAAGpB,UAAU,CAACwB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,cAAc,EAAE,cAAc;IAC9BC,MAAM,EAAErB,OAAO,CAACsB;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","ToggleAudioPublishingButton","ToggleVideoPublishingButton","ToggleCameraFaceButton","Z_INDEX","HangUpCallButton","useTheme","CallControls","style","onHangupCallHandler","landscape","theme","colors","callControls","landscapeStyles","flexDirection","paddingHorizontal","paddingVertical","createElement","styles","container","backgroundColor","sheetPrimary","onPressHandler","create","justifyContent","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AACrE,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,gBAAgB,QAA+B,oBAAoB;AAC5E,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAUA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,KAAK;EACLC,mBAAmB;EACnBC;AACgB,CAAC,KAAK;EACtB,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAa;EAChC,CAAC,GAAGP,QAAQ,CAAC,CAAC;EACd,MAAMQ,eAA0B,GAAG;IACjCC,aAAa,EAAEL,SAAS,GAAG,gBAAgB,GAAG,KAAK;IACnDM,iBAAiB,EAAEN,SAAS,GAAG,EAAE,GAAG,CAAC;IACrCO,eAAe,EAAEP,SAAS,GAAG,CAAC,GAAG;EACnC,CAAC;EACD,oBACEZ,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IACHQ,KAAK,EAAE,CACLW,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAET,MAAM,CAACU;IAAa,CAAC,EACxCT,YAAY,CAACO,SAAS,EACtBN,eAAe,EACfN,KAAK;EACL,gBAEFV,KAAA,CAAAoB,aAAA,CAAChB,2BAA2B,MAAE,CAAC,eAC/BJ,KAAA,CAAAoB,aAAA,CAACjB,2BAA2B,MAAE,CAAC,eAC/BH,KAAA,CAAAoB,aAAA,CAACf,sBAAsB,MAAE,CAAC,eAC1BL,KAAA,CAAAoB,aAAA,CAACb,gBAAgB;IAACkB,cAAc,EAAEd;EAAoB,CAAE,CACpD,CAAC;AAEX,CAAC;AAED,MAAMU,MAAM,GAAGpB,UAAU,CAACyB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,cAAc,EAAE,cAAc;IAC9BC,MAAM,EAAEtB,OAAO,CAACuB;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,6 +7,7 @@ export const CallControlsButton = props => {
     children,
     disabled,
     color: colorProp,
+    disabledColor: disabledColorProp,
     style: styleProp,
     size,
     testID,
@@ -14,10 +15,11 @@ export const CallControlsButton = props => {
   } = props;
   const {
     theme: {
+      colors,
+      defaults,
       variants: {
-        buttonSizes
+        roundButtonSizes
       },
-      colors,
       callControlsButton: {
         container
       }
@@ -26,13 +28,13 @@ export const CallControlsButton = props => {
   const pressableStyle = ({
     pressed
   }) => [styles.container, {
-    backgroundColor: disabled ? colors.disabled : colorProp || colors.static_white,
+    backgroundColor: disabled ? disabledColorProp || colors.buttonDisabled : colorProp || colors.buttonSecondary,
     opacity: pressed ? 0.2 : 1,
-    height: size || buttonSizes.sm,
-    width: size || buttonSizes.sm,
-    borderRadius: (size || buttonSizes.sm) / 2,
-    borderColor: colors.content_bg
+    height: size || roundButtonSizes.lg,
+    width: size || roundButtonSizes.lg,
+    borderRadius: defaults.borderRadius
   }, styleProp?.container ?? null, container];
+  const childrenSize = (size || roundButtonSizes.lg) / 2 - 5;
   return /*#__PURE__*/React.createElement(Pressable, {
     disabled: disabled,
     style: pressableStyle,
@@ -41,24 +43,15 @@ export const CallControlsButton = props => {
     onLayout: onLayout
   }, /*#__PURE__*/React.createElement(View, {
     style: [{
-      height: (size || buttonSizes.sm) / 2 - 5,
-      width: (size || buttonSizes.sm) / 2 - 5
+      height: childrenSize,
+      width: childrenSize
     }, styleProp?.svgContainer ?? null]
   }, children));
 };
 const styles = StyleSheet.create({
   container: {
     justifyContent: 'center',
-    borderWidth: 1,
     alignItems: 'center',
-    // For iOS
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.25,
-    shadowRadius: 8,
     // For android
     elevation: 6
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","StyleSheet","View","useTheme","CallControlsButton","props","onPress","children","disabled","color","colorProp","style","styleProp","size","testID","onLayout","theme","variants","buttonSizes","colors","callControlsButton","container","pressableStyle","pressed","styles","backgroundColor","static_white","opacity","height","sm","width","borderRadius","borderColor","content_bg","createElement","svgContainer","create","justifyContent","borderWidth","alignItems","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControlsButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAEEC,SAAS,EAETC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,SAASC,QAAQ,QAAQ,gCAAgC;AAmCzD,OAAO,MAAMC,kBAAkB,GAC7BC,KAAuD,IACpD;EACH,MAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK,EAAEC,SAAS;IAChBC,KAAK,EAAEC,SAAS;IAChBC,IAAI;IACJC,MAAM;IACNC;EACF,CAAC,GAAGV,KAAK;EAET,MAAM;IACJW,KAAK,EAAE;MACLC,QAAQ,EAAE;QAAEC;MAAY,CAAC;MACzBC,MAAM;MACNC,kBAAkB,EAAE;QAAEC;MAAU;IAClC;EACF,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAEd,MAAMmB,cAAuC,GAAGA,CAAC;IAAEC;EAAQ,CAAC,KAAK,CAC/DC,MAAM,CAACH,SAAS,EAChB;IACEI,eAAe,EAAEjB,QAAQ,GACrBW,MAAM,CAACX,QAAQ,GACfE,SAAS,IAAIS,MAAM,CAACO,YAAY;IACpCC,OAAO,EAAEJ,OAAO,GAAG,GAAG,GAAG,CAAC;IAC1BK,MAAM,EAAEf,IAAI,IAAIK,WAAW,CAACW,EAAE;IAC9BC,KAAK,EAAEjB,IAAI,IAAIK,WAAW,CAACW,EAAE;IAC7BE,YAAY,EAAE,CAAClB,IAAI,IAAIK,WAAW,CAACW,EAAE,IAAI,CAAC;IAC1CG,WAAW,EAAEb,MAAM,CAACc;EACtB,CAAC,EACDrB,SAAS,EAAES,SAAS,IAAI,IAAI,EAC5BA,SAAS,CACV;EAED,oBACEtB,KAAA,CAAAmC,aAAA,CAAClC,SAAS;IACRQ,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEW,cAAe;IACtBhB,OAAO,EAAEA,OAAQ;IACjBQ,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA;EAAS,gBAEnBhB,KAAA,CAAAmC,aAAA,CAAChC,IAAI;IACHS,KAAK,EAAE,CACL;MACEiB,MAAM,EAAE,CAACf,IAAI,IAAIK,WAAW,CAACW,EAAE,IAAI,CAAC,GAAG,CAAC;MACxCC,KAAK,EAAE,CAACjB,IAAI,IAAIK,WAAW,CAACW,EAAE,IAAI,CAAC,GAAG;IACxC,CAAC,EACDjB,SAAS,EAAEuB,YAAY,IAAI,IAAI;EAC/B,GAED5B,QACG,CACG,CAAC;AAEhB,CAAC;AAED,MAAMiB,MAAM,GAAGvB,UAAU,CAACmC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,QAAQ;IACpB;IACAC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZX,KAAK,EAAE,CAAC;MACRF,MAAM,EAAE;IACV,CAAC;IACDc,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IAEf;IACAC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Pressable","StyleSheet","View","useTheme","CallControlsButton","props","onPress","children","disabled","color","colorProp","disabledColor","disabledColorProp","style","styleProp","size","testID","onLayout","theme","colors","defaults","variants","roundButtonSizes","callControlsButton","container","pressableStyle","pressed","styles","backgroundColor","buttonDisabled","buttonSecondary","opacity","height","lg","width","borderRadius","childrenSize","createElement","svgContainer","create","justifyContent","alignItems","elevation"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControlsButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAEEC,SAAS,EAETC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,SAASC,QAAQ,QAAQ,gCAAgC;AAuCzD,OAAO,MAAMC,kBAAkB,GAC7BC,KAAuD,IACpD;EACH,MAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,KAAK,EAAEC,SAAS;IAChBC,aAAa,EAAEC,iBAAiB;IAChCC,KAAK,EAAEC,SAAS;IAChBC,IAAI;IACJC,MAAM;IACNC;EACF,CAAC,GAAGZ,KAAK;EAET,MAAM;IACJa,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ;MACRC,QAAQ,EAAE;QAAEC;MAAiB,CAAC;MAC9BC,kBAAkB,EAAE;QAAEC;MAAU;IAClC;EACF,CAAC,GAAGrB,QAAQ,CAAC,CAAC;EAEd,MAAMsB,cAAuC,GAAGA,CAAC;IAAEC;EAAQ,CAAC,KAAK,CAC/DC,MAAM,CAACH,SAAS,EAChB;IACEI,eAAe,EAAEpB,QAAQ,GACrBI,iBAAiB,IAAIO,MAAM,CAACU,cAAc,GAC1CnB,SAAS,IAAIS,MAAM,CAACW,eAAe;IACvCC,OAAO,EAAEL,OAAO,GAAG,GAAG,GAAG,CAAC;IAC1BM,MAAM,EAAEjB,IAAI,IAAIO,gBAAgB,CAACW,EAAE;IACnCC,KAAK,EAAEnB,IAAI,IAAIO,gBAAgB,CAACW,EAAE;IAClCE,YAAY,EAAEf,QAAQ,CAACe;EACzB,CAAC,EACDrB,SAAS,EAAEU,SAAS,IAAI,IAAI,EAC5BA,SAAS,CACV;EAED,MAAMY,YAAY,GAAG,CAACrB,IAAI,IAAIO,gBAAgB,CAACW,EAAE,IAAI,CAAC,GAAG,CAAC;EAC1D,oBACElC,KAAA,CAAAsC,aAAA,CAACrC,SAAS;IACRQ,QAAQ,EAAEA,QAAS;IACnBK,KAAK,EAAEY,cAAe;IACtBnB,OAAO,EAAEA,OAAQ;IACjBU,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA;EAAS,gBAEnBlB,KAAA,CAAAsC,aAAA,CAACnC,IAAI;IACHW,KAAK,EAAE,CACL;MAAEmB,MAAM,EAAEI,YAAY;MAAEF,KAAK,EAAEE;IAAa,CAAC,EAC7CtB,SAAS,EAAEwB,YAAY,IAAI,IAAI;EAC/B,GAED/B,QACG,CACG,CAAC;AAEhB,CAAC;AAED,MAAMoB,MAAM,GAAG1B,UAAU,CAACsC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IAEpB;IACAC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -6,6 +6,7 @@ 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';
+import { IconWrapper } from '../../../icons/IconWrapper';
 
 /**
  * The props for the Hang up call button in the Call Controls.
@@ -29,7 +30,8 @@ export const HangUpCallButton = ({
   const {
     theme: {
       colors,
-      hangupCallButton
+      hangupCallButton,
+      variants
     }
   } = useTheme();
   const onPress = async () => {
@@ -52,20 +54,13 @@ export const HangUpCallButton = ({
   };
   return /*#__PURE__*/React.createElement(CallControlsButton, {
     onPress: onPress,
-    color: colors.error,
+    color: colors.buttonWarning,
     style: hangupCallButton,
     size: size,
     testID: ButtonTestIds.HANG_UP_CALL
-  }, /*#__PURE__*/React.createElement(PhoneDown, {
-    color: colors.static_white
-  }));
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(PhoneDown, {
+    color: colors.iconPrimary,
+    size: variants.iconSizes.md
+  })));
 };
-
-// TODO: Check if this style is needed
-// This was passed to CallControlsButton as style prop
-// const styles = StyleSheet.create({
-//   button: {
-//     shadowColor: theme.light.error,
-//   },
-// });
 //# sourceMappingURL=HangupCallButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","getLogger","CallControlsButton","PhoneDown","ButtonTestIds","useCall","useCallStateHooks","CallingState","useTheme","HangUpCallButton","size","onPressHandler","onHangupCallHandler","call","useCallCallingState","callingState","theme","colors","hangupCallButton","onPress","LEFT","leave","error","logger","createElement","color","style","testID","HANG_UP_CALL","static_white"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/HangupCallButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,IAAI;EACJC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAGR,OAAO,CAAC,CAAC;EACtB,MAAM;IAAES;EAAoB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EACnD,MAAMS,YAAY,GAAGD,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJE,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAiB;EACpC,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAEd,MAAMW,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIR,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAII,YAAY,KAAKR,YAAY,CAACa,IAAI,EAAE;QACtC;MACF;MACA,MAAMP,IAAI,EAAEQ,KAAK,CAAC,CAAC;MACnB,IAAIT,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOU,KAAK,EAAE;MACd,MAAMC,MAAM,GAAGtB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CsB,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C;EACF,CAAC;EAED,oBACEtB,KAAA,CAAAwB,aAAA,CAACtB,kBAAkB;IACjBiB,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EAAER,MAAM,CAACK,KAAM;IACpBI,KAAK,EAAER,gBAAiB;IACxBR,IAAI,EAAEA,IAAK;IACXiB,MAAM,EAAEvB,aAAa,CAACwB;EAAa,gBAEnC5B,KAAA,CAAAwB,aAAA,CAACrB,SAAS;IAACsB,KAAK,EAAER,MAAM,CAACY;EAAa,CAAE,CACtB,CAAC;AAEzB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["React","getLogger","CallControlsButton","PhoneDown","ButtonTestIds","useCall","useCallStateHooks","CallingState","useTheme","IconWrapper","HangUpCallButton","size","onPressHandler","onHangupCallHandler","call","useCallCallingState","callingState","theme","colors","hangupCallButton","variants","onPress","LEFT","leave","error","logger","createElement","color","buttonWarning","style","testID","HANG_UP_CALL","iconPrimary","iconSizes","md"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/HangupCallButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,WAAW,QAAQ,4BAA4B;;AAExD;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,IAAI;EACJC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAGT,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEU;EAAoB,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EACnD,MAAMU,YAAY,GAAGD,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJE,KAAK,EAAE;MAAEC,MAAM;MAAEC,gBAAgB;MAAEC;IAAS;EAC9C,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAEd,MAAMa,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIT,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAII,YAAY,KAAKT,YAAY,CAACe,IAAI,EAAE;QACtC;MACF;MACA,MAAMR,IAAI,EAAES,KAAK,CAAC,CAAC;MACnB,IAAIV,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOW,KAAK,EAAE;MACd,MAAMC,MAAM,GAAGxB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CwB,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C;EACF,CAAC;EAED,oBACExB,KAAA,CAAA0B,aAAA,CAACxB,kBAAkB;IACjBmB,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EAAET,MAAM,CAACU,aAAc;IAC5BC,KAAK,EAAEV,gBAAiB;IACxBR,IAAI,EAAEA,IAAK;IACXmB,MAAM,EAAE1B,aAAa,CAAC2B;EAAa,gBAEnC/B,KAAA,CAAA0B,aAAA,CAACjB,WAAW,qBACVT,KAAA,CAAA0B,aAAA,CAACvB,SAAS;IAACwB,KAAK,EAAET,MAAM,CAACc,WAAY;IAACrB,IAAI,EAAES,QAAQ,CAACa,SAAS,CAACC;EAAG,CAAE,CACzD,CACK,CAAC;AAEzB,CAAC","ignoreList":[]}

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

@@ -15,13 +15,17 @@ export const IncomingCallControls = ({
 }) => {
   const {
     theme: {
-      incomingCall
+      incomingCall,
+      variants: {
+        buttonSizes
+      }
     }
   } = useTheme();
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.buttonGroup, incomingCall.buttonGroup]
   }, /*#__PURE__*/React.createElement(RejectCallButton, {
     onPressHandler: onRejectCallHandler,
+    size: buttonSizes.md,
     rejectReason: "decline"
   }), /*#__PURE__*/React.createElement(ToggleVideoPreviewButton, null), /*#__PURE__*/React.createElement(AcceptCallButton, {
     onPressHandler: onAcceptCallHandler

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useTheme","AcceptCallButton","RejectCallButton","ToggleVideoPreviewButton","IncomingCallControls","onAcceptCallHandler","onRejectCallHandler","theme","incomingCall","createElement","style","styles","buttonGroup","onPressHandler","rejectReason","create","flexDirection","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/IncomingCallControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,wBAAwB,QAAQ,4BAA4B;;AAErE;AACA;AACA;;AAYA,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,mBAAmB;EACnBC;AACyB,CAAC,KAAK;EAC/B,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAa;EACxB,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACd,oBACEH,KAAA,CAAAY,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAEJ,YAAY,CAACI,WAAW;EAAE,gBAC1Df,KAAA,CAAAY,aAAA,CAACP,gBAAgB;IACfW,cAAc,EAAEP,mBAAoB;IACpCQ,YAAY,EAAC;EAAS,CACvB,CAAC,eACFjB,KAAA,CAAAY,aAAA,CAACN,wBAAwB,MAAE,CAAC,eAC5BN,KAAA,CAAAY,aAAA,CAACR,gBAAgB;IAACY,cAAc,EAAER;EAAoB,CAAE,CACpD,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGb,UAAU,CAACiB,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useTheme","AcceptCallButton","RejectCallButton","ToggleVideoPreviewButton","IncomingCallControls","onAcceptCallHandler","onRejectCallHandler","theme","incomingCall","variants","buttonSizes","createElement","style","styles","buttonGroup","onPressHandler","size","md","rejectReason","create","flexDirection","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/IncomingCallControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,wBAAwB,QAAQ,4BAA4B;;AAErE;AACA;AACA;;AAYA,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,mBAAmB;EACnBC;AACyB,CAAC,KAAK;EAC/B,MAAM;IACJC,KAAK,EAAE;MACLC,YAAY;MACZC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,oBACEH,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAEN,YAAY,CAACM,WAAW;EAAE,gBAC1DjB,KAAA,CAAAc,aAAA,CAACT,gBAAgB;IACfa,cAAc,EAAET,mBAAoB;IACpCU,IAAI,EAAEN,WAAW,CAACO,EAAG;IACrBC,YAAY,EAAC;EAAS,CACvB,CAAC,eACFrB,KAAA,CAAAc,aAAA,CAACR,wBAAwB,MAAE,CAAC,eAC5BN,KAAA,CAAAc,aAAA,CAACV,gBAAgB;IAACc,cAAc,EAAEV;EAAoB,CAAE,CACpD,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGf,UAAU,CAACqB,MAAM,CAAC;EAC/BL,WAAW,EAAE;IACXM,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { ToggleAudioPreviewButton } from './ToggleAudioPreviewButton';
 import { ToggleVideoPreviewButton } from './ToggleVideoPreviewButton';
@@ -13,15 +13,21 @@ export const LobbyControls = () => {
       lobbyControls
     }
   } = useTheme();
+  const styles = useStyles();
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, lobbyControls.container]
   }, /*#__PURE__*/React.createElement(ToggleAudioPreviewButton, null), /*#__PURE__*/React.createElement(ToggleVideoPreviewButton, null));
 };
-const styles = StyleSheet.create({
-  container: {
-    paddingVertical: 12,
-    flexDirection: 'row',
-    justifyContent: 'space-evenly'
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = useTheme();
+  return useMemo(() => StyleSheet.create({
+    container: {
+      paddingTop: theme.variants.spacingSizes.xs,
+      flexDirection: 'row',
+      justifyContent: 'space-evenly'
+    }
+  }), [theme]);
+};
 //# sourceMappingURL=LobbyControls.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","ToggleAudioPreviewButton","ToggleVideoPreviewButton","useTheme","LobbyControls","theme","lobbyControls","createElement","style","styles","container","create","paddingVertical","flexDirection","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/LobbyControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAc;EACzB,CAAC,GAAGH,QAAQ,CAAC,CAAC;EACd,oBACEL,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEJ,aAAa,CAACI,SAAS;EAAE,gBACvDZ,KAAA,CAAAS,aAAA,CAACN,wBAAwB,MAAE,CAAC,eAC5BH,KAAA,CAAAS,aAAA,CAACL,wBAAwB,MAAE,CACvB,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","StyleSheet","View","ToggleAudioPreviewButton","ToggleVideoPreviewButton","useTheme","LobbyControls","theme","lobbyControls","styles","useStyles","createElement","style","container","create","paddingTop","variants","spacingSizes","xs","flexDirection","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/LobbyControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAc;EACzB,CAAC,GAAGH,QAAQ,CAAC,CAAC;EACd,MAAMI,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBACEX,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACU,KAAK,EAAE,CAACH,MAAM,CAACI,SAAS,EAAEL,aAAa,CAACK,SAAS;EAAE,gBACvDd,KAAA,CAAAY,aAAA,CAACR,wBAAwB,MAAE,CAAC,eAC5BJ,KAAA,CAAAY,aAAA,CAACP,wBAAwB,MAAE,CACvB,CAAC;AAEX,CAAC;AAED,MAAMM,SAAS,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEH;EAAM,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAC5B,OAAOL,OAAO,CACZ,MACEC,UAAU,CAACa,MAAM,CAAC;IAChBD,SAAS,EAAE;MACTE,UAAU,EAAER,KAAK,CAACS,QAAQ,CAACC,YAAY,CAACC,EAAE;MAC1CC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE;IAClB;EACF,CAAC,CAAC,EACJ,CAACb,KAAK,CACR,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/components/Call/CallControls/ReactionsButton.js

@@ -3,7 +3,7 @@ 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 { IconWrapper, Reaction } from '../../../icons';
 import { ReactionsPicker } from './internal/ReactionsPicker';
 import { useTheme } from '../../../contexts/ThemeContext';
 
@@ -49,9 +49,9 @@ export const ReactionsButton = ({
     testID: ButtonTestIds.REACTION,
     onPress: reactionsButtonHandler,
     onLayout: onReactionsButtonLayout
-  }, /*#__PURE__*/React.createElement(Reaction, {
-    color: colors.static_black
-  }))), showReactionsPicker && /*#__PURE__*/React.createElement(ReactionsPicker, {
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Reaction, {
+    color: colors.iconPrimary
+  })))), showReactionsPicker && /*#__PURE__*/React.createElement(ReactionsPicker, {
     supportedReactions: supportedReactions,
     reactionsButtonLayoutRectangle: reactionsButtonLayoutRectangle,
     onRequestedClose: () => {