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

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.4.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.3.8...@stream-io/video-react-native-sdk-1.4.0) (2024-11-25)
+
+### Dependency Updates
+
+* `@stream-io/video-react-bindings` updated to version `1.2.0`
+
+### Features
+
+* **design-v2:** sdk and dogfood app design-v2 changes ([#1549](https://github.com/GetStream/stream-video-js/issues/1549)) ([480a359](https://github.com/GetStream/stream-video-js/commit/480a3593516e6662b35a44f97c72259548d08445))
+
 ## [1.3.8](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.3.7...@stream-io/video-react-native-sdk-1.3.8) (2024-11-22)
 
 ### Dependency Updates

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

@@ -7,7 +7,6 @@ exports.CallContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeIncallManager = _interopRequireDefault(require("react-native-incall-manager"));
-var _CallTopView = require("../CallTopView");
 var _CallLayout = require("../CallLayout");
 var _CallControls = require("../CallControls");
 var _videoReactBindings = require("@stream-io/video-react-bindings");
@@ -23,11 +22,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
 const CallContent = ({
-  onBackPressed,
-  onParticipantInfoPress,
   onHangupCallHandler,
   CallParticipantsList,
-  CallTopView = _CallTopView.CallTopView,
   CallControls = _CallControls.CallControls,
   FloatingParticipantView = _Participant.FloatingParticipantView,
   ScreenShareOverlay = _ScreenShareOverlay.ScreenShareOverlay,
@@ -36,7 +32,6 @@ const CallContent = ({
   ParticipantReaction,
   ParticipantVideoFallback,
   ParticipantView,
-  ParticipantsInfoBadge,
   VideoRenderer,
   layout = 'grid',
   landscape = false,
@@ -45,6 +40,7 @@ const CallContent = ({
   disablePictureInPicture
 }) => {
   const [showRemoteParticipantInFloatingView, setShowRemoteParticipantInFloatingView] = (0, _react.useState)(false);
+  const styles = useStyles();
   const {
     theme: {
       callContent
@@ -114,18 +110,14 @@ const CallContent = ({
   }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, landscapeStyles, callContent.container]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.container, callContent.callParticipantsContainer]
+    style: [styles.content, callContent.callParticipantsContainer]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(CallTopView, {
-    onBackPressed: onBackPressed,
-    onParticipantInfoPress: onParticipantInfoPress,
-    ParticipantsInfoBadge: ParticipantsInfoBadge
-  }), showFloatingView && FloatingParticipantView && /*#__PURE__*/_react.default.createElement(FloatingParticipantView, _extends({
+  }, showFloatingView && FloatingParticipantView && /*#__PURE__*/_react.default.createElement(FloatingParticipantView, _extends({
     participant: isRemoteParticipantInFloatingView ? remoteParticipants[0] : localParticipant,
     onPressHandler: handleFloatingViewParticipantSwitch,
     supportedReactions: supportedReactions
@@ -135,13 +127,26 @@ const CallContent = ({
   })));
 };
 exports.CallContent = CallContent;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  view: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
-    zIndex: _constants.Z_INDEX.IN_FRONT
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = (0, _contexts.useTheme)();
+  return (0, _react.useMemo)(() => _reactNative.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: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      zIndex: _constants.Z_INDEX.IN_FRONT
+    }
+  }), [theme]);
+};
 //# sourceMappingURL=CallContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeIncallManager","_interopRequireDefault","_CallTopView","_CallLayout","_CallControls","_videoReactBindings","_constants","_hooks","_Participant","_contexts","_hooks2","_ScreenShareOverlay","_RTCViewPipIOS","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CallContent","onBackPressed","onParticipantInfoPress","onHangupCallHandler","CallParticipantsList","CallTopView","DefaultCallTopView","CallControls","DefaultCallControls","FloatingParticipantView","DefaultFloatingParticipantView","ScreenShareOverlay","DefaultScreenShareOverlay","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","ParticipantsInfoBadge","VideoRenderer","layout","landscape","supportedReactions","iOSPiPIncludeLocalParticipantVideo","disablePictureInPicture","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","useState","theme","callContent","useTheme","useCallSettings","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","useCallStateHooks","useAutoEnterPiPEffect","callSettings","isVideoEnabledInCall","video","enabled","_remoteParticipants","remoteParticipants","useDebouncedValue","localParticipant","isInPiPMode","useIsInPiPMode","hasScreenShare","showSpotlightLayout","showFloatingView","isRemoteParticipantInFloatingView","useEffect","InCallManager","start","media","stop","handleFloatingViewParticipantSwitch","prevState","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","landscapeStyles","flexDirection","createElement","Fragment","includeLocalParticipantVideo","View","style","styles","container","callParticipantsContainer","view","topContainer","pointerEvents","participant","onPressHandler","CallParticipantsSpotlight","CallParticipantsGrid","exports","StyleSheet","create","flex","absoluteFillObject","zIndex","Z_INDEX","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/CallContent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeIncallManager","_interopRequireDefault","_CallLayout","_CallControls","_videoReactBindings","_constants","_hooks","_Participant","_contexts","_hooks2","_ScreenShareOverlay","_RTCViewPipIOS","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CallContent","onHangupCallHandler","CallParticipantsList","CallControls","DefaultCallControls","FloatingParticipantView","DefaultFloatingParticipantView","ScreenShareOverlay","DefaultScreenShareOverlay","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","layout","landscape","supportedReactions","iOSPiPIncludeLocalParticipantVideo","disablePictureInPicture","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","useState","styles","useStyles","theme","callContent","useTheme","useCallSettings","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","useCallStateHooks","useAutoEnterPiPEffect","callSettings","isVideoEnabledInCall","video","enabled","_remoteParticipants","remoteParticipants","useDebouncedValue","localParticipant","isInPiPMode","useIsInPiPMode","hasScreenShare","showSpotlightLayout","showFloatingView","isRemoteParticipantInFloatingView","useEffect","InCallManager","start","media","stop","handleFloatingViewParticipantSwitch","prevState","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","landscapeStyles","flexDirection","createElement","Fragment","includeLocalParticipantVideo","View","style","container","content","callParticipantsContainer","view","topContainer","pointerEvents","participant","onPressHandler","CallParticipantsSpotlight","CallParticipantsGrid","exports","useMemo","StyleSheet","create","flex","paddingBottom","variants","insets","bottom","paddingLeft","left","paddingRight","right","paddingTop","top","backgroundColor","colors","sheetPrimary","absoluteFillObject","zIndex","Z_INDEX","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/CallContent.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -29,7 +29,8 @@ const AcceptCallButton = ({
     theme: {
       colors,
       variants: {
-        buttonSizes
+        buttonSizes,
+        iconSizes
       },
       acceptCallButton
     }
@@ -51,12 +52,13 @@ const AcceptCallButton = ({
   };
   return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
     onPress: acceptCallHandler,
-    color: colors.info,
-    size: buttonSizes.lg,
+    color: colors.buttonSuccess,
+    size: buttonSizes.md,
     style: acceptCallButton
-  }, /*#__PURE__*/_react.default.createElement(_icons.Phone, {
-    color: colors.static_white
-  }));
+  }, /*#__PURE__*/_react.default.createElement(_icons.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_icons.Phone, {
+    color: colors.iconPrimary,
+    size: iconSizes.lg
+  })));
 };
 exports.AcceptCallButton = AcceptCallButton;
 //# sourceMappingURL=AcceptCallButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_videoReactBindings","require","_videoClient","_react","_interopRequireDefault","_CallControlsButton","_icons","_ThemeContext","e","__esModule","default","AcceptCallButton","onPressHandler","onAcceptCallHandler","call","useCall","theme","colors","variants","buttonSizes","acceptCallButton","useTheme","acceptCallHandler","join","error","logger","getLogger","createElement","CallControlsButton","onPress","color","info","size","lg","style","Phone","static_white","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/AcceptCallButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA0D,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC;MAAY,CAAC;MACzBC;IACF;EACF,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIV,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,MAAME,IAAI,EAAES,IAAI,CAAC,CAAC;MAClB,IAAIV,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOW,KAAK,EAAE;MACd,MAAMC,MAAM,GAAG,IAAAC,sBAAS,EAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CD,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C;EACF,CAAC;EAED,oBACErB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACtB,mBAAA,CAAAuB,kBAAkB;IACjBC,OAAO,EAAEP,iBAAkB;IAC3BQ,KAAK,EAAEb,MAAM,CAACc,IAAK;IACnBC,IAAI,EAAEb,WAAW,CAACc,EAAG;IACrBC,KAAK,EAAEd;EAAiB,gBAExBjB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,MAAA,CAAA6B,KAAK;IAACL,KAAK,EAAEb,MAAM,CAACmB;EAAa,CAAE,CAClB,CAAC;AAEzB,CAAC;AAACC,OAAA,CAAA1B,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_videoReactBindings","require","_videoClient","_react","_interopRequireDefault","_CallControlsButton","_icons","_ThemeContext","e","__esModule","default","AcceptCallButton","onPressHandler","onAcceptCallHandler","call","useCall","theme","colors","variants","buttonSizes","iconSizes","acceptCallButton","useTheme","acceptCallHandler","join","error","logger","getLogger","createElement","CallControlsButton","onPress","color","buttonSuccess","size","md","style","IconWrapper","Phone","iconPrimary","lg","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/AcceptCallButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA0D,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,WAAW;QAAEC;MAAU,CAAC;MACpCC;IACF;EACF,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIX,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,MAAME,IAAI,EAAEU,IAAI,CAAC,CAAC;MAClB,IAAIX,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOY,KAAK,EAAE;MACd,MAAMC,MAAM,GAAG,IAAAC,sBAAS,EAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CD,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C;EACF,CAAC;EAED,oBACEtB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACvB,mBAAA,CAAAwB,kBAAkB;IACjBC,OAAO,EAAEP,iBAAkB;IAC3BQ,KAAK,EAAEd,MAAM,CAACe,aAAc;IAC5BC,IAAI,EAAEd,WAAW,CAACe,EAAG;IACrBC,KAAK,EAAEd;EAAiB,gBAExBlB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,MAAA,CAAA8B,WAAW,qBACVjC,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,MAAA,CAAA+B,KAAK;IAACN,KAAK,EAAEd,MAAM,CAACqB,WAAY;IAACL,IAAI,EAAEb,SAAS,CAACmB;EAAG,CAAE,CAC5C,CACK,CAAC;AAEzB,CAAC;AAACC,OAAA,CAAA7B,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -39,10 +39,10 @@ const CallControls = ({
   };
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, {
-      backgroundColor: colors.static_grey
+      backgroundColor: colors.sheetPrimary
     }, callControls.container, landscapeStyles, style]
   }, /*#__PURE__*/_react.default.createElement(_ToggleVideoPublishingButton.ToggleVideoPublishingButton, null), /*#__PURE__*/_react.default.createElement(_ToggleAudioPublishingButton.ToggleAudioPublishingButton, null), /*#__PURE__*/_react.default.createElement(_ToggleCameraFaceButton.ToggleCameraFaceButton, null), /*#__PURE__*/_react.default.createElement(_HangupCallButton.HangUpCallButton, {
-    onHangupCallHandler: onHangupCallHandler
+    onPressHandler: onHangupCallHandler
   }));
 };
 exports.CallControls = CallControls;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ToggleAudioPublishingButton","_ToggleVideoPublishingButton","_ToggleCameraFaceButton","_constants","_HangupCallButton","_ThemeContext","e","__esModule","default","CallControls","style","onHangupCallHandler","landscape","theme","colors","callControls","useTheme","landscapeStyles","flexDirection","paddingHorizontal","paddingVertical","createElement","View","styles","container","backgroundColor","static_grey","ToggleVideoPublishingButton","ToggleAudioPublishingButton","ToggleCameraFaceButton","HangUpCallButton","exports","StyleSheet","create","justifyContent","zIndex","Z_INDEX","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAA0D,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;;AAUA;AACA;AACA;AACA;AACO,MAAMG,YAAY,GAAGA,CAAC;EAC3BC,KAAK;EACLC,mBAAmB;EACnBC;AACgB,CAAC,KAAK;EACtB,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAa;EAChC,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,eAA0B,GAAG;IACjCC,aAAa,EAAEN,SAAS,GAAG,gBAAgB,GAAG,KAAK;IACnDO,iBAAiB,EAAEP,SAAS,GAAG,EAAE,GAAG,CAAC;IACrCQ,eAAe,EAAER,SAAS,GAAG,CAAC,GAAG;EACnC,CAAC;EACD,oBACEhB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACtB,YAAA,CAAAuB,IAAI;IACHZ,KAAK,EAAE,CACLa,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEX,MAAM,CAACY;IAAY,CAAC,EACvCX,YAAY,CAACS,SAAS,EACtBP,eAAe,EACfP,KAAK;EACL,gBAEFd,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACpB,4BAAA,CAAA0B,2BAA2B,MAAE,CAAC,eAC/B/B,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACrB,4BAAA,CAAA4B,2BAA2B,MAAE,CAAC,eAC/BhC,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACnB,uBAAA,CAAA2B,sBAAsB,MAAE,CAAC,eAC1BjC,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACjB,iBAAA,CAAA0B,gBAAgB;IAACnB,mBAAmB,EAAEA;EAAoB,CAAE,CACzD,CAAC;AAEX,CAAC;AAACoB,OAAA,CAAAtB,YAAA,GAAAA,YAAA;AAEF,MAAMc,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,cAAc,EAAE,cAAc;IAC9BC,MAAM,EAAEC,kBAAO,CAACC;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ToggleAudioPublishingButton","_ToggleVideoPublishingButton","_ToggleCameraFaceButton","_constants","_HangupCallButton","_ThemeContext","e","__esModule","default","CallControls","style","onHangupCallHandler","landscape","theme","colors","callControls","useTheme","landscapeStyles","flexDirection","paddingHorizontal","paddingVertical","createElement","View","styles","container","backgroundColor","sheetPrimary","ToggleVideoPublishingButton","ToggleAudioPublishingButton","ToggleCameraFaceButton","HangUpCallButton","onPressHandler","exports","StyleSheet","create","justifyContent","zIndex","Z_INDEX","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAA0D,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;;AAUA;AACA;AACA;AACA;AACO,MAAMG,YAAY,GAAGA,CAAC;EAC3BC,KAAK;EACLC,mBAAmB;EACnBC;AACgB,CAAC,KAAK;EACtB,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAa;EAChC,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,eAA0B,GAAG;IACjCC,aAAa,EAAEN,SAAS,GAAG,gBAAgB,GAAG,KAAK;IACnDO,iBAAiB,EAAEP,SAAS,GAAG,EAAE,GAAG,CAAC;IACrCQ,eAAe,EAAER,SAAS,GAAG,CAAC,GAAG;EACnC,CAAC;EACD,oBACEhB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACtB,YAAA,CAAAuB,IAAI;IACHZ,KAAK,EAAE,CACLa,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEX,MAAM,CAACY;IAAa,CAAC,EACxCX,YAAY,CAACS,SAAS,EACtBP,eAAe,EACfP,KAAK;EACL,gBAEFd,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACpB,4BAAA,CAAA0B,2BAA2B,MAAE,CAAC,eAC/B/B,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACrB,4BAAA,CAAA4B,2BAA2B,MAAE,CAAC,eAC/BhC,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACnB,uBAAA,CAAA2B,sBAAsB,MAAE,CAAC,eAC1BjC,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACjB,iBAAA,CAAA0B,gBAAgB;IAACC,cAAc,EAAEpB;EAAoB,CAAE,CACpD,CAAC;AAEX,CAAC;AAACqB,OAAA,CAAAvB,YAAA,GAAAA,YAAA;AAEF,MAAMc,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,cAAc,EAAE,cAAc;IAC9BC,MAAM,EAAEC,kBAAO,CAACC;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -14,6 +14,7 @@ const CallControlsButton = props => {
     children,
     disabled,
     color: colorProp,
+    disabledColor: disabledColorProp,
     style: styleProp,
     size,
     testID,
@@ -21,10 +22,11 @@ const CallControlsButton = props => {
   } = props;
   const {
     theme: {
+      colors,
+      defaults,
       variants: {
-        buttonSizes
+        roundButtonSizes
       },
-      colors,
       callControlsButton: {
         container
       }
@@ -33,13 +35,13 @@ 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.default.createElement(_reactNative.Pressable, {
     disabled: disabled,
     style: pressableStyle,
@@ -48,8 +50,8 @@ const CallControlsButton = props => {
     onLayout: onLayout
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [{
-      height: (size || buttonSizes.sm) / 2 - 5,
-      width: (size || buttonSizes.sm) / 2 - 5
+      height: childrenSize,
+      width: childrenSize
     }, styleProp?.svgContainer ?? null]
   }, children));
 };
@@ -57,16 +59,7 @@ exports.CallControlsButton = CallControlsButton;
 const styles = _reactNative.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/commonjs/components/Call/CallControls/CallControlsButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","e","__esModule","default","CallControlsButton","props","onPress","children","disabled","color","colorProp","style","styleProp","size","testID","onLayout","theme","variants","buttonSizes","colors","callControlsButton","container","useTheme","pressableStyle","pressed","styles","backgroundColor","static_white","opacity","height","sm","width","borderRadius","borderColor","content_bg","createElement","Pressable","View","svgContainer","exports","StyleSheet","create","justifyContent","borderWidth","alignItems","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControlsButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,aAAA,GAAAF,OAAA;AAA0D,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAmCnD,MAAMG,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,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEd,MAAMC,cAAuC,GAAGA,CAAC;IAAEC;EAAQ,CAAC,KAAK,CAC/DC,MAAM,CAACJ,SAAS,EAChB;IACEK,eAAe,EAAElB,QAAQ,GACrBW,MAAM,CAACX,QAAQ,GACfE,SAAS,IAAIS,MAAM,CAACQ,YAAY;IACpCC,OAAO,EAAEJ,OAAO,GAAG,GAAG,GAAG,CAAC;IAC1BK,MAAM,EAAEhB,IAAI,IAAIK,WAAW,CAACY,EAAE;IAC9BC,KAAK,EAAElB,IAAI,IAAIK,WAAW,CAACY,EAAE;IAC7BE,YAAY,EAAE,CAACnB,IAAI,IAAIK,WAAW,CAACY,EAAE,IAAI,CAAC;IAC1CG,WAAW,EAAEd,MAAM,CAACe;EACtB,CAAC,EACDtB,SAAS,EAAES,SAAS,IAAI,IAAI,EAC5BA,SAAS,CACV;EAED,oBACEzB,MAAA,CAAAO,OAAA,CAAAgC,aAAA,CAACpC,YAAA,CAAAqC,SAAS;IACR5B,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEY,cAAe;IACtBjB,OAAO,EAAEA,OAAQ;IACjBQ,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA;EAAS,gBAEnBnB,MAAA,CAAAO,OAAA,CAAAgC,aAAA,CAACpC,YAAA,CAAAsC,IAAI;IACH1B,KAAK,EAAE,CACL;MACEkB,MAAM,EAAE,CAAChB,IAAI,IAAIK,WAAW,CAACY,EAAE,IAAI,CAAC,GAAG,CAAC;MACxCC,KAAK,EAAE,CAAClB,IAAI,IAAIK,WAAW,CAACY,EAAE,IAAI,CAAC,GAAG;IACxC,CAAC,EACDlB,SAAS,EAAE0B,YAAY,IAAI,IAAI;EAC/B,GAED/B,QACG,CACG,CAAC;AAEhB,CAAC;AAACgC,OAAA,CAAAnC,kBAAA,GAAAA,kBAAA;AAEF,MAAMqB,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,QAAQ;IACpB;IACAC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZf,KAAK,EAAE,CAAC;MACRF,MAAM,EAAE;IACV,CAAC;IACDkB,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IAEf;IACAC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","e","__esModule","default","CallControlsButton","props","onPress","children","disabled","color","colorProp","disabledColor","disabledColorProp","style","styleProp","size","testID","onLayout","theme","colors","defaults","variants","roundButtonSizes","callControlsButton","container","useTheme","pressableStyle","pressed","styles","backgroundColor","buttonDisabled","buttonSecondary","opacity","height","lg","width","borderRadius","childrenSize","createElement","Pressable","View","svgContainer","exports","StyleSheet","create","justifyContent","alignItems","elevation"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControlsButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,aAAA,GAAAF,OAAA;AAA0D,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAuCnD,MAAMG,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,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEd,MAAMC,cAAuC,GAAGA,CAAC;IAAEC;EAAQ,CAAC,KAAK,CAC/DC,MAAM,CAACJ,SAAS,EAChB;IACEK,eAAe,EAAErB,QAAQ,GACrBI,iBAAiB,IAAIO,MAAM,CAACW,cAAc,GAC1CpB,SAAS,IAAIS,MAAM,CAACY,eAAe;IACvCC,OAAO,EAAEL,OAAO,GAAG,GAAG,GAAG,CAAC;IAC1BM,MAAM,EAAElB,IAAI,IAAIO,gBAAgB,CAACY,EAAE;IACnCC,KAAK,EAAEpB,IAAI,IAAIO,gBAAgB,CAACY,EAAE;IAClCE,YAAY,EAAEhB,QAAQ,CAACgB;EACzB,CAAC,EACDtB,SAAS,EAAEU,SAAS,IAAI,IAAI,EAC5BA,SAAS,CACV;EAED,MAAMa,YAAY,GAAG,CAACtB,IAAI,IAAIO,gBAAgB,CAACY,EAAE,IAAI,CAAC,GAAG,CAAC;EAC1D,oBACEtC,MAAA,CAAAO,OAAA,CAAAmC,aAAA,CAACvC,YAAA,CAAAwC,SAAS;IACR/B,QAAQ,EAAEA,QAAS;IACnBK,KAAK,EAAEa,cAAe;IACtBpB,OAAO,EAAEA,OAAQ;IACjBU,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA;EAAS,gBAEnBrB,MAAA,CAAAO,OAAA,CAAAmC,aAAA,CAACvC,YAAA,CAAAyC,IAAI;IACH3B,KAAK,EAAE,CACL;MAAEoB,MAAM,EAAEI,YAAY;MAAEF,KAAK,EAAEE;IAAa,CAAC,EAC7CvB,SAAS,EAAE2B,YAAY,IAAI,IAAI;EAC/B,GAEDlC,QACG,CACG,CAAC;AAEhB,CAAC;AAACmC,OAAA,CAAAtC,kBAAA,GAAAA,kBAAA;AAEF,MAAMwB,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IAEpB;IACAC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -11,6 +11,7 @@ var _icons = require("../../../icons");
 var _TestIds = require("../../../constants/TestIds");
 var _videoReactBindings = require("@stream-io/video-react-bindings");
 var _ThemeContext = require("../../../contexts/ThemeContext");
+var _IconWrapper = require("../../../icons/IconWrapper");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * The props for the Hang up call button in the Call Controls.
@@ -34,7 +35,8 @@ const HangUpCallButton = ({
   const {
     theme: {
       colors,
-      hangupCallButton
+      hangupCallButton,
+      variants
     }
   } = (0, _ThemeContext.useTheme)();
   const onPress = async () => {
@@ -57,21 +59,14 @@ const HangUpCallButton = ({
   };
   return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
     onPress: onPress,
-    color: colors.error,
+    color: colors.buttonWarning,
     style: hangupCallButton,
     size: size,
     testID: _TestIds.ButtonTestIds.HANG_UP_CALL
-  }, /*#__PURE__*/_react.default.createElement(_icons.PhoneDown, {
-    color: colors.static_white
-  }));
+  }, /*#__PURE__*/_react.default.createElement(_IconWrapper.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_icons.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,
-//   },
-// });
 exports.HangUpCallButton = HangUpCallButton;
 //# sourceMappingURL=HangupCallButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_CallControlsButton","_icons","_TestIds","_videoReactBindings","_ThemeContext","e","__esModule","default","HangUpCallButton","size","onPressHandler","onHangupCallHandler","call","useCall","useCallCallingState","useCallStateHooks","callingState","theme","colors","hangupCallButton","useTheme","onPress","CallingState","LEFT","leave","error","logger","getLogger","createElement","CallControlsButton","color","style","testID","ButtonTestIds","HANG_UP_CALL","PhoneDown","static_white","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/HangupCallButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AAA0D,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAgB,GAAGA,CAAC;EAC/BC,IAAI;EACJC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACnD,MAAMC,YAAY,GAAGF,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAiB;EACpC,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIX,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAIM,YAAY,KAAKM,yBAAY,CAACC,IAAI,EAAE;QACtC;MACF;MACA,MAAMX,IAAI,EAAEY,KAAK,CAAC,CAAC;MACnB,IAAIb,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOc,KAAK,EAAE;MACd,MAAMC,MAAM,GAAG,IAAAC,sBAAS,EAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CD,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C;EACF,CAAC;EAED,oBACE7B,MAAA,CAAAW,OAAA,CAAAqB,aAAA,CAAC5B,mBAAA,CAAA6B,kBAAkB;IACjBR,OAAO,EAAEA,OAAQ;IACjBS,KAAK,EAAEZ,MAAM,CAACO,KAAM;IACpBM,KAAK,EAAEZ,gBAAiB;IACxBV,IAAI,EAAEA,IAAK;IACXuB,MAAM,EAAEC,sBAAa,CAACC;EAAa,gBAEnCtC,MAAA,CAAAW,OAAA,CAAAqB,aAAA,CAAC3B,MAAA,CAAAkC,SAAS;IAACL,KAAK,EAAEZ,MAAM,CAACkB;EAAa,CAAE,CACtB,CAAC;AAEzB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AAAAC,OAAA,CAAA7B,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_CallControlsButton","_icons","_TestIds","_videoReactBindings","_ThemeContext","_IconWrapper","e","__esModule","default","HangUpCallButton","size","onPressHandler","onHangupCallHandler","call","useCall","useCallCallingState","useCallStateHooks","callingState","theme","colors","hangupCallButton","variants","useTheme","onPress","CallingState","LEFT","leave","error","logger","getLogger","createElement","CallControlsButton","color","buttonWarning","style","testID","ButtonTestIds","HANG_UP_CALL","IconWrapper","PhoneDown","iconPrimary","iconSizes","md","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/HangupCallButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAAyD,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAgB,GAAGA,CAAC;EAC/BC,IAAI;EACJC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACnD,MAAMC,YAAY,GAAGF,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC,gBAAgB;MAAEC;IAAS;EAC9C,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIZ,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAIM,YAAY,KAAKO,yBAAY,CAACC,IAAI,EAAE;QACtC;MACF;MACA,MAAMZ,IAAI,EAAEa,KAAK,CAAC,CAAC;MACnB,IAAId,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOe,KAAK,EAAE;MACd,MAAMC,MAAM,GAAG,IAAAC,sBAAS,EAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CD,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C;EACF,CAAC;EAED,oBACE/B,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC9B,mBAAA,CAAA+B,kBAAkB;IACjBR,OAAO,EAAEA,OAAQ;IACjBS,KAAK,EAAEb,MAAM,CAACc,aAAc;IAC5BC,KAAK,EAAEd,gBAAiB;IACxBV,IAAI,EAAEA,IAAK;IACXyB,MAAM,EAAEC,sBAAa,CAACC;EAAa,gBAEnCzC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAACzB,YAAA,CAAAiC,WAAW,qBACV1C,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC7B,MAAA,CAAAsC,SAAS;IAACP,KAAK,EAAEb,MAAM,CAACqB,WAAY;IAAC9B,IAAI,EAAEW,QAAQ,CAACoB,SAAS,CAACC;EAAG,CAAE,CACzD,CACK,CAAC;AAEzB,CAAC;AAACC,OAAA,CAAAlC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -21,13 +21,17 @@ const IncomingCallControls = ({
 }) => {
   const {
     theme: {
-      incomingCall
+      incomingCall,
+      variants: {
+        buttonSizes
+      }
     }
   } = (0, _contexts.useTheme)();
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.buttonGroup, incomingCall.buttonGroup]
   }, /*#__PURE__*/_react.default.createElement(_RejectCallButton.RejectCallButton, {
     onPressHandler: onRejectCallHandler,
+    size: buttonSizes.md,
     rejectReason: "decline"
   }), /*#__PURE__*/_react.default.createElement(_ToggleVideoPreviewButton.ToggleVideoPreviewButton, null), /*#__PURE__*/_react.default.createElement(_AcceptCallButton.AcceptCallButton, {
     onPressHandler: onAcceptCallHandler

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","_AcceptCallButton","_RejectCallButton","_ToggleVideoPreviewButton","e","__esModule","default","IncomingCallControls","onAcceptCallHandler","onRejectCallHandler","theme","incomingCall","useTheme","createElement","View","style","styles","buttonGroup","RejectCallButton","onPressHandler","rejectReason","ToggleVideoPreviewButton","AcceptCallButton","exports","StyleSheet","create","flexDirection","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/IncomingCallControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AAAsE,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtE;AACA;AACA;;AAYO,MAAMG,oBAAoB,GAAGA,CAAC;EACnCC,mBAAmB;EACnBC;AACyB,CAAC,KAAK;EAC/B,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAa;EACxB,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,oBACEhB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAEN,YAAY,CAACM,WAAW;EAAE,gBAC1DrB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACX,iBAAA,CAAAgB,gBAAgB;IACfC,cAAc,EAAEV,mBAAoB;IACpCW,YAAY,EAAC;EAAS,CACvB,CAAC,eACFxB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACV,yBAAA,CAAAkB,wBAAwB,MAAE,CAAC,eAC5BzB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACZ,iBAAA,CAAAqB,gBAAgB;IAACH,cAAc,EAAEX;EAAoB,CAAE,CACpD,CAAC;AAEX,CAAC;AAACe,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA;AAEF,MAAMS,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,WAAW,EAAE;IACXS,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","_AcceptCallButton","_RejectCallButton","_ToggleVideoPreviewButton","e","__esModule","default","IncomingCallControls","onAcceptCallHandler","onRejectCallHandler","theme","incomingCall","variants","buttonSizes","useTheme","createElement","View","style","styles","buttonGroup","RejectCallButton","onPressHandler","size","md","rejectReason","ToggleVideoPreviewButton","AcceptCallButton","exports","StyleSheet","create","flexDirection","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/IncomingCallControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AAAsE,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtE;AACA;AACA;;AAYO,MAAMG,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,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,oBACElB,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAER,YAAY,CAACQ,WAAW;EAAE,gBAC1DvB,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACb,iBAAA,CAAAkB,gBAAgB;IACfC,cAAc,EAAEZ,mBAAoB;IACpCa,IAAI,EAAET,WAAW,CAACU,EAAG;IACrBC,YAAY,EAAC;EAAS,CACvB,CAAC,eACF5B,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACZ,yBAAA,CAAAsB,wBAAwB,MAAE,CAAC,eAC5B7B,MAAA,CAAAU,OAAA,CAAAS,aAAA,CAACd,iBAAA,CAAAyB,gBAAgB;IAACL,cAAc,EAAEb;EAAoB,CAAE,CACpD,CAAC;AAEX,CAAC;AAACmB,OAAA,CAAApB,oBAAA,GAAAA,oBAAA;AAEF,MAAMW,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,WAAW,EAAE;IACXW,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LobbyControls = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _ToggleAudioPreviewButton = require("./ToggleAudioPreviewButton");
 var _ToggleVideoPreviewButton = require("./ToggleVideoPreviewButton");
 var _ThemeContext = require("../../../contexts/ThemeContext");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Controls for the Lobby Component
  */
@@ -19,16 +20,22 @@ const LobbyControls = () => {
       lobbyControls
     }
   } = (0, _ThemeContext.useTheme)();
+  const styles = useStyles();
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, lobbyControls.container]
   }, /*#__PURE__*/_react.default.createElement(_ToggleAudioPreviewButton.ToggleAudioPreviewButton, null), /*#__PURE__*/_react.default.createElement(_ToggleVideoPreviewButton.ToggleVideoPreviewButton, null));
 };
 exports.LobbyControls = LobbyControls;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    paddingVertical: 12,
-    flexDirection: 'row',
-    justifyContent: 'space-evenly'
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = (0, _ThemeContext.useTheme)();
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      paddingTop: theme.variants.spacingSizes.xs,
+      flexDirection: 'row',
+      justifyContent: 'space-evenly'
+    }
+  }), [theme]);
+};
 //# sourceMappingURL=LobbyControls.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ToggleAudioPreviewButton","_ToggleVideoPreviewButton","_ThemeContext","e","__esModule","default","LobbyControls","theme","lobbyControls","useTheme","createElement","View","style","styles","container","ToggleAudioPreviewButton","ToggleVideoPreviewButton","exports","StyleSheet","create","paddingVertical","flexDirection","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/LobbyControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA0D,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;AACO,MAAMG,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAc;EACzB,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEN,aAAa,CAACM,SAAS;EAAE,gBACvDlB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,yBAAA,CAAAe,wBAAwB,MAAE,CAAC,eAC5BnB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,yBAAA,CAAAe,wBAAwB,MAAE,CACvB,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAX,aAAA,GAAAA,aAAA;AAEF,MAAMO,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ToggleAudioPreviewButton","_ToggleVideoPreviewButton","_ThemeContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LobbyControls","theme","lobbyControls","useTheme","styles","useStyles","createElement","View","style","container","ToggleAudioPreviewButton","ToggleVideoPreviewButton","exports","useMemo","StyleSheet","create","paddingTop","variants","spacingSizes","xs","flexDirection","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/LobbyControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA0D,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE1D;AACA;AACA;AACO,MAAMW,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAc;EACzB,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBACEhC,MAAA,CAAAa,OAAA,CAAAoB,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAE,CAACJ,MAAM,CAACK,SAAS,EAAEP,aAAa,CAACO,SAAS;EAAE,gBACvDpC,MAAA,CAAAa,OAAA,CAAAoB,aAAA,CAAC7B,yBAAA,CAAAiC,wBAAwB,MAAE,CAAC,eAC5BrC,MAAA,CAAAa,OAAA,CAAAoB,aAAA,CAAC5B,yBAAA,CAAAiC,wBAAwB,MAAE,CACvB,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAZ,aAAA,GAAAA,aAAA;AAEF,MAAMK,SAAS,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEJ;EAAM,CAAC,GAAG,IAAAE,sBAAQ,EAAC,CAAC;EAC5B,OAAO,IAAAU,cAAO,EACZ,MACEC,uBAAU,CAACC,MAAM,CAAC;IAChBN,SAAS,EAAE;MACTO,UAAU,EAAEf,KAAK,CAACgB,QAAQ,CAACC,YAAY,CAACC,EAAE;MAC1CC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE;IAClB;EACF,CAAC,CAAC,EACJ,CAACpB,KAAK,CACR,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -56,9 +56,9 @@ const ReactionsButton = ({
     testID: _TestIds.ButtonTestIds.REACTION,
     onPress: reactionsButtonHandler,
     onLayout: onReactionsButtonLayout
-  }, /*#__PURE__*/_react.default.createElement(_icons.Reaction, {
-    color: colors.static_black
-  }))), showReactionsPicker && /*#__PURE__*/_react.default.createElement(_ReactionsPicker.ReactionsPicker, {
+  }, /*#__PURE__*/_react.default.createElement(_icons.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_icons.Reaction, {
+    color: colors.iconPrimary
+  })))), showReactionsPicker && /*#__PURE__*/_react.default.createElement(_ReactionsPicker.ReactionsPicker, {
     supportedReactions: supportedReactions,
     reactionsButtonLayoutRectangle: reactionsButtonLayoutRectangle,
     onRequestedClose: () => {

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

@@ -1 +1 @@
-{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireWildcard","_CallControlsButton","_videoClient","_TestIds","_icons","_ReactionsPicker","_ThemeContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReactionsButton","supportedReactions","onPressHandler","showReactionsPicker","setShowReactionsPicker","useState","reactionsButtonLayoutRectangle","setReactionsButtonLayoutRectangle","theme","colors","useTheme","onReactionsButtonLayout","event","layout","nativeEvent","prev","width","height","x","y","reactionsButtonHandler","createElement","Fragment","Restricted","requiredGrants","OwnCapability","CREATE_REACTION","CallControlsButton","testID","ButtonTestIds","REACTION","onPress","onLayout","Reaction","color","static_black","ReactionsPicker","onRequestedClose","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ReactionsButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireWildcard","_CallControlsButton","_videoClient","_TestIds","_icons","_ReactionsPicker","_ThemeContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReactionsButton","supportedReactions","onPressHandler","showReactionsPicker","setShowReactionsPicker","useState","reactionsButtonLayoutRectangle","setReactionsButtonLayoutRectangle","theme","colors","useTheme","onReactionsButtonLayout","event","layout","nativeEvent","prev","width","height","x","y","reactionsButtonHandler","createElement","Fragment","Restricted","requiredGrants","OwnCapability","CREATE_REACTION","CallControlsButton","testID","ButtonTestIds","REACTION","onPress","onLayout","IconWrapper","Reaction","color","iconPrimary","ReactionsPicker","onRequestedClose","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ReactionsButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -36,7 +36,8 @@ const RejectCallButton = ({
       colors,
       rejectCallButton,
       variants: {
-        buttonSizes
+        buttonSizes,
+        iconSizes
       }
     }
   } = (0, _ThemeContext.useTheme)();
@@ -63,15 +64,16 @@ const RejectCallButton = ({
   };
   return /*#__PURE__*/_react.default.createElement(_CallControlsButton.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.default.createElement(_icons.PhoneDown, {
-    color: colors.static_white
-  }));
+  }, /*#__PURE__*/_react.default.createElement(_icons.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_icons.PhoneDown, {
+    color: colors.iconPrimary,
+    size: iconSizes.lg
+  })));
 };
 exports.RejectCallButton = RejectCallButton;
 //# sourceMappingURL=RejectCallButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_CallControlsButton","_icons","_videoClient","_ThemeContext","e","__esModule","default","RejectCallButton","onPressHandler","onRejectCallHandler","size","rejectReason","call","useCall","useCallCallingState","useCallStateHooks","callingState","theme","colors","rejectCallButton","variants","buttonSizes","useTheme","rejectCallHandler","CallingState","LEFT","leave","reject","reason","error","logger","getLogger","createElement","CallControlsButton","onPress","color","lg","style","PhoneDown","static_white","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/RejectCallButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA0D,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;;AA6BA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC,mBAAmB;EACnBC,IAAI;EACJC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACnD,MAAMC,YAAY,GAAGF,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJG,KAAK,EAAE;MACLC,MAAM;MACNC,gBAAgB;MAChBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIf,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAIQ,YAAY,KAAKQ,yBAAY,CAACC,IAAI,EAAE;QACtC;MACF;MACA,MAAMb,IAAI,EAAEc,KAAK,CAAC;QAAEC,MAAM,EAAE,IAAI;QAAEC,MAAM,EAAEjB;MAAa,CAAC,CAAC;MACzD,IAAIF,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOoB,KAAK,EAAE;MACd,MAAMC,MAAM,GAAG,IAAAC,sBAAS,EAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CD,MAAM,CAAC,OAAO,EAAE,sBAAsB,EAAED,KAAK,CAAC;IAChD;EACF,CAAC;EAED,oBACE/B,MAAA,CAAAQ,OAAA,CAAA0B,aAAA,CAAChC,mBAAA,CAAAiC,kBAAkB;IACjBC,OAAO,EAAEX,iBAAkB;IAC3BY,KAAK,EAAEjB,MAAM,CAACW,KAAM;IACpBnB,IAAI,EAAEA,IAAI,IAAIW,WAAW,CAACe;IAC1B;IACA;IAAA;IACAC,KAAK,EAAElB;EAAiB,gBAExBrB,MAAA,CAAAQ,OAAA,CAAA0B,aAAA,CAAC/B,MAAA,CAAAqC,SAAS;IAACH,KAAK,EAAEjB,MAAM,CAACqB;EAAa,CAAE,CACtB,CAAC;AAEzB,CAAC;AAACC,OAAA,CAAAjC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_CallControlsButton","_icons","_videoClient","_ThemeContext","e","__esModule","default","RejectCallButton","onPressHandler","onRejectCallHandler","size","rejectReason","call","useCall","useCallCallingState","useCallStateHooks","callingState","theme","colors","rejectCallButton","variants","buttonSizes","iconSizes","useTheme","rejectCallHandler","CallingState","LEFT","leave","reject","reason","error","logger","getLogger","createElement","CallControlsButton","onPress","color","buttonWarning","md","style","IconWrapper","PhoneDown","iconPrimary","lg","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/RejectCallButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA0D,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;;AA6BA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC,mBAAmB;EACnBC,IAAI;EACJC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACnD,MAAMC,YAAY,GAAGF,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJG,KAAK,EAAE;MACLC,MAAM;MACNC,gBAAgB;MAChBC,QAAQ,EAAE;QAAEC,WAAW;QAAEC;MAAU;IACrC;EACF,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIhB,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAIQ,YAAY,KAAKS,yBAAY,CAACC,IAAI,EAAE;QACtC;MACF;MACA,MAAMd,IAAI,EAAEe,KAAK,CAAC;QAAEC,MAAM,EAAE,IAAI;QAAEC,MAAM,EAAElB;MAAa,CAAC,CAAC;MACzD,IAAIF,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOqB,KAAK,EAAE;MACd,MAAMC,MAAM,GAAG,IAAAC,sBAAS,EAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CD,MAAM,CAAC,OAAO,EAAE,sBAAsB,EAAED,KAAK,CAAC;IAChD;EACF,CAAC;EAED,oBACEhC,MAAA,CAAAQ,OAAA,CAAA2B,aAAA,CAACjC,mBAAA,CAAAkC,kBAAkB;IACjBC,OAAO,EAAEX,iBAAkB;IAC3BY,KAAK,EAAElB,MAAM,CAACmB,aAAc;IAC5B3B,IAAI,EAAEA,IAAI,IAAIW,WAAW,CAACiB;IAC1B;IACA;IAAA;IACAC,KAAK,EAAEpB;EAAiB,gBAExBrB,MAAA,CAAAQ,OAAA,CAAA2B,aAAA,CAAChC,MAAA,CAAAuC,WAAW,qBACV1C,MAAA,CAAAQ,OAAA,CAAA2B,aAAA,CAAChC,MAAA,CAAAwC,SAAS;IAACL,KAAK,EAAElB,MAAM,CAACwB,WAAY;IAAChC,IAAI,EAAEY,SAAS,CAACqB;EAAG,CAAE,CAChD,CACK,CAAC;AAEzB,CAAC;AAACC,OAAA,CAAArC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -12,6 +12,7 @@ var _StopScreenShare = require("../../../icons/StopScreenShare");
 var _CallControlsButton = require("./CallControlsButton");
 var _ThemeContext = require("../../../contexts/ThemeContext");
 var _useScreenShareButton = require("../../../hooks/useScreenShareButton");
+var _icons = require("../../../icons");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -29,7 +30,8 @@ const ScreenShareToggleButton = ({
   const {
     theme: {
       colors,
-      screenShareToggleButton
+      screenShareToggleButton,
+      variants
     }
   } = (0, _ThemeContext.useTheme)();
   const screenCapturePickerViewiOSRef = (0, _react.useRef)(null);
@@ -40,16 +42,18 @@ const ScreenShareToggleButton = ({
   if (!onPress) return null;
   return /*#__PURE__*/_react.default.createElement(_CallControlsButton.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.default.createElement(_StopScreenShare.StopScreenShare, {
-    color: colors.static_black
+  }, /*#__PURE__*/_react.default.createElement(_icons.IconWrapper, null, hasPublishedScreenShare ? /*#__PURE__*/_react.default.createElement(_StopScreenShare.StopScreenShare, {
+    size: variants.iconSizes.md,
+    color: colors.iconPrimary
   }) : /*#__PURE__*/_react.default.createElement(_ScreenShare.ScreenShare, {
-    color: colors.static_black
-  }), _reactNative.Platform.OS === 'ios' && /*#__PURE__*/_react.default.createElement(_reactNativeWebrtc.ScreenCapturePickerView, {
+    size: variants.iconSizes.md,
+    color: colors.iconPrimary
+  })), _reactNative.Platform.OS === 'ios' && /*#__PURE__*/_react.default.createElement(_reactNativeWebrtc.ScreenCapturePickerView, {
     ref: screenCapturePickerViewiOSRef
   }));
 };