diff --git a/packages/client/CHANGELOG.md b/packages/client/CHANGELOG.md index 4a0622dd3a..cdf6bda4a5 100644 --- a/packages/client/CHANGELOG.md +++ b/packages/client/CHANGELOG.md @@ -2,6 +2,13 @@ This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver). +## [1.10.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.10.3...@stream-io/video-client-1.10.4) (2024-11-07) + + +### Bug Fixes + +* max simulcast layers preference ([#1560](https://github.com/GetStream/stream-video-js/issues/1560)) ([2b0bf28](https://github.com/GetStream/stream-video-js/commit/2b0bf2824dce41c2709e361e0521cf85e1b2fd16)) + ## [1.10.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.10.2...@stream-io/video-client-1.10.3) (2024-11-05) diff --git a/packages/client/package.json b/packages/client/package.json index 62c2802418..f4e0ade93a 100644 --- a/packages/client/package.json +++ b/packages/client/package.json @@ -1,6 +1,6 @@ { "name": "@stream-io/video-client", - "version": "1.10.3", + "version": "1.10.4", "packageManager": "yarn@3.2.4", "main": "dist/index.cjs.js", "module": "dist/index.es.js", diff --git a/packages/react-bindings/CHANGELOG.md b/packages/react-bindings/CHANGELOG.md index 74987cebe5..b54ae48d90 100644 --- a/packages/react-bindings/CHANGELOG.md +++ b/packages/react-bindings/CHANGELOG.md @@ -2,6 +2,11 @@ This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver). +## [1.1.15](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-1.1.14...@stream-io/video-react-bindings-1.1.15) (2024-11-07) + +### Dependency Updates + +* `@stream-io/video-client` updated to version `1.10.4` ## [1.1.14](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-1.1.13...@stream-io/video-react-bindings-1.1.14) (2024-11-05) ### Dependency Updates diff --git a/packages/react-bindings/package.json b/packages/react-bindings/package.json index 186dce2fb8..30aed0e021 100644 --- a/packages/react-bindings/package.json +++ b/packages/react-bindings/package.json @@ -1,6 +1,6 @@ { "name": "@stream-io/video-react-bindings", - "version": "1.1.14", + "version": "1.1.15", "packageManager": "yarn@3.2.4", "main": "./dist/index.cjs.js", "module": "./dist/index.es.js", diff --git a/packages/react-native-sdk/CHANGELOG.md b/packages/react-native-sdk/CHANGELOG.md index 33baa3873d..4b69976d4b 100644 --- a/packages/react-native-sdk/CHANGELOG.md +++ b/packages/react-native-sdk/CHANGELOG.md @@ -2,6 +2,12 @@ This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver). +## [1.2.13](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.2.12...@stream-io/video-react-native-sdk-1.2.13) (2024-11-07) + +### Dependency Updates + +* `@stream-io/video-client` updated to version `1.10.4` +* `@stream-io/video-react-bindings` updated to version `1.1.15` ## [1.2.12](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.2.11...@stream-io/video-react-native-sdk-1.2.12) (2024-11-05) ### Dependency Updates diff --git a/packages/react-native-sdk/docusaurus/docs/reactnative/05-ui-cookbook/19-call-quality-rating.mdx b/packages/react-native-sdk/docusaurus/docs/reactnative/05-ui-cookbook/19-call-quality-rating.mdx new file mode 100644 index 0000000000..ea569029fd --- /dev/null +++ b/packages/react-native-sdk/docusaurus/docs/reactnative/05-ui-cookbook/19-call-quality-rating.mdx @@ -0,0 +1,120 @@ +--- +id: call-quality-rating +title: Call Quality Rating +--- + +## Introduction + +In this guide, we are going to show how one can build a call quality rating form on top of our React Native Video SDK. +It is a good practice to ask your end users about their overall experience after the end of the call or, while being in a call. + +Here is a preview of the component we are going to build: +![Preview of the UI](../assets/05-ui-cookbook/19-call-quality-rating/feedback.png) + +## Submit Feedback API + +Our React Native Video SDK provides an API for collecting this feedback which later can be seen in the call stats section of our dashboard. + +```ts +await call.submitFeedback( + rating, // a rating grade from 1 - 5, + { + reason: '', // optional reason message + custom: { + // ... any extra properties that you wish to collect + }, + } +); +``` + +## Implementation + +```tsx +import React, { useState } from 'react'; +import { + View, + Text, + TouchableOpacity, + StyleSheet, + Modal, + Image, +} from 'react-native'; +import { useCall } from '@stream-io/video-react-native-sdk'; +import Star from '../assets/Star'; +import Close from '../assets/Close'; + +const FeedbackModal: = () => { + const call = useCall(); + const [selectedRating, setSelectedRating] = useState(null); + + const handleRatingPress = (rating: number) => { + setSelectedRating(rating); + await call + ?.submitFeedback(Math.min(Math.max(1, rating), 5), { + reason: '', + }) + .catch((err) => console.warn('Failed to submit call feedback', err)); + }; + + return ( + + + + + + + + + + + + + + + We Value Your Feedback! + + Tell us about your video call experience. + + + + {[1, 2, 3, 4, 5].map((rating) => ( + handleRatingPress(rating)} + style={[styles.ratingButton]} + > + = rating + ? colors.iconAlertSuccess + : colors.typeSecondary + } + /> + + ))} + + + + Very Bad + + + Very Good + + + + + + ); +}; +``` + +:::note +For simplicity, the StyleSheet is not included in this guide. +::: diff --git a/packages/react-native-sdk/docusaurus/docs/reactnative/assets/05-ui-cookbook/19-call-quality-rating/feedback.png b/packages/react-native-sdk/docusaurus/docs/reactnative/assets/05-ui-cookbook/19-call-quality-rating/feedback.png new file mode 100644 index 0000000000..26abb8bbe6 Binary files /dev/null and b/packages/react-native-sdk/docusaurus/docs/reactnative/assets/05-ui-cookbook/19-call-quality-rating/feedback.png differ diff --git a/packages/react-native-sdk/package.json b/packages/react-native-sdk/package.json index 2acae63ee7..0e6703d9e0 100644 --- a/packages/react-native-sdk/package.json +++ b/packages/react-native-sdk/package.json @@ -1,6 +1,6 @@ { "name": "@stream-io/video-react-native-sdk", - "version": "1.2.12", + "version": "1.2.13", "packageManager": "yarn@3.2.4", "main": "dist/commonjs/index.js", "module": "dist/module/index.js", diff --git a/packages/react-sdk/CHANGELOG.md b/packages/react-sdk/CHANGELOG.md index 04c16de107..eb3022910c 100644 --- a/packages/react-sdk/CHANGELOG.md +++ b/packages/react-sdk/CHANGELOG.md @@ -2,6 +2,12 @@ This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver). +## [1.7.10](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.7.9...@stream-io/video-react-sdk-1.7.10) (2024-11-07) + +### Dependency Updates + +* `@stream-io/video-client` updated to version `1.10.4` +* `@stream-io/video-react-bindings` updated to version `1.1.15` ## [1.7.9](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.7.8...@stream-io/video-react-sdk-1.7.9) (2024-11-05) ### Dependency Updates diff --git a/packages/react-sdk/package.json b/packages/react-sdk/package.json index a5efd1262b..a4ec1e566e 100644 --- a/packages/react-sdk/package.json +++ b/packages/react-sdk/package.json @@ -1,6 +1,6 @@ { "name": "@stream-io/video-react-sdk", - "version": "1.7.9", + "version": "1.7.10", "packageManager": "yarn@3.2.4", "main": "./dist/index.cjs.js", "module": "./dist/index.es.js", diff --git a/sample-apps/react-native/dogfood/package.json b/sample-apps/react-native/dogfood/package.json index 3fa00576d5..a3a63ac3b6 100644 --- a/sample-apps/react-native/dogfood/package.json +++ b/sample-apps/react-native/dogfood/package.json @@ -1,6 +1,6 @@ { "name": "@stream-io/video-react-native-dogfood", - "version": "4.4.12", + "version": "4.4.13", "private": true, "scripts": { "android": "react-native run-android",