@stream-io/video-react-native-sdk 0.0.10 → 0.0.12

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.12](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.11...@stream-io/video-react-native-sdk-0.0.12) (2023-09-12)
+
+
+### Bug Fixes
+
+* **react-native:** remove  method to inform SDK about native permissions ([#1072](https://github.com/GetStream/stream-video-js/issues/1072)) ([53b4abd](https://github.com/GetStream/stream-video-js/commit/53b4abd80c17fc21d7f3a93dd103946ef0b3f080))
+
+### [0.0.11](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.10...@stream-io/video-react-native-sdk-0.0.11) (2023-09-12)
+
+
+### Bug Fixes
+
+* **react-native:** add missing commonjs support ([#1075](https://github.com/GetStream/stream-video-js/issues/1075)) ([c9e4e7d](https://github.com/GetStream/stream-video-js/commit/c9e4e7df73c8568286afe18ec7816aa69836b1c7))
+
 ### [0.0.10](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.9...@stream-io/video-react-native-sdk-0.0.10) (2023-09-11)
 
 

package/README.md

@@ -126,10 +126,10 @@ Stream's video roadmap and changelog are available [here](https://github.com/Get
 ### 0.5 Milestones
 
 - [ ] Audio & Video filters
-- [ ] Screensharing
+- [ ] Screen-share media track support
 - [ ] CPU usage improvement
 - [ ] Analytics Integration
-- [ ] Demo app on playstore and app store
+- [ ] Demo app on play-store and app-store
 - [ ] Long press to focus
 - [ ] Dynascale 2.0
 - [ ] Test coverage

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

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CallContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _CallTopView = require("../CallTopView");
+var _CallLayout = require("../CallLayout");
+var _CallControls = require("../CallControls");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _videoClient = require("@stream-io/video-client");
+var _hooks = require("../../../hooks");
+var _constants = require("../../../constants");
+var _hooks2 = require("../../../utils/hooks");
+var _Participant = require("../../Participant");
+var _contexts = require("../../../contexts");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const CallContent = _ref => {
+  let {
+    onBackPressed,
+    onParticipantInfoPress,
+    onHangupCallHandler,
+    CallParticipantsList,
+    CallTopView = _CallTopView.CallTopView,
+    CallControls = _CallControls.CallControls,
+    FloatingParticipantView = _Participant.FloatingParticipantView,
+    ParticipantLabel,
+    ParticipantNetworkQualityIndicator,
+    ParticipantReaction,
+    ParticipantVideoFallback,
+    ParticipantView,
+    ParticipantsInfoBadge,
+    VideoRenderer,
+    layout = 'grid'
+  } = _ref;
+  const [showRemoteParticipantInFloatingView, setShowRemoteParticipantInFloatingView] = (0, _react.useState)(false);
+  const {
+    theme: {
+      callContent
+    }
+  } = (0, _contexts.useTheme)();
+  const {
+    useHasOngoingScreenShare,
+    useRemoteParticipants,
+    useLocalParticipant
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const _remoteParticipants = useRemoteParticipants();
+  const remoteParticipants = (0, _hooks2.useDebouncedValue)(_remoteParticipants, 300); // we debounce the remote participants to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
+  const localParticipant = useLocalParticipant();
+  const hasScreenShare = useHasOngoingScreenShare();
+  const showSpotlightLayout = hasScreenShare || layout === 'spotlight';
+  const showFloatingView = !showSpotlightLayout && remoteParticipants.length > 0 && remoteParticipants.length < 3;
+  const isRemoteParticipantInFloatingView = showRemoteParticipantInFloatingView && remoteParticipants.length === 1;
+
+  /**
+   * This hook is used to handle IncallManager specs of the application.
+   */
+  (0, _hooks.useIncallManager)({
+    media: 'video',
+    auto: true
+  });
+  const call = (0, _videoReactBindings.useCall)();
+  const activeCallRef = (0, _react.useRef)(call);
+  activeCallRef.current = call;
+  const handleFloatingViewParticipantSwitch = () => {
+    if (remoteParticipants.length !== 1) {
+      return;
+    }
+    setShowRemoteParticipantInFloatingView(prevState => !prevState);
+  };
+  (0, _react.useEffect)(() => {
+    return () => {
+      var _activeCallRef$curren;
+      if (((_activeCallRef$curren = activeCallRef.current) === null || _activeCallRef$curren === void 0 ? void 0 : _activeCallRef$curren.state.callingState) !== _videoClient.CallingState.LEFT) {
+        var _activeCallRef$curren2;
+        (_activeCallRef$curren2 = activeCallRef.current) === null || _activeCallRef$curren2 === void 0 || _activeCallRef$curren2.leave();
+      }
+    };
+  }, []);
+  const participantViewProps = {
+    ParticipantLabel,
+    ParticipantNetworkQualityIndicator,
+    ParticipantReaction,
+    ParticipantVideoFallback,
+    VideoRenderer
+  };
+  const callParticipantsGridProps = {
+    ...participantViewProps,
+    showLocalParticipant: isRemoteParticipantInFloatingView,
+    ParticipantView,
+    CallParticipantsList
+  };
+  const callParticipantsSpotlightProps = {
+    ...participantViewProps,
+    ParticipantView,
+    CallParticipantsList
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, callContent.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, 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"
+  }, CallTopView && /*#__PURE__*/_react.default.createElement(CallTopView, {
+    onBackPressed: onBackPressed,
+    onParticipantInfoPress: onParticipantInfoPress,
+    ParticipantsInfoBadge: ParticipantsInfoBadge
+  }), showFloatingView && FloatingParticipantView && /*#__PURE__*/_react.default.createElement(FloatingParticipantView, _extends({
+    participant: isRemoteParticipantInFloatingView ? remoteParticipants[0] : localParticipant,
+    onPressHandler: handleFloatingViewParticipantSwitch
+  }, participantViewProps))), showSpotlightLayout ? /*#__PURE__*/_react.default.createElement(_CallLayout.CallParticipantsSpotlight, callParticipantsSpotlightProps) : /*#__PURE__*/_react.default.createElement(_CallLayout.CallParticipantsGrid, callParticipantsGridProps)), CallControls && /*#__PURE__*/_react.default.createElement(CallControls, {
+    onHangupCallHandler: onHangupCallHandler
+  }));
+};
+exports.CallContent = CallContent;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  view: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    zIndex: _constants.Z_INDEX.IN_FRONT
+  }
+});
+//# sourceMappingURL=CallContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CallTopView","_CallLayout","_CallControls","_videoReactBindings","_videoClient","_hooks","_constants","_hooks2","_Participant","_contexts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","CallContent","_ref","onBackPressed","onParticipantInfoPress","onHangupCallHandler","CallParticipantsList","CallTopView","DefaultCallTopView","CallControls","DefaultCallControls","FloatingParticipantView","DefaultFloatingParticipantView","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","ParticipantsInfoBadge","VideoRenderer","layout","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","useState","theme","callContent","useTheme","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","useCallStateHooks","_remoteParticipants","remoteParticipants","useDebouncedValue","localParticipant","hasScreenShare","showSpotlightLayout","showFloatingView","isRemoteParticipantInFloatingView","useIncallManager","media","auto","useCall","activeCallRef","useRef","current","handleFloatingViewParticipantSwitch","prevState","useEffect","_activeCallRef$curren","state","callingState","CallingState","LEFT","_activeCallRef$curren2","leave","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","createElement","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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"}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CallContent = require("./CallContent");
+Object.keys(_CallContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CallContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CallContent[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CallContent","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/index.ts"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AcceptCallButton = void 0;
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = _interopRequireDefault(require("react"));
+var _CallControlsButton = require("./CallControlsButton");
+var _icons = require("../../../icons");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * The props for the Accept Call button.
+ */
+
+/**
+ * Button to accept a call.
+ *
+ * Mostly calls call.join() internally.
+ */
+const AcceptCallButton = _ref => {
+  let {
+    onPressHandler,
+    onAcceptCallHandler
+  } = _ref;
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    theme: {
+      colors,
+      variants: {
+        buttonSizes
+      },
+      acceptCallButton
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const acceptCallHandler = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    try {
+      await (call === null || call === void 0 ? void 0 : call.join());
+      if (onAcceptCallHandler) {
+        onAcceptCallHandler();
+      }
+    } catch (error) {
+      console.log('Error joining Call', error);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    onPress: acceptCallHandler,
+    color: colors.info,
+    size: buttonSizes.lg,
+    style: acceptCallButton
+  }, /*#__PURE__*/_react.default.createElement(_icons.Phone, {
+    color: colors.static_white
+  }));
+};
+exports.AcceptCallButton = AcceptCallButton;
+//# sourceMappingURL=AcceptCallButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","AcceptCallButton","_ref","onPressHandler","onAcceptCallHandler","call","useCall","theme","colors","variants","buttonSizes","acceptCallButton","useTheme","acceptCallHandler","join","error","console","log","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,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA0D,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAgB,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC/BC,cAAc;IACdC;EACqB,CAAC,GAAAF,IAAA;EACtB,MAAMG,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,OAAME,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAES,IAAI,CAAC,CAAC;MAClB,IAAIV,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOW,KAAK,EAAE;MACdC,OAAO,CAACC,GAAG,CAAC,oBAAoB,EAAEF,KAAK,CAAC;IAC1C;EACF,CAAC;EAED,oBACEtB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACvB,mBAAA,CAAAwB,kBAAkB;IACjBC,OAAO,EAAEP,iBAAkB;IAC3BQ,KAAK,EAAEb,MAAM,CAACc,IAAK;IACnBC,IAAI,EAAEb,WAAW,CAACc,EAAG;IACrBC,KAAK,EAAEd;EAAiB,gBAExBlB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,MAAA,CAAA8B,KAAK;IAACL,KAAK,EAAEb,MAAM,CAACmB;EAAa,CAAE,CAClB,CAAC;AAEzB,CAAC;AAACC,OAAA,CAAA3B,gBAAA,GAAAA,gBAAA"}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CallControls = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ToggleAudioPublishingButton = require("./ToggleAudioPublishingButton");
+var _ToggleVideoPublishingButton = require("./ToggleVideoPublishingButton");
+var _ToggleCameraFaceButton = require("./ToggleCameraFaceButton");
+var _constants = require("../../../constants");
+var _HangupCallButton = require("./HangupCallButton");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the CallControls Component.
+ */
+
+/**
+ * A list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
+ * the user can trigger within an active call.
+ */
+const CallControls = _ref => {
+  let {
+    style,
+    onHangupCallHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      callControls
+    }
+  } = (0, _ThemeContext.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_grey
+    }, style, callControls.container]
+  }, /*#__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
+  }));
+};
+exports.CallControls = CallControls;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingVertical: 12,
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    zIndex: _constants.Z_INDEX.IN_FRONT
+  }
+});
+//# sourceMappingURL=CallControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ToggleAudioPublishingButton","_ToggleVideoPublishingButton","_ToggleCameraFaceButton","_constants","_HangupCallButton","_ThemeContext","obj","__esModule","default","CallControls","_ref","style","onHangupCallHandler","theme","colors","callControls","useTheme","createElement","View","styles","container","backgroundColor","static_grey","ToggleVideoPublishingButton","ToggleAudioPublishingButton","ToggleCameraFaceButton","HangUpCallButton","exports","StyleSheet","create","paddingVertical","flexDirection","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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AASA;AACA;AACA;AACA;AACO,MAAMG,YAAY,GAAGC,IAAA,IAGJ;EAAA,IAHK;IAC3BC,KAAK;IACLC;EACgB,CAAC,GAAAF,IAAA;EACjB,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAa;EAChC,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,oBACEpB,MAAA,CAAAY,OAAA,CAAAS,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IACHP,KAAK,EAAE,CACLQ,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEP,MAAM,CAACQ;IAAY,CAAC,EACvCX,KAAK,EACLI,YAAY,CAACK,SAAS;EACtB,gBAEFxB,MAAA,CAAAY,OAAA,CAAAS,aAAA,CAAChB,4BAAA,CAAAsB,2BAA2B,MAAE,CAAC,eAC/B3B,MAAA,CAAAY,OAAA,CAAAS,aAAA,CAACjB,4BAAA,CAAAwB,2BAA2B,MAAE,CAAC,eAC/B5B,MAAA,CAAAY,OAAA,CAAAS,aAAA,CAACf,uBAAA,CAAAuB,sBAAsB,MAAE,CAAC,eAC1B7B,MAAA,CAAAY,OAAA,CAAAS,aAAA,CAACb,iBAAA,CAAAsB,gBAAgB;IAACd,mBAAmB,EAAEA;EAAoB,CAAE,CACzD,CAAC;AAEX,CAAC;AAACe,OAAA,CAAAlB,YAAA,GAAAA,YAAA;AAEF,MAAMU,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,MAAM,EAAEC,kBAAO,CAACC;EAClB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CallControlsButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CallControlsButton = props => {
+  const {
+    onPress,
+    children,
+    disabled,
+    color: colorProp,
+    style: styleProp,
+    size,
+    testID,
+    onLayout
+  } = props;
+  const {
+    theme: {
+      variants: {
+        buttonSizes
+      },
+      colors,
+      callControlsButton: {
+        container
+      }
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const pressableStyle = _ref => {
+    let {
+      pressed
+    } = _ref;
+    return [styles.container, {
+      backgroundColor: disabled ? colors.disabled : colorProp || colors.static_white,
+      opacity: pressed ? 0.2 : 1,
+      height: size || buttonSizes.sm,
+      width: size || buttonSizes.sm,
+      borderRadius: (size || buttonSizes.sm) / 2,
+      borderColor: colors.content_bg
+    }, (styleProp === null || styleProp === void 0 ? void 0 : styleProp.container) ?? null, container];
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    disabled: disabled,
+    style: pressableStyle,
+    onPress: onPress,
+    testID: testID,
+    onLayout: onLayout
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [{
+      height: (size || buttonSizes.sm) / 2 - 5,
+      width: (size || buttonSizes.sm) / 2 - 5
+    }, (styleProp === null || styleProp === void 0 ? void 0 : styleProp.svgContainer) ?? null]
+  }, children));
+};
+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
+  }
+});
+//# sourceMappingURL=CallControlsButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","obj","__esModule","default","CallControlsButton","props","onPress","children","disabled","color","colorProp","style","styleProp","size","testID","onLayout","theme","variants","buttonSizes","colors","callControlsButton","container","useTheme","pressableStyle","_ref","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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;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,GAAGC,IAAA;IAAA,IAAC;MAAEC;IAAQ,CAAC,GAAAD,IAAA;IAAA,OAAK,CAC/DE,MAAM,CAACL,SAAS,EAChB;MACEM,eAAe,EAAEnB,QAAQ,GACrBW,MAAM,CAACX,QAAQ,GACfE,SAAS,IAAIS,MAAM,CAACS,YAAY;MACpCC,OAAO,EAAEJ,OAAO,GAAG,GAAG,GAAG,CAAC;MAC1BK,MAAM,EAAEjB,IAAI,IAAIK,WAAW,CAACa,EAAE;MAC9BC,KAAK,EAAEnB,IAAI,IAAIK,WAAW,CAACa,EAAE;MAC7BE,YAAY,EAAE,CAACpB,IAAI,IAAIK,WAAW,CAACa,EAAE,IAAI,CAAC;MAC1CG,WAAW,EAAEf,MAAM,CAACgB;IACtB,CAAC,EACD,CAAAvB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAES,SAAS,KAAI,IAAI,EAC5BA,SAAS,CACV;EAAA;EAED,oBACEzB,MAAA,CAAAO,OAAA,CAAAiC,aAAA,CAACrC,YAAA,CAAAsC,SAAS;IACR7B,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEY,cAAe;IACtBjB,OAAO,EAAEA,OAAQ;IACjBQ,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA;EAAS,gBAEnBnB,MAAA,CAAAO,OAAA,CAAAiC,aAAA,CAACrC,YAAA,CAAAuC,IAAI;IACH3B,KAAK,EAAE,CACL;MACEmB,MAAM,EAAE,CAACjB,IAAI,IAAIK,WAAW,CAACa,EAAE,IAAI,CAAC,GAAG,CAAC;MACxCC,KAAK,EAAE,CAACnB,IAAI,IAAIK,WAAW,CAACa,EAAE,IAAI,CAAC,GAAG;IACxC,CAAC,EACD,CAAAnB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAE2B,YAAY,KAAI,IAAI;EAC/B,GAEDhC,QACG,CACG,CAAC;AAEhB,CAAC;AAACiC,OAAA,CAAApC,kBAAA,GAAAA,kBAAA;AAEF,MAAMsB,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/BrB,SAAS,EAAE;IACTsB,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"}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _CallControlsButton = require("./CallControlsButton");
+var _icons = require("../../../icons");
+var _TestIds = require("../../../constants/TestIds");
+var _constants = require("../../../constants");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * The props for the Chat Button in the Call Controls.
+ */
+
+/**
+ * Button to open the Chat window while in the call.
+ *
+ * This call also display the unread count indicator/badge is there messages that are unread.
+ */
+const ChatButton = _ref => {
+  let {
+    onPressHandler,
+    unreadBadgeCount
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      chatButton
+    }
+  } = (0, _ThemeContext.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    onPress: onPressHandler,
+    style: chatButton
+  }, /*#__PURE__*/_react.default.createElement(UnreadBadgeCountIndicator, {
+    count: unreadBadgeCount
+  }), /*#__PURE__*/_react.default.createElement(_icons.Chat, {
+    color: colors.static_black
+  }));
+};
+exports.ChatButton = ChatButton;
+const UnreadBadgeCountIndicator = _ref2 => {
+  let {
+    count
+  } = _ref2;
+  const {
+    theme: {
+      colors,
+      typefaces
+    }
+  } = (0, _ThemeContext.useTheme)();
+
+  // Don't show badge if count is 0 or undefined
+  if (!count) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    testID: _TestIds.ComponentTestIds.CHAT_UNREAD_BADGE_COUNT_INDICATOR,
+    style: (styles.chatBadge, {
+      backgroundColor: colors.error
+    })
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: (styles.chatBadgeText, {
+      color: colors.static_white
+    }, typefaces.bodyBold)
+  }, count));
+};
+const styles = _reactNative.StyleSheet.create({
+  chatBadge: {
+    borderRadius: 30,
+    position: 'absolute',
+    left: 15,
+    bottom: 20,
+    zIndex: _constants.Z_INDEX.IN_FRONT,
+    height: 30,
+    width: 30,
+    justifyContent: 'center'
+  },
+  chatBadgeText: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=ChatButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CallControlsButton","_icons","_TestIds","_constants","_ThemeContext","obj","__esModule","default","ChatButton","_ref","onPressHandler","unreadBadgeCount","theme","colors","chatButton","useTheme","createElement","CallControlsButton","onPress","style","UnreadBadgeCountIndicator","count","Chat","color","static_black","exports","_ref2","typefaces","View","testID","ComponentTestIds","CHAT_UNREAD_BADGE_COUNT_INDICATOR","styles","chatBadge","backgroundColor","error","Text","chatBadgeText","static_white","bodyBold","StyleSheet","create","borderRadius","position","left","bottom","zIndex","Z_INDEX","IN_FRONT","height","width","justifyContent","textAlign"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ChatButton.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,UAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA0D,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AAaA;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAU,GAAGC,IAAA,IAGH;EAAA,IAHI;IACzBC,cAAc;IACdC;EACe,CAAC,GAAAF,IAAA;EAChB,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,oBACEnB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAAChB,mBAAA,CAAAiB,kBAAkB;IAACC,OAAO,EAAER,cAAe;IAACS,KAAK,EAAEL;EAAW,gBAC7DlB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACI,yBAAyB;IAACC,KAAK,EAAEV;EAAiB,CAAE,CAAC,eACtDf,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACf,MAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEV,MAAM,CAACW;EAAa,CAAE,CACjB,CAAC;AAEzB,CAAC;AAACC,OAAA,CAAAjB,UAAA,GAAAA,UAAA;AAEF,MAAMY,yBAAyB,GAAGM,KAAA,IAI5B;EAAA,IAJ6B;IACjCL;EAGF,CAAC,GAAAK,KAAA;EACC,MAAM;IACJd,KAAK,EAAE;MAAEC,MAAM;MAAEc;IAAU;EAC7B,CAAC,GAAG,IAAAZ,sBAAQ,EAAC,CAAC;;EAEd;EACA,IAAI,CAACM,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACEzB,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACjB,YAAA,CAAA6B,IAAI;IACHC,MAAM,EAAEC,yBAAgB,CAACC,iCAAkC;IAC3DZ,KAAK,GAAGa,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAErB,MAAM,CAACsB;IAAM,CAAC;EAAE,gBAE7DvC,MAAA,CAAAW,OAAA,CAAAS,aAAA,CAACjB,YAAA,CAAAqC,IAAI;IACHjB,KAAK,GACFa,MAAM,CAACK,aAAa,EACrB;MAAEd,KAAK,EAAEV,MAAM,CAACyB;IAAa,CAAC,EAC9BX,SAAS,CAACY,QAAQ;EACnB,GAEAlB,KACG,CACF,CAAC;AAEX,CAAC;AAED,MAAMW,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,EAAE;IACRC,MAAM,EAAE,EAAE;IACVC,MAAM,EAAEC,kBAAO,CAACC,QAAQ;IACxBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE;EAClB,CAAC;EACDd,aAAa,EAAE;IACbe,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HangUpCallButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _CallControlsButton = require("./CallControlsButton");
+var _icons = require("../../../icons");
+var _TestIds = require("../../../constants/TestIds");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _videoClient = require("@stream-io/video-client");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * The props for the Hang up call button in the Call Controls.
+ */
+
+/**
+ * Button to hangup a call.
+ *
+ * Mostly calls call.leave() internally.
+ */
+const HangUpCallButton = _ref => {
+  let {
+    onPressHandler,
+    onHangupCallHandler
+  } = _ref;
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    useCallCallingState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const callingState = useCallCallingState();
+  const {
+    theme: {
+      colors,
+      hangupCallButton
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const onPress = (0, _react.useCallback)(async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    try {
+      if (callingState === _videoClient.CallingState.LEFT) {
+        return;
+      }
+      await (call === null || call === void 0 ? void 0 : call.leave());
+      if (onHangupCallHandler) {
+        onHangupCallHandler();
+      }
+    } catch (error) {
+      console.error('Error leaving call:', error);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [call]);
+  return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    onPress: onPress,
+    color: colors.error,
+    style: hangupCallButton,
+    testID: _TestIds.ButtonTestIds.HANG_UP_CALL
+  }, /*#__PURE__*/_react.default.createElement(_icons.PhoneDown, {
+    color: colors.static_white
+  }));
+};
+
+// 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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CallControlsButton","_icons","_TestIds","_videoReactBindings","_videoClient","_ThemeContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HangUpCallButton","_ref","onPressHandler","onHangupCallHandler","useCall","useCallCallingState","useCallStateHooks","callingState","theme","colors","hangupCallButton","useTheme","onPress","useCallback","CallingState","LEFT","leave","error","console","createElement","CallControlsButton","color","style","testID","ButtonTestIds","HANG_UP_CALL","PhoneDown","static_white","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/HangupCallButton.tsx"],"mappings":"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"}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IncomingCallControls = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+var _AcceptCallButton = require("./AcceptCallButton");
+var _RejectCallButton = require("./RejectCallButton");
+var _ToggleVideoPreviewButton = require("./ToggleVideoPreviewButton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the IncomingCallControls Component.
+ */
+
+const IncomingCallControls = _ref => {
+  let {
+    onAcceptCallHandler,
+    onRejectCallHandler
+  } = _ref;
+  const {
+    theme: {
+      incomingCall
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.buttonGroup, incomingCall.buttonGroup]
+  }, /*#__PURE__*/_react.default.createElement(_RejectCallButton.RejectCallButton, {
+    onPressHandler: onRejectCallHandler
+  }), /*#__PURE__*/_react.default.createElement(_ToggleVideoPreviewButton.ToggleVideoPreviewButton, null), /*#__PURE__*/_react.default.createElement(_AcceptCallButton.AcceptCallButton, {
+    onPressHandler: onAcceptCallHandler
+  }));
+};
+exports.IncomingCallControls = IncomingCallControls;
+const styles = _reactNative.StyleSheet.create({
+  buttonGroup: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=IncomingCallControls.js.map