@stream-io/video-react-native-sdk 0.0.27 → 0.1.0

package/dist/module/components/Participant/ParticipantView/ParticipantReaction.js

@@ -1,8 +1,7 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { useCall } from '@stream-io/video-react-bindings';
-import { StreamVideoRN } from '../../../utils';
-import { Z_INDEX } from '../../../constants';
+import { Z_INDEX, defaultEmojiReactions } from '../../../constants';
 import { useTheme } from '../../../contexts/ThemeContext';
 
 /**
@@ -15,11 +14,9 @@ import { useTheme } from '../../../contexts/ThemeContext';
 export const ParticipantReaction = _ref => {
   let {
     participant,
+    supportedReactions = defaultEmojiReactions,
     hideAfterTimeoutInMs = 5500
   } = _ref;
-  const {
-    supportedReactions
-  } = StreamVideoRN.getConfig();
   const {
     reaction,
     sessionId
@@ -34,13 +31,10 @@ export const ParticipantReaction = _ref => {
       participantReaction
     }
   } = useTheme();
-  const [isShowing, setIsShowing] = useState(false);
   useEffect(() => {
     let timeoutId;
     if (call) {
-      setIsShowing(true);
       timeoutId = setTimeout(() => {
-        setIsShowing(false);
         call.resetReaction(sessionId);
       }, hideAfterTimeoutInMs);
     }
@@ -49,22 +43,14 @@ export const ParticipantReaction = _ref => {
     };
   }, [call, hideAfterTimeoutInMs, sessionId, reaction]);
   const currentReaction = reaction && supportedReactions.find(supportedReaction => supportedReaction.emoji_code === reaction.emoji_code);
-  let component;
-  if (isShowing) {
-    if (typeof (currentReaction === null || currentReaction === void 0 ? void 0 : currentReaction.icon) !== 'string') {
-      component = currentReaction === null || currentReaction === void 0 ? void 0 : currentReaction.icon;
-    } else {
-      component = /*#__PURE__*/React.createElement(Text, {
-        style: [participantReaction.reaction, typefaces.heading6]
-      }, currentReaction.icon);
-    }
-  }
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, {
       height: iconSizes.md,
       width: iconSizes.md
     }, participantReaction.container]
-  }, component);
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [participantReaction.reaction, typefaces.heading6]
+  }, currentReaction === null || currentReaction === void 0 ? void 0 : currentReaction.icon));
 };
 const styles = StyleSheet.create({
   container: {

package/dist/module/components/Participant/ParticipantView/ParticipantReaction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","StyleSheet","Text","View","useCall","StreamVideoRN","Z_INDEX","useTheme","ParticipantReaction","_ref","participant","hideAfterTimeoutInMs","supportedReactions","getConfig","reaction","sessionId","call","theme","typefaces","variants","iconSizes","participantReaction","isShowing","setIsShowing","timeoutId","setTimeout","resetReaction","clearTimeout","currentReaction","find","supportedReaction","emoji_code","component","icon","createElement","style","heading6","styles","container","height","md","width","create","alignSelf","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Participant/ParticipantView/ParticipantReaction.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,OAAO,QAAQ,iCAAiC;AACzD,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAaA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAGC,IAAA,IAGH;EAAA,IAHI;IAClCC,WAAW;IACXC,oBAAoB,GAAG;EACC,CAAC,GAAAF,IAAA;EACzB,MAAM;IAAEG;EAAmB,CAAC,GAAGP,aAAa,CAACQ,SAAS,CAAC,CAAC;EACxD,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGL,WAAW;EAC3C,MAAMM,IAAI,GAAGZ,OAAO,CAAC,CAAC;EACtB,MAAM;IACJa,KAAK,EAAE;MACLC,SAAS;MACTC,QAAQ,EAAE;QAAEC;MAAU,CAAC;MACvBC;IACF;EACF,CAAC,GAAGd,QAAQ,CAAC,CAAC;EACd,MAAM,CAACe,SAAS,EAAEC,YAAY,CAAC,GAAGvB,QAAQ,CAAU,KAAK,CAAC;EAE1DD,SAAS,CAAC,MAAM;IACd,IAAIyB,SAAyB;IAC7B,IAAIR,IAAI,EAAE;MACRO,YAAY,CAAC,IAAI,CAAC;MAClBC,SAAS,GAAGC,UAAU,CAAC,MAAM;QAC3BF,YAAY,CAAC,KAAK,CAAC;QACnBP,IAAI,CAACU,aAAa,CAACX,SAAS,CAAC;MAC/B,CAAC,EAAEJ,oBAAoB,CAAC;IAC1B;IACA,OAAO,MAAM;MACXgB,YAAY,CAACH,SAAS,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACR,IAAI,EAAEL,oBAAoB,EAAEI,SAAS,EAAED,QAAQ,CAAC,CAAC;EAErD,MAAMc,eAAe,GACnBd,QAAQ,IACRF,kBAAkB,CAACiB,IAAI,CACpBC,iBAAiB,IAChBA,iBAAiB,CAACC,UAAU,KAAKjB,QAAQ,CAACiB,UAC9C,CAAC;EAEH,IAAIC,SAAS;EACb,IAAIV,SAAS,EAAE;IACb,IAAI,QAAOM,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEK,IAAI,MAAK,QAAQ,EAAE;MAC7CD,SAAS,GAAGJ,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEK,IAAI;IACnC,CAAC,MAAM;MACLD,SAAS,gBACPlC,KAAA,CAAAoC,aAAA,CAAChC,IAAI;QAACiC,KAAK,EAAE,CAACd,mBAAmB,CAACP,QAAQ,EAAEI,SAAS,CAACkB,QAAQ;MAAE,GAC7DR,eAAe,CAACK,IACb,CACP;IACH;EACF;EAEA,oBACEnC,KAAA,CAAAoC,aAAA,CAAC/B,IAAI;IACHgC,KAAK,EAAE,CACLE,MAAM,CAACC,SAAS,EAChB;MACEC,MAAM,EAAEnB,SAAS,CAACoB,EAAE;MACpBC,KAAK,EAAErB,SAAS,CAACoB;IACnB,CAAC,EACDnB,mBAAmB,CAACiB,SAAS;EAC7B,GAEDN,SACG,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGpC,UAAU,CAACyC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAEtC,OAAO,CAACuC;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useEffect","StyleSheet","Text","View","useCall","Z_INDEX","defaultEmojiReactions","useTheme","ParticipantReaction","_ref","participant","supportedReactions","hideAfterTimeoutInMs","reaction","sessionId","call","theme","typefaces","variants","iconSizes","participantReaction","timeoutId","setTimeout","resetReaction","clearTimeout","currentReaction","find","supportedReaction","emoji_code","createElement","style","styles","container","height","md","width","heading6","icon","create","alignSelf","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Participant/ParticipantView/ParticipantReaction.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,OAAO,QAAQ,iCAAiC;AACzD,SAASC,OAAO,EAAEC,qBAAqB,QAAQ,oBAAoB;AAEnE,SAASC,QAAQ,QAAQ,gCAAgC;;AAGzD;AACA;AACA;;AAcA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAGC,IAAA,IAIH;EAAA,IAJI;IAClCC,WAAW;IACXC,kBAAkB,GAAGL,qBAAqB;IAC1CM,oBAAoB,GAAG;EACC,CAAC,GAAAH,IAAA;EACzB,MAAM;IAAEI,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,WAAW;EAC3C,MAAMK,IAAI,GAAGX,OAAO,CAAC,CAAC;EACtB,MAAM;IACJY,KAAK,EAAE;MACLC,SAAS;MACTC,QAAQ,EAAE;QAAEC;MAAU,CAAC;MACvBC;IACF;EACF,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAEdP,SAAS,CAAC,MAAM;IACd,IAAIqB,SAAyB;IAC7B,IAAIN,IAAI,EAAE;MACRM,SAAS,GAAGC,UAAU,CAAC,MAAM;QAC3BP,IAAI,CAACQ,aAAa,CAACT,SAAS,CAAC;MAC/B,CAAC,EAAEF,oBAAoB,CAAC;IAC1B;IACA,OAAO,MAAM;MACXY,YAAY,CAACH,SAAS,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACN,IAAI,EAAEH,oBAAoB,EAAEE,SAAS,EAAED,QAAQ,CAAC,CAAC;EAErD,MAAMY,eAAe,GACnBZ,QAAQ,IACRF,kBAAkB,CAACe,IAAI,CACpBC,iBAAiB,IAChBA,iBAAiB,CAACC,UAAU,KAAKf,QAAQ,CAACe,UAC9C,CAAC;EAEH,oBACE7B,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IACH2B,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,MAAM,EAAEd,SAAS,CAACe,EAAE;MACpBC,KAAK,EAAEhB,SAAS,CAACe;IACnB,CAAC,EACDd,mBAAmB,CAACY,SAAS;EAC7B,gBAEFjC,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACV,mBAAmB,CAACP,QAAQ,EAAEI,SAAS,CAACmB,QAAQ;EAAE,GAC7DX,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEY,IACd,CACF,CAAC;AAEX,CAAC;AAED,MAAMN,MAAM,GAAG9B,UAAU,CAACqC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAEnC,OAAO,CAACoC;EAClB;AACF,CAAC,CAAC"}

package/dist/module/components/Participant/ParticipantView/ParticipantView.js

@@ -27,7 +27,8 @@ export const ParticipantView = _ref => {
     VideoRenderer = DefaultVideoRenderer,
     ParticipantNetworkQualityIndicator = DefaultParticipantNetworkQualityIndicator,
     ParticipantVideoFallback = DefaultParticipantVideoFallback,
-    videoZOrder = 0
+    videoZOrder = 0,
+    supportedReactions
   } = _ref;
   const {
     theme: {
@@ -48,7 +49,8 @@ export const ParticipantView = _ref => {
     style: [styles.container, style, speakerStyle],
     testID: isSpeaking ? `participant-${userId}-is-speaking` : `participant-${userId}-is-not-speaking`
   }, ParticipantReaction && /*#__PURE__*/React.createElement(ParticipantReaction, {
-    participant: participant
+    participant: participant,
+    supportedReactions: supportedReactions
   }), VideoRenderer && /*#__PURE__*/React.createElement(VideoRenderer, {
     isVisible: isVisible,
     participant: participant,
@@ -69,7 +71,8 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
     padding: 4,
     overflow: 'hidden',
-    margin: 2
+    borderWidth: 2,
+    borderColor: 'transparent'
   },
   footerContainer: {
     flexDirection: 'row',

package/dist/module/components/Participant/ParticipantView/ParticipantView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","ParticipantNetworkQualityIndicator","DefaultParticipantNetworkQualityIndicator","ParticipantReaction","DefaultParticipantReaction","ParticipantLabel","DefaultParticipantLabel","ParticipantVideoFallback","DefaultParticipantVideoFallback","VideoRenderer","DefaultVideoRenderer","useTheme","ParticipantView","_ref","participant","trackType","isVisible","style","videoZOrder","theme","colors","participantView","isSpeaking","userId","isScreenSharing","applySpeakerStyle","speakerStyle","styles","highligtedContainer","borderColor","primary","createElement","container","testID","footerContainer","create","justifyContent","padding","overflow","margin","flexDirection","alignItems","borderWidth"],"sourceRoot":"../../../../../src","sources":["components/Participant/ParticipantView/ParticipantView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","View","ParticipantNetworkQualityIndicator","DefaultParticipantNetworkQualityIndicator","ParticipantReaction","DefaultParticipantReaction","ParticipantLabel","DefaultParticipantLabel","ParticipantVideoFallback","DefaultParticipantVideoFallback","VideoRenderer","DefaultVideoRenderer","useTheme","ParticipantView","_ref","participant","trackType","isVisible","style","videoZOrder","supportedReactions","theme","colors","participantView","isSpeaking","userId","isScreenSharing","applySpeakerStyle","speakerStyle","styles","highligtedContainer","borderColor","primary","createElement","container","testID","footerContainer","create","justifyContent","padding","overflow","borderWidth","flexDirection","alignItems"],"sourceRoot":"../../../../../src","sources":["components/Participant/ParticipantView/ParticipantView.tsx"],"mappings":"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"}

package/dist/module/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["FLOATING_VIDEO_VIEW_STYLE","height","width","borderRadius","LOBBY_VIDEO_VIEW_HEIGHT","defaultEmojiReactions","type","emoji_code","custom","icon","Z_INDEX","IN_BACK","IN_MIDDLE","IN_FRONT"],"sourceRoot":"../../../src","sources":["constants/index.ts"],"mappings":"AAEA,OAAO,MAAMA,yBAAyB,GAAG;EACvCC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,EAAE;EACTC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAG,GAAG;AAE1C,OAAO,MAAMC,qBAA8D,GAAG,CAC5E;EACEC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE,cAAc;EAC1BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,CACF;AAED,OAAO,MAAMC,OAAO,GAAG;EACrBC,OAAO,EAAE,CAAC;EACVC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE;AACZ,CAAC"}
+{"version":3,"names":["FLOATING_VIDEO_VIEW_STYLE","height","width","borderRadius","LOBBY_VIDEO_VIEW_HEIGHT","defaultEmojiReactions","type","emoji_code","custom","icon","Z_INDEX","IN_BACK","IN_MIDDLE","IN_FRONT"],"sourceRoot":"../../../src","sources":["constants/index.ts"],"mappings":"AAEA,OAAO,MAAMA,yBAAyB,GAAG;EACvCC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,EAAE;EACTC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAG,GAAG;AAE1C,OAAO,MAAMC,qBAA2C,GAAG,CACzD;EACEC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE,cAAc;EAC1BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,CACF;AAED,OAAO,MAAMC,OAAO,GAAG;EACrBC,OAAO,EAAE,CAAC;EACVC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE;AACZ,CAAC"}

package/dist/module/utils/StreamVideoRN/index.js

@@ -1,8 +1,6 @@
 import { AndroidImportance } from '@notifee/react-native';
-import { defaultEmojiReactions } from '../../constants';
 import { setupFirebaseHandlerAndroid } from '../push/android';
 const DEFAULT_STREAM_VIDEO_CONFIG = {
-  supportedReactions: defaultEmojiReactions,
   foregroundService: {
     android: {
       channel: {
@@ -21,6 +19,7 @@ const DEFAULT_STREAM_VIDEO_CONFIG = {
 };
 export class StreamVideoRN {
   static config = DEFAULT_STREAM_VIDEO_CONFIG;
+
   /**
    * Update the global config for StreamVideoRN except for push config.
    * To set push config use `StreamVideoRN.setPushConfig` instead.

package/dist/module/utils/StreamVideoRN/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AndroidImportance","defaultEmojiReactions","setupFirebaseHandlerAndroid","DEFAULT_STREAM_VIDEO_CONFIG","supportedReactions","foregroundService","android","channel","id","name","lights","vibration","importance","DEFAULT","notificationTexts","title","body","StreamVideoRN","config","updateConfig","setPushConfig","pushConfig","push","getConfig"],"sourceRoot":"../../../../src","sources":["utils/StreamVideoRN/index.ts"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;AACzD,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,2BAA2B,QAAQ,iBAAiB;AAG7D,MAAMC,2BAA8C,GAAG;EACrDC,kBAAkB,EAAEH,qBAAqB;EACzCI,iBAAiB,EAAE;IACjBC,OAAO,EAAE;MACPC,OAAO,EAAE;QACPC,EAAE,EAAE,gCAAgC;QACpCC,IAAI,EAAE,yCAAyC;QAC/CC,MAAM,EAAE,KAAK;QACbC,SAAS,EAAE,KAAK;QAChBC,UAAU,EAAEZ,iBAAiB,CAACa;MAChC,CAAC;MACDC,iBAAiB,EAAE;QACjBC,KAAK,EAAE,kBAAkB;QACzBC,IAAI,EAAE;MACR;IACF;EACF;AACF,CAAC;AAED,OAAO,MAAMC,aAAa,CAAC;EACzB,OAAeC,MAAM,GAAGf,2BAA2B;EACnD;AACF;AACA;AACA;AACA;EACE,OAAOgB,YAAYA,CAACA,YAAsD,EAAE;IAC1E,IAAI,CAACD,MAAM,GAAG;MACZ,GAAG,IAAI,CAACA,MAAM;MACd,GAAGC;IACL,CAAC;EACH;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAOC,aAAaA,CAACC,UAAkD,EAAE;IACvE,IAAI,IAAI,CAACH,MAAM,CAACI,IAAI,EAAE;MACpB;MACA;IACF;IACA,IAAI,CAACJ,MAAM,CAACI,IAAI,GAAGD,UAAU;IAC7B;IACAnB,2BAA2B,CAACmB,UAAU,CAAC;EACzC;EAEA,OAAOE,SAASA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACL,MAAM;EACpB;AACF"}
+{"version":3,"names":["AndroidImportance","setupFirebaseHandlerAndroid","DEFAULT_STREAM_VIDEO_CONFIG","foregroundService","android","channel","id","name","lights","vibration","importance","DEFAULT","notificationTexts","title","body","StreamVideoRN","config","updateConfig","setPushConfig","pushConfig","push","getConfig"],"sourceRoot":"../../../../src","sources":["utils/StreamVideoRN/index.ts"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;AACzD,SAASC,2BAA2B,QAAQ,iBAAiB;AAG7D,MAAMC,2BAA8C,GAAG;EACrDC,iBAAiB,EAAE;IACjBC,OAAO,EAAE;MACPC,OAAO,EAAE;QACPC,EAAE,EAAE,gCAAgC;QACpCC,IAAI,EAAE,yCAAyC;QAC/CC,MAAM,EAAE,KAAK;QACbC,SAAS,EAAE,KAAK;QAChBC,UAAU,EAAEV,iBAAiB,CAACW;MAChC,CAAC;MACDC,iBAAiB,EAAE;QACjBC,KAAK,EAAE,kBAAkB;QACzBC,IAAI,EAAE;MACR;IACF;EACF;AACF,CAAC;AAED,OAAO,MAAMC,aAAa,CAAC;EACzB,OAAeC,MAAM,GAAGd,2BAA2B;;EAEnD;AACF;AACA;AACA;AACA;EACE,OAAOe,YAAYA,CAACA,YAAsD,EAAE;IAC1E,IAAI,CAACD,MAAM,GAAG;MACZ,GAAG,IAAI,CAACA,MAAM;MACd,GAAGC;IACL,CAAC;EACH;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAOC,aAAaA,CAACC,UAAkD,EAAE;IACvE,IAAI,IAAI,CAACH,MAAM,CAACI,IAAI,EAAE;MACpB;MACA;IACF;IACA,IAAI,CAACJ,MAAM,CAACI,IAAI,GAAGD,UAAU;IAC7B;IACAlB,2BAA2B,CAACkB,UAAU,CAAC;EACzC;EAEA,OAAOE,SAASA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACL,MAAM;EACpB;AACF"}

package/dist/module/version.js

@@ -1,2 +1,2 @@
-export const version = '0.0.27';
+export const version = '0.1.0';
 //# sourceMappingURL=version.js.map

package/dist/module/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version"],"sourceRoot":"../../src","sources":["version.ts"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,QAAQ"}
+{"version":3,"names":["version"],"sourceRoot":"../../src","sources":["version.ts"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,OAAO"}

package/dist/typescript/components/Call/CallContent/CallContent.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
 import { CallTopViewProps } from '../CallTopView';
-import { CallParticipantsGridProps } from '../CallLayout';
-import { CallControlProps } from '../CallControls';
-import { FloatingParticipantViewProps } from '../../Participant';
-export type CallParticipantsComponentProps = Pick<CallParticipantsGridProps, 'CallParticipantsList' | 'ParticipantLabel' | 'ParticipantNetworkQualityIndicator' | 'ParticipantReaction' | 'ParticipantVideoFallback' | 'ParticipantView' | 'VideoRenderer'> & {
+import { CallControlProps, HangUpCallButtonProps } from '../CallControls';
+import { StreamReaction } from '@stream-io/video-client';
+import { FloatingParticipantViewProps, ParticipantViewComponentProps } from '../../Participant';
+import { CallParticipantsListComponentProps, CallParticipantsListProps } from '../CallParticipantsList';
+export type StreamReactionType = StreamReaction & {
+    icon: string;
+};
+type CallContentComponentProps = ParticipantViewComponentProps & Pick<CallParticipantsListComponentProps, 'ParticipantView'> & {
     /**
      * Component to customize the CallTopView component.
      */
@@ -16,12 +20,22 @@ export type CallParticipantsComponentProps = Pick<CallParticipantsGridProps, 'Ca
      * Component to customize the FloatingParticipantView.
      */
     FloatingParticipantView?: React.ComponentType<FloatingParticipantViewProps> | null;
+    /**
+     * Component to customize the CallParticipantsList.
+     */
+    CallParticipantsList?: React.ComponentType<CallParticipantsListProps> | null;
 };
-export type CallContentProps = Pick<CallControlProps, 'onHangupCallHandler'> & Pick<CallTopViewProps, 'onBackPressed' | 'onParticipantInfoPress' | 'ParticipantsInfoBadge'> & CallParticipantsComponentProps & {
+export type CallContentProps = Pick<HangUpCallButtonProps, 'onHangupCallHandler'> & Pick<CallTopViewProps, 'onBackPressed' | 'onParticipantInfoPress' | 'ParticipantsInfoBadge'> & CallContentComponentProps & {
     /**
      * This switches the participant's layout between the grid and the spotlight mode.
      */
     layout?: 'grid' | 'spotlight';
+    /**
+     * Reactions that are to be supported in the call
+     */
+    supportedReactions?: StreamReactionType[];
+    landscape?: boolean;
 };
-export declare const CallContent: ({ onBackPressed, onParticipantInfoPress, onHangupCallHandler, CallParticipantsList, CallTopView, CallControls, FloatingParticipantView, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, ParticipantsInfoBadge, VideoRenderer, layout, }: CallContentProps) => JSX.Element;
+export declare const CallContent: ({ onBackPressed, onParticipantInfoPress, onHangupCallHandler, CallParticipantsList, CallTopView, CallControls, FloatingParticipantView, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, ParticipantsInfoBadge, VideoRenderer, layout, supportedReactions, landscape, }: CallContentProps) => JSX.Element;
+export {};
 //# sourceMappingURL=CallContent.d.ts.map

package/dist/typescript/components/Call/CallContent/CallContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CallContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallContent/CallContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAEL,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,yBAAyB,EAG1B,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,gBAAgB,EAEjB,MAAM,iBAAiB,CAAC;AAMzB,OAAO,EAEL,4BAA4B,EAE7B,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,yBAAyB,EACvB,sBAAsB,GACtB,kBAAkB,GAClB,oCAAoC,GACpC,qBAAqB,GACrB,0BAA0B,GAC1B,iBAAiB,GACjB,eAAe,CAClB,GAAG;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC3D;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D;;OAEG;IACH,uBAAuB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,4BAA4B,CAAC,GAAG,IAAI,CAAC;CACpF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,GAC1E,IAAI,CACF,gBAAgB,EAChB,eAAe,GAAG,wBAAwB,GAAG,uBAAuB,CACrE,GACD,8BAA8B,GAAG;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAC/B,CAAC;AAEJ,eAAO,MAAM,WAAW,kTAgBrB,gBAAgB,gBAiHlB,CAAC"}
+{"version":3,"file":"CallContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallContent/CallContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAEL,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAOxB,OAAO,EACL,gBAAgB,EAEhB,qBAAqB,EACtB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAgB,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIvE,OAAO,EAEL,4BAA4B,EAC5B,6BAA6B,EAC9B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,kCAAkC,EAClC,yBAAyB,EAC1B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,yBAAyB,GAAG,6BAA6B,GAC5D,IAAI,CAAC,kCAAkC,EAAE,iBAAiB,CAAC,GAAG;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC3D;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC5D;;OAEG;IACH,uBAAuB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,4BAA4B,CAAC,GAAG,IAAI,CAAC;IACnF;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CAC9E,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,qBAAqB,EACrB,qBAAqB,CACtB,GACC,IAAI,CACF,gBAAgB,EAChB,eAAe,GAAG,wBAAwB,GAAG,uBAAuB,CACrE,GACD,yBAAyB,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAK1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ,eAAO,MAAM,WAAW,iVAkBrB,gBAAgB,gBA6HlB,CAAC"}

package/dist/typescript/components/Call/CallControls/CallControls.d.ts

@@ -1,17 +1,18 @@
 import { ViewProps } from 'react-native';
+import { HangUpCallButtonProps } from './HangupCallButton';
 /**
  * Props for the CallControls Component.
  */
-export type CallControlProps = Pick<ViewProps, 'style'> & {
+export type CallControlProps = Pick<ViewProps, 'style'> & Pick<HangUpCallButtonProps, 'onHangupCallHandler'> & {
     /**
-     * Handler to override the hang up handler when the hangup button is pressed.
-     * @returns void
+     * Check if device is in landscape mode.
+     * This will apply the landscape mode styles to the component.
      */
-    onHangupCallHandler?: () => void;
+    landscape?: boolean;
 };
 /**
  * A list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
  * the user can trigger within an active call.
  */
-export declare const CallControls: ({ style, onHangupCallHandler, }: CallControlProps) => JSX.Element;
+export declare const CallControls: ({ style, onHangupCallHandler, landscape, }: CallControlProps) => JSX.Element;
 //# sourceMappingURL=CallControls.d.ts.map

package/dist/typescript/components/Call/CallControls/CallControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CallControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/CallControls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ3D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACxD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,oCAGtB,gBAAgB,gBAmBlB,CAAC"}
+{"version":3,"file":"CallControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/CallControls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,SAAS,EAAa,MAAM,cAAc,CAAC;AAKtE,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG7E;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GACrD,IAAI,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,GAAG;IACnD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAItB,gBAAgB,gBAyBlB,CAAC"}

package/dist/typescript/components/Call/CallControls/ReactionsButton.d.ts

@@ -0,0 +1,20 @@
+import { StreamReactionType } from '../CallContent';
+/**
+ * Props for the Reaction button
+ */
+export type ReactionsButtonProps = {
+    /**
+     * Supported Reactions to be sent while in the call.
+     */
+    supportedReactions?: StreamReactionType[];
+    /**
+     * Handler to be called when the reaction button is pressed.
+     */
+    onPressHandler?: () => void;
+};
+/**
+ * Button to display the list of Reactions supported in the call.
+ * On press, it opens a view that can be used to send Reaction.
+ */
+export declare const ReactionsButton: ({ supportedReactions, onPressHandler, }: ReactionsButtonProps) => JSX.Element;
+//# sourceMappingURL=ReactionsButton.d.ts.map

package/dist/typescript/components/Call/CallControls/ReactionsButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionsButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ReactionsButton.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC1C;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,4CAGzB,oBAAoB,gBAuDtB,CAAC"}

package/dist/typescript/components/Call/CallControls/index.d.ts

@@ -7,7 +7,7 @@ export * from './ToggleAudioPublishingButton';
 export * from './ToggleVideoPublishingButton';
 export * from './ToggleCameraFaceButton';
 export * from './ChatButton';
-export * from './ReactionButton';
+export * from './ReactionsButton';
 export * from './CallControls';
 export * from './LobbyControls';
 export * from './IncomingCallControls';

package/dist/typescript/components/Call/CallControls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC"}

package/dist/typescript/components/Call/CallControls/internal/ReactionsPicker.d.ts

@@ -1,10 +1,9 @@
 import { LayoutRectangle } from 'react-native';
-import { StreamVideoConfig } from '../../../../utils/StreamVideoRN/types';
-interface Props {
-    reactions: StreamVideoConfig['supportedReactions'];
+import { ReactionsButtonProps } from '../ReactionsButton';
+type ReactionPickerProps = Pick<ReactionsButtonProps, 'supportedReactions'> & {
     reactionsButtonLayoutRectangle?: LayoutRectangle;
     onRequestedClose: () => void;
-}
-export declare const ReactionsPicker: ({ reactions, reactionsButtonLayoutRectangle, onRequestedClose, }: Props) => JSX.Element;
+};
+export declare const ReactionsPicker: ({ supportedReactions, reactionsButtonLayoutRectangle, onRequestedClose, }: ReactionPickerProps) => JSX.Element;
 export {};
 //# sourceMappingURL=ReactionsPicker.d.ts.map

package/dist/typescript/components/Call/CallControls/internal/ReactionsPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionsPicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Call/CallControls/internal/ReactionsPicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAKhB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAM1E,UAAU,KAAK;IACb,SAAS,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IACnD,8BAA8B,CAAC,EAAE,eAAe,CAAC;IACjD,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAKD,eAAO,MAAM,eAAe,qEAIzB,KAAK,gBA6IP,CAAC"}
+{"version":3,"file":"ReactionsPicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Call/CallControls/internal/ReactionsPicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAKhB,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAG1D,KAAK,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,GAAG;IAC5E,8BAA8B,CAAC,EAAE,eAAe,CAAC;IACjD,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,eAAe,8EAIzB,mBAAmB,gBA6IrB,CAAC"}

package/dist/typescript/components/Call/CallLayout/CallParticipantsGrid.d.ts

@@ -1,20 +1,22 @@
-import React from 'react';
-import { CallParticipantsListProps, CallParticipantsListComponentProps } from '../CallParticipantsList/CallParticipantsList';
+import { CallParticipantsListComponentProps } from '../CallParticipantsList/CallParticipantsList';
+import { CallContentProps } from '../CallContent';
+import { ParticipantViewComponentProps } from '../../Participant';
 /**
  * Props for the CallParticipantsGrid component.
  */
-export type CallParticipantsGridProps = CallParticipantsListComponentProps & {
-    /**
-     * Component to customize the CallParticipantsList.
-     */
-    CallParticipantsList?: React.ComponentType<CallParticipantsListProps> | null;
+export type CallParticipantsGridProps = ParticipantViewComponentProps & Pick<CallContentProps, 'supportedReactions' | 'CallParticipantsList'> & Pick<CallParticipantsListComponentProps, 'ParticipantView'> & {
     /**
      * Boolean to decide if local participant will be visible in the grid when there is 1:1 call.
      */
     showLocalParticipant?: boolean;
+    /**
+     * Check if device is in landscape mode.
+     * This will apply the landscape mode styles to the component.
+     */
+    landscape?: boolean;
 };
 /**
  * Component used to display the list of participants in a grid mode.
  */
-export declare const CallParticipantsGrid: ({ CallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, showLocalParticipant, }: CallParticipantsGridProps) => JSX.Element;
+export declare const CallParticipantsGrid: ({ CallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, showLocalParticipant, supportedReactions, landscape, }: CallParticipantsGridProps) => JSX.Element;
 //# sourceMappingURL=CallParticipantsGrid.d.ts.map

package/dist/typescript/components/Call/CallLayout/CallParticipantsGrid.d.ts.map

@@ -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,yBAAyB,EACzB,kCAAkC,EACnC,MAAM,8CAA8C,CAAC;AAItD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,kCAAkC,GAAG;IAC3E;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;IAC7E;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,yLAS9B,yBAAyB,gBAgD3B,CAAC"}
+{"version":3,"file":"CallParticipantsGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,kCAAkC,EACnC,MAAM,8CAA8C,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,6BAA6B,GACnE,IAAI,CAAC,gBAAgB,EAAE,oBAAoB,GAAG,sBAAsB,CAAC,GACrE,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,wNAW9B,yBAAyB,gBAsD3B,CAAC"}

package/dist/typescript/components/Call/CallLayout/CallParticipantsSpotlight.d.ts

@@ -1,17 +1,19 @@
-import React from 'react';
-import { CallParticipantsListComponentProps, CallParticipantsListProps } from '../CallParticipantsList/CallParticipantsList';
+import { CallParticipantsListComponentProps } from '../CallParticipantsList/CallParticipantsList';
+import { ParticipantViewComponentProps } from '../../Participant';
+import { CallContentProps } from '../CallContent';
 /**
  * Props for the CallParticipantsSpotlight component.
  */
-export type CallParticipantsSpotlightProps = CallParticipantsListComponentProps & {
+export type CallParticipantsSpotlightProps = ParticipantViewComponentProps & Pick<CallContentProps, 'supportedReactions' | 'CallParticipantsList'> & Pick<CallParticipantsListComponentProps, 'ParticipantView'> & {
     /**
-     * Component to customize the CallParticipantsList.
+     * Check if device is in landscape mode.
+     * This will apply the landscape mode styles to the component.
      */
-    CallParticipantsList?: React.ComponentType<CallParticipantsListProps> | null;
+    landscape?: boolean;
 };
 /**
  * Component used to display the list of participants in a spotlight mode.
  * This can be used when you want to render the screen sharing stream.
  */
-export declare const CallParticipantsSpotlight: ({ CallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, }: CallParticipantsSpotlightProps) => JSX.Element;
+export declare const CallParticipantsSpotlight: ({ CallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, supportedReactions, landscape, }: CallParticipantsSpotlightProps) => JSX.Element;
 //# sourceMappingURL=CallParticipantsSpotlight.d.ts.map

package/dist/typescript/components/Call/CallLayout/CallParticipantsSpotlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CallParticipantsSpotlight.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAEL,kCAAkC,EAClC,yBAAyB,EAC1B,MAAM,8CAA8C,CAAC;AAOtD;;GAEG;AACH,MAAM,MAAM,8BAA8B,GACxC,kCAAkC,GAAG;IACnC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CAC9E,CAAC;AAKJ;;;GAGG;AACH,eAAO,MAAM,yBAAyB,mKAQnC,8BAA8B,gBA6EhC,CAAC"}
+{"version":3,"file":"CallParticipantsSpotlight.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,kCAAkC,EACnC,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAEL,6BAA6B,EAC9B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,8BAA8B,GAAG,6BAA6B,GACxE,IAAI,CAAC,gBAAgB,EAAE,oBAAoB,GAAG,sBAAsB,CAAC,GACrE,IAAI,CAAC,kCAAkC,EAAE,iBAAiB,CAAC,GAAG;IAC5D;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAKJ;;;GAGG;AACH,eAAO,MAAM,yBAAyB,kMAUnC,8BAA8B,gBA2FhC,CAAC"}

package/dist/typescript/components/Call/CallParticipantsList/CallParticipantsList.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { StreamVideoLocalParticipant, StreamVideoParticipant } from '@stream-io/video-client';
 import { ParticipantViewComponentProps, ParticipantViewProps } from '../../Participant/ParticipantView';
+import { CallContentProps } from '../CallContent';
 export type CallParticipantsListComponentProps = ParticipantViewComponentProps & {
     /**
      * Component to customize the participant view.
@@ -10,7 +11,7 @@ export type CallParticipantsListComponentProps = ParticipantViewComponentProps &
 /**
  * Props of the CallParticipantsList component
  */
-export type CallParticipantsListProps = CallParticipantsListComponentProps & {
+export type CallParticipantsListProps = CallParticipantsListComponentProps & Pick<CallContentProps, 'supportedReactions'> & {
     /**
      * The list of participants to display in the list
      */
@@ -24,6 +25,11 @@ export type CallParticipantsListProps = CallParticipantsListComponentProps & {
      * If true, the list will be displayed in horizontal scrolling mode
      */
     horizontal?: boolean;
+    /**
+     * Check if phone is in landscape mode.
+     * This will apply the landscape mode styles to the component.
+     */
+    landscape?: boolean;
 };
 /**
  * This component displays a list of participants in a FlatList.
@@ -31,5 +37,5 @@ export type CallParticipantsListProps = CallParticipantsListComponentProps & {
  * NOTE: this component depends on a flex container to calculate the width and height of the participant view,
  * hence it should be used only in a flex parent container
  */
-export declare const CallParticipantsList: ({ numberOfColumns, horizontal, participants, ParticipantView, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, VideoRenderer, }: CallParticipantsListProps) => JSX.Element;
+export declare const CallParticipantsList: ({ numberOfColumns, horizontal, participants, ParticipantView, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, VideoRenderer, supportedReactions, landscape, }: CallParticipantsListProps) => JSX.Element;
 //# sourceMappingURL=CallParticipantsList.d.ts.map

package/dist/typescript/components/Call/CallParticipantsList/CallParticipantsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CallParticipantsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallParticipantsList/CallParticipantsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,EAGvB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAEL,6BAA6B,EAC7B,oBAAoB,EACrB,MAAM,mCAAmC,CAAC;AAW3C,MAAM,MAAM,kCAAkC,GAC5C,6BAA6B,GAAG;IAC9B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC;CACpE,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,kCAAkC,GAAG;IAC3E;;OAEG;IACH,YAAY,EAAE,CAAC,sBAAsB,GAAG,2BAA2B,CAAC,EAAE,CAAC;IACvE;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,wLAU9B,yBAAyB,gBAkK3B,CAAC"}
+{"version":3,"file":"CallParticipantsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallParticipantsList/CallParticipantsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,EAGvB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAEL,6BAA6B,EAC7B,oBAAoB,EACrB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAWlD,MAAM,MAAM,kCAAkC,GAC5C,6BAA6B,GAAG;IAC9B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC;CACpE,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,kCAAkC,GACxE,IAAI,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,GAAG;IAC7C;;OAEG;IACH,YAAY,EAAE,CAAC,sBAAsB,GAAG,2BAA2B,CAAC,EAAE,CAAC;IACvE;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,uNAY9B,yBAAyB,gBAuK3B,CAAC"}

package/dist/typescript/components/Call/CallTopView/CallTopView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CallTopView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallTopView/CallTopView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAKL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AAOjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,GAAG,IAAI,CAAC;CAChF,CAAC;AAEF,eAAO,MAAM,WAAW,+FAMrB,gBAAgB,gBAiFlB,CAAC"}
+{"version":3,"file":"CallTopView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallTopView/CallTopView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAKL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AAOjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,GAAG,IAAI,CAAC;CAChF,CAAC;AAEF,eAAO,MAAM,WAAW,+FAMrB,gBAAgB,gBAmFlB,CAAC"}

package/dist/typescript/components/Call/RingingCallContent/RingingCallContent.d.ts

@@ -27,6 +27,11 @@ export type RingingCallContentProps = {
      * Prop to customize the JoiningCallIndicator component in the RingingCallContent. It is shown when the call is accepted and is waiting to be joined.
      */
     JoiningCallIndicator?: React.ComponentType | null;
+    /**
+     * Check if device is in landscape mode.
+     * This will apply the landscape mode styles to the component.
+     */
+    landscape?: boolean;
 };
 /**
  * Component to show the Incoming, Outgoing and CalContent component depending upon the Call states when the call is in ringing mode.

package/dist/typescript/components/Call/RingingCallContent/RingingCallContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RingingCallContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/RingingCallContent/RingingCallContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAEL,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAIxB;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAC7D;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAC7D;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC3D;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;CACnD,CAAC;AA6BF;;GAEG;AACH,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,gBAShE,CAAC"}
+{"version":3,"file":"RingingCallContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/RingingCallContent/RingingCallContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAEL,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAIxB;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAC7D;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAC7D;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC3D;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;IAClD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAkCF;;GAEG;AACH,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,gBAShE,CAAC"}

package/dist/typescript/components/Participant/FloatingParticipantView/index.d.ts

@@ -1,12 +1,12 @@
 import { StyleProp, ViewStyle } from 'react-native';
-import { CallParticipantsListProps } from '../../Call';
+import { CallContentProps, CallParticipantsListComponentProps } from '../../Call';
 import { ParticipantViewComponentProps } from '../ParticipantView';
 import { StreamVideoParticipant } from '@stream-io/video-client';
 export type FloatingParticipantViewAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 /**
  * Props to be passed for the LocalVideoView component.
  */
-export type FloatingParticipantViewProps = ParticipantViewComponentProps & Pick<CallParticipantsListProps, 'ParticipantView'> & {
+export type FloatingParticipantViewProps = ParticipantViewComponentProps & Pick<CallParticipantsListComponentProps, 'ParticipantView'> & Pick<CallContentProps, 'supportedReactions'> & {
     /**
      * Determines where the floating participant video will be placed.
      */
@@ -28,5 +28,5 @@ export type FloatingParticipantViewProps = ParticipantViewComponentProps & Pick<
 /**
  * A component to render the floating participant's video.
  */
-export declare const FloatingParticipantView: ({ alignment, onPressHandler, participant, style, ParticipantView, ParticipantNetworkQualityIndicator, ParticipantReaction, VideoRenderer, }: FloatingParticipantViewProps) => JSX.Element | null;
+export declare const FloatingParticipantView: ({ alignment, onPressHandler, participant, style, ParticipantView, ParticipantNetworkQualityIndicator, ParticipantReaction, VideoRenderer, supportedReactions, }: FloatingParticipantViewProps) => JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/Participant/FloatingParticipantView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/FloatingParticipantView/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAEL,6BAA6B,EAC9B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,MAAM,gCAAgC,GACxC,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,6BAA6B,GACtE,IAAI,CAAC,yBAAyB,EAAE,iBAAiB,CAAC,GAAG;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,gCAAgC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AA0BJ;;GAEG;AACH,eAAO,MAAM,uBAAuB,gJASjC,4BAA4B,uBAmF9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/FloatingParticipantView/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EACL,gBAAgB,EAChB,kCAAkC,EACnC,MAAM,YAAY,CAAC;AAEpB,OAAO,EAEL,6BAA6B,EAC9B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,MAAM,gCAAgC,GACxC,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,6BAA6B,GACtE,IAAI,CAAC,kCAAkC,EAAE,iBAAiB,CAAC,GAC3D,IAAI,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,GAAG;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,gCAAgC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AA0BJ;;GAEG;AACH,eAAO,MAAM,uBAAuB,oKAUjC,4BAA4B,uBAoF9B,CAAC"}

package/dist/typescript/components/Participant/ParticipantView/ParticipantReaction.d.ts

@@ -1,8 +1,9 @@
 import { ParticipantViewProps } from './ParticipantView';
+import { CallContentProps } from '../../Call';
 /**
  * Props for the ParticipantReaction component.
  */
-export type ParticipantReactionProps = Pick<ParticipantViewProps, 'participant'> & {
+export type ParticipantReactionProps = Pick<ParticipantViewProps, 'participant'> & Pick<CallContentProps, 'supportedReactions'> & {
     /**
      * The duration after which the reaction should disappear.
      *
@@ -13,5 +14,5 @@ export type ParticipantReactionProps = Pick<ParticipantViewProps, 'participant'>
 /**
  * This component is used to display the current participant reaction.
  */
-export declare const ParticipantReaction: ({ participant, hideAfterTimeoutInMs, }: ParticipantReactionProps) => JSX.Element;
+export declare const ParticipantReaction: ({ participant, supportedReactions, hideAfterTimeoutInMs, }: ParticipantReactionProps) => JSX.Element;
 //# sourceMappingURL=ParticipantReaction.d.ts.map

package/dist/typescript/components/Participant/ParticipantView/ParticipantReaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantReaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantReaction.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGzD;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,oBAAoB,EACpB,aAAa,CACd,GAAG;IACF;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,2CAG7B,wBAAwB,gBA6D1B,CAAC"}
+{"version":3,"file":"ParticipantReaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantReaction.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,oBAAoB,EACpB,aAAa,CACd,GACC,IAAI,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,GAAG;IAC7C;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,mBAAmB,+DAI7B,wBAAwB,gBA8C1B,CAAC"}

package/dist/typescript/components/Participant/ParticipantView/ParticipantView.d.ts

@@ -6,7 +6,7 @@ import { ParticipantReactionProps } from './ParticipantReaction';
 import { ParticipantLabelProps } from './ParticipantLabel';
 import { ParticipantVideoFallbackProps } from './ParticipantVideoFallback';
 import { VideoRendererProps } from './VideoRenderer';
-export type ParticipantVideoType = VideoTrackType;
+import { CallContentProps } from '../../Call';
 export type ParticipantViewComponentProps = {
     /**
      * Component to customize the Label of the participant.
@@ -32,7 +32,7 @@ export type ParticipantViewComponentProps = {
 /**
  * Props to be passed for the Participant component.
  */
-export type ParticipantViewProps = ParticipantViewComponentProps & {
+export type ParticipantViewProps = ParticipantViewComponentProps & Pick<CallContentProps, 'supportedReactions'> & {
     /**
      * The participant that will be displayed.
      */
@@ -49,7 +49,7 @@ export type ParticipantViewProps = ParticipantViewComponentProps & {
     /**
      * The video track that is to be displayed.
      */
-    trackType?: ParticipantVideoType;
+    trackType?: VideoTrackType;
     /**
      * Custom style to be merged with the participant view.
      */
@@ -66,5 +66,5 @@ export type ParticipantViewProps = ParticipantViewComponentProps & {
  * and additional info. By an absence of a video track or when isVisible is truthy,
  * only an avatar and audio track will be rendered.
  */
-export declare const ParticipantView: ({ participant, trackType, isVisible, style, ParticipantLabel, ParticipantReaction, VideoRenderer, ParticipantNetworkQualityIndicator, ParticipantVideoFallback, videoZOrder, }: ParticipantViewProps) => JSX.Element;
+export declare const ParticipantView: ({ participant, trackType, isVisible, style, ParticipantLabel, ParticipantReaction, VideoRenderer, ParticipantNetworkQualityIndicator, ParticipantVideoFallback, videoZOrder, supportedReactions, }: ParticipantViewProps) => JSX.Element;
 //# sourceMappingURL=ParticipantView.d.ts.map

package/dist/typescript/components/Participant/ParticipantView/ParticipantView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EACL,sBAAsB,EACtB,cAAc,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,uCAAuC,EACxC,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEL,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAElD,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;OAEG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC;IAC/D;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;IACrE;;OAEG;IACH,wBAAwB,CAAC,EAAE,aAAa,CAAC,6BAA6B,CAAC,GAAG,IAAI,CAAC;IAC/E;;OAEG;IACH,kCAAkC,CAAC,EAAE,aAAa,CAAC,uCAAuC,CAAC,GAAG,IAAI,CAAC;IACnG;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;CAC1D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,6BAA6B,GAAG;IACjE;;OAEG;IACH,WAAW,EAAE,sBAAsB,CAAC;IACpC;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,mLAWzB,oBAAoB,gBA4CtB,CAAC"}
+{"version":3,"file":"ParticipantView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/ParticipantView/ParticipantView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EACL,sBAAsB,EACtB,cAAc,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,uCAAuC,EACxC,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,6BAA6B,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEL,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;OAEG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC;IAC/D;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;IACrE;;OAEG;IACH,wBAAwB,CAAC,EAAE,aAAa,CAAC,6BAA6B,CAAC,GAAG,IAAI,CAAC;IAC/E;;OAEG;IACH,kCAAkC,CAAC,EAAE,aAAa,CAAC,uCAAuC,CAAC,GAAG,IAAI,CAAC;IACnG;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;CAC1D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,6BAA6B,GAC9D,IAAI,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,GAAG;IAC7C;;OAEG;IACH,WAAW,EAAE,sBAAsB,CAAC;IACpC;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,eAAe,uMAYzB,oBAAoB,gBAiDtB,CAAC"}

package/dist/typescript/constants/index.d.ts

@@ -1,11 +1,11 @@
-import { StreamVideoConfig } from '../utils/StreamVideoRN/types';
+import { StreamReactionType } from '../components';
 export declare const FLOATING_VIDEO_VIEW_STYLE: {
     height: number;
     width: number;
     borderRadius: number;
 };
 export declare const LOBBY_VIDEO_VIEW_HEIGHT = 280;
-export declare const defaultEmojiReactions: StreamVideoConfig['supportedReactions'];
+export declare const defaultEmojiReactions: StreamReactionType[];
 export declare const Z_INDEX: {
     IN_BACK: number;
     IN_MIDDLE: number;