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

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

@@ -1 +1 @@
-{"version":3,"names":["Restricted","React","useState","CallControlsButton","OwnCapability","ButtonTestIds","Reaction","ReactionsPicker","useTheme","ReactionsButton","supportedReactions","onPressHandler","showReactionsPicker","setShowReactionsPicker","reactionsButtonLayoutRectangle","setReactionsButtonLayoutRectangle","theme","colors","onReactionsButtonLayout","event","layout","nativeEvent","prev","width","height","x","y","reactionsButtonHandler","createElement","Fragment","requiredGrants","CREATE_REACTION","testID","REACTION","onPress","onLayout","color","static_black","onRequestedClose"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ReactionsButton.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iCAAiC;AAC5D,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,SAASC,QAAQ,QAAQ,gCAAgC;;AAGzD;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,kBAAkB;EAClBC;AACoB,CAAC,KAAK;EAC1B,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GACjDX,QAAQ,CAAU,KAAK,CAAC;EAC1B,MAAM,CAACY,8BAA8B,EAAEC,iCAAiC,CAAC,GACvEb,QAAQ,CAAkB,CAAC;EAC7B,MAAM;IACJc,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACd;EACA,MAAMU,uBAAuB,GAAIC,KAAwB,IAAK;IAC5D,MAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAACD,MAAM;IACvCL,iCAAiC,CAAEO,IAAI,IAAK;MAC1C,IACEA,IAAI,IACJA,IAAI,CAACC,KAAK,KAAKH,MAAM,CAACG,KAAK,IAC3BD,IAAI,CAACE,MAAM,KAAKJ,MAAM,CAACI,MAAM,IAC7BF,IAAI,CAACG,CAAC,KAAKL,MAAM,CAACK,CAAC,IACnBH,IAAI,CAACI,CAAC,KAAKN,MAAM,CAACM,CAAC,EACnB;QACA,OAAOJ,IAAI;MACb;MACA,OAAOF,MAAM;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAMO,sBAAsB,GAAGA,CAAA,KAAM;IACnC,IAAIhB,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACAE,sBAAsB,CAAC,IAAI,CAAC;EAC9B,CAAC;EAED,oBACEZ,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,qBACE5B,KAAA,CAAA2B,aAAA,CAAC5B,UAAU;IAAC8B,cAAc,EAAE,CAAC1B,aAAa,CAAC2B,eAAe;EAAE,gBAC1D9B,KAAA,CAAA2B,aAAA,CAACzB,kBAAkB;IACjB6B,MAAM,EAAE3B,aAAa,CAAC4B,QAAS;IAC/BC,OAAO,EAAEP,sBAAuB;IAChCQ,QAAQ,EAAEjB;EAAwB,gBAElCjB,KAAA,CAAA2B,aAAA,CAACtB,QAAQ;IAAC8B,KAAK,EAAEnB,MAAM,CAACoB;EAAa,CAAE,CACrB,CACV,CAAC,EACZzB,mBAAmB,iBAClBX,KAAA,CAAA2B,aAAA,CAACrB,eAAe;IACdG,kBAAkB,EAAEA,kBAAmB;IACvCI,8BAA8B,EAAEA,8BAA+B;IAC/DwB,gBAAgB,EAAEA,CAAA,KAAM;MACtBzB,sBAAsB,CAAC,KAAK,CAAC;IAC/B;EAAE,CACH,CAEH,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"names":["Restricted","React","useState","CallControlsButton","OwnCapability","ButtonTestIds","IconWrapper","Reaction","ReactionsPicker","useTheme","ReactionsButton","supportedReactions","onPressHandler","showReactionsPicker","setShowReactionsPicker","reactionsButtonLayoutRectangle","setReactionsButtonLayoutRectangle","theme","colors","onReactionsButtonLayout","event","layout","nativeEvent","prev","width","height","x","y","reactionsButtonHandler","createElement","Fragment","requiredGrants","CREATE_REACTION","testID","REACTION","onPress","onLayout","color","iconPrimary","onRequestedClose"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ReactionsButton.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iCAAiC;AAC5D,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,EAAEC,QAAQ,QAAQ,gBAAgB;AACtD,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,SAASC,QAAQ,QAAQ,gCAAgC;;AAGzD;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,kBAAkB;EAClBC;AACoB,CAAC,KAAK;EAC1B,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GACjDZ,QAAQ,CAAU,KAAK,CAAC;EAC1B,MAAM,CAACa,8BAA8B,EAAEC,iCAAiC,CAAC,GACvEd,QAAQ,CAAkB,CAAC;EAC7B,MAAM;IACJe,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACd;EACA,MAAMU,uBAAuB,GAAIC,KAAwB,IAAK;IAC5D,MAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAACD,MAAM;IACvCL,iCAAiC,CAAEO,IAAI,IAAK;MAC1C,IACEA,IAAI,IACJA,IAAI,CAACC,KAAK,KAAKH,MAAM,CAACG,KAAK,IAC3BD,IAAI,CAACE,MAAM,KAAKJ,MAAM,CAACI,MAAM,IAC7BF,IAAI,CAACG,CAAC,KAAKL,MAAM,CAACK,CAAC,IACnBH,IAAI,CAACI,CAAC,KAAKN,MAAM,CAACM,CAAC,EACnB;QACA,OAAOJ,IAAI;MACb;MACA,OAAOF,MAAM;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAMO,sBAAsB,GAAGA,CAAA,KAAM;IACnC,IAAIhB,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACAE,sBAAsB,CAAC,IAAI,CAAC;EAC9B,CAAC;EAED,oBACEb,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,qBACE7B,KAAA,CAAA4B,aAAA,CAAC7B,UAAU;IAAC+B,cAAc,EAAE,CAAC3B,aAAa,CAAC4B,eAAe;EAAE,gBAC1D/B,KAAA,CAAA4B,aAAA,CAAC1B,kBAAkB;IACjB8B,MAAM,EAAE5B,aAAa,CAAC6B,QAAS;IAC/BC,OAAO,EAAEP,sBAAuB;IAChCQ,QAAQ,EAAEjB;EAAwB,gBAElClB,KAAA,CAAA4B,aAAA,CAACvB,WAAW,qBACVL,KAAA,CAAA4B,aAAA,CAACtB,QAAQ;IAAC8B,KAAK,EAAEnB,MAAM,CAACoB;EAAY,CAAE,CAC3B,CACK,CACV,CAAC,EACZzB,mBAAmB,iBAClBZ,KAAA,CAAA4B,aAAA,CAACrB,eAAe;IACdG,kBAAkB,EAAEA,kBAAmB;IACvCI,8BAA8B,EAAEA,8BAA+B;IAC/DwB,gBAAgB,EAAEA,CAAA,KAAM;MACtBzB,sBAAsB,CAAC,KAAK,CAAC;IAC/B;EAAE,CACH,CAEH,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import React from 'react';
 import { CallControlsButton } from './CallControlsButton';
-import { PhoneDown } from '../../../icons';
+import { IconWrapper, PhoneDown } from '../../../icons';
 import { CallingState, getLogger } from '@stream-io/video-client';
 import { useTheme } from '../../../contexts/ThemeContext';
 
@@ -30,7 +30,8 @@ export const RejectCallButton = ({
       colors,
       rejectCallButton,
       variants: {
-        buttonSizes
+        buttonSizes,
+        iconSizes
       }
     }
   } = useTheme();
@@ -57,14 +58,15 @@ export const RejectCallButton = ({
   };
   return /*#__PURE__*/React.createElement(CallControlsButton, {
     onPress: rejectCallHandler,
-    color: colors.error,
-    size: size ?? buttonSizes.lg
+    color: colors.buttonWarning,
+    size: size ?? buttonSizes.md
     // TODO: check what to do about this random style prop
     // svgContainerStyle={theme.icon.lg}
     ,
     style: rejectCallButton
-  }, /*#__PURE__*/React.createElement(PhoneDown, {
-    color: colors.static_white
-  }));
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(PhoneDown, {
+    color: colors.iconPrimary,
+    size: iconSizes.lg
+  })));
 };
 //# sourceMappingURL=RejectCallButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useCall","useCallStateHooks","React","CallControlsButton","PhoneDown","CallingState","getLogger","useTheme","RejectCallButton","onPressHandler","onRejectCallHandler","size","rejectReason","call","useCallCallingState","callingState","theme","colors","rejectCallButton","variants","buttonSizes","rejectCallHandler","LEFT","leave","reject","reason","error","logger","createElement","onPress","color","lg","style","static_white"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/RejectCallButton.tsx"],"mappings":"AAAA,SAASA,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,YAAY,EAAEC,SAAS,QAAQ,yBAAyB;AACjE,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AA6BA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC,mBAAmB;EACnBC,IAAI;EACJC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAGb,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEc;EAAoB,CAAC,GAAGb,iBAAiB,CAAC,CAAC;EACnD,MAAMc,YAAY,GAAGD,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJE,KAAK,EAAE;MACLC,MAAM;MACNC,gBAAgB;MAChBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAGb,QAAQ,CAAC,CAAC;EACd,MAAMc,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIZ,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAIM,YAAY,KAAKV,YAAY,CAACiB,IAAI,EAAE;QACtC;MACF;MACA,MAAMT,IAAI,EAAEU,KAAK,CAAC;QAAEC,MAAM,EAAE,IAAI;QAAEC,MAAM,EAAEb;MAAa,CAAC,CAAC;MACzD,IAAIF,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOgB,KAAK,EAAE;MACd,MAAMC,MAAM,GAAGrB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CqB,MAAM,CAAC,OAAO,EAAE,sBAAsB,EAAED,KAAK,CAAC;IAChD;EACF,CAAC;EAED,oBACExB,KAAA,CAAA0B,aAAA,CAACzB,kBAAkB;IACjB0B,OAAO,EAAER,iBAAkB;IAC3BS,KAAK,EAAEb,MAAM,CAACS,KAAM;IACpBf,IAAI,EAAEA,IAAI,IAAIS,WAAW,CAACW;IAC1B;IACA;IAAA;IACAC,KAAK,EAAEd;EAAiB,gBAExBhB,KAAA,CAAA0B,aAAA,CAACxB,SAAS;IAAC0B,KAAK,EAAEb,MAAM,CAACgB;EAAa,CAAE,CACtB,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["useCall","useCallStateHooks","React","CallControlsButton","IconWrapper","PhoneDown","CallingState","getLogger","useTheme","RejectCallButton","onPressHandler","onRejectCallHandler","size","rejectReason","call","useCallCallingState","callingState","theme","colors","rejectCallButton","variants","buttonSizes","iconSizes","rejectCallHandler","LEFT","leave","reject","reason","error","logger","createElement","onPress","color","buttonWarning","md","style","iconPrimary","lg"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/RejectCallButton.tsx"],"mappings":"AAAA,SAASA,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,WAAW,EAAEC,SAAS,QAAQ,gBAAgB;AACvD,SAASC,YAAY,EAAEC,SAAS,QAAQ,yBAAyB;AACjE,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AA6BA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC,mBAAmB;EACnBC,IAAI;EACJC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAGd,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEe;EAAoB,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EACnD,MAAMe,YAAY,GAAGD,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJE,KAAK,EAAE;MACLC,MAAM;MACNC,gBAAgB;MAChBC,QAAQ,EAAE;QAAEC,WAAW;QAAEC;MAAU;IACrC;EACF,CAAC,GAAGd,QAAQ,CAAC,CAAC;EACd,MAAMe,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIb,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAIM,YAAY,KAAKV,YAAY,CAACkB,IAAI,EAAE;QACtC;MACF;MACA,MAAMV,IAAI,EAAEW,KAAK,CAAC;QAAEC,MAAM,EAAE,IAAI;QAAEC,MAAM,EAAEd;MAAa,CAAC,CAAC;MACzD,IAAIF,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOiB,KAAK,EAAE;MACd,MAAMC,MAAM,GAAGtB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CsB,MAAM,CAAC,OAAO,EAAE,sBAAsB,EAAED,KAAK,CAAC;IAChD;EACF,CAAC;EAED,oBACE1B,KAAA,CAAA4B,aAAA,CAAC3B,kBAAkB;IACjB4B,OAAO,EAAER,iBAAkB;IAC3BS,KAAK,EAAEd,MAAM,CAACe,aAAc;IAC5BrB,IAAI,EAAEA,IAAI,IAAIS,WAAW,CAACa;IAC1B;IACA;IAAA;IACAC,KAAK,EAAEhB;EAAiB,gBAExBjB,KAAA,CAAA4B,aAAA,CAAC1B,WAAW,qBACVF,KAAA,CAAA4B,aAAA,CAACzB,SAAS;IAAC2B,KAAK,EAAEd,MAAM,CAACkB,WAAY;IAACxB,IAAI,EAAEU,SAAS,CAACe;EAAG,CAAE,CAChD,CACK,CAAC;AAEzB,CAAC","ignoreList":[]}

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

@@ -6,6 +6,7 @@ import { StopScreenShare } from '../../../icons/StopScreenShare';
 import { CallControlsButton } from './CallControlsButton';
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useScreenShareButton } from '../../../hooks/useScreenShareButton';
+import { IconWrapper } from '../../../icons';
 
 /**
  * The props for the Screen Share button in the Call Controls.
@@ -22,7 +23,8 @@ export const ScreenShareToggleButton = ({
   const {
     theme: {
       colors,
-      screenShareToggleButton
+      screenShareToggleButton,
+      variants
     }
   } = useTheme();
   const screenCapturePickerViewiOSRef = useRef(null);
@@ -33,16 +35,18 @@ export const ScreenShareToggleButton = ({
   if (!onPress) return null;
   return /*#__PURE__*/React.createElement(CallControlsButton, {
     onPress: onPress,
-    color: hasPublishedScreenShare ? colors.error : colors.static_white,
+    color: hasPublishedScreenShare ? colors.buttonWarning : colors.buttonSecondary,
     style: {
       container: screenShareToggleButton.container,
       svgContainer: screenShareToggleButton.svgContainer
     }
-  }, hasPublishedScreenShare ? /*#__PURE__*/React.createElement(StopScreenShare, {
-    color: colors.static_black
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, hasPublishedScreenShare ? /*#__PURE__*/React.createElement(StopScreenShare, {
+    size: variants.iconSizes.md,
+    color: colors.iconPrimary
   }) : /*#__PURE__*/React.createElement(ScreenShare, {
-    color: colors.static_black
-  }), Platform.OS === 'ios' && /*#__PURE__*/React.createElement(ScreenCapturePickerView, {
+    size: variants.iconSizes.md,
+    color: colors.iconPrimary
+  })), Platform.OS === 'ios' && /*#__PURE__*/React.createElement(ScreenCapturePickerView, {
     ref: screenCapturePickerViewiOSRef
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","Platform","ScreenCapturePickerView","ScreenShare","StopScreenShare","CallControlsButton","useTheme","useScreenShareButton","ScreenShareToggleButton","onScreenShareStartedHandler","onScreenShareStoppedHandler","theme","colors","screenShareToggleButton","screenCapturePickerViewiOSRef","onPress","hasPublishedScreenShare","createElement","color","error","static_white","style","container","svgContainer","static_black","OS","ref"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ScreenShareToggleButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,oBAAoB,QAAQ,qCAAqC;;AAE1E;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,2BAA2B;EAC3BC;AAC4B,CAAC,KAAK;EAClC,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAwB;EAC3C,CAAC,GAAGP,QAAQ,CAAC,CAAC;EAEd,MAAMQ,6BAA6B,GAAGd,MAAM,CAAC,IAAI,CAAC;EAElD,MAAM;IAAEe,OAAO;IAAEC;EAAwB,CAAC,GAAGT,oBAAoB,CAC/DO,6BAA6B,EAC7BL,2BAA2B,EAC3BC,2BACF,CAAC;EAED,IAAI,CAACK,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEhB,KAAA,CAAAkB,aAAA,CAACZ,kBAAkB;IACjBU,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAEF,uBAAuB,GAAGJ,MAAM,CAACO,KAAK,GAAGP,MAAM,CAACQ,YAAa;IACpEC,KAAK,EAAE;MACLC,SAAS,EAAET,uBAAuB,CAACS,SAAS;MAC5CC,YAAY,EAAEV,uBAAuB,CAACU;IACxC;EAAE,GAEDP,uBAAuB,gBACtBjB,KAAA,CAAAkB,aAAA,CAACb,eAAe;IAACc,KAAK,EAAEN,MAAM,CAACY;EAAa,CAAE,CAAC,gBAE/CzB,KAAA,CAAAkB,aAAA,CAACd,WAAW;IAACe,KAAK,EAAEN,MAAM,CAACY;EAAa,CAAE,CAC3C,EACAvB,QAAQ,CAACwB,EAAE,KAAK,KAAK,iBACpB1B,KAAA,CAAAkB,aAAA,CAACf,uBAAuB;IAACwB,GAAG,EAAEZ;EAA8B,CAAE,CAE9C,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","Platform","ScreenCapturePickerView","ScreenShare","StopScreenShare","CallControlsButton","useTheme","useScreenShareButton","IconWrapper","ScreenShareToggleButton","onScreenShareStartedHandler","onScreenShareStoppedHandler","theme","colors","screenShareToggleButton","variants","screenCapturePickerViewiOSRef","onPress","hasPublishedScreenShare","createElement","color","buttonWarning","buttonSecondary","style","container","svgContainer","size","iconSizes","md","iconPrimary","OS","ref"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ScreenShareToggleButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,SAASC,WAAW,QAAQ,gBAAgB;;AAE5C;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,2BAA2B;EAC3BC;AAC4B,CAAC,KAAK;EAClC,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC,uBAAuB;MAAEC;IAAS;EACrD,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAEd,MAAMU,6BAA6B,GAAGhB,MAAM,CAAC,IAAI,CAAC;EAElD,MAAM;IAAEiB,OAAO;IAAEC;EAAwB,CAAC,GAAGX,oBAAoB,CAC/DS,6BAA6B,EAC7BN,2BAA2B,EAC3BC,2BACF,CAAC;EAED,IAAI,CAACM,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACElB,KAAA,CAAAoB,aAAA,CAACd,kBAAkB;IACjBY,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EACHF,uBAAuB,GAAGL,MAAM,CAACQ,aAAa,GAAGR,MAAM,CAACS,eACzD;IACDC,KAAK,EAAE;MACLC,SAAS,EAAEV,uBAAuB,CAACU,SAAS;MAC5CC,YAAY,EAAEX,uBAAuB,CAACW;IACxC;EAAE,gBAEF1B,KAAA,CAAAoB,aAAA,CAACX,WAAW,QACTU,uBAAuB,gBACtBnB,KAAA,CAAAoB,aAAA,CAACf,eAAe;IACdsB,IAAI,EAAEX,QAAQ,CAACY,SAAS,CAACC,EAAG;IAC5BR,KAAK,EAAEP,MAAM,CAACgB;EAAY,CAC3B,CAAC,gBAEF9B,KAAA,CAAAoB,aAAA,CAAChB,WAAW;IACVuB,IAAI,EAAEX,QAAQ,CAACY,SAAS,CAACC,EAAG;IAC5BR,KAAK,EAAEP,MAAM,CAACgB;EAAY,CAC3B,CAEQ,CAAC,EACb5B,QAAQ,CAAC6B,EAAE,KAAK,KAAK,iBACpB/B,KAAA,CAAAoB,aAAA,CAACjB,uBAAuB;IAAC6B,GAAG,EAAEf;EAA8B,CAAE,CAE9C,CAAC;AAEzB,CAAC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import { useCallStateHooks } from '@stream-io/video-react-bindings';
 import React from 'react';
 import { useTheme } from '../../../contexts';
-import { Mic, MicOff } from '../../../icons';
+import { IconWrapper, Mic, MicOff } from '../../../icons';
 import { CallControlsButton } from './CallControlsButton';
 
 /**
@@ -20,7 +20,8 @@ export const ToggleAudioPreviewButton = ({
       toggleAudioPreviewButton,
       variants: {
         buttonSizes
-      }
+      },
+      defaults
     }
   } = useTheme();
   const {
@@ -39,19 +40,18 @@ export const ToggleAudioPreviewButton = ({
   };
   return /*#__PURE__*/React.createElement(CallControlsButton, {
     onPress: onPress,
-    color: !optimisticIsMute ? colors.static_white : colors.static_black,
+    color: !optimisticIsMute ? colors.buttonSecondary : colors.buttonWarning,
     size: buttonSizes.md,
     style: {
-      container: {
-        shadowColor: !optimisticIsMute ? colors.static_white : colors.static_black,
-        ...toggleAudioPreviewButton.container
-      },
+      container: toggleAudioPreviewButton.container,
       svgContainer: toggleAudioPreviewButton.svgContainer
     }
-  }, !optimisticIsMute ? /*#__PURE__*/React.createElement(Mic, {
-    color: colors.static_black
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, !optimisticIsMute ? /*#__PURE__*/React.createElement(Mic, {
+    color: colors.iconPrimary,
+    size: defaults.iconSize
   }) : /*#__PURE__*/React.createElement(MicOff, {
-    color: colors.static_white
-  }));
+    color: colors.iconPrimary,
+    size: defaults.iconSize
+  })));
 };
 //# sourceMappingURL=ToggleAudioPreviewButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useCallStateHooks","React","useTheme","Mic","MicOff","CallControlsButton","ToggleAudioPreviewButton","onPressHandler","theme","colors","toggleAudioPreviewButton","variants","buttonSizes","useMicrophoneState","optimisticIsMute","microphone","onPress","toggle","createElement","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,iCAAiC;AACnE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,GAAG,EAAEC,MAAM,QAAQ,gBAAgB;AAC5C,SAASC,kBAAkB,QAAQ,sBAAsB;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEW;EAAmB,CAAC,GAAGb,iBAAiB,CAAC,CAAC;EAClD,MAAM;IAAEc,gBAAgB;IAAEC;EAAW,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EAE7D,MAAMG,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIT,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMQ,UAAU,CAACE,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEhB,KAAA,CAAAiB,aAAA,CAACb,kBAAkB;IACjBW,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CAACL,gBAAgB,GAAGL,MAAM,CAACW,YAAY,GAAGX,MAAM,CAACY,YAAa;IACrEC,IAAI,EAAEV,WAAW,CAACW,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EAAE,CAACZ,gBAAgB,GAC1BL,MAAM,CAACW,YAAY,GACnBX,MAAM,CAACY,YAAY;QACvB,GAAGX,wBAAwB,CAACe;MAC9B,CAAC;MACDE,YAAY,EAAEjB,wBAAwB,CAACiB;IACzC;EAAE,GAED,CAACb,gBAAgB,gBAChBb,KAAA,CAAAiB,aAAA,CAACf,GAAG;IAACgB,KAAK,EAAEV,MAAM,CAACY;EAAa,CAAE,CAAC,gBAEnCpB,KAAA,CAAAiB,aAAA,CAACd,MAAM;IAACe,KAAK,EAAEV,MAAM,CAACW;EAAa,CAAE,CAErB,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallStateHooks","React","useTheme","IconWrapper","Mic","MicOff","CallControlsButton","ToggleAudioPreviewButton","onPressHandler","theme","colors","toggleAudioPreviewButton","variants","buttonSizes","defaults","useMicrophoneState","optimisticIsMute","microphone","onPress","toggle","createElement","color","buttonSecondary","buttonWarning","size","md","style","container","svgContainer","iconPrimary","iconSize"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,iCAAiC;AACnE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,WAAW,EAAEC,GAAG,EAAEC,MAAM,QAAQ,gBAAgB;AACzD,SAASC,kBAAkB,QAAQ,sBAAsB;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY,CAAC;MACzBC;IACF;EACF,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEa;EAAmB,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EAClD,MAAM;IAAEgB,gBAAgB;IAAEC;EAAW,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EAE7D,MAAMG,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIV,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMS,UAAU,CAACE,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACElB,KAAA,CAAAmB,aAAA,CAACd,kBAAkB;IACjBY,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CAACL,gBAAgB,GAAGN,MAAM,CAACY,eAAe,GAAGZ,MAAM,CAACa,aAAc;IACzEC,IAAI,EAAEX,WAAW,CAACY,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAEhB,wBAAwB,CAACgB,SAAS;MAC7CC,YAAY,EAAEjB,wBAAwB,CAACiB;IACzC;EAAE,gBAEF3B,KAAA,CAAAmB,aAAA,CAACjB,WAAW,QACT,CAACa,gBAAgB,gBAChBf,KAAA,CAAAmB,aAAA,CAAChB,GAAG;IAACiB,KAAK,EAAEX,MAAM,CAACmB,WAAY;IAACL,IAAI,EAAEV,QAAQ,CAACgB;EAAS,CAAE,CAAC,gBAE3D7B,KAAA,CAAAmB,aAAA,CAACf,MAAM;IAACgB,KAAK,EAAEX,MAAM,CAACmB,WAAY;IAACL,IAAI,EAAEV,QAAQ,CAACgB;EAAS,CAAE,CAEpD,CACK,CAAC;AAEzB,CAAC","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { OwnCapability } from '@stream-io/video-client';
 import { Restricted, useCallStateHooks } from '@stream-io/video-react-bindings';
 import { CallControlsButton } from './CallControlsButton';
-import { Mic, MicOff } from '../../../icons';
+import { IconWrapper, Mic, MicOff } from '../../../icons';
 import { useTheme } from '../../../contexts/ThemeContext';
 
 /**
@@ -25,7 +25,8 @@ export const ToggleAudioPublishingButton = ({
   const {
     theme: {
       colors,
-      toggleAudioPublishingButton
+      toggleAudioPublishingButton,
+      defaults
     }
   } = useTheme();
   const onPress = async () => {
@@ -39,12 +40,14 @@ export const ToggleAudioPublishingButton = ({
     requiredGrants: [OwnCapability.SEND_AUDIO]
   }, /*#__PURE__*/React.createElement(CallControlsButton, {
     onPress: onPress,
-    color: !optimisticIsMute ? colors.static_white : colors.overlay_dark,
+    color: !optimisticIsMute ? colors.buttonSecondary : colors.buttonWarning,
     style: toggleAudioPublishingButton
-  }, !optimisticIsMute ? /*#__PURE__*/React.createElement(Mic, {
-    color: colors.static_black
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, !optimisticIsMute ? /*#__PURE__*/React.createElement(Mic, {
+    color: colors.iconPrimary,
+    size: defaults.iconSize
   }) : /*#__PURE__*/React.createElement(MicOff, {
-    color: colors.static_white
-  })));
+    color: colors.iconPrimary,
+    size: defaults.iconSize
+  }))));
 };
 //# sourceMappingURL=ToggleAudioPublishingButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","OwnCapability","Restricted","useCallStateHooks","CallControlsButton","Mic","MicOff","useTheme","ToggleAudioPublishingButton","onPressHandler","useMicrophoneState","optimisticIsMute","microphone","theme","colors","toggleAudioPublishingButton","onPress","toggle","createElement","requiredGrants","SEND_AUDIO","color","static_white","overlay_dark","style","static_black"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPublishingButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC/E,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,GAAG,EAAEC,MAAM,QAAQ,gBAAgB;AAC5C,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAM;IAAEC;EAAmB,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EAClD,MAAM;IAAEQ,gBAAgB;IAAEC;EAAW,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EAE7D,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAA4B;EAC/C,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACd,MAAMS,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIP,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,MAAMG,UAAU,CAACK,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,UAAU;IAACiB,cAAc,EAAE,CAAClB,aAAa,CAACmB,UAAU;EAAE,gBACrDpB,KAAA,CAAAkB,aAAA,CAACd,kBAAkB;IACjBY,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAE,CAACV,gBAAgB,GAAGG,MAAM,CAACQ,YAAY,GAAGR,MAAM,CAACS,YAAa;IACrEC,KAAK,EAAET;EAA4B,GAElC,CAACJ,gBAAgB,gBAChBX,KAAA,CAAAkB,aAAA,CAACb,GAAG;IAACgB,KAAK,EAAEP,MAAM,CAACW;EAAa,CAAE,CAAC,gBAEnCzB,KAAA,CAAAkB,aAAA,CAACZ,MAAM;IAACe,KAAK,EAAEP,MAAM,CAACQ;EAAa,CAAE,CAErB,CACV,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","OwnCapability","Restricted","useCallStateHooks","CallControlsButton","IconWrapper","Mic","MicOff","useTheme","ToggleAudioPublishingButton","onPressHandler","useMicrophoneState","optimisticIsMute","microphone","theme","colors","toggleAudioPublishingButton","defaults","onPress","toggle","createElement","requiredGrants","SEND_AUDIO","color","buttonSecondary","buttonWarning","style","iconPrimary","size","iconSize"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPublishingButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC/E,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,WAAW,EAAEC,GAAG,EAAEC,MAAM,QAAQ,gBAAgB;AACzD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAM;IAAEC;EAAmB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAClD,MAAM;IAAES,gBAAgB;IAAEC;EAAW,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EAE7D,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC,2BAA2B;MAAEC;IAAS;EACzD,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACd,MAAMU,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIR,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,MAAMG,UAAU,CAACM,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEnB,KAAA,CAAAoB,aAAA,CAAClB,UAAU;IAACmB,cAAc,EAAE,CAACpB,aAAa,CAACqB,UAAU;EAAE,gBACrDtB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB;IACjBc,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EACH,CAACX,gBAAgB,GAAGG,MAAM,CAACS,eAAe,GAAGT,MAAM,CAACU,aACrD;IACDC,KAAK,EAAEV;EAA4B,gBAEnChB,KAAA,CAAAoB,aAAA,CAACf,WAAW,QACT,CAACO,gBAAgB,gBAChBZ,KAAA,CAAAoB,aAAA,CAACd,GAAG;IAACiB,KAAK,EAAER,MAAM,CAACY,WAAY;IAACC,IAAI,EAAEX,QAAQ,CAACY;EAAS,CAAE,CAAC,gBAE3D7B,KAAA,CAAAoB,aAAA,CAACb,MAAM;IAACgB,KAAK,EAAER,MAAM,CAACY,WAAY;IAACC,IAAI,EAAEX,QAAQ,CAACY;EAAS,CAAE,CAEpD,CACK,CACV,CAAC;AAEjB,CAAC","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import { OwnCapability } from '@stream-io/video-client';
 import { Restricted, useCallStateHooks } from '@stream-io/video-react-bindings';
 import React from 'react';
 import { CallControlsButton } from './CallControlsButton';
-import { CameraSwitch } from '../../../icons';
+import { CameraSwitch, IconWrapper } from '../../../icons';
 import { useTheme } from '../../../contexts/ThemeContext';
 
 /**
@@ -13,7 +13,8 @@ import { useTheme } from '../../../contexts/ThemeContext';
  * Button to toggle camera face(front/back) when in the call.
  */
 export const ToggleCameraFaceButton = ({
-  onPressHandler
+  onPressHandler,
+  backgroundColor
 }) => {
   const {
     useCameraState,
@@ -29,7 +30,8 @@ export const ToggleCameraFaceButton = ({
   const {
     theme: {
       colors,
-      toggleCameraFaceButton
+      toggleCameraFaceButton,
+      variants
     }
   } = useTheme();
   const onPress = async () => {
@@ -46,11 +48,13 @@ export const ToggleCameraFaceButton = ({
     requiredGrants: [OwnCapability.SEND_VIDEO]
   }, /*#__PURE__*/React.createElement(CallControlsButton, {
     onPress: onPress,
-    color: direction === 'back' ? colors.overlay_dark : colors.static_white,
+    color: backgroundColor || colors.buttonSecondary,
+    disabledColor: backgroundColor || colors.sheetSecondary,
     disabled: optimisticIsMute,
     style: toggleCameraFaceButton
-  }, /*#__PURE__*/React.createElement(CameraSwitch, {
-    color: direction === 'front' || direction === undefined ? colors.static_black : colors.static_white
-  })));
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(CameraSwitch, {
+    size: variants.iconSizes.md,
+    color: optimisticIsMute ? colors.buttonDisabled : direction === 'front' || direction === undefined ? colors.iconPrimary : colors.buttonPrimary
+  }))));
 };
 //# sourceMappingURL=ToggleCameraFaceButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["OwnCapability","Restricted","useCallStateHooks","React","CallControlsButton","CameraSwitch","useTheme","ToggleCameraFaceButton","onPressHandler","useCameraState","useCallSettings","camera","optimisticIsMute","direction","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","toggleCameraFaceButton","onPress","flip","createElement","requiredGrants","SEND_VIDEO","color","overlay_dark","static_white","disabled","style","undefined","static_black"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleCameraFaceButton.tsx"],"mappings":"AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC;AAC2B,CAAC,KAAK;EACjC,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC/D,MAAM;IAAES,MAAM;IAAEC,gBAAgB;IAAEC;EAAU,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAChE,MAAMK,YAAY,GAAGJ,eAAe,CAAC,CAAC;EACtC,MAAMK,oBAAoB,GAAGD,YAAY,EAAEE,KAAK,CAACC,OAAO;EAExD,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAuB;EAC1C,CAAC,GAAGd,QAAQ,CAAC,CAAC;EACd,MAAMe,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIb,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,MAAMG,MAAM,CAACW,IAAI,CAAC,CAAC;EACrB,CAAC;EAED,IAAI,CAACP,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEZ,KAAA,CAAAoB,aAAA,CAACtB,UAAU;IAACuB,cAAc,EAAE,CAACxB,aAAa,CAACyB,UAAU;EAAE,gBACrDtB,KAAA,CAAAoB,aAAA,CAACnB,kBAAkB;IACjBiB,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEb,SAAS,KAAK,MAAM,GAAGM,MAAM,CAACQ,YAAY,GAAGR,MAAM,CAACS,YAAa;IACxEC,QAAQ,EAAEjB,gBAAiB;IAC3BkB,KAAK,EAAEV;EAAuB,gBAE9BjB,KAAA,CAAAoB,aAAA,CAAClB,YAAY;IACXqB,KAAK,EACHb,SAAS,KAAK,OAAO,IAAIA,SAAS,KAAKkB,SAAS,GAC5CZ,MAAM,CAACa,YAAY,GACnBb,MAAM,CAACS;EACZ,CACF,CACiB,CACV,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["OwnCapability","Restricted","useCallStateHooks","React","CallControlsButton","CameraSwitch","IconWrapper","useTheme","ToggleCameraFaceButton","onPressHandler","backgroundColor","useCameraState","useCallSettings","camera","optimisticIsMute","direction","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","toggleCameraFaceButton","variants","onPress","flip","createElement","requiredGrants","SEND_VIDEO","color","buttonSecondary","disabledColor","sheetSecondary","disabled","style","size","iconSizes","md","buttonDisabled","undefined","iconPrimary","buttonPrimary"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleCameraFaceButton.tsx"],"mappings":"AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,EAAEC,WAAW,QAAQ,gBAAgB;AAC1D,SAASC,QAAQ,QAAQ,gCAAgC;;AAGzD;AACA;AACA;;AAcA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,cAAc;EACdC;AAC2B,CAAC,KAAK;EACjC,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EAC/D,MAAM;IAAEW,MAAM;IAAEC,gBAAgB;IAAEC;EAAU,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAChE,MAAMK,YAAY,GAAGJ,eAAe,CAAC,CAAC;EACtC,MAAMK,oBAAoB,GAAGD,YAAY,EAAEE,KAAK,CAACC,OAAO;EAExD,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC,sBAAsB;MAAEC;IAAS;EACpD,CAAC,GAAGhB,QAAQ,CAAC,CAAC;EACd,MAAMiB,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIf,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,MAAMI,MAAM,CAACY,IAAI,CAAC,CAAC;EACrB,CAAC;EAED,IAAI,CAACR,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEd,KAAA,CAAAuB,aAAA,CAACzB,UAAU;IAAC0B,cAAc,EAAE,CAAC3B,aAAa,CAAC4B,UAAU;EAAE,gBACrDzB,KAAA,CAAAuB,aAAA,CAACtB,kBAAkB;IACjBoB,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEnB,eAAe,IAAIW,MAAM,CAACS,eAAgB;IACjDC,aAAa,EAAErB,eAAe,IAAIW,MAAM,CAACW,cAAe;IACxDC,QAAQ,EAAEnB,gBAAiB;IAC3BoB,KAAK,EAAEZ;EAAuB,gBAE9BnB,KAAA,CAAAuB,aAAA,CAACpB,WAAW,qBACVH,KAAA,CAAAuB,aAAA,CAACrB,YAAY;IACX8B,IAAI,EAAEZ,QAAQ,CAACa,SAAS,CAACC,EAAG;IAC5BR,KAAK,EACHf,gBAAgB,GACZO,MAAM,CAACiB,cAAc,GACrBvB,SAAS,KAAK,OAAO,IAAIA,SAAS,KAAKwB,SAAS,GAC9ClB,MAAM,CAACmB,WAAW,GAClBnB,MAAM,CAACoB;EACd,CACF,CACU,CACK,CACV,CAAC;AAEjB,CAAC","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useCallStateHooks } from '@stream-io/video-react-bindings';
 import { useTheme } from '../../../contexts';
 import { CallControlsButton } from './CallControlsButton';
-import { Video, VideoSlash } from '../../../icons';
+import { IconWrapper, Video, VideoSlash } from '../../../icons';
 
 /**
  * Props for the Toggle Video preview button
@@ -19,7 +19,8 @@ export const ToggleVideoPreviewButton = ({
       colors,
       toggleVideoPreviewButton,
       variants: {
-        buttonSizes
+        buttonSizes,
+        iconSizes
       }
     }
   } = useTheme();
@@ -45,19 +46,18 @@ export const ToggleVideoPreviewButton = ({
   }
   return /*#__PURE__*/React.createElement(CallControlsButton, {
     onPress: onPress,
-    color: !optimisticIsMute ? colors.static_white : colors.static_black,
+    color: !optimisticIsMute ? colors.buttonSecondary : colors.buttonWarning,
     size: buttonSizes.md,
     style: {
-      container: {
-        shadowColor: !optimisticIsMute ? colors.static_white : colors.static_black,
-        ...toggleVideoPreviewButton.container
-      },
+      container: toggleVideoPreviewButton.container,
       svgContainer: toggleVideoPreviewButton.svgContainer
     }
-  }, !optimisticIsMute ? /*#__PURE__*/React.createElement(Video, {
-    color: colors.static_black
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, !optimisticIsMute ? /*#__PURE__*/React.createElement(Video, {
+    color: colors.iconPrimary,
+    size: iconSizes.lg
   }) : /*#__PURE__*/React.createElement(VideoSlash, {
-    color: colors.static_white
-  }));
+    color: colors.iconPrimary,
+    size: iconSizes.lg
+  })));
 };
 //# sourceMappingURL=ToggleVideoPreviewButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallStateHooks","useTheme","CallControlsButton","Video","VideoSlash","ToggleVideoPreviewButton","onPressHandler","theme","colors","toggleVideoPreviewButton","variants","buttonSizes","useCameraState","useCallSettings","callSettings","isVideoEnabledInCall","video","enabled","optimisticIsMute","camera","onPress","toggle","createElement","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;;AAElD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEW,cAAc;IAAEC;EAAgB,CAAC,GAAGb,iBAAiB,CAAC,CAAC;EAC/D,MAAMc,YAAY,GAAGD,eAAe,CAAC,CAAC;EACtC,MAAME,oBAAoB,GAAGD,YAAY,EAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IAAEC,gBAAgB;IAAEC;EAAO,CAAC,GAAGP,cAAc,CAAC,CAAC;EACrD,MAAMQ,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAId,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMa,MAAM,CAACE,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACN,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEhB,KAAA,CAAAuB,aAAA,CAACpB,kBAAkB;IACjBkB,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CAACL,gBAAgB,GAAGV,MAAM,CAACgB,YAAY,GAAGhB,MAAM,CAACiB,YAAa;IACrEC,IAAI,EAAEf,WAAW,CAACgB,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EAAE,CAACZ,gBAAgB,GAC1BV,MAAM,CAACgB,YAAY,GACnBhB,MAAM,CAACiB,YAAY;QACvB,GAAGhB,wBAAwB,CAACoB;MAC9B,CAAC;MACDE,YAAY,EAAEtB,wBAAwB,CAACsB;IACzC;EAAE,GAED,CAACb,gBAAgB,gBAChBnB,KAAA,CAAAuB,aAAA,CAACnB,KAAK;IAACoB,KAAK,EAAEf,MAAM,CAACiB;EAAa,CAAE,CAAC,gBAErC1B,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IAACmB,KAAK,EAAEf,MAAM,CAACgB;EAAa,CAAE,CAEzB,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallStateHooks","useTheme","CallControlsButton","IconWrapper","Video","VideoSlash","ToggleVideoPreviewButton","onPressHandler","theme","colors","toggleVideoPreviewButton","variants","buttonSizes","iconSizes","useCameraState","useCallSettings","callSettings","isVideoEnabledInCall","video","enabled","optimisticIsMute","camera","onPress","toggle","createElement","color","buttonSecondary","buttonWarning","size","md","style","container","svgContainer","iconPrimary","lg"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,WAAW,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;;AAE/D;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC,WAAW;QAAEC;MAAU;IACrC;EACF,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEa,cAAc;IAAEC;EAAgB,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EAC/D,MAAMgB,YAAY,GAAGD,eAAe,CAAC,CAAC;EACtC,MAAME,oBAAoB,GAAGD,YAAY,EAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IAAEC,gBAAgB;IAAEC;EAAO,CAAC,GAAGP,cAAc,CAAC,CAAC;EACrD,MAAMQ,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIf,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMc,MAAM,CAACE,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACN,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACElB,KAAA,CAAAyB,aAAA,CAACtB,kBAAkB;IACjBoB,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CAACL,gBAAgB,GAAGX,MAAM,CAACiB,eAAe,GAAGjB,MAAM,CAACkB,aAAc;IACzEC,IAAI,EAAEhB,WAAW,CAACiB,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAErB,wBAAwB,CAACqB,SAAS;MAC7CC,YAAY,EAAEtB,wBAAwB,CAACsB;IACzC;EAAE,gBAEFjC,KAAA,CAAAyB,aAAA,CAACrB,WAAW,QACT,CAACiB,gBAAgB,gBAChBrB,KAAA,CAAAyB,aAAA,CAACpB,KAAK;IAACqB,KAAK,EAAEhB,MAAM,CAACwB,WAAY;IAACL,IAAI,EAAEf,SAAS,CAACqB;EAAG,CAAE,CAAC,gBAExDnC,KAAA,CAAAyB,aAAA,CAACnB,UAAU;IAACoB,KAAK,EAAEhB,MAAM,CAACwB,WAAY;IAACL,IAAI,EAAEf,SAAS,CAACqB;EAAG,CAAE,CAEnD,CACK,CAAC;AAEzB,CAAC","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { OwnCapability } from '@stream-io/video-client';
 import { Restricted, useCallStateHooks } from '@stream-io/video-react-bindings';
 import { CallControlsButton } from './CallControlsButton';
-import { Video, VideoSlash } from '../../../icons';
+import { IconWrapper, Video, VideoSlash } from '../../../icons';
 import { useTheme } from '../../../contexts/ThemeContext';
 
 /**
@@ -27,7 +27,8 @@ export const ToggleVideoPublishingButton = ({
   const isVideoEnabledInCall = callSettings?.video.enabled;
   const {
     theme: {
-      colors
+      colors,
+      variants
     }
   } = useTheme();
   const onPress = async () => {
@@ -44,11 +45,13 @@ export const ToggleVideoPublishingButton = ({
     requiredGrants: [OwnCapability.SEND_VIDEO]
   }, /*#__PURE__*/React.createElement(CallControlsButton, {
     onPress: onPress,
-    color: !optimisticIsMute ? colors.static_white : colors.overlay_dark
-  }, !optimisticIsMute ? /*#__PURE__*/React.createElement(Video, {
-    color: colors.static_black
+    color: !optimisticIsMute ? colors.buttonSecondary : colors.buttonWarning
+  }, /*#__PURE__*/React.createElement(IconWrapper, null, !optimisticIsMute ? /*#__PURE__*/React.createElement(Video, {
+    color: colors.iconPrimary,
+    size: variants.iconSizes.md
   }) : /*#__PURE__*/React.createElement(VideoSlash, {
-    color: colors.static_white
-  })));
+    color: colors.iconPrimary,
+    size: variants.iconSizes.md
+  }))));
 };
 //# sourceMappingURL=ToggleVideoPublishingButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","OwnCapability","Restricted","useCallStateHooks","CallControlsButton","Video","VideoSlash","useTheme","ToggleVideoPublishingButton","onPressHandler","useCameraState","useCallSettings","camera","optimisticIsMute","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","onPress","toggle","createElement","requiredGrants","SEND_VIDEO","color","static_white","overlay_dark","static_black"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPublishingButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC/E,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;AAClD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC/D,MAAM;IAAES,MAAM;IAAEC;EAAiB,CAAC,GAAGH,cAAc,CAAC,CAAC;EACrD,MAAMI,YAAY,GAAGH,eAAe,CAAC,CAAC;EACtC,MAAMI,oBAAoB,GAAGD,YAAY,EAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EACd,MAAMa,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIX,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMG,MAAM,CAACS,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACN,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEf,KAAA,CAAAsB,aAAA,CAACpB,UAAU;IAACqB,cAAc,EAAE,CAACtB,aAAa,CAACuB,UAAU;EAAE,gBACrDxB,KAAA,CAAAsB,aAAA,CAAClB,kBAAkB;IACjBgB,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAE,CAACZ,gBAAgB,GAAGM,MAAM,CAACO,YAAY,GAAGP,MAAM,CAACQ;EAAa,GAEpE,CAACd,gBAAgB,gBAChBb,KAAA,CAAAsB,aAAA,CAACjB,KAAK;IAACoB,KAAK,EAAEN,MAAM,CAACS;EAAa,CAAE,CAAC,gBAErC5B,KAAA,CAAAsB,aAAA,CAAChB,UAAU;IAACmB,KAAK,EAAEN,MAAM,CAACO;EAAa,CAAE,CAEzB,CACV,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","OwnCapability","Restricted","useCallStateHooks","CallControlsButton","IconWrapper","Video","VideoSlash","useTheme","ToggleVideoPublishingButton","onPressHandler","useCameraState","useCallSettings","camera","optimisticIsMute","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","variants","onPress","toggle","createElement","requiredGrants","SEND_VIDEO","color","buttonSecondary","buttonWarning","iconPrimary","size","iconSizes","md"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPublishingButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC/E,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,WAAW,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;AAC/D,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EAC/D,MAAM;IAAEU,MAAM;IAAEC;EAAiB,CAAC,GAAGH,cAAc,CAAC,CAAC;EACrD,MAAMI,YAAY,GAAGH,eAAe,CAAC,CAAC;EACtC,MAAMI,oBAAoB,GAAGD,YAAY,EAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAS;EAC5B,CAAC,GAAGb,QAAQ,CAAC,CAAC;EACd,MAAMc,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIZ,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMG,MAAM,CAACU,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACP,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEhB,KAAA,CAAAwB,aAAA,CAACtB,UAAU;IAACuB,cAAc,EAAE,CAACxB,aAAa,CAACyB,UAAU;EAAE,gBACrD1B,KAAA,CAAAwB,aAAA,CAACpB,kBAAkB;IACjBkB,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EACH,CAACb,gBAAgB,GAAGM,MAAM,CAACQ,eAAe,GAAGR,MAAM,CAACS;EACrD,gBAED7B,KAAA,CAAAwB,aAAA,CAACnB,WAAW,QACT,CAACS,gBAAgB,gBAChBd,KAAA,CAAAwB,aAAA,CAAClB,KAAK;IAACqB,KAAK,EAAEP,MAAM,CAACU,WAAY;IAACC,IAAI,EAAEV,QAAQ,CAACW,SAAS,CAACC;EAAG,CAAE,CAAC,gBAEjEjC,KAAA,CAAAwB,aAAA,CAACjB,UAAU;IACToB,KAAK,EAAEP,MAAM,CAACU,WAAY;IAC1BC,IAAI,EAAEV,QAAQ,CAACW,SAAS,CAACC;EAAG,CAC7B,CAEQ,CACK,CACV,CAAC;AAEjB,CAAC","ignoreList":[]}

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

@@ -6,7 +6,6 @@ export * from './ToggleVideoPreviewButton';
 export * from './ToggleAudioPublishingButton';
 export * from './ToggleVideoPublishingButton';
 export * from './ToggleCameraFaceButton';
-export * from './ChatButton';
 export * from './ReactionsButton';
 export * from './CallControls';
 export * from './CallControlsButton';

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,0BAA0B;AACxC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,2BAA2B","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,0BAA0B;AACxC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,2BAA2B","ignoreList":[]}

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

@@ -1,12 +1,10 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useMemo, useRef } from 'react';
 import { Pressable, StyleSheet, Animated, Easing } from 'react-native';
 import { useCall } from '@stream-io/video-react-bindings';
 import { getLogger } from '@stream-io/video-client';
 import { ComponentTestIds } from '../../../../constants/TestIds';
 import { useTheme } from '../../../../contexts/ThemeContext';
 import { defaultEmojiReactions } from '../../../../constants';
-const TOP_PADDING = 4;
-const REACTION_MARGIN_BOTTOM = 4;
 export const ReactionsPicker = ({
   supportedReactions = defaultEmojiReactions,
   reactionsButtonLayoutRectangle,
@@ -15,17 +13,19 @@ export const ReactionsPicker = ({
   const {
     theme: {
       colors,
-      reactionsPicker
+      reactionsPicker,
+      variants
     }
   } = useTheme();
+  const styles = useStyles();
   const call = useCall();
   const size = reactionsButtonLayoutRectangle?.width ?? 0;
   const reactionItemSize = size * 0.8;
   const popupHeight =
   // the top padding
-  TOP_PADDING +
+  variants.spacingSizes.xs +
   // take margins into account
-  REACTION_MARGIN_BOTTOM * supportedReactions.length +
+  variants.spacingSizes.xs * supportedReactions.length +
   // the size of the reaction icon items (same size as reactions button * amount of reactions)
   reactionItemSize * supportedReactions.length;
   const reactionsPopupStyle = {
@@ -81,7 +81,7 @@ export const ReactionsPicker = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pressable, {
     testID: ComponentTestIds.REACTIONS_PICKER,
     style: [styles.reactionsPopup, reactionsPopupStyle, {
-      backgroundColor: colors.static_grey
+      backgroundColor: colors.sheetSecondary
     }, reactionsPicker.reactionsPopup],
     onPress: () => {
       onClose();
@@ -89,8 +89,7 @@ export const ReactionsPicker = ({
   }, supportedReactions.map(supportedReaction => /*#__PURE__*/React.createElement(Pressable, {
     key: supportedReaction.emoji_code,
     style: [styles.reactionItem, reactionItemStyle, {
-      // temporary background color until we have theming
-      backgroundColor: colors.overlay
+      backgroundColor: colors.buttonSecondary
     }, reactionsPicker.reactionItem],
     onPress: () => {
       onClose({
@@ -109,28 +108,33 @@ export const ReactionsPicker = ({
     }, reactionsPicker.reactionText]
   }, supportedReaction.icon)))), /*#__PURE__*/React.createElement(Pressable, {
     style: [reactionsButtonDimmerStyle, {
-      backgroundColor: colors.static_grey
+      backgroundColor: colors.sheetSecondary
     }, reactionsPicker.reactionsButtonDimmer],
     onPress: () => onClose()
   }));
 };
-const styles = StyleSheet.create({
-  reactionsPopup: {
-    position: 'absolute',
-    alignItems: 'center',
-    paddingTop: TOP_PADDING
-  },
-  reactionsButtonDimmer: {
-    position: 'absolute',
-    opacity: 0.5
-  },
-  reactionItem: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginBottom: REACTION_MARGIN_BOTTOM
-  },
-  reactionText: {
-    fontSize: 18.5
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = useTheme();
+  return useMemo(() => StyleSheet.create({
+    reactionsPopup: {
+      position: 'absolute',
+      alignItems: 'center',
+      paddingTop: theme.variants.spacingSizes.xs
+    },
+    reactionsButtonDimmer: {
+      position: 'absolute',
+      opacity: 0.5
+    },
+    reactionItem: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginBottom: theme.variants.spacingSizes.xs
+    },
+    reactionText: {
+      fontSize: 18.5
+    }
+  }), [theme]);
+};
 //# sourceMappingURL=ReactionsPicker.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Pressable","StyleSheet","Animated","Easing","useCall","getLogger","ComponentTestIds","useTheme","defaultEmojiReactions","TOP_PADDING","REACTION_MARGIN_BOTTOM","ReactionsPicker","supportedReactions","reactionsButtonLayoutRectangle","onRequestedClose","theme","colors","reactionsPicker","call","size","width","reactionItemSize","popupHeight","length","reactionsPopupStyle","top","y","left","x","height","borderTopStartRadius","borderTopEndRadius","elasticAnimRef","Value","timing","current","toValue","duration","useNativeDriver","easing","elastic","start","reactionItemStyle","borderRadius","reactionsButtonDimmerStyle","styles","reactionsButtonDimmer","onClose","reaction","sendReaction","catch","e","logger","linear","createElement","Fragment","testID","REACTIONS_PICKER","style","reactionsPopup","backgroundColor","static_grey","onPress","map","supportedReaction","key","emoji_code","reactionItem","overlay","type","custom","Text","reactionText","transform","scaleY","scaleX","icon","create","position","alignItems","paddingTop","opacity","justifyContent","marginBottom","fontSize"],"sourceRoot":"../../../../../../src","sources":["components/Call/CallControls/internal/ReactionsPicker.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAEEC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,MAAM,QACD,cAAc;AACrB,SAASC,OAAO,QAAQ,iCAAiC;AACzD,SAA8BC,SAAS,QAAQ,yBAAyB;AACxE,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,QAAQ,QAAQ,mCAAmC;AAE5D,SAASC,qBAAqB,QAAQ,uBAAuB;AAO7D,MAAMC,WAAW,GAAG,CAAC;AACrB,MAAMC,sBAAsB,GAAG,CAAC;AAEhC,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,kBAAkB,GAAGJ,qBAAqB;EAC1CK,8BAA8B;EAC9BC;AACmB,CAAC,KAAK;EACzB,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAgB;EACnC,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAMW,IAAI,GAAGd,OAAO,CAAC,CAAC;EACtB,MAAMe,IAAI,GAAGN,8BAA8B,EAAEO,KAAK,IAAI,CAAC;EACvD,MAAMC,gBAAgB,GAAGF,IAAI,GAAG,GAAG;EAEnC,MAAMG,WAAW;EACf;EACAb,WAAW;EACX;EACAC,sBAAsB,GAAGE,kBAAkB,CAACW,MAAM;EAClD;EACAF,gBAAgB,GAAGT,kBAAkB,CAACW,MAAM;EAE9C,MAAMC,mBAAmB,GAAG;IAC1B;IACAC,GAAG,EAAE,CAACZ,8BAA8B,EAAEa,CAAC,IAAI,CAAC,IAAIJ,WAAW;IAC3D;IACAK,IAAI,EAAEd,8BAA8B,EAAEe,CAAC;IACvC;IACAR,KAAK,EAAED,IAAI;IACXU,MAAM,EAAEP,WAAW;IACnB;IACAQ,oBAAoB,EAAEX,IAAI,GAAG,CAAC;IAC9BY,kBAAkB,EAAEZ,IAAI,GAAG;EAC7B,CAAC;EAED,MAAMa,cAAc,GAAGjC,MAAM,CAAC,IAAIG,QAAQ,CAAC+B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;EAExDnC,SAAS,CAAC,MAAM;IACdI,QAAQ,CAACgC,MAAM,CAACF,cAAc,CAACG,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAEpC,MAAM,CAACqC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,iBAAiB,GAAG;IACxBb,MAAM,EAAER,gBAAgB;IACxBD,KAAK,EAAEC,gBAAgB;IACvBsB,YAAY,EAAEtB,gBAAgB,GAAG;EACnC,CAAC;EAED,MAAMuB,0BAA0B,GAAG;IACjC,GAAGC,MAAM,CAACC,qBAAqB;IAC/BjB,MAAM,EAAEV,IAAI;IACZC,KAAK,EAAED,IAAI;IACX;IACAM,GAAG,EAAEZ,8BAA8B,EAAEa,CAAC,IAAI,CAAC,GAAGJ,WAAW,GAAGH,IAAI;IAChE;IACAQ,IAAI,EAAEd,8BAA8B,EAAEe;EACxC,CAAC;EAED,MAAMmB,OAAO,GAAIC,QAA8B,IAAK;IAClD,IAAIA,QAAQ,EAAE;MACZ9B,IAAI,EAAE+B,YAAY,CAACD,QAAQ,CAAC,CAACE,KAAK,CAAEC,CAAC,IAAK;QACxC,MAAMC,MAAM,GAAG/C,SAAS,CAAC,CAAC,iBAAiB,CAAC,CAAC;QAC7C+C,MAAM,CAAC,OAAO,EAAE,+BAA+B,EAAED,CAAC,EAAEH,QAAQ,CAAC;MAC/D,CAAC,CAAC;IACJ;IACA9C,QAAQ,CAACgC,MAAM,CAACF,cAAc,CAACG,OAAO,EAAE;MACtCC,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAEpC,MAAM,CAACkD;IACjB,CAAC,CAAC,CAACZ,KAAK,CAAC3B,gBAAgB,CAAC;EAC5B,CAAC;EAED,oBACEjB,KAAA,CAAAyD,aAAA,CAAAzD,KAAA,CAAA0D,QAAA,qBACE1D,KAAA,CAAAyD,aAAA,CAACtD,SAAS;IACRwD,MAAM,EAAElD,gBAAgB,CAACmD,gBAAiB;IAC1CC,KAAK,EAAE,CACLb,MAAM,CAACc,cAAc,EACrBnC,mBAAmB,EACnB;MACEoC,eAAe,EAAE5C,MAAM,CAAC6C;IAC1B,CAAC,EACD5C,eAAe,CAAC0C,cAAc,CAC9B;IACFG,OAAO,EAAEA,CAAA,KAAM;MACbf,OAAO,CAAC,CAAC;IACX;EAAE,GAGDnC,kBAAkB,CAACmD,GAAG,CAAEC,iBAAiB,iBACxCnE,KAAA,CAAAyD,aAAA,CAACtD,SAAS;IACRiE,GAAG,EAAED,iBAAiB,CAACE,UAAW;IAClCR,KAAK,EAAE,CACLb,MAAM,CAACsB,YAAY,EACnBzB,iBAAiB,EACjB;MACE;MACAkB,eAAe,EAAE5C,MAAM,CAACoD;IAC1B,CAAC,EACDnD,eAAe,CAACkD,YAAY,CAC5B;IACFL,OAAO,EAAEA,CAAA,KAAM;MACbf,OAAO,CAAC;QACNsB,IAAI,EAAEL,iBAAiB,CAACK,IAAI;QAC5BC,MAAM,EAAEN,iBAAiB,CAACM,MAAM;QAChCJ,UAAU,EAAEF,iBAAiB,CAACE;MAChC,CAAC,CAAC;IACJ;EAAE,gBAEFrE,KAAA,CAAAyD,aAAA,CAACpD,QAAQ,CAACqE,IAAI;IACZb,KAAK,EAAE,CACLb,MAAM,CAAC2B,YAAY,EACnB;MACEC,SAAS,EAAE,CACT;QACEC,MAAM,EAAE1C,cAAc,CAACG;MACzB,CAAC,EACD;QACEwC,MAAM,EAAE3C,cAAc,CAACG;MACzB,CAAC;IAEL,CAAC,EACDlB,eAAe,CAACuD,YAAY;EAC5B,GAEDR,iBAAiB,CAACY,IACN,CACN,CACZ,CACQ,CAAC,eAEZ/E,KAAA,CAAAyD,aAAA,CAACtD,SAAS;IACR0D,KAAK,EAAE,CACLd,0BAA0B,EAC1B;MACEgB,eAAe,EAAE5C,MAAM,CAAC6C;IAC1B,CAAC,EACD5C,eAAe,CAAC6B,qBAAqB,CACrC;IACFgB,OAAO,EAAEA,CAAA,KAAMf,OAAO,CAAC;EAAE,CAC1B,CACD,CAAC;AAEP,CAAC;AAED,MAAMF,MAAM,GAAG5C,UAAU,CAAC4E,MAAM,CAAC;EAC/BlB,cAAc,EAAE;IACdmB,QAAQ,EAAE,UAAU;IACpBC,UAAU,EAAE,QAAQ;IACpBC,UAAU,EAAEvE;EACd,CAAC;EACDqC,qBAAqB,EAAE;IACrBgC,QAAQ,EAAE,UAAU;IACpBG,OAAO,EAAE;EACX,CAAC;EACDd,YAAY,EAAE;IACZY,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAEzE;EAChB,CAAC;EACD8D,YAAY,EAAE;IACZY,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useRef","Pressable","StyleSheet","Animated","Easing","useCall","getLogger","ComponentTestIds","useTheme","defaultEmojiReactions","ReactionsPicker","supportedReactions","reactionsButtonLayoutRectangle","onRequestedClose","theme","colors","reactionsPicker","variants","styles","useStyles","call","size","width","reactionItemSize","popupHeight","spacingSizes","xs","length","reactionsPopupStyle","top","y","left","x","height","borderTopStartRadius","borderTopEndRadius","elasticAnimRef","Value","timing","current","toValue","duration","useNativeDriver","easing","elastic","start","reactionItemStyle","borderRadius","reactionsButtonDimmerStyle","reactionsButtonDimmer","onClose","reaction","sendReaction","catch","e","logger","linear","createElement","Fragment","testID","REACTIONS_PICKER","style","reactionsPopup","backgroundColor","sheetSecondary","onPress","map","supportedReaction","key","emoji_code","reactionItem","buttonSecondary","type","custom","Text","reactionText","transform","scaleY","scaleX","icon","create","position","alignItems","paddingTop","opacity","justifyContent","marginBottom","fontSize"],"sourceRoot":"../../../../../../src","sources":["components/Call/CallControls/internal/ReactionsPicker.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Call/CallLayout/CallParticipantsGrid.js

@@ -64,7 +64,7 @@ export const CallParticipantsGrid = ({
   };
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, landscapeStyles, {
-      backgroundColor: colors.dark_gray
+      backgroundColor: colors.sheetPrimary
     }, callParticipantsGrid.container],
     testID: ComponentTestIds.CALL_PARTICIPANTS_GRID
   }, CallParticipantsList && /*#__PURE__*/React.createElement(CallParticipantsList, _extends({

package/dist/module/components/Call/CallLayout/CallParticipantsGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useCallStateHooks","useDebouncedValue","CallParticipantsList","DefaultCallParticipantsList","ComponentTestIds","useTheme","useIsInPiPMode","CallParticipantsGrid","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","supportedReactions","landscape","disablePictureInPicture","theme","colors","callParticipantsGrid","useRemoteParticipants","useParticipants","useLocalParticipant","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","allParticipants","landscapeStyles","flexDirection","isInPiPMode","showFloatingView","length","participants","participantViewProps","createElement","style","styles","container","backgroundColor","dark_gray","testID","CALL_PARTICIPANTS_GRID","_extends","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useCallStateHooks","useDebouncedValue","CallParticipantsList","DefaultCallParticipantsList","ComponentTestIds","useTheme","useIsInPiPMode","CallParticipantsGrid","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","supportedReactions","landscape","disablePictureInPicture","theme","colors","callParticipantsGrid","useRemoteParticipants","useParticipants","useLocalParticipant","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","allParticipants","landscapeStyles","flexDirection","isInPiPMode","showFloatingView","length","participants","participantViewProps","createElement","style","styles","container","backgroundColor","sheetPrimary","testID","CALL_PARTICIPANTS_GRID","_extends","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":"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","ignoreList":[]}