@stream-io/video-react-bindings 0.1.5 → 0.1.7

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.1.7](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.1.6...@stream-io/video-react-bindings-0.1.7) (2023-07-26)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `0.1.0`
+### [0.1.6](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.1.5...@stream-io/video-react-bindings-0.1.6) (2023-07-21)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `0.1.0`
+
+### Bug Fixes
+
+* strict mode issue ([#740](https://github.com/GetStream/stream-video-js/issues/740)) ([c39e4e4](https://github.com/GetStream/stream-video-js/commit/c39e4e4041a2326393478ad808b2aa791d50f8ce))
+
 ### [0.1.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.1.4...@stream-io/video-react-bindings-0.1.5) (2023-07-21)
 
 ### Dependency Updates

package/dist/src/contexts/StreamI18nContext.d.ts

@@ -4,13 +4,13 @@ type StreamI18nContextValue = {
     t: StreamI18n['t'];
     i18n?: StreamI18n;
 };
-export type StreamI18nProviderProps = CreateI18nParams;
-export declare const StreamI18nProvider: ({ children, ...createI18nParams }: PropsWithChildren<StreamI18nProviderProps>) => import("react/jsx-runtime").JSX.Element;
 type CreateI18nParams = {
     i18nInstance?: StreamI18n;
     language?: string;
     translationsOverrides?: TranslationsMap;
 };
+export type StreamI18nProviderProps = CreateI18nParams;
+export declare const StreamI18nProvider: ({ children, ...createI18nParams }: PropsWithChildren<StreamI18nProviderProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const useCreateI18n: ({ i18nInstance, language, translationsOverrides, }: CreateI18nParams) => {
     i18n: StreamI18n;
     t: import("@stream-io/i18n").TranslatorFunction;

package/dist/src/contexts/StreamI18nContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StreamI18nContext.js","sourceRoot":"","sources":["../../../src/contexts/StreamI18nContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,aAAa,EAEb,UAAU,EACV,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,0BAA0B,EAC1B,UAAU,GAEX,MAAM,iBAAiB,CAAC;AAOzB,MAAM,iBAAiB,GAAG,aAAa,CAAyB;IAC9D,CAAC,EAAE,0BAA0B;CAC9B,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAGU,EAAE,EAAE;QAHd,EACjC,QAAQ,OAEmC,EADxC,gBAAgB,cAFc,YAGlC,CADoB;IAEnB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,gBAC3C,QAAQ,IACkB,CAC9B,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,QAAQ,EACR,qBAAqB,GACJ,EAAE,EAAE;IACrB,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CACrB,GAAG,EAAE,CACH,YAAY;QACZ,IAAI,UAAU,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC,CACvE,CAAC;IACF,MAAM,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CACpC,GAAG,EAAE,CAAC,0BAA0B,CACjC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,aAAa,IAAI,QAAQ,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,eAAe,MAAK,QAAQ,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;SAC/B;aAAM,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAC9B,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,cAAc,EAAE,CAAC;YACrC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE1D,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"StreamI18nContext.js","sourceRoot":"","sources":["../../../src/contexts/StreamI18nContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,aAAa,EAEb,UAAU,EACV,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,0BAA0B,EAC1B,UAAU,GAEX,MAAM,iBAAiB,CAAC;AAOzB,MAAM,iBAAiB,GAAG,aAAa,CAAyB;IAC9D,CAAC,EAAE,0BAA0B;CAC9B,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAGU,EAAE,EAAE;QAHd,EACjC,QAAQ,OAEmC,EADxC,gBAAgB,cAFc,YAGlC,CADoB;IAEnB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,gBAC3C,QAAQ,IACkB,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,QAAQ,EACR,qBAAqB,GACJ,EAAE,EAAE;IACrB,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CACrB,GAAG,EAAE,CACH,YAAY;QACZ,IAAI,UAAU,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC,CACvE,CAAC;IACF,MAAM,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CACpC,GAAG,EAAE,CAAC,0BAA0B,CACjC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,aAAa,IAAI,QAAQ,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,eAAe,MAAK,QAAQ,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;SAC/B;aAAM,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAC9B,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,cAAc,EAAE,CAAC;YACrC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE1D,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/src/contexts/StreamVideoContext.d.ts

@@ -14,7 +14,7 @@ export type StreamVideoProps = StreamI18nProviderProps & {
  *  @param PropsWithChildren<StreamVideoProps>
  *  @category Client State
  */
-export declare const StreamVideo: ({ children, client, i18nInstance, language, translationsOverrides, }: PropsWithChildren<StreamVideoProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const StreamVideoProvider: ({ children, client, i18nInstance, language, translationsOverrides, }: PropsWithChildren<StreamVideoProps>) => import("react/jsx-runtime").JSX.Element;
 /**
  *
  * @returns

package/dist/src/contexts/StreamVideoContext.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useRef, } from 'react';
+import { createContext, useContext } from 'react';
 import { StreamI18nProvider, } from './StreamI18nContext';
 const StreamVideoContext = createContext(undefined);
 /**
@@ -8,20 +8,7 @@ const StreamVideoContext = createContext(undefined);
  *  @param PropsWithChildren<StreamVideoProps>
  *  @category Client State
  */
-export const StreamVideo = ({ children, client, i18nInstance, language, translationsOverrides, }) => {
-    const prevClient = useRef(undefined);
-    useEffect(() => {
-        if (client.user) {
-            client
-                .connectUser()
-                .catch((error) => console.error('Failed to establish connection', error));
-        }
-        prevClient.current = client;
-        return () => {
-            var _a;
-            (_a = prevClient.current) === null || _a === void 0 ? void 0 : _a.disconnectUser().catch((error) => console.error(`Failed to disconnect`, error));
-        };
-    }, [client]);
+export const StreamVideoProvider = ({ children, client, i18nInstance, language, translationsOverrides, }) => {
     return (_jsx(StreamVideoContext.Provider, Object.assign({ value: client }, { children: _jsx(StreamI18nProvider, Object.assign({ i18nInstance: i18nInstance, language: language, translationsOverrides: translationsOverrides }, { children: children })) })));
 };
 /**

package/dist/src/contexts/StreamVideoContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StreamVideoContext.js","sourceRoot":"","sources":["../../../src/contexts/StreamVideoContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EAEb,UAAU,EACV,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,kBAAkB,GAEnB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,kBAAkB,GAAG,aAAa,CACtC,SAAS,CACV,CAAC;AAUF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,qBAAqB,GACe,EAAE,EAAE;IACxC,MAAM,UAAU,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,MAAM;iBACH,WAAW,EAAE;iBACb,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CACf,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CACvD,CAAC;SACL;QAED,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC;QAE5B,OAAO,GAAG,EAAE;;YACV,MAAA,UAAU,CAAC,OAAO,0CACd,cAAc,GACf,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,kBAAC,KAAK,EAAE,MAAM,gBACxC,KAAC,kBAAkB,kBACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,gBAE3C,QAAQ,IACU,IACO,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AACxC,CAAC,CAAC"}
+{"version":3,"file":"StreamVideoContext.js","sourceRoot":"","sources":["../../../src/contexts/StreamVideoContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EACL,kBAAkB,GAEnB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,kBAAkB,GAAG,aAAa,CACtC,SAAS,CACV,CAAC;AAUF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,qBAAqB,GACe,EAAE,EAAE;IACxC,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,kBAAC,KAAK,EAAE,MAAM,gBACxC,KAAC,kBAAkB,kBACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,gBAE3C,QAAQ,IACU,IACO,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AACxC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-bindings",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "packageManager": "yarn@3.2.4",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,12 +24,12 @@
   },
   "peerDependencies": {
     "@stream-io/i18n": "^0.1.1",
-    "@stream-io/video-client": "^0.1.4",
+    "@stream-io/video-client": "^0.1.6",
     "react": ">=17.0.0"
   },
   "devDependencies": {
     "@stream-io/i18n": "^0.1.1",
-    "@stream-io/video-client": "^0.1.4",
+    "@stream-io/video-client": "^0.1.6",
     "@types/react": "^18.0.26",
     "@types/rimraf": "^3.0.2",
     "react": "^18.2.0",

package/src/contexts/StreamI18nContext.tsx

@@ -20,6 +20,12 @@ const StreamI18nContext = createContext<StreamI18nContextValue>({
   t: defaultTranslationFunction,
 });
 
+type CreateI18nParams = {
+  i18nInstance?: StreamI18n;
+  language?: string;
+  translationsOverrides?: TranslationsMap;
+};
+
 export type StreamI18nProviderProps = CreateI18nParams;
 
 export const StreamI18nProvider = ({
@@ -35,12 +41,6 @@ export const StreamI18nProvider = ({
   );
 };
 
-type CreateI18nParams = {
-  i18nInstance?: StreamI18n;
-  language?: string;
-  translationsOverrides?: TranslationsMap;
-};
-
 export const useCreateI18n = ({
   i18nInstance,
   language,

package/src/contexts/StreamVideoContext.tsx

@@ -1,10 +1,4 @@
-import {
-  createContext,
-  PropsWithChildren,
-  useContext,
-  useEffect,
-  useRef,
-} from 'react';
+import { createContext, PropsWithChildren, useContext } from 'react';
 import { StreamVideoClient } from '@stream-io/video-client';
 import {
   StreamI18nProvider,
@@ -29,33 +23,13 @@ export type StreamVideoProps = StreamI18nProviderProps & {
  *  @param PropsWithChildren<StreamVideoProps>
  *  @category Client State
  */
-export const StreamVideo = ({
+export const StreamVideoProvider = ({
   children,
   client,
   i18nInstance,
   language,
   translationsOverrides,
 }: PropsWithChildren<StreamVideoProps>) => {
-  const prevClient = useRef<StreamVideoClient | undefined>(undefined);
-
-  useEffect(() => {
-    if (client.user) {
-      client
-        .connectUser()
-        .catch((error) =>
-          console.error('Failed to establish connection', error),
-        );
-    }
-
-    prevClient.current = client;
-
-    return () => {
-      prevClient.current
-        ?.disconnectUser()
-        .catch((error) => console.error(`Failed to disconnect`, error));
-    };
-  }, [client]);
-
   return (
     <StreamVideoContext.Provider value={client}>
       <StreamI18nProvider