@stream-io/video-react-native-sdk 1.4.4 → 1.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/commonjs/components/Call/CallControls/AcceptCallButton.js +9 -3
  3. package/dist/commonjs/components/Call/CallControls/AcceptCallButton.js.map +1 -1
  4. package/dist/commonjs/components/Call/CallControls/RejectCallButton.js +9 -3
  5. package/dist/commonjs/components/Call/CallControls/RejectCallButton.js.map +1 -1
  6. package/dist/commonjs/components/Call/CallLayout/CallParticipantsGrid.js +4 -2
  7. package/dist/commonjs/components/Call/CallLayout/CallParticipantsGrid.js.map +1 -1
  8. package/dist/commonjs/version.js +1 -1
  9. package/dist/module/components/Call/CallControls/AcceptCallButton.js +7 -2
  10. package/dist/module/components/Call/CallControls/AcceptCallButton.js.map +1 -1
  11. package/dist/module/components/Call/CallControls/RejectCallButton.js +7 -2
  12. package/dist/module/components/Call/CallControls/RejectCallButton.js.map +1 -1
  13. package/dist/module/components/Call/CallLayout/CallParticipantsGrid.js +4 -2
  14. package/dist/module/components/Call/CallLayout/CallParticipantsGrid.js.map +1 -1
  15. package/dist/module/version.js +1 -1
  16. package/dist/typescript/components/Call/CallControls/AcceptCallButton.d.ts.map +1 -1
  17. package/dist/typescript/components/Call/CallControls/RejectCallButton.d.ts.map +1 -1
  18. package/dist/typescript/components/Call/CallLayout/CallParticipantsGrid.d.ts.map +1 -1
  19. package/dist/typescript/version.d.ts +1 -1
  20. package/package.json +3 -3
  21. package/src/components/Call/CallControls/AcceptCallButton.tsx +7 -1
  22. package/src/components/Call/CallControls/RejectCallButton.tsx +7 -1
  23. package/src/components/Call/CallLayout/CallParticipantsGrid.tsx +8 -3
  24. package/src/version.ts +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,19 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [1.4.6](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.4.5...@stream-io/video-react-native-sdk-1.4.6) (2024-11-29)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * call joining, dominant speaker for pip android, spotlight layout for tablets ([#1603](https://github.com/GetStream/stream-video-js/issues/1603)) ([68ba86b](https://github.com/GetStream/stream-video-js/commit/68ba86b8c940b9559cdfba2db926afe707864a81))
11
+
12
+ ## [1.4.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.4.4...@stream-io/video-react-native-sdk-1.4.5) (2024-11-28)
13
+
14
+ ### Dependency Updates
15
+
16
+ * `@stream-io/video-client` updated to version `1.11.10`
17
+ * `@stream-io/video-react-bindings` updated to version `1.2.4`
5
18
  ## [1.4.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.4.3...@stream-io/video-react-native-sdk-1.4.4) (2024-11-27)
6
19
 
7
20
  ### Dependency Updates
@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.AcceptCallButton = void 0;
7
7
  var _videoReactBindings = require("@stream-io/video-react-bindings");
8
8
  var _videoClient = require("@stream-io/video-client");
9
- var _react = _interopRequireDefault(require("react"));
9
+ var _react = _interopRequireWildcard(require("react"));
10
10
  var _CallControlsButton = require("./CallControlsButton");
11
11
  var _icons = require("../../../icons");
12
12
  var _ThemeContext = require("../../../contexts/ThemeContext");
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
+ 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); }
14
+ 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; }
14
15
  /**
15
16
  * The props for the Accept Call button.
16
17
  */
@@ -35,7 +36,9 @@ const AcceptCallButton = ({
35
36
  acceptCallButton
36
37
  }
37
38
  } = (0, _ThemeContext.useTheme)();
39
+ const [isLoading, setIsLoading] = (0, _react.useState)(false);
38
40
  const acceptCallHandler = async () => {
41
+ setIsLoading(true);
39
42
  if (onPressHandler) {
40
43
  onPressHandler();
41
44
  return;
@@ -48,13 +51,16 @@ const AcceptCallButton = ({
48
51
  } catch (error) {
49
52
  const logger = (0, _videoClient.getLogger)(['AcceptCallButton']);
50
53
  logger('error', 'Error joining Call', error);
54
+ } finally {
55
+ setIsLoading(false);
51
56
  }
52
57
  };
53
58
  return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
54
59
  onPress: acceptCallHandler,
55
60
  color: colors.buttonSuccess,
56
61
  size: buttonSizes.md,
57
- style: acceptCallButton
62
+ style: acceptCallButton,
63
+ disabled: isLoading
58
64
  }, /*#__PURE__*/_react.default.createElement(_icons.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_icons.Phone, {
59
65
  color: colors.iconPrimary,
60
66
  size: iconSizes.lg
@@ -1 +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","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":[]}
1
+ {"version":3,"names":["_videoReactBindings","require","_videoClient","_react","_interopRequireWildcard","_CallControlsButton","_icons","_ThemeContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AcceptCallButton","onPressHandler","onAcceptCallHandler","useCall","theme","colors","variants","buttonSizes","iconSizes","acceptCallButton","useTheme","isLoading","setIsLoading","useState","acceptCallHandler","join","error","logger","getLogger","createElement","CallControlsButton","onPress","color","buttonSuccess","size","md","style","disabled","IconWrapper","Phone","iconPrimary","lg","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/AcceptCallButton.tsx"],"mappings":"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","ignoreList":[]}
@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.RejectCallButton = void 0;
7
7
  var _videoReactBindings = require("@stream-io/video-react-bindings");
8
- var _react = _interopRequireDefault(require("react"));
8
+ var _react = _interopRequireWildcard(require("react"));
9
9
  var _CallControlsButton = require("./CallControlsButton");
10
10
  var _icons = require("../../../icons");
11
11
  var _videoClient = require("@stream-io/video-client");
12
12
  var _ThemeContext = require("../../../contexts/ThemeContext");
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
+ 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); }
14
+ 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; }
14
15
  /**
15
16
  * The props for the Reject Call button.
16
17
  */
@@ -41,7 +42,9 @@ const RejectCallButton = ({
41
42
  }
42
43
  }
43
44
  } = (0, _ThemeContext.useTheme)();
45
+ const [isLoading, setIsLoading] = (0, _react.useState)(false);
44
46
  const rejectCallHandler = async () => {
47
+ setIsLoading(true);
45
48
  if (onPressHandler) {
46
49
  onPressHandler();
47
50
  return;
@@ -60,6 +63,8 @@ const RejectCallButton = ({
60
63
  } catch (error) {
61
64
  const logger = (0, _videoClient.getLogger)(['RejectCallButton']);
62
65
  logger('error', 'Error rejecting Call', error);
66
+ } finally {
67
+ setIsLoading(false);
63
68
  }
64
69
  };
65
70
  return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
@@ -69,7 +74,8 @@ const RejectCallButton = ({
69
74
  // TODO: check what to do about this random style prop
70
75
  // svgContainerStyle={theme.icon.lg}
71
76
  ,
72
- style: rejectCallButton
77
+ style: rejectCallButton,
78
+ disabled: isLoading
73
79
  }, /*#__PURE__*/_react.default.createElement(_icons.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_icons.PhoneDown, {
74
80
  color: colors.iconPrimary,
75
81
  size: iconSizes.lg
@@ -1 +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","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":[]}
1
+ {"version":3,"names":["_videoReactBindings","require","_react","_interopRequireWildcard","_CallControlsButton","_icons","_videoClient","_ThemeContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RejectCallButton","onPressHandler","onRejectCallHandler","size","rejectReason","useCall","useCallCallingState","useCallStateHooks","callingState","theme","colors","rejectCallButton","variants","buttonSizes","iconSizes","useTheme","isLoading","setIsLoading","useState","rejectCallHandler","CallingState","LEFT","leave","reject","reason","error","logger","getLogger","createElement","CallControlsButton","onPress","color","buttonWarning","md","style","disabled","IconWrapper","PhoneDown","iconPrimary","lg","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/RejectCallButton.tsx"],"mappings":"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","ignoreList":[]}
@@ -43,11 +43,13 @@ const CallParticipantsGrid = ({
43
43
  const {
44
44
  useRemoteParticipants,
45
45
  useParticipants,
46
- useLocalParticipant
46
+ useLocalParticipant,
47
+ useDominantSpeaker
47
48
  } = (0, _videoReactBindings.useCallStateHooks)();
48
49
  const _remoteParticipants = useRemoteParticipants();
49
50
  const localParticipant = useLocalParticipant();
50
51
  const _allParticipants = useParticipants();
52
+ const dominantSpeaker = useDominantSpeaker();
51
53
  // we debounce the participants arrays to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
52
54
  const remoteParticipants = (0, _useDebouncedValue.useDebouncedValue)(_remoteParticipants, 300);
53
55
  const allParticipants = (0, _useDebouncedValue.useDebouncedValue)(_allParticipants, 300);
@@ -58,7 +60,7 @@ const CallParticipantsGrid = ({
58
60
  const showFloatingView = !isInPiPMode && remoteParticipants.length > 0 && remoteParticipants.length < 3;
59
61
  let participants = showFloatingView ? showLocalParticipant && localParticipant ? [localParticipant] : remoteParticipants : allParticipants;
60
62
  if (isInPiPMode) {
61
- participants = remoteParticipants.length > 0 ? [remoteParticipants[0]] : localParticipant ? [localParticipant] : [];
63
+ participants = remoteParticipants.length > 0 ? [dominantSpeaker || remoteParticipants[0]] : localParticipant ? [localParticipant] : [];
62
64
  }
63
65
  const participantViewProps = {
64
66
  ParticipantView,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_videoReactBindings","_useDebouncedValue","_CallParticipantsList","_TestIds","_ThemeContext","_useIsInPiPMode","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","CallParticipantsGrid","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","supportedReactions","landscape","disablePictureInPicture","theme","colors","callParticipantsGrid","useTheme","useRemoteParticipants","useParticipants","useLocalParticipant","useCallStateHooks","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","useDebouncedValue","allParticipants","landscapeStyles","flexDirection","isInPiPMode","useIsInPiPMode","showFloatingView","participants","participantViewProps","createElement","View","style","styles","container","backgroundColor","sheetPrimary","testID","ComponentTestIds","CALL_PARTICIPANTS_GRID","exports","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_videoReactBindings","_useDebouncedValue","_CallParticipantsList","_TestIds","_ThemeContext","_useIsInPiPMode","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","CallParticipantsGrid","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","supportedReactions","landscape","disablePictureInPicture","theme","colors","callParticipantsGrid","useTheme","useRemoteParticipants","useParticipants","useLocalParticipant","useDominantSpeaker","useCallStateHooks","_remoteParticipants","localParticipant","_allParticipants","dominantSpeaker","remoteParticipants","useDebouncedValue","allParticipants","landscapeStyles","flexDirection","isInPiPMode","useIsInPiPMode","showFloatingView","participants","participantViewProps","createElement","View","style","styles","container","backgroundColor","sheetPrimary","testID","ComponentTestIds","CALL_PARTICIPANTS_GRID","exports","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":"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","ignoreList":[]}
@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.version = void 0;
7
- const version = exports.version = '1.4.4';
7
+ const version = exports.version = '1.4.6';
8
8
  //# sourceMappingURL=version.js.map
@@ -1,6 +1,6 @@
1
1
  import { useCall } from '@stream-io/video-react-bindings';
2
2
  import { getLogger } from '@stream-io/video-client';
3
- import React from 'react';
3
+ import React, { useState } from 'react';
4
4
  import { CallControlsButton } from './CallControlsButton';
5
5
  import { IconWrapper, Phone } from '../../../icons';
6
6
  import { useTheme } from '../../../contexts/ThemeContext';
@@ -29,7 +29,9 @@ export const AcceptCallButton = ({
29
29
  acceptCallButton
30
30
  }
31
31
  } = useTheme();
32
+ const [isLoading, setIsLoading] = useState(false);
32
33
  const acceptCallHandler = async () => {
34
+ setIsLoading(true);
33
35
  if (onPressHandler) {
34
36
  onPressHandler();
35
37
  return;
@@ -42,13 +44,16 @@ export const AcceptCallButton = ({
42
44
  } catch (error) {
43
45
  const logger = getLogger(['AcceptCallButton']);
44
46
  logger('error', 'Error joining Call', error);
47
+ } finally {
48
+ setIsLoading(false);
45
49
  }
46
50
  };
47
51
  return /*#__PURE__*/React.createElement(CallControlsButton, {
48
52
  onPress: acceptCallHandler,
49
53
  color: colors.buttonSuccess,
50
54
  size: buttonSizes.md,
51
- style: acceptCallButton
55
+ style: acceptCallButton,
56
+ disabled: isLoading
52
57
  }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Phone, {
53
58
  color: colors.iconPrimary,
54
59
  size: iconSizes.lg
@@ -1 +1 @@
1
- {"version":3,"names":["useCall","getLogger","React","CallControlsButton","IconWrapper","Phone","useTheme","AcceptCallButton","onPressHandler","onAcceptCallHandler","call","theme","colors","variants","buttonSizes","iconSizes","acceptCallButton","acceptCallHandler","join","error","logger","createElement","onPress","color","buttonSuccess","size","md","style","iconPrimary","lg"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/AcceptCallButton.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iCAAiC;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,WAAW,EAAEC,KAAK,QAAQ,gBAAgB;AACnD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAGV,OAAO,CAAC,CAAC;EACtB,MAAM;IACJW,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,WAAW;QAAEC;MAAU,CAAC;MACpCC;IACF;EACF,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAMW,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIT,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,MAAME,IAAI,EAAEQ,IAAI,CAAC,CAAC;MAClB,IAAIT,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOU,KAAK,EAAE;MACd,MAAMC,MAAM,GAAGnB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CmB,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C;EACF,CAAC;EAED,oBACEjB,KAAA,CAAAmB,aAAA,CAAClB,kBAAkB;IACjBmB,OAAO,EAAEL,iBAAkB;IAC3BM,KAAK,EAAEX,MAAM,CAACY,aAAc;IAC5BC,IAAI,EAAEX,WAAW,CAACY,EAAG;IACrBC,KAAK,EAAEX;EAAiB,gBAExBd,KAAA,CAAAmB,aAAA,CAACjB,WAAW,qBACVF,KAAA,CAAAmB,aAAA,CAAChB,KAAK;IAACkB,KAAK,EAAEX,MAAM,CAACgB,WAAY;IAACH,IAAI,EAAEV,SAAS,CAACc;EAAG,CAAE,CAC5C,CACK,CAAC;AAEzB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["useCall","getLogger","React","useState","CallControlsButton","IconWrapper","Phone","useTheme","AcceptCallButton","onPressHandler","onAcceptCallHandler","call","theme","colors","variants","buttonSizes","iconSizes","acceptCallButton","isLoading","setIsLoading","acceptCallHandler","join","error","logger","createElement","onPress","color","buttonSuccess","size","md","style","disabled","iconPrimary","lg"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/AcceptCallButton.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iCAAiC;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,WAAW,EAAEC,KAAK,QAAQ,gBAAgB;AACnD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,IAAI,GAAGX,OAAO,CAAC,CAAC;EACtB,MAAM;IACJY,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,WAAW;QAAEC;MAAU,CAAC;MACpCC;IACF;EACF,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMiB,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpCD,YAAY,CAAC,IAAI,CAAC;IAClB,IAAIV,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,GAAGtB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CsB,MAAM,CAAC,OAAO,EAAE,oBAAoB,EAAED,KAAK,CAAC;IAC9C,CAAC,SAAS;MACRH,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC;EAED,oBACEjB,KAAA,CAAAsB,aAAA,CAACpB,kBAAkB;IACjBqB,OAAO,EAAEL,iBAAkB;IAC3BM,KAAK,EAAEb,MAAM,CAACc,aAAc;IAC5BC,IAAI,EAAEb,WAAW,CAACc,EAAG;IACrBC,KAAK,EAAEb,gBAAiB;IACxBc,QAAQ,EAAEb;EAAU,gBAEpBhB,KAAA,CAAAsB,aAAA,CAACnB,WAAW,qBACVH,KAAA,CAAAsB,aAAA,CAAClB,KAAK;IAACoB,KAAK,EAAEb,MAAM,CAACmB,WAAY;IAACJ,IAAI,EAAEZ,SAAS,CAACiB;EAAG,CAAE,CAC5C,CACK,CAAC;AAEzB,CAAC","ignoreList":[]}
@@ -1,5 +1,5 @@
1
1
  import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
2
- import React from 'react';
2
+ import React, { useState } from 'react';
3
3
  import { CallControlsButton } from './CallControlsButton';
4
4
  import { IconWrapper, PhoneDown } from '../../../icons';
5
5
  import { CallingState, getLogger } from '@stream-io/video-client';
@@ -35,7 +35,9 @@ export const RejectCallButton = ({
35
35
  }
36
36
  }
37
37
  } = useTheme();
38
+ const [isLoading, setIsLoading] = useState(false);
38
39
  const rejectCallHandler = async () => {
40
+ setIsLoading(true);
39
41
  if (onPressHandler) {
40
42
  onPressHandler();
41
43
  return;
@@ -54,6 +56,8 @@ export const RejectCallButton = ({
54
56
  } catch (error) {
55
57
  const logger = getLogger(['RejectCallButton']);
56
58
  logger('error', 'Error rejecting Call', error);
59
+ } finally {
60
+ setIsLoading(false);
57
61
  }
58
62
  };
59
63
  return /*#__PURE__*/React.createElement(CallControlsButton, {
@@ -63,7 +67,8 @@ export const RejectCallButton = ({
63
67
  // TODO: check what to do about this random style prop
64
68
  // svgContainerStyle={theme.icon.lg}
65
69
  ,
66
- style: rejectCallButton
70
+ style: rejectCallButton,
71
+ disabled: isLoading
67
72
  }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(PhoneDown, {
68
73
  color: colors.iconPrimary,
69
74
  size: iconSizes.lg
@@ -1 +1 @@
1
- {"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":[]}
1
+ {"version":3,"names":["useCall","useCallStateHooks","React","useState","CallControlsButton","IconWrapper","PhoneDown","CallingState","getLogger","useTheme","RejectCallButton","onPressHandler","onRejectCallHandler","size","rejectReason","call","useCallCallingState","callingState","theme","colors","rejectCallButton","variants","buttonSizes","iconSizes","isLoading","setIsLoading","rejectCallHandler","LEFT","leave","reject","reason","error","logger","createElement","onPress","color","buttonWarning","md","style","disabled","iconPrimary","lg"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/RejectCallButton.tsx"],"mappings":"AAAA,SAASA,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,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,GAAGf,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEgB;EAAoB,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EACnD,MAAMgB,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,MAAM,CAACe,SAAS,EAAEC,YAAY,CAAC,GAAGtB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMuB,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpCD,YAAY,CAAC,IAAI,CAAC;IAClB,IAAId,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAIM,YAAY,KAAKV,YAAY,CAACoB,IAAI,EAAE;QACtC;MACF;MACA,MAAMZ,IAAI,EAAEa,KAAK,CAAC;QAAEC,MAAM,EAAE,IAAI;QAAEC,MAAM,EAAEhB;MAAa,CAAC,CAAC;MACzD,IAAIF,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOmB,KAAK,EAAE;MACd,MAAMC,MAAM,GAAGxB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;MAC9CwB,MAAM,CAAC,OAAO,EAAE,sBAAsB,EAAED,KAAK,CAAC;IAChD,CAAC,SAAS;MACRN,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC;EAED,oBACEvB,KAAA,CAAA+B,aAAA,CAAC7B,kBAAkB;IACjB8B,OAAO,EAAER,iBAAkB;IAC3BS,KAAK,EAAEhB,MAAM,CAACiB,aAAc;IAC5BvB,IAAI,EAAEA,IAAI,IAAIS,WAAW,CAACe;IAC1B;IACA;IAAA;IACAC,KAAK,EAAElB,gBAAiB;IACxBmB,QAAQ,EAAEf;EAAU,gBAEpBtB,KAAA,CAAA+B,aAAA,CAAC5B,WAAW,qBACVH,KAAA,CAAA+B,aAAA,CAAC3B,SAAS;IAAC6B,KAAK,EAAEhB,MAAM,CAACqB,WAAY;IAAC3B,IAAI,EAAEU,SAAS,CAACkB;EAAG,CAAE,CAChD,CACK,CAAC;AAEzB,CAAC","ignoreList":[]}
@@ -37,11 +37,13 @@ export const CallParticipantsGrid = ({
37
37
  const {
38
38
  useRemoteParticipants,
39
39
  useParticipants,
40
- useLocalParticipant
40
+ useLocalParticipant,
41
+ useDominantSpeaker
41
42
  } = useCallStateHooks();
42
43
  const _remoteParticipants = useRemoteParticipants();
43
44
  const localParticipant = useLocalParticipant();
44
45
  const _allParticipants = useParticipants();
46
+ const dominantSpeaker = useDominantSpeaker();
45
47
  // we debounce the participants arrays to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
46
48
  const remoteParticipants = useDebouncedValue(_remoteParticipants, 300);
47
49
  const allParticipants = useDebouncedValue(_allParticipants, 300);
@@ -52,7 +54,7 @@ export const CallParticipantsGrid = ({
52
54
  const showFloatingView = !isInPiPMode && remoteParticipants.length > 0 && remoteParticipants.length < 3;
53
55
  let participants = showFloatingView ? showLocalParticipant && localParticipant ? [localParticipant] : remoteParticipants : allParticipants;
54
56
  if (isInPiPMode) {
55
- participants = remoteParticipants.length > 0 ? [remoteParticipants[0]] : localParticipant ? [localParticipant] : [];
57
+ participants = remoteParticipants.length > 0 ? [dominantSpeaker || remoteParticipants[0]] : localParticipant ? [localParticipant] : [];
56
58
  }
57
59
  const participantViewProps = {
58
60
  ParticipantView,
@@ -1 +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","sheetPrimary","testID","CALL_PARTICIPANTS_GRID","_extends","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":"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","ignoreList":[]}
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","useDominantSpeaker","_remoteParticipants","localParticipant","_allParticipants","dominantSpeaker","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":[]}
@@ -1,2 +1,2 @@
1
- export const version = '1.4.4';
1
+ export const version = '1.4.6';
2
2
  //# sourceMappingURL=version.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AcceptCallButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/AcceptCallButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,6CAG1B,qBAAqB,sBAqCvB,CAAC"}
1
+ {"version":3,"file":"AcceptCallButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/AcceptCallButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,6CAG1B,qBAAqB,sBA2CvB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"RejectCallButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/RejectCallButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,iEAK1B,qBAAqB,sBA4CvB,CAAC"}
1
+ {"version":3,"file":"RejectCallButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/RejectCallButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,iEAK1B,qBAAqB,sBAkDvB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CallParticipantsGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAEL,kCAAkC,EACnC,MAAM,8CAA8C,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC;AAIlE;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,6BAA6B,GACnE,IAAI,CACF,gBAAgB,EAChB,oBAAoB,GAAG,sBAAsB,GAAG,yBAAyB,CAC1E,GACD,IAAI,CAAC,kCAAkC,EAAE,iBAAiB,CAAC,GAAG;IAC5D;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,oBAAoB,iPAY9B,yBAAyB,sBAmE3B,CAAC"}
1
+ {"version":3,"file":"CallParticipantsGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAEL,kCAAkC,EACnC,MAAM,8CAA8C,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC;AAIlE;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,6BAA6B,GACnE,IAAI,CACF,gBAAgB,EAChB,oBAAoB,GAAG,sBAAsB,GAAG,yBAAyB,CAC1E,GACD,IAAI,CAAC,kCAAkC,EAAE,iBAAiB,CAAC,GAAG;IAC5D;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,oBAAoB,iPAY9B,yBAAyB,sBAwE3B,CAAC"}
@@ -1,2 +1,2 @@
1
- export declare const version = "1.4.4";
1
+ export declare const version = "1.4.6";
2
2
  //# sourceMappingURL=version.d.ts.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stream-io/video-react-native-sdk",
3
- "version": "1.4.4",
3
+ "version": "1.4.6",
4
4
  "packageManager": "yarn@3.2.4",
5
5
  "main": "dist/commonjs/index.js",
6
6
  "module": "dist/module/index.js",
@@ -46,8 +46,8 @@
46
46
  "!**/.*"
47
47
  ],
48
48
  "dependencies": {
49
- "@stream-io/video-client": "1.11.9",
50
- "@stream-io/video-react-bindings": "1.2.3",
49
+ "@stream-io/video-client": "1.11.10",
50
+ "@stream-io/video-react-bindings": "1.2.4",
51
51
  "intl-pluralrules": "2.0.1",
52
52
  "lodash.merge": "^4.6.2",
53
53
  "react-native-url-polyfill": "1.3.0",
@@ -1,6 +1,6 @@
1
1
  import { useCall } from '@stream-io/video-react-bindings';
2
2
  import { getLogger } from '@stream-io/video-client';
3
- import React from 'react';
3
+ import React, { useState } from 'react';
4
4
  import { CallControlsButton } from './CallControlsButton';
5
5
  import { IconWrapper, Phone } from '../../../icons';
6
6
  import { useTheme } from '../../../contexts/ThemeContext';
@@ -38,7 +38,10 @@ export const AcceptCallButton = ({
38
38
  acceptCallButton,
39
39
  },
40
40
  } = useTheme();
41
+ const [isLoading, setIsLoading] = useState(false);
42
+
41
43
  const acceptCallHandler = async () => {
44
+ setIsLoading(true);
42
45
  if (onPressHandler) {
43
46
  onPressHandler();
44
47
  return;
@@ -51,6 +54,8 @@ export const AcceptCallButton = ({
51
54
  } catch (error) {
52
55
  const logger = getLogger(['AcceptCallButton']);
53
56
  logger('error', 'Error joining Call', error);
57
+ } finally {
58
+ setIsLoading(false);
54
59
  }
55
60
  };
56
61
 
@@ -60,6 +65,7 @@ export const AcceptCallButton = ({
60
65
  color={colors.buttonSuccess}
61
66
  size={buttonSizes.md}
62
67
  style={acceptCallButton}
68
+ disabled={isLoading}
63
69
  >
64
70
  <IconWrapper>
65
71
  <Phone color={colors.iconPrimary} size={iconSizes.lg} />
@@ -1,5 +1,5 @@
1
1
  import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
2
- import React from 'react';
2
+ import React, { useState } from 'react';
3
3
  import { CallControlsButton } from './CallControlsButton';
4
4
  import { IconWrapper, PhoneDown } from '../../../icons';
5
5
  import { CallingState, getLogger } from '@stream-io/video-client';
@@ -57,7 +57,10 @@ export const RejectCallButton = ({
57
57
  variants: { buttonSizes, iconSizes },
58
58
  },
59
59
  } = useTheme();
60
+ const [isLoading, setIsLoading] = useState(false);
61
+
60
62
  const rejectCallHandler = async () => {
63
+ setIsLoading(true);
61
64
  if (onPressHandler) {
62
65
  onPressHandler();
63
66
  return;
@@ -73,6 +76,8 @@ export const RejectCallButton = ({
73
76
  } catch (error) {
74
77
  const logger = getLogger(['RejectCallButton']);
75
78
  logger('error', 'Error rejecting Call', error);
79
+ } finally {
80
+ setIsLoading(false);
76
81
  }
77
82
  };
78
83
 
@@ -84,6 +89,7 @@ export const RejectCallButton = ({
84
89
  // TODO: check what to do about this random style prop
85
90
  // svgContainerStyle={theme.icon.lg}
86
91
  style={rejectCallButton}
92
+ disabled={isLoading}
87
93
  >
88
94
  <IconWrapper>
89
95
  <PhoneDown color={colors.iconPrimary} size={iconSizes.lg} />
@@ -52,11 +52,16 @@ export const CallParticipantsGrid = ({
52
52
  const {
53
53
  theme: { colors, callParticipantsGrid },
54
54
  } = useTheme();
55
- const { useRemoteParticipants, useParticipants, useLocalParticipant } =
56
- useCallStateHooks();
55
+ const {
56
+ useRemoteParticipants,
57
+ useParticipants,
58
+ useLocalParticipant,
59
+ useDominantSpeaker,
60
+ } = useCallStateHooks();
57
61
  const _remoteParticipants = useRemoteParticipants();
58
62
  const localParticipant = useLocalParticipant();
59
63
  const _allParticipants = useParticipants();
64
+ const dominantSpeaker = useDominantSpeaker();
60
65
  // we debounce the participants arrays to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
61
66
  const remoteParticipants = useDebouncedValue(_remoteParticipants, 300);
62
67
  const allParticipants = useDebouncedValue(_allParticipants, 300);
@@ -80,7 +85,7 @@ export const CallParticipantsGrid = ({
80
85
  if (isInPiPMode) {
81
86
  participants =
82
87
  remoteParticipants.length > 0
83
- ? [remoteParticipants[0] as StreamVideoParticipant]
88
+ ? [dominantSpeaker || (remoteParticipants[0] as StreamVideoParticipant)]
84
89
  : localParticipant
85
90
  ? [localParticipant]
86
91
  : [];
package/src/version.ts CHANGED
@@ -1 +1 @@
1
- export const version = '1.4.4';
1
+ export const version = '1.4.6';