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

package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CallParticipantsSpotlight = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _videoClient = require("@stream-io/video-client");
 var _videoReactBindings = require("@stream-io/video-react-bindings");
 var _reactNative = require("react-native");
@@ -14,7 +14,8 @@ var _CallParticipantsList = require("../CallParticipantsList/CallParticipantsLis
 var _Participant = require("../../Participant");
 var _ThemeContext = require("../../../contexts/ThemeContext");
 var _useIsInPiPMode = require("../../../hooks/useIsInPiPMode");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 /**
  * Props for the CallParticipantsSpotlight component.
@@ -39,10 +40,11 @@ const CallParticipantsSpotlight = ({
 }) => {
   const {
     theme: {
-      colors,
-      callParticipantsSpotlight
+      callParticipantsSpotlight,
+      variants
     }
   } = (0, _ThemeContext.useTheme)();
+  const styles = useStyles();
   const {
     useParticipants
   } = (0, _videoReactBindings.useCallStateHooks)();
@@ -69,14 +71,12 @@ const CallParticipantsSpotlight = ({
     flexDirection: landscape ? 'row' : 'column'
   };
   const spotlightContainerLandscapeStyles = {
-    marginHorizontal: landscape ? 0 : 8
+    marginHorizontal: landscape ? 0 : variants.spacingSizes.xs
   };
   const showShareScreenOverlay = participantInSpotlight?.isLocalParticipant && isScreenShareOnSpotlight && ScreenShareOverlay;
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     testID: _TestIds.ComponentTestIds.CALL_PARTICIPANTS_SPOTLIGHT,
-    style: [styles.container, landscapeStyles, {
-      backgroundColor: colors.dark_gray
-    }, callParticipantsSpotlight.container]
+    style: [styles.container, landscapeStyles, callParticipantsSpotlight.container]
   }, participantInSpotlight && ParticipantView && (showShareScreenOverlay ? /*#__PURE__*/_react.default.createElement(ScreenShareOverlay, null) : /*#__PURE__*/_react.default.createElement(ParticipantView, _extends({
     participant: participantInSpotlight,
     style: isUserAloneInCall ? [styles.fullScreenSpotlightContainer, callParticipantsSpotlight.fullScreenSpotlightContainer] : [styles.spotlightContainer, spotlightContainerLandscapeStyles, callParticipantsSpotlight.spotlightContainer],
@@ -94,21 +94,27 @@ const CallParticipantsSpotlight = ({
   }, callParticipantsListProps))));
 };
 exports.CallParticipantsSpotlight = CallParticipantsSpotlight;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  fullScreenSpotlightContainer: {
-    flex: 1
-  },
-  spotlightContainer: {
-    flex: 2,
-    overflow: 'hidden',
-    borderRadius: 10,
-    marginHorizontal: 8
-  },
-  callParticipantsListContainer: {
-    flex: 1
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = (0, _ThemeContext.useTheme)();
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: theme.colors.sheetPrimary
+    },
+    fullScreenSpotlightContainer: {
+      flex: 1
+    },
+    spotlightContainer: {
+      flex: 2,
+      overflow: 'hidden',
+      borderRadius: theme.variants.borderRadiusSizes.sm,
+      marginHorizontal: theme.variants.spacingSizes.sm
+    },
+    callParticipantsListContainer: {
+      flex: 1
+    }
+  }), [theme]);
+};
 //# sourceMappingURL=CallParticipantsSpotlight.js.map

package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_reactNative","_useDebouncedValue","_TestIds","_CallParticipantsList","_Participant","_ThemeContext","_useIsInPiPMode","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","CallParticipantsSpotlight","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","DefaultParticipantView","ScreenShareOverlay","VideoRenderer","supportedReactions","landscape","disablePictureInPicture","theme","colors","callParticipantsSpotlight","useTheme","useParticipants","useCallStateHooks","_allParticipants","sortBy","speakerLayoutSortPreset","allParticipants","useDebouncedValue","participantInSpotlight","otherParticipants","isScreenShareOnSpotlight","hasScreenShare","isUserAloneInCall","isInPiP","useIsInPiPMode","participantViewProps","callParticipantsListProps","landscapeStyles","flexDirection","spotlightContainerLandscapeStyles","marginHorizontal","showShareScreenOverlay","isLocalParticipant","createElement","View","testID","ComponentTestIds","CALL_PARTICIPANTS_SPOTLIGHT","style","styles","container","backgroundColor","dark_gray","participant","fullScreenSpotlightContainer","spotlightContainer","objectFit","trackType","callParticipantsListContainer","participants","horizontal","numberOfColumns","exports","StyleSheet","create","flex","overflow","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_videoClient","_videoReactBindings","_reactNative","_useDebouncedValue","_TestIds","_CallParticipantsList","_Participant","_ThemeContext","_useIsInPiPMode","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CallParticipantsSpotlight","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","DefaultParticipantView","ScreenShareOverlay","VideoRenderer","supportedReactions","landscape","disablePictureInPicture","theme","callParticipantsSpotlight","variants","useTheme","styles","useStyles","useParticipants","useCallStateHooks","_allParticipants","sortBy","speakerLayoutSortPreset","allParticipants","useDebouncedValue","participantInSpotlight","otherParticipants","isScreenShareOnSpotlight","hasScreenShare","isUserAloneInCall","isInPiP","useIsInPiPMode","participantViewProps","callParticipantsListProps","landscapeStyles","flexDirection","spotlightContainerLandscapeStyles","marginHorizontal","spacingSizes","xs","showShareScreenOverlay","isLocalParticipant","createElement","View","testID","ComponentTestIds","CALL_PARTICIPANTS_SPOTLIGHT","style","container","participant","fullScreenSpotlightContainer","spotlightContainer","objectFit","trackType","callParticipantsListContainer","participants","horizontal","numberOfColumns","exports","useMemo","StyleSheet","create","flex","backgroundColor","colors","sheetPrimary","overflow","borderRadius","borderRadiusSizes","sm"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -11,6 +11,7 @@ var _useDebouncedValue = require("../../../utils/hooks/useDebouncedValue");
 var _videoReactBindings = require("@stream-io/video-react-bindings");
 var _TestIds = require("../../../constants/TestIds");
 var _ParticipantView = require("../../Participant/ParticipantView");
+var _contexts = require("../../../contexts");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -42,6 +43,7 @@ const CallParticipantsList = ({
   supportedReactions,
   landscape
 }) => {
+  const styles = useStyles();
   const [containerLayout, setContainerLayout] = (0, _react.useState)({
     width: 0,
     height: 0
@@ -123,12 +125,14 @@ const CallParticipantsList = ({
     containerWidth: containerLayout.width,
     participantsLength: participants.length,
     numberOfColumns,
-    horizontal
+    horizontal,
+    margin: styles.participant.margin
   });
   const itemContainerStyle = (0, _react.useMemo)(() => {
     const style = {
       width: itemWidth,
-      height: itemHeight
+      height: itemHeight,
+      margin: styles.participant.margin
     };
     if (horizontal) {
       return [styles.participantWrapperHorizontal, style];
@@ -137,7 +141,7 @@ const CallParticipantsList = ({
       return [styles.landScapeStyle, style];
     }
     return style;
-  }, [itemWidth, itemHeight, horizontal, landscape]);
+  }, [itemWidth, itemHeight, horizontal, landscape, styles]);
   const participantProps = {
     ParticipantLabel,
     ParticipantNetworkQualityIndicator,
@@ -192,19 +196,27 @@ const CallParticipantsList = ({
   });
 };
 exports.CallParticipantsList = CallParticipantsList;
-const styles = _reactNative.StyleSheet.create({
-  flexed: {
-    flex: 1
-  },
-  participantWrapperHorizontal: {
-    // note: if marginHorizontal is changed, be sure to change the width calculation in calculateParticipantViewSize function
-    marginHorizontal: 8,
-    borderRadius: 10
-  },
-  landScapeStyle: {
-    borderRadius: 10
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = (0, _contexts.useTheme)();
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    flexed: {
+      flex: 1
+    },
+    participantWrapperHorizontal: {
+      // note: if marginHorizontal is changed, be sure to change the width calculation in calculateParticipantViewSize function
+      marginHorizontal: theme.variants.spacingSizes.sm,
+      borderRadius: theme.variants.borderRadiusSizes.sm
+    },
+    landScapeStyle: {
+      borderRadius: theme.variants.borderRadiusSizes.sm
+    },
+    participant: {
+      margin: theme.variants.spacingSizes.xs
+    }
+  }), [theme]);
+};
 
 /**
  * This function calculates the size of the participant view based on the size of the container (the phone's screen size) and the number of participants.
@@ -220,7 +232,8 @@ function calculateParticipantViewSize({
   containerWidth,
   participantsLength,
   numberOfColumns,
-  horizontal
+  horizontal,
+  margin
 }) {
   let itemHeight = containerHeight;
   // in vertical mode, we calculate the height of the participant view based on the containerHeight (aka the phone's screen height)
@@ -238,6 +251,8 @@ function calculateParticipantViewSize({
     // in horizontal mode we apply margin of 8 to the participant view and that should be subtracted from the width
     itemWidth = itemWidth - 8 * 2;
   }
+  itemHeight = itemHeight - margin;
+  itemWidth = itemWidth - margin;
   return {
     itemHeight,
     itemWidth

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_videoClient","_useDebouncedValue","_videoReactBindings","_TestIds","_ParticipantView","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","CallParticipantsList","numberOfColumns","horizontal","participants","ParticipantView","DefaultParticipantView","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","VideoRenderer","supportedReactions","landscape","containerLayout","setContainerLayout","useState","width","height","viewableParticipantSessionIds","useRef","Set","_forceUpdateValue","forceUpdate","useReducer","x","forceUpdateValue","useDebouncedValue","activeCall","useCall","activeCallRef","current","onViewableItemsChanged","viewableItems","participantPatches","mustUpdate","newVisibleParticipantSessionIds","map","v","key","oldVisibleParticipantSessionIds","forEach","viewportVisibilityState","videoTrack","VisibilityState","VISIBLE","screenShareTrack","UNKNOWN","state","updateParticipants","keyExtractor","item","sessionId","onLayout","event","nativeEvent","layout","prev","itemHeight","itemWidth","calculateParticipantViewSize","containerHeight","containerWidth","participantsLength","itemContainerStyle","useMemo","style","styles","participantWrapperHorizontal","landScapeStyle","participantProps","renderItem","useCallback","participant","isVisible","createElement","Fragment","trackType","shouldWrapByColumns","index","flexed","FlatList","undefined","data","viewabilityConfig","numColumns","showsHorizontalScrollIndicator","extraData","testID","ComponentTestIds","CALL_PARTICIPANTS_LIST","exports","StyleSheet","create","flex","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Call/CallParticipantsList/CallParticipantsList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_videoClient","_useDebouncedValue","_videoReactBindings","_TestIds","_ParticipantView","_contexts","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","CallParticipantsList","numberOfColumns","horizontal","participants","ParticipantView","DefaultParticipantView","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","VideoRenderer","supportedReactions","landscape","styles","useStyles","containerLayout","setContainerLayout","useState","width","height","viewableParticipantSessionIds","useRef","Set","_forceUpdateValue","forceUpdate","useReducer","x","forceUpdateValue","useDebouncedValue","activeCall","useCall","activeCallRef","current","onViewableItemsChanged","viewableItems","participantPatches","mustUpdate","newVisibleParticipantSessionIds","map","v","key","oldVisibleParticipantSessionIds","forEach","viewportVisibilityState","videoTrack","VisibilityState","VISIBLE","screenShareTrack","UNKNOWN","state","updateParticipants","keyExtractor","item","sessionId","onLayout","event","nativeEvent","layout","prev","itemHeight","itemWidth","calculateParticipantViewSize","containerHeight","containerWidth","participantsLength","margin","participant","itemContainerStyle","useMemo","style","participantWrapperHorizontal","landScapeStyle","participantProps","renderItem","useCallback","isVisible","createElement","Fragment","trackType","shouldWrapByColumns","index","flexed","FlatList","undefined","data","viewabilityConfig","numColumns","showsHorizontalScrollIndicator","extraData","testID","ComponentTestIds","CALL_PARTICIPANTS_LIST","exports","theme","useTheme","StyleSheet","create","flex","marginHorizontal","variants","spacingSizes","sm","borderRadius","borderRadiusSizes","xs"],"sourceRoot":"../../../../../src","sources":["components/Call/CallParticipantsList/CallParticipantsList.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/Call/Lobby/JoinCallButton.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.JoinCallButton = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _videoReactBindings = require("@stream-io/video-react-bindings");
 var _ThemeContext = require("../../../contexts/ThemeContext");
 var _videoClient = require("@stream-io/video-client");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Props for the Join Call Button in the Lobby component.
  */
@@ -28,6 +29,7 @@ const JoinCallButton = ({
       joinCallButton
     }
   } = (0, _ThemeContext.useTheme)();
+  const styles = useStyles();
   const {
     t
   } = (0, _videoReactBindings.useI18n)();
@@ -51,24 +53,29 @@ const JoinCallButton = ({
   };
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     style: [styles.container, {
-      backgroundColor: colors.primary
+      backgroundColor: colors.buttonPrimary
     }, joinCallButton.container],
     onPress: onPress
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.label, {
-      color: colors.static_white
+      color: colors.textPrimary
     }, typefaces.subtitleBold, joinCallButton.label]
   }, t('Join')));
 };
 exports.JoinCallButton = JoinCallButton;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    borderRadius: 10,
-    marginTop: 16,
-    paddingVertical: 8
-  },
-  label: {
-    textAlign: 'center'
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = (0, _ThemeContext.useTheme)();
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      borderRadius: theme.variants.borderRadiusSizes.lg,
+      marginTop: theme.variants.spacingSizes.md,
+      paddingVertical: theme.variants.spacingSizes.sm
+    },
+    label: {
+      textAlign: 'center'
+    }
+  }), [theme]);
+};
 //# sourceMappingURL=JoinCallButton.js.map

package/dist/commonjs/components/Call/Lobby/JoinCallButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_videoReactBindings","_ThemeContext","_videoClient","e","__esModule","default","JoinCallButton","onJoinCallHandler","onPressHandler","theme","colors","typefaces","joinCallButton","useTheme","t","useI18n","call","useCall","onPress","join","create","error","logger","getLogger","createElement","Pressable","style","styles","container","backgroundColor","primary","Text","label","color","static_white","subtitleBold","exports","StyleSheet","borderRadius","marginTop","paddingVertical","textAlign"],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/JoinCallButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAAoD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD;AACA;AACA;;AAKA;AACA;AACA;AACO,MAAMG,cAAc,GAAGA,CAAC;EAC7BC,iBAAiB;EACjBC;AACmB,CAAC,KAAK;EACzB,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC,SAAS;MAAEC;IAAe;EAC7C,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACvB,MAAMC,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EAEtB,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIV,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,MAAMQ,IAAI,EAAEG,IAAI,CAAC;QAAEC,MAAM,EAAE;MAAK,CAAC,CAAC;MAClC,IAAIb,iBAAiB,EAAE;QACrBA,iBAAiB,CAAC,CAAC;MACrB;IACF,CAAC,CAAC,OAAOc,KAAK,EAAE;MACd,MAAMC,MAAM,GAAG,IAAAC,sBAAS,EAAC,CAAC,gBAAgB,CAAC,CAAC;MAC5CD,MAAM,CAAC,OAAO,EAAE,qBAAqB,EAAED,KAAK,CAAC;IAC/C;EACF,CAAC;EAED,oBACEzB,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACzB,YAAA,CAAA0B,SAAS;IACRC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEnB,MAAM,CAACoB;IAAQ,CAAC,EACnClB,cAAc,CAACgB,SAAS,CACxB;IACFV,OAAO,EAAEA;EAAQ,gBAEjBtB,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACzB,YAAA,CAAAgC,IAAI;IACHL,KAAK,EAAE,CACLC,MAAM,CAACK,KAAK,EACZ;MACEC,KAAK,EAAEvB,MAAM,CAACwB;IAChB,CAAC,EACDvB,SAAS,CAACwB,YAAY,EACtBvB,cAAc,CAACoB,KAAK;EACpB,GAEDlB,CAAC,CAAC,MAAM,CACL,CACG,CAAC;AAEhB,CAAC;AAACsB,OAAA,CAAA9B,cAAA,GAAAA,cAAA;AAEF,MAAMqB,MAAM,GAAGU,uBAAU,CAACjB,MAAM,CAAC;EAC/BQ,SAAS,EAAE;IACTU,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE;IACbC,eAAe,EAAE;EACnB,CAAC;EACDR,KAAK,EAAE;IACLS,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_videoReactBindings","_ThemeContext","_videoClient","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","JoinCallButton","onJoinCallHandler","onPressHandler","theme","colors","typefaces","joinCallButton","useTheme","styles","useStyles","useI18n","useCall","onPress","join","create","error","logger","getLogger","createElement","Pressable","style","container","backgroundColor","buttonPrimary","Text","label","color","textPrimary","subtitleBold","exports","useMemo","StyleSheet","borderRadius","variants","borderRadiusSizes","lg","marginTop","spacingSizes","md","paddingVertical","sm","textAlign"],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/JoinCallButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Lobby = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _icons = require("../../../icons");
 var _videoReactBindings = require("@stream-io/video-react-bindings");
 var _Avatar = require("../../utility/Avatar");
-var _constants = require("../../../constants");
 var _reactNativeWebrtc = require("@stream-io/react-native-webrtc");
 var _LobbyControls = require("../CallControls/LobbyControls");
 var _JoinCallButton = require("./JoinCallButton");
@@ -17,7 +15,8 @@ var _ThemeContext = require("../../../contexts/ThemeContext");
 var _useCallMediaStreamCleanup = require("../../../hooks/internal/useCallMediaStreamCleanup");
 var _LobbyFooter = require("./LobbyFooter");
 var _useApplyDefaultMediaStreamSettings = require("../../../hooks/useApplyDefaultMediaStreamSettings");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Props for the Lobby Component.
  */
@@ -39,6 +38,7 @@ const Lobby = ({
       typefaces
     }
   } = (0, _ThemeContext.useTheme)();
+  const styles = useStyles(landscape);
   const connectedUser = (0, _videoReactBindings.useConnectedUser)();
   const {
     useCameraState,
@@ -61,26 +61,15 @@ const Lobby = ({
     image: connectedUser?.image,
     name: connectedUser?.name
   };
-  const landscapeStyles = {
-    flexDirection: landscape ? 'row' : 'column'
-  };
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.container, landscapeStyles, {
-      backgroundColor: colors.static_grey
-    }, lobby.container]
-  }, connectedUser && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.topContainer, lobby.topContainer]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [styles.heading, {
-      color: colors.static_white
-    }, typefaces.heading4, lobby.heading]
-  }, t('Before Joining')), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [styles.subHeading, {
-      color: colors.text_low_emphasis
-    }, typefaces.subtitle]
-  }, isVideoEnabledInCall ? t('Setup your audio and video') : t('Setup your audio')), isVideoEnabledInCall && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, lobby.container]
+  }, connectedUser && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.heading, typefaces.heading5, lobby.heading]
+  }, t('Before joining')), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.subHeading, lobby.subHeading]
+  }, t('Setup your audio and video')), isVideoEnabledInCall && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.videoContainer, {
-      backgroundColor: colors.disabled
+      backgroundColor: colors.sheetTertiary
     }, lobby.videoContainer]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.topView
@@ -93,12 +82,10 @@ const Lobby = ({
     style: [styles.avatarContainer, lobby.avatarContainer]
   }, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
     participant: connectedUserAsParticipant
-  })), /*#__PURE__*/_react.default.createElement(ParticipantStatus, null))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.bottomContainer, lobby.bottomContainer]
-  }, LobbyControls && /*#__PURE__*/_react.default.createElement(LobbyControls, null), LobbyFooter && /*#__PURE__*/_react.default.createElement(LobbyFooter, {
+  })), /*#__PURE__*/_react.default.createElement(ParticipantStatus, null))), LobbyControls && /*#__PURE__*/_react.default.createElement(LobbyControls, null), LobbyFooter && /*#__PURE__*/_react.default.createElement(LobbyFooter, {
     JoinCallButton: JoinCallButton,
     onJoinCallHandler: onJoinCallHandler
-  })));
+  }));
 };
 exports.Lobby = Lobby;
 const ParticipantStatus = () => {
@@ -106,84 +93,69 @@ const ParticipantStatus = () => {
     theme: {
       colors,
       typefaces,
-      lobby,
-      variants: {
-        iconSizes
-      }
+      lobby
     }
   } = (0, _ThemeContext.useTheme)();
+  const styles = useStyles();
   const connectedUser = (0, _videoReactBindings.useConnectedUser)();
-  const {
-    useMicrophoneState
-  } = (0, _videoReactBindings.useCallStateHooks)();
   const participantLabel = connectedUser?.name ?? connectedUser?.id;
-  const {
-    status: micStatus
-  } = useMicrophoneState();
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.participantStatusContainer, {
-      backgroundColor: colors.static_overlay
+      backgroundColor: colors.sheetOverlay
     }, lobby.participantStatusContainer]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.userNameLabel, {
-      color: colors.static_white
+      color: colors.textPrimary
     }, typefaces.caption, lobby.userNameLabel],
     numberOfLines: 1
-  }, participantLabel), (!micStatus || micStatus === 'disabled') && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.audioMutedIconContainer, {
-      height: iconSizes.xs,
-      width: iconSizes.xs
-    }, lobby.audioMutedIconContainer]
-  }, /*#__PURE__*/_react.default.createElement(_icons.MicOff, {
-    color: colors.error
-  })));
+  }, participantLabel));
+};
+const useStyles = (landscape = false) => {
+  const {
+    theme
+  } = (0, _ThemeContext.useTheme)();
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    heading: {
+      textAlign: 'center',
+      color: theme.colors.textPrimary,
+      paddingBottom: theme.variants.spacingSizes.xs
+    },
+    subHeading: {
+      textAlign: 'center',
+      paddingBottom: theme.variants.spacingSizes.md,
+      color: theme.colors.textSecondary
+    },
+    container: {
+      flex: 1,
+      justifyContent: 'center',
+      backgroundColor: theme.colors.sheetPrimary,
+      paddingRight: theme.variants.insets.right + theme.variants.spacingSizes.sm,
+      paddingLeft: theme.variants.insets.left + theme.variants.spacingSizes.sm,
+      paddingTop: theme.variants.insets.top,
+      paddingBottom: theme.variants.insets.bottom
+    },
+    videoContainer: {
+      height: landscape ? '40%' : '50%',
+      borderRadius: theme.variants.borderRadiusSizes.md,
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      overflow: 'hidden'
+    },
+    topView: {},
+    participantStatusContainer: {
+      alignSelf: 'flex-start',
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: theme.variants.spacingSizes.sm,
+      borderTopRightRadius: theme.variants.borderRadiusSizes.sm
+    },
+    avatarContainer: {
+      flex: 2,
+      justifyContent: 'center'
+    },
+    userNameLabel: {
+      flexShrink: 1
+    }
+  }), [theme, landscape]);
 };
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'space-evenly'
-  },
-  topContainer: {
-    flex: 2,
-    justifyContent: 'space-evenly',
-    paddingHorizontal: 12
-  },
-  heading: {
-    textAlign: 'center'
-  },
-  subHeading: {
-    textAlign: 'center'
-  },
-  videoContainer: {
-    height: _constants.LOBBY_VIDEO_VIEW_HEIGHT,
-    borderRadius: 20,
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    overflow: 'hidden',
-    padding: 8
-  },
-  topView: {},
-  bottomContainer: {
-    flex: 2,
-    justifyContent: 'space-evenly',
-    paddingHorizontal: 12
-  },
-  participantStatusContainer: {
-    alignSelf: 'flex-start',
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 8,
-    borderRadius: 5
-  },
-  avatarContainer: {
-    flex: 2,
-    justifyContent: 'center'
-  },
-  userNameLabel: {
-    flexShrink: 1
-  },
-  audioMutedIconContainer: {
-    marginLeft: 8
-  }
-});
 //# sourceMappingURL=Lobby.js.map