stream-chat-react-native-core 5.4.2-beta.1 → 5.4.2-beta.2

package/lib/commonjs/hooks/useAppStateListener.js

@@ -1,31 +1,25 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAppStateListener = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
 
 var _reactNative = require("react-native");
 
 var useAppStateListener = function useAppStateListener(onForeground, onBackground) {
-  var _useState = (0, _react.useState)(_reactNative.AppState.currentState),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      appState = _useState2[0],
-      setAppState = _useState2[1];
-
+  var appStateRef = (0, _react.useRef)(_reactNative.AppState.currentState);
   var handleAppStateChange = (0, _react.useCallback)(function (nextAppState) {
-    if (appState === 'background' && nextAppState === 'active' && onForeground) {
-      onForeground();
-    } else if (appState.match(/active|inactive/) && nextAppState === 'background' && onBackground) {
-      onBackground();
+    var prevAppState = appStateRef.current;
+
+    if (prevAppState.match(/inactive|background/) && nextAppState === 'active') {
+      onForeground == null ? void 0 : onForeground();
+    } else if (prevAppState === 'active' && nextAppState.match(/inactive|background/)) {
+      onBackground == null ? void 0 : onBackground();
     }
 
-    setAppState(nextAppState);
-  }, [onBackground, onForeground, appState]);
+    appStateRef.current = nextAppState;
+  }, [onBackground, onForeground]);
   (0, _react.useEffect)(function () {
     var subscription = _reactNative.AppState.addEventListener('change', handleAppStateChange);
 

package/lib/commonjs/hooks/useAppStateListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAppStateListener.ts"],"names":["useAppStateListener","onForeground","onBackground","AppState","currentState","appState","setAppState","handleAppStateChange","nextAppState","match","subscription","addEventListener","remove","removeEventListener"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,YAAD,EAA4BC,YAA5B,EAA0D;AAC3F,kBAAgC,qBAASC,sBAASC,YAAlB,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAMC,oBAAoB,GAAG,wBAC3B,UAACC,YAAD,EAAkC;AAChC,QAAIH,QAAQ,KAAK,YAAb,IAA6BG,YAAY,KAAK,QAA9C,IAA0DP,YAA9D,EAA4E;AAC1EA,MAAAA,YAAY;AACb,KAFD,MAEO,IACLI,QAAQ,CAACI,KAAT,CAAe,iBAAf,KACAD,YAAY,KAAK,YADjB,IAEAN,YAHK,EAIL;AACAA,MAAAA,YAAY;AACb;;AACDI,IAAAA,WAAW,CAACE,YAAD,CAAX;AACD,GAZ0B,EAa3B,CAACN,YAAD,EAAeD,YAAf,EAA6BI,QAA7B,CAb2B,CAA7B;AAgBA,wBAAU,YAAM;AACd,QAAMK,YAAY,GAAGP,sBAASQ,gBAAT,CAA0B,QAA1B,EAAoCJ,oBAApC,CAArB;;AAEA,WAAO,YAAM;AAGX,UAAIG,YAAJ,YAAIA,YAAY,CAAEE,MAAlB,EAA0B;AACxBF,QAAAA,YAAY,CAACE,MAAb;AACD,OAFD,MAEO;AACLT,8BAASU,mBAAT,CAA6B,QAA7B,EAAuCN,oBAAvC;AACD;AACF,KARD;AASD,GAZD,EAYG,CAACA,oBAAD,CAZH;AAaD,CA/BM","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nexport const useAppStateListener = (onForeground?: () => void, onBackground?: () => void) => {\n  const [appState, setAppState] = useState(AppState.currentState);\n  const handleAppStateChange = useCallback(\n    (nextAppState: AppStateStatus) => {\n      if (appState === 'background' && nextAppState === 'active' && onForeground) {\n        onForeground();\n      } else if (\n        appState.match(/active|inactive/) &&\n        nextAppState === 'background' &&\n        onBackground\n      ) {\n        onBackground();\n      }\n      setAppState(nextAppState);\n    },\n    [onBackground, onForeground, appState],\n  );\n\n  useEffect(() => {\n    const subscription = AppState.addEventListener('change', handleAppStateChange);\n\n    return () => {\n      // Following if-else logic is to support RN >= 0.65 and RN < 0.65 versions.\n      // https://github.com/react-native-community/releases/blob/master/CHANGELOG.md#:~:text=EventEmitter%23removeSubscription%20is%20now%20deprecated.%20(cb6cbd12f8%20by%20%40yungsters)\n      if (subscription?.remove) {\n        subscription.remove();\n      } else {\n        AppState.removeEventListener('change', handleAppStateChange);\n      }\n    };\n  }, [handleAppStateChange]);\n};\n"]}
+{"version":3,"sources":["useAppStateListener.ts"],"names":["useAppStateListener","onForeground","onBackground","appStateRef","AppState","currentState","handleAppStateChange","nextAppState","prevAppState","current","match","subscription","addEventListener","remove","removeEventListener"],"mappings":";;;;;AAAA;;AACA;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,YAAD,EAA4BC,YAA5B,EAA0D;AAC3F,MAAMC,WAAW,GAAG,mBAAOC,sBAASC,YAAhB,CAApB;AACA,MAAMC,oBAAoB,GAAG,wBAC3B,UAACC,YAAD,EAAkC;AAChC,QAAMC,YAAY,GAAGL,WAAW,CAACM,OAAjC;;AACA,QAAID,YAAY,CAACE,KAAb,CAAmB,qBAAnB,KAA6CH,YAAY,KAAK,QAAlE,EAA4E;AAC1EN,MAAAA,YAAY,QAAZ,YAAAA,YAAY;AACb,KAFD,MAEO,IAAIO,YAAY,KAAK,QAAjB,IAA6BD,YAAY,CAACG,KAAb,CAAmB,qBAAnB,CAAjC,EAA4E;AACjFR,MAAAA,YAAY,QAAZ,YAAAA,YAAY;AACb;;AACDC,IAAAA,WAAW,CAACM,OAAZ,GAAsBF,YAAtB;AACD,GAT0B,EAU3B,CAACL,YAAD,EAAeD,YAAf,CAV2B,CAA7B;AAaA,wBAAU,YAAM;AACd,QAAMU,YAAY,GAAGP,sBAASQ,gBAAT,CAA0B,QAA1B,EAAoCN,oBAApC,CAArB;;AAEA,WAAO,YAAM;AAGX,UAAIK,YAAJ,YAAIA,YAAY,CAAEE,MAAlB,EAA0B;AACxBF,QAAAA,YAAY,CAACE,MAAb;AACD,OAFD,MAEO;AACLT,8BAASU,mBAAT,CAA6B,QAA7B,EAAuCR,oBAAvC;AACD;AACF,KARD;AASD,GAZD,EAYG,CAACA,oBAAD,CAZH;AAaD,CA5BM","sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nexport const useAppStateListener = (onForeground?: () => void, onBackground?: () => void) => {\n  const appStateRef = useRef(AppState.currentState);\n  const handleAppStateChange = useCallback(\n    (nextAppState: AppStateStatus) => {\n      const prevAppState = appStateRef.current;\n      if (prevAppState.match(/inactive|background/) && nextAppState === 'active') {\n        onForeground?.();\n      } else if (prevAppState === 'active' && nextAppState.match(/inactive|background/)) {\n        onBackground?.();\n      }\n      appStateRef.current = nextAppState;\n    },\n    [onBackground, onForeground],\n  );\n\n  useEffect(() => {\n    const subscription = AppState.addEventListener('change', handleAppStateChange);\n\n    return () => {\n      // Following if-else logic is to support RN >= 0.65 and RN < 0.65 versions.\n      // https://github.com/react-native-community/releases/blob/master/CHANGELOG.md#:~:text=EventEmitter%23removeSubscription%20is%20now%20deprecated.%20(cb6cbd12f8%20by%20%40yungsters)\n      if (subscription?.remove) {\n        subscription.remove();\n      } else {\n        AppState.removeEventListener('change', handleAppStateChange);\n      }\n    };\n  }, [handleAppStateChange]);\n};\n"]}

package/lib/commonjs/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.4.2-beta.1"
+  "version": "5.4.2-beta.2"
 }