@stream-io/video-react-native-sdk 0.1.14 → 0.2.1

package/src/icons/ScreenShareIndicator.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import Svg, { Mask, Path } from 'react-native-svg';
+import { ColorValue } from 'react-native/types';
+import { IconTestIds } from '../constants/TestIds';
+
+type Props = {
+  color: ColorValue;
+};
+
+export const ScreenShareIndicator = ({ color }: Props) => {
+  return (
+    <Svg viewBox="0 0 24 24" testID={IconTestIds.SCREEN_SHARE_INDICATOR}>
+      <Mask id="path-1-inside-1_1396_84816">
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M 2 6.68176 C 2 5.57719 2.89543 4.68176 4 4.68176 H 20 C 21.1046 4.68176 22 5.57719 22 6.68176 V 16.3181 C 22 17.4227 21.1046 18.3181 20 18.3181 H 4 C 2.89543 18.3181 2 17.4227 2 16.3181 V 6.68176 Z M 10.4209 11.5243 L 8.3635 11.5 L 11.9999 7.25755 L 15.6362 11.5 L 13.5065 11.5247 V 15.7424 L 10.4209 15.7424 V 11.5243 Z"
+        />
+      </Mask>
+
+      <Path
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M 2 6.68176 C 2 5.57719 2.89543 4.68176 4 4.68176 H 20 C 21.1046 4.68176 22 5.57719 22 6.68176 V 16.3181 C 22 17.4227 21.1046 18.3181 20 18.3181 H 4 C 2.89543 18.3181 2 17.4227 2 16.3181 V 6.68176 Z M 10.4209 11.5243 L 8.3635 11.5 L 11.9999 7.25755 L 15.6362 11.5 L 13.5065 11.5247 V 15.7424 L 10.4209 15.7424 V 11.5243 Z"
+      />
+      <Path
+        mask="url(#path-1-inside-1_1396_84816)"
+        fill={color}
+        d="M 8.3635 11.5 L 6.84499 10.1984 L 4.05865 13.4491 L 8.33982 13.4998 L 8.3635 11.5 Z M 10.4209 11.5243 H 12.4209 V 9.54789 L 10.4446 9.52449 L 10.4209 11.5243 Z M 11.9999 7.25755 L 13.5184 5.95597 L 11.9999 4.18437 L 10.4814 5.95597 L 11.9999 7.25755 Z M 15.6362 11.5 L 15.6594 13.4998 L 19.9419 13.4501 L 17.1547 10.1984 L 15.6362 11.5 Z M 13.5065 11.5247 L 13.4833 9.52483 L 11.5065 9.54778 V 11.5247 H 13.5065 Z M 13.5065 15.7424 L 13.5065 17.7424 L 15.5065 17.7424 V 15.7424 H 13.5065 Z M 10.4209 15.7424 H 8.42094 V 17.7424 H 10.4209 L 10.4209 15.7424 Z M 4 2.68176 C 1.79086 2.68176 0 4.47263 0 6.68176 H 4 V 6.68176 V 2.68176 Z M 20 2.68176 H 4 V 6.68176 H 20 V 2.68176 Z M 24 6.68176 C 24 4.47262 22.2091 2.68176 20 2.68176 V 6.68176 H 24 Z M 24 16.3181 V 6.68176 H 20 V 16.3181 H 24 Z M 20 20.3181 C 22.2091 20.3181 24 18.5273 24 16.3181 H 20 V 16.3181 V 20.3181 Z M 4 20.3181 H 20 V 16.3181 H 4 V 20.3181 Z M 0 16.3181 C 0 18.5273 1.79086 20.3181 4 20.3181 V 16.3181 H 4 H 0 Z M 0 6.68176 V 16.3181 H 4 V 6.68176 H 0 Z M 8.33982 13.4998 L 10.3973 13.5242 L 10.4446 9.52449 L 8.38719 9.50012 L 8.33982 13.4998 Z M 10.4814 5.95597 L 6.84499 10.1984 L 9.88202 12.8016 L 13.5184 8.55913 L 10.4814 5.95597 Z M 17.1547 10.1984 L 13.5184 5.95597 L 10.4814 8.55913 L 14.1177 12.8016 L 17.1547 10.1984 Z M 13.5297 13.5246 L 15.6594 13.4998 L 15.613 9.50011 L 13.4833 9.52483 L 13.5297 13.5246 Z M 11.5065 11.5247 V 15.7424 H 15.5065 V 11.5247 H 11.5065 Z M 13.5065 13.7424 L 10.4209 13.7424 L 10.4209 17.7424 L 13.5065 17.7424 L 13.5065 13.7424 Z M 12.4209 15.7424 V 11.5243 H 8.42094 V 15.7424 H 12.4209 Z"
+      />
+    </Svg>
+  );
+};

package/src/icons/index.tsx

@@ -11,6 +11,7 @@ export * from './Participants';
 export * from './ThreeDots';
 export * from './PinVertical';
 export * from './Spotlight';
+export * from './ScreenShareIndicator';
 export * from './ScreenShare';
 export * from './Reaction';
 export * from './TopViewBackground';

package/src/theme/theme.ts

@@ -57,6 +57,10 @@ export type Theme = {
     container: ViewStyle;
     svgContainer: ViewStyle;
   };
+  screenShareButton: {
+    container: ViewStyle;
+    svgContainer: ViewStyle;
+  };
   toggleAudioPreviewButton: {
     container: ViewStyle;
     svgContainer: ViewStyle;
@@ -363,6 +367,10 @@ export const defaultTheme: Theme = {
     container: {},
     svgContainer: {},
   },
+  screenShareButton: {
+    container: {},
+    svgContainer: {},
+  },
   toggleAudioPreviewButton: {
     container: {},
     svgContainer: {},

package/src/translations/en.json

@@ -14,6 +14,7 @@
   "You are first to Join the call.": "You are first to Join the call.",
   "Participants ({{ numberOfParticipants }})": "Participants ({{ numberOfParticipants }})",
   "{{ userName }} is sharing their screen": "{{ userName }} is sharing their screen",
+  "You are sharing your screen": "You are sharing your screen",
   "{{ numberOfParticipants }} participant(s) are in the call.": "{{ numberOfParticipants }} participant(s) are in the call.",
   "You are about to join a call with id {{ callId }}.": "You are about to join a call with id {{ callId }}."
 }

package/src/version.ts

@@ -1 +1 @@
-export const version = '0.1.14';
+export const version = '0.2.1';