@daily-co/react-native-daily-js 0.36.0 → 0.39.0

package/README.md

@@ -15,11 +15,13 @@ Install `react-native-daily-js` along with its peer dependencies:
 
 ```bash
 npm i @daily-co/react-native-daily-js @react-native-async-storage/async-storage@^1.15.7 react-native-background-timer@^2.3.1
-npm i --save-exact @daily-co/react-native-webrtc@1.94.1-daily.8
+npm i --save-exact @daily-co/react-native-webrtc@106.0.6-daily.1
 ```
 
 Then, follow the below steps to set up your native project on each platform. **Note that these steps assume you're using a version of React Native that supports autolinking (>= 60).**
 
+> If your project uses [Expo](https://expo.dev/), use the [`config-plugin-rn-daily-js` configuration package](https://www.npmjs.com/package/@daily-co/config-plugin-rn-daily-js) instead of the following steps.
+
 ### iOS
 
 Update the `platform` in your `Podfile`, since `@daily-co/react-native-webrtc` only works on iOS 11 and above:

package/dist/DailyMediaView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ViewStyle } from 'react-native';
 import { MediaStreamTrack, RTCViewProps } from '@daily-co/react-native-webrtc';
-declare type Props = {
+type Props = {
     videoTrack: MediaStreamTrack | null;
     audioTrack: MediaStreamTrack | null;
     mirror?: RTCViewProps['mirror'];

package/dist/DailyMediaView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -24,8 +28,8 @@ var react_1 = require("react");
 var react_native_1 = require("react-native");
 var react_native_webrtc_1 = require("@daily-co/react-native-webrtc");
 function DailyMediaView(props) {
-    var _a = react_1.useState(null), stream = _a[0], setStream = _a[1];
-    react_1.useEffect(function () {
+    var _a = (0, react_1.useState)(null), stream = _a[0], setStream = _a[1];
+    (0, react_1.useEffect)(function () {
         var tracks = [props.videoTrack, props.audioTrack].filter(function (t) { return t; });
         var stream = tracks.length > 0 ? new react_native_webrtc_1.MediaStream(tracks) : null;
         setStream(stream);
@@ -37,8 +41,8 @@ function DailyMediaView(props) {
     // and in fact triggers a bug where if it's hidden while in the background
     // it gets "stuck" in the hidden state.
     style={props.videoTrack || react_native_1.Platform.OS === 'android'
-        ? props.style
-        : { display: 'none' }}/>) : null;
+            ? props.style
+            : { display: 'none' }}/>) : null;
     // provide empty placeholder when no video is playing, to try to avoid
     // messing with any layout that depends on this DailyMediaView's style
     var placeholderView = props.videoTrack ? null : (<react_native_1.View style={props.style}/>);

package/dist/iOSCallObjectBundleCache.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react-native" />
-declare type CacheResponse = {
+type CacheResponse = {
     code?: string;
     refetchHeaders?: Headers;
 };

package/dist/iOSCallObjectBundleCache.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -47,7 +47,7 @@ var FIELD_BUNDLE_ETAG = 'etag';
 var REQUIRED_FIELDS = [FIELD_BUNDLE_CODE, FIELD_CACHE_EXPIRY];
 var DEFAULT_EXPIRY_MS = 60 * 1000;
 function cacheKeyForUrl(url) {
-    return "callobj_bundle_" + url;
+    return "callobj_bundle_".concat(url);
 }
 /**
  * A workaround for the fact that the iOS HTTP cache won't cache the call
@@ -79,7 +79,7 @@ var iOSCallObjectBundleCache = /** @class */ (function () {
                         for (_i = 0, REQUIRED_FIELDS_1 = REQUIRED_FIELDS; _i < REQUIRED_FIELDS_1.length; _i++) {
                             field = REQUIRED_FIELDS_1[_i];
                             if (!cacheItem[field]) {
-                                throw new Error("Missing call object bundle cache item field: " + field);
+                                throw new Error("Missing call object bundle cache item field: ".concat(field));
                             }
                         }
                         // If cache expired, return headers needed to conditionally fetch the

package/dist/index.js

@@ -12,13 +12,17 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -70,7 +74,7 @@ function setupEventListeners() {
 }
 function setupGlobals() {
     // WebRTC APIs + global `window` object
-    react_native_webrtc_1.registerGlobals();
+    (0, react_native_webrtc_1.registerGlobals)();
     // A shim to prevent errors in call machine bundle (not ideal)
     global.window.addEventListener = function () { };
     // A workaround for iOS HTTP cache not caching call object bundle due to size

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daily-co/react-native-daily-js",
-  "version": "0.36.0",
+  "version": "0.39.0",
   "description": "React Native library for making video calls using Daily",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,19 +26,19 @@
     "baseUrl": "https://github.com/daily-co/react-native-daily-js"
   },
   "dependencies": {
-    "@daily-co/daily-js": "^0.38.0",
+    "@daily-co/daily-js": "^0.41.0",
     "@types/react-native-background-timer": "^2.0.0",
     "react-native-url-polyfill": "^1.1.2"
   },
   "peerDependencies": {
-    "@daily-co/react-native-webrtc": "1.94.1-daily.8",
+    "@daily-co/react-native-webrtc": "^106.0.6-daily.1",
     "@react-native-async-storage/async-storage": "^1.15.7",
     "react-native-background-timer": "^2.3.1"
   },
   "devDependencies": {
-    "@daily-co/react-native-webrtc": "1.94.1-daily.8",
+    "@daily-co/react-native-webrtc": "^106.0.6-daily.1",
     "@react-native-async-storage/async-storage": "^1.15.7",
     "react-native-background-timer": "^2.3.1",
-    "typescript": "^3.8.3"
+    "typescript": "^4.8.4"
   }
 }

package/type-overrides/@daily-co/daily-js/index.d.ts

@@ -64,6 +64,7 @@ export type DailyEvent =
   | 'error'
   | 'nonfatal-error'
   | 'live-streaming-started'
+  | 'live-streaming-updated'
   | 'live-streaming-stopped'
   | 'live-streaming-error'
   | 'remote-media-player-started'
@@ -124,6 +125,7 @@ export interface DailyBrowserInfo {
   supportsScreenShare: boolean;
   supportsSfu: boolean;
   supportsVideoProcessing: boolean;
+  supportsAudioProcessing: boolean;
 }
 
 export interface DailyCallOptions {
@@ -145,6 +147,10 @@ export interface DailyLoadOptions extends DailyCallOptions {
   baseUrl?: string;
 }
 
+export interface DailyFactoryOptions extends DailyCallOptions {
+  strictMode?: boolean; // only available at constructor time
+}
+
 export interface CamSimulcastEncoding {
   maxBitrate: number;
   maxFramerate?: number;
@@ -266,7 +272,9 @@ export interface DailyWaitingParticipant {
 
 export type DailyTrackSubscriptionState = 'staged' | boolean;
 
-export type DailyCustomTrackSubscriptionState = DailyTrackSubscriptionState | { [name: string]: DailyTrackSubscriptionState };
+export type DailyCustomTrackSubscriptionState =
+  | DailyTrackSubscriptionState
+  | { [name: string]: DailyTrackSubscriptionState };
 
 export type DailyTrackSubscriptionOptions =
   | DailyTrackSubscriptionState
@@ -342,6 +350,7 @@ export interface DailyRoomInfo {
     enable_chat?: boolean;
     enable_knocking?: boolean;
     enable_network_ui?: boolean;
+    enable_noise_cancellation_ui?: boolean;
     enable_people_ui?: boolean;
     enable_pip_ui?: boolean;
     enable_hand_raising?: boolean;
@@ -376,6 +385,7 @@ export interface DailyRoomInfo {
     enable_breakout_rooms?: boolean;
     enable_emoji_reactions?: boolean;
     enable_network_ui?: boolean;
+    enable_noise_cancellation_ui?: boolean;
     enable_people_ui?: boolean;
     enable_pip_ui?: boolean;
     enable_hand_raising?: boolean;
@@ -584,6 +594,14 @@ export interface DailyEventObjectTrack {
   action: Extract<DailyEvent, 'track-started' | 'track-stopped'>;
   participant: DailyParticipant | null; // null if participant left meeting
   track: MediaStreamTrack;
+  type:
+    | 'video'
+    | 'audio'
+    | 'screenVideo'
+    | 'screenAudio'
+    | 'rmpVideo'
+    | 'rmpAudio'
+    | string; // string - for custom tracks
 }
 
 export interface DailyEventObjectRecordingStarted {
@@ -652,6 +670,12 @@ export interface DailyEventObjectLiveStreamingStarted {
   layout?: DailyStreamingLayoutConfig;
   instanceId?: string;
 }
+export interface DailyEventObjectLiveStreamingUpdated {
+  action: Extract<DailyEvent, 'live-streaming-updated'>;
+  endpoint?: DailyStreamingEndpoint;
+  state: DailyStreamingState;
+  instanceId?: string;
+}
 
 export interface DailyEventObjectLiveStreamingStopped {
   action: Extract<DailyEvent, 'live-streaming-stopped'>;
@@ -702,6 +726,12 @@ export type DailyEventObject<T extends DailyEvent = any> =
     ? DailyEventObjectGenericError
     : T extends DailyEventObjectParticipants['action']
     ? DailyEventObjectParticipants
+    : T extends DailyEventObjectLiveStreamingStarted['action']
+    ? DailyEventObjectLiveStreamingStarted
+    : T extends DailyEventObjectLiveStreamingUpdated['action']
+    ? DailyEventObjectLiveStreamingUpdated
+    : T extends DailyEventObjectLiveStreamingStopped['action']
+    ? DailyEventObjectLiveStreamingStopped
     : T extends DailyEventObjectLiveStreamingError['action']
     ? DailyEventObjectLiveStreamingError
     : T extends DailyEventObjectParticipant['action']
@@ -720,6 +750,10 @@ export type DailyEventObject<T extends DailyEvent = any> =
     ? DailyEventObjectTrack
     : T extends DailyEventObjectRecordingStarted['action']
     ? DailyEventObjectRecordingStarted
+    : T extends DailyEventObjectRecordingStopped['action']
+    ? DailyEventObjectRecordingStopped
+    : T extends DailyEventObjectRecordingError['action']
+    ? DailyEventObjectRecordingError
     : T extends DailyEventObjectRemoteMediaPlayerUpdate['action']
     ? DailyEventObjectRemoteMediaPlayerUpdate
     : T extends DailyEventObjectRemoteMediaPlayerStopped['action']
@@ -739,7 +773,8 @@ export type DailyEventObject<T extends DailyEvent = any> =
 export type DailyNativeInCallAudioMode = 'video' | 'voice';
 
 export interface DailyCallFactory {
-  createCallObject(properties?: DailyCallOptions): DailyCall;
+  createCallObject(properties?: DailyFactoryOptions): DailyCall;
+  getCallInstance(): DailyCall;
 }
 
 export interface DailyCallStaticUtils {
@@ -788,6 +823,8 @@ export type DailyStreamingLayoutConfig =
   | DailyStreamingPortraitLayoutConfig
   | DailyStreamingCustomLayoutConfig;
 
+export type DailyStreamingState = 'connected' | 'interrupted';
+
 export type DailyRemoteMediaPlayerSettingPlay = 'play';
 export type DailyRemoteMediaPlayerSettingPause = 'pause';
 
@@ -877,13 +914,14 @@ export interface DailyTranscriptionDeepgramOptions {
   model?: string;
   tier?: string;
   profanity_filter?: boolean;
-  redact?: boolean;
+  redact?: Array<string> | boolean;
 }
 
 export interface DailyCall {
   join(properties?: DailyCallOptions): Promise<DailyParticipantsObject | void>;
   leave(): Promise<void>;
   destroy(): Promise<void>;
+  isDestroyed(): boolean;
   meetingState(): DailyMeetingState;
   accessState(): DailyAccessState;
   participants(): DailyParticipantsObject;