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

package/lib/commonjs/hooks/useScreenDimensions.js

@@ -7,12 +7,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _reactNative = require("react-native");
 var useScreenDimensions = function useScreenDimensions(rounded) {
-  var _useState = (0, _react.useState)(_reactNative.Dimensions.get('screen')),
+  var _useState = (0, _react.useState)(function () {
+      return _reactNative.Dimensions.get('screen');
+    }),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     screenDimensions = _useState2[0],
     setScreenDimensions = _useState2[1];
   (0, _react.useEffect)(function () {
-    var subscriptions = _reactNative.Dimensions.addEventListener('change', function (_ref) {
+    var handleChange = function handleChange(_ref) {
       var screen = _ref.screen;
       setScreenDimensions(function (prev) {
         var height = screen.height,
@@ -22,26 +24,27 @@ var useScreenDimensions = function useScreenDimensions(rounded) {
         }
         return prev;
       });
+    };
+    var subscription = _reactNative.Dimensions.addEventListener('change', handleChange);
+    handleChange({
+      screen: _reactNative.Dimensions.get('screen')
     });
     return function () {
-      return subscriptions == null ? void 0 : subscriptions.remove();
+      subscription.remove();
     };
   }, []);
-  var vw = function vw(percentageWidth) {
+  var vw = (0, _react.useCallback)(function (percentageWidth) {
     var value = screenDimensions.width * (percentageWidth / 100);
     return rounded ? Math.round(value) : value;
-  };
-  var vh = function vh(percentageHeight) {
+  }, [rounded, screenDimensions.width]);
+  var vh = (0, _react.useCallback)(function (percentageHeight) {
     var value = screenDimensions.height * (percentageHeight / 100);
     return rounded ? Math.round(value) : value;
+  }, [rounded, screenDimensions.height]);
+  return {
+    vh: vh,
+    vw: vw
   };
-  var screenDimensionFunctions = (0, _react.useMemo)(function () {
-    return {
-      vh: vh,
-      vw: vw
-    };
-  }, [vh, vw]);
-  return screenDimensionFunctions;
 };
 exports.useScreenDimensions = useScreenDimensions;
 //# sourceMappingURL=useScreenDimensions.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","useScreenDimensions","rounded","_useState","useState","Dimensions","get","_useState2","_slicedToArray2","screenDimensions","setScreenDimensions","useEffect","subscriptions","addEventListener","_ref","screen","prev","height","width","remove","vw","percentageWidth","value","Math","round","vh","percentageHeight","screenDimensionFunctions","useMemo","exports"],"sourceRoot":"../../../src","sources":["hooks/useScreenDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,OAAiB,EAAK;EACxD,IAAAC,SAAA,GAAgD,IAAAC,eAAQ,EAACC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAL,SAAA;IAA3EM,gBAAgB,GAAAF,UAAA;IAAEG,mBAAmB,GAAAH,UAAA;EAE5C,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAMC,aAAa,GAAGP,uBAAU,CAACQ,gBAAgB,CAAC,QAAQ,EAAE,UAAAC,IAAA,EAAgB;MAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;MACnEL,mBAAmB,CAAC,UAACM,IAAI,EAAK;QAC5B,IAAQC,MAAM,GAAYF,MAAM,CAAxBE,MAAM;UAAEC,KAAK,GAAKH,MAAM,CAAhBG,KAAK;QACrB,IAAIF,IAAI,CAACC,MAAM,KAAKA,MAAM,IAAID,IAAI,CAACE,KAAK,KAAKA,KAAK,EAAE;UAClD,OAAOH,MAAM;QACf;QACA,OAAOC,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;MAAA,OAAMJ,aAAa,oBAAbA,aAAa,CAAEO,MAAM,CAAC,CAAC;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;EAGN,IAAMC,EAAE,GAAG,SAALA,EAAEA,CAAIC,eAAuB,EAAK;IACtC,IAAMC,KAAK,GAAGb,gBAAgB,CAACS,KAAK,IAAIG,eAAe,GAAG,GAAG,CAAC;IAC9D,OAAOnB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAGD,IAAMG,EAAE,GAAG,SAALA,EAAEA,CAAIC,gBAAwB,EAAK;IACvC,IAAMJ,KAAK,GAAGb,gBAAgB,CAACQ,MAAM,IAAIS,gBAAgB,GAAG,GAAG,CAAC;IAChE,OAAOxB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAED,IAAMK,wBAAwB,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAO;MAAEH,EAAE,EAAFA,EAAE;MAAEL,EAAE,EAAFA;IAAG,CAAC;EAAA,CAAC,EAAE,CAACK,EAAE,EAAEL,EAAE,CAAC,CAAC;EAEtE,OAAOO,wBAAwB;AACjC,CAAC;AAACE,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","useScreenDimensions","rounded","_useState","useState","Dimensions","get","_useState2","_slicedToArray2","screenDimensions","setScreenDimensions","useEffect","handleChange","_ref","screen","prev","height","width","subscription","addEventListener","remove","vw","useCallback","percentageWidth","value","Math","round","vh","percentageHeight","exports"],"sourceRoot":"../../../src","sources":["hooks/useScreenDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,OAAiB,EAAK;EACxD,IAAAC,SAAA,GAAgD,IAAAC,eAAQ,EAAC;MAAA,OAAMC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;IAAA,EAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAL,SAAA;IAAjFM,gBAAgB,GAAAF,UAAA;IAAEG,mBAAmB,GAAAH,UAAA;EAE5C,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA2C;MAAA,IAArCC,MAAM,GAAAD,IAAA,CAANC,MAAM;MAC5BJ,mBAAmB,CAAC,UAACK,IAAI,EAAK;QAC5B,IAAQC,MAAM,GAAYF,MAAM,CAAxBE,MAAM;UAAEC,KAAK,GAAKH,MAAM,CAAhBG,KAAK;QACrB,IAAIF,IAAI,CAACC,MAAM,KAAKA,MAAM,IAAID,IAAI,CAACE,KAAK,KAAKA,KAAK,EAAE;UAClD,OAAOH,MAAM;QACf;QACA,OAAOC,IAAI;MACb,CAAC,CAAC;IACJ,CAAC;IACD,IAAMG,YAAY,GAAGb,uBAAU,CAACc,gBAAgB,CAAC,QAAQ,EAAEP,YAAY,CAAC;IAMxEA,YAAY,CAAC;MAAEE,MAAM,EAAET,uBAAU,CAACC,GAAG,CAAC,QAAQ;IAAE,CAAC,CAAC;IAElD,OAAO,YAAM;MACXY,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,EAAE,GAAG,IAAAC,kBAAW,EACpB,UAACC,eAAuB,EAAK;IAC3B,IAAMC,KAAK,GAAGf,gBAAgB,CAACQ,KAAK,IAAIM,eAAe,GAAG,GAAG,CAAC;IAC9D,OAAOrB,OAAO,GAAGuB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC,EACD,CAACtB,OAAO,EAAEO,gBAAgB,CAACQ,KAAK,CAClC,CAAC;EAED,IAAMU,EAAE,GAAG,IAAAL,kBAAW,EACpB,UAACM,gBAAwB,EAAK;IAC5B,IAAMJ,KAAK,GAAGf,gBAAgB,CAACO,MAAM,IAAIY,gBAAgB,GAAG,GAAG,CAAC;IAChE,OAAO1B,OAAO,GAAGuB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC,EACD,CAACtB,OAAO,EAAEO,gBAAgB,CAACO,MAAM,CACnC,CAAC;EAED,OAAO;IAAEW,EAAE,EAAFA,EAAE;IAAEN,EAAE,EAAFA;EAAG,CAAC;AACnB,CAAC;AAACQ,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/hooks/useViewport.js

@@ -1,47 +1,23 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useViewport = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _reactNative = require("react-native");
 var useViewport = function useViewport(rounded) {
-  var _useState = (0, _react.useState)(_reactNative.Dimensions.get('window')),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    viewportDimensions = _useState2[0],
-    setViewportDimensions = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var subscriptions = _reactNative.Dimensions.addEventListener('change', function (_ref) {
-      var window = _ref.window;
-      setViewportDimensions(function (prev) {
-        var height = window.height,
-          width = window.width;
-        if (prev.height !== height || prev.width !== width) {
-          return window;
-        }
-        return prev;
-      });
-    });
-    return function () {
-      return subscriptions == null ? void 0 : subscriptions.remove();
-    };
-  }, []);
-  var vw = function vw(percentageWidth) {
+  var viewportDimensions = (0, _reactNative.useWindowDimensions)();
+  var vw = (0, _react.useCallback)(function (percentageWidth) {
     var value = viewportDimensions.width * (percentageWidth / 100);
     return rounded ? Math.round(value) : value;
-  };
-  var vh = function vh(percentageHeight) {
+  }, [rounded, viewportDimensions.width]);
+  var vh = (0, _react.useCallback)(function (percentageHeight) {
     var value = viewportDimensions.height * (percentageHeight / 100);
     return rounded ? Math.round(value) : value;
+  }, [rounded, viewportDimensions.height]);
+  return {
+    vh: vh,
+    vw: vw
   };
-  var viewportFunctions = (0, _react.useMemo)(function () {
-    return {
-      vh: vh,
-      vw: vw
-    };
-  }, [vh, vw]);
-  return viewportFunctions;
 };
 exports.useViewport = useViewport;
 //# sourceMappingURL=useViewport.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","useViewport","rounded","_useState","useState","Dimensions","get","_useState2","_slicedToArray2","viewportDimensions","setViewportDimensions","useEffect","subscriptions","addEventListener","_ref","window","prev","height","width","remove","vw","percentageWidth","value","Math","round","vh","percentageHeight","viewportFunctions","useMemo","exports"],"sourceRoot":"../../../src","sources":["hooks/useViewport.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASO,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIC,OAAiB,EAAK;EAChD,IAAAC,SAAA,GAAoD,IAAAC,eAAQ,EAACC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAL,SAAA;IAA/EM,kBAAkB,GAAAF,UAAA;IAAEG,qBAAqB,GAAAH,UAAA;EAEhD,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAMC,aAAa,GAAGP,uBAAU,CAACQ,gBAAgB,CAAC,QAAQ,EAAE,UAAAC,IAAA,EAAgB;MAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;MACnEL,qBAAqB,CAAC,UAACM,IAAI,EAAK;QAC9B,IAAQC,MAAM,GAAYF,MAAM,CAAxBE,MAAM;UAAEC,KAAK,GAAKH,MAAM,CAAhBG,KAAK;QACrB,IAAIF,IAAI,CAACC,MAAM,KAAKA,MAAM,IAAID,IAAI,CAACE,KAAK,KAAKA,KAAK,EAAE;UAClD,OAAOH,MAAM;QACf;QACA,OAAOC,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;MAAA,OAAMJ,aAAa,oBAAbA,aAAa,CAAEO,MAAM,CAAC,CAAC;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;EAGN,IAAMC,EAAE,GAAG,SAALA,EAAEA,CAAIC,eAAuB,EAAK;IACtC,IAAMC,KAAK,GAAGb,kBAAkB,CAACS,KAAK,IAAIG,eAAe,GAAG,GAAG,CAAC;IAChE,OAAOnB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAGD,IAAMG,EAAE,GAAG,SAALA,EAAEA,CAAIC,gBAAwB,EAAK;IACvC,IAAMJ,KAAK,GAAGb,kBAAkB,CAACQ,MAAM,IAAIS,gBAAgB,GAAG,GAAG,CAAC;IAClE,OAAOxB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAED,IAAMK,iBAAiB,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAO;MAAEH,EAAE,EAAFA,EAAE;MAAEL,EAAE,EAAFA;IAAG,CAAC;EAAA,CAAC,EAAE,CAACK,EAAE,EAAEL,EAAE,CAAC,CAAC;EAE/D,OAAOO,iBAAiB;AAC1B,CAAC;AAACE,OAAA,CAAA5B,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","useViewport","rounded","viewportDimensions","useWindowDimensions","vw","useCallback","percentageWidth","value","width","Math","round","vh","percentageHeight","height","exports"],"sourceRoot":"../../../src","sources":["hooks/useViewport.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASO,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIC,OAAiB,EAAK;EAChD,IAAMC,kBAAkB,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEhD,IAAMC,EAAE,GAAG,IAAAC,kBAAW,EACpB,UAACC,eAAuB,EAAK;IAC3B,IAAMC,KAAK,GAAGL,kBAAkB,CAACM,KAAK,IAAIF,eAAe,GAAG,GAAG,CAAC;IAChE,OAAOL,OAAO,GAAGQ,IAAI,CAACC,KAAK,CAACH,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC,EACD,CAACN,OAAO,EAAEC,kBAAkB,CAACM,KAAK,CACpC,CAAC;EAED,IAAMG,EAAE,GAAG,IAAAN,kBAAW,EACpB,UAACO,gBAAwB,EAAK;IAC5B,IAAML,KAAK,GAAGL,kBAAkB,CAACW,MAAM,IAAID,gBAAgB,GAAG,GAAG,CAAC;IAClE,OAAOX,OAAO,GAAGQ,IAAI,CAACC,KAAK,CAACH,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC,EACD,CAACN,OAAO,EAAEC,kBAAkB,CAACW,MAAM,CACrC,CAAC;EAED,OAAO;IAAEF,EAAE,EAAFA,EAAE;IAAEP,EAAE,EAAFA;EAAG,CAAC;AACnB,CAAC;AAACU,OAAA,CAAAd,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/commonjs/version.json

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

package/lib/module/hooks/useScreenDimensions.js

@@ -7,12 +7,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _reactNative = require("react-native");
 var useScreenDimensions = function useScreenDimensions(rounded) {
-  var _useState = (0, _react.useState)(_reactNative.Dimensions.get('screen')),
+  var _useState = (0, _react.useState)(function () {
+      return _reactNative.Dimensions.get('screen');
+    }),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     screenDimensions = _useState2[0],
     setScreenDimensions = _useState2[1];
   (0, _react.useEffect)(function () {
-    var subscriptions = _reactNative.Dimensions.addEventListener('change', function (_ref) {
+    var handleChange = function handleChange(_ref) {
       var screen = _ref.screen;
       setScreenDimensions(function (prev) {
         var height = screen.height,
@@ -22,26 +24,27 @@ var useScreenDimensions = function useScreenDimensions(rounded) {
         }
         return prev;
       });
+    };
+    var subscription = _reactNative.Dimensions.addEventListener('change', handleChange);
+    handleChange({
+      screen: _reactNative.Dimensions.get('screen')
     });
     return function () {
-      return subscriptions == null ? void 0 : subscriptions.remove();
+      subscription.remove();
     };
   }, []);
-  var vw = function vw(percentageWidth) {
+  var vw = (0, _react.useCallback)(function (percentageWidth) {
     var value = screenDimensions.width * (percentageWidth / 100);
     return rounded ? Math.round(value) : value;
-  };
-  var vh = function vh(percentageHeight) {
+  }, [rounded, screenDimensions.width]);
+  var vh = (0, _react.useCallback)(function (percentageHeight) {
     var value = screenDimensions.height * (percentageHeight / 100);
     return rounded ? Math.round(value) : value;
+  }, [rounded, screenDimensions.height]);
+  return {
+    vh: vh,
+    vw: vw
   };
-  var screenDimensionFunctions = (0, _react.useMemo)(function () {
-    return {
-      vh: vh,
-      vw: vw
-    };
-  }, [vh, vw]);
-  return screenDimensionFunctions;
 };
 exports.useScreenDimensions = useScreenDimensions;
 //# sourceMappingURL=useScreenDimensions.js.map

package/lib/module/hooks/useScreenDimensions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","useScreenDimensions","rounded","_useState","useState","Dimensions","get","_useState2","_slicedToArray2","screenDimensions","setScreenDimensions","useEffect","subscriptions","addEventListener","_ref","screen","prev","height","width","remove","vw","percentageWidth","value","Math","round","vh","percentageHeight","screenDimensionFunctions","useMemo","exports"],"sourceRoot":"../../../src","sources":["hooks/useScreenDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,OAAiB,EAAK;EACxD,IAAAC,SAAA,GAAgD,IAAAC,eAAQ,EAACC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAL,SAAA;IAA3EM,gBAAgB,GAAAF,UAAA;IAAEG,mBAAmB,GAAAH,UAAA;EAE5C,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAMC,aAAa,GAAGP,uBAAU,CAACQ,gBAAgB,CAAC,QAAQ,EAAE,UAAAC,IAAA,EAAgB;MAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;MACnEL,mBAAmB,CAAC,UAACM,IAAI,EAAK;QAC5B,IAAQC,MAAM,GAAYF,MAAM,CAAxBE,MAAM;UAAEC,KAAK,GAAKH,MAAM,CAAhBG,KAAK;QACrB,IAAIF,IAAI,CAACC,MAAM,KAAKA,MAAM,IAAID,IAAI,CAACE,KAAK,KAAKA,KAAK,EAAE;UAClD,OAAOH,MAAM;QACf;QACA,OAAOC,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;MAAA,OAAMJ,aAAa,oBAAbA,aAAa,CAAEO,MAAM,CAAC,CAAC;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;EAGN,IAAMC,EAAE,GAAG,SAALA,EAAEA,CAAIC,eAAuB,EAAK;IACtC,IAAMC,KAAK,GAAGb,gBAAgB,CAACS,KAAK,IAAIG,eAAe,GAAG,GAAG,CAAC;IAC9D,OAAOnB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAGD,IAAMG,EAAE,GAAG,SAALA,EAAEA,CAAIC,gBAAwB,EAAK;IACvC,IAAMJ,KAAK,GAAGb,gBAAgB,CAACQ,MAAM,IAAIS,gBAAgB,GAAG,GAAG,CAAC;IAChE,OAAOxB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAED,IAAMK,wBAAwB,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAO;MAAEH,EAAE,EAAFA,EAAE;MAAEL,EAAE,EAAFA;IAAG,CAAC;EAAA,CAAC,EAAE,CAACK,EAAE,EAAEL,EAAE,CAAC,CAAC;EAEtE,OAAOO,wBAAwB;AACjC,CAAC;AAACE,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","useScreenDimensions","rounded","_useState","useState","Dimensions","get","_useState2","_slicedToArray2","screenDimensions","setScreenDimensions","useEffect","handleChange","_ref","screen","prev","height","width","subscription","addEventListener","remove","vw","useCallback","percentageWidth","value","Math","round","vh","percentageHeight","exports"],"sourceRoot":"../../../src","sources":["hooks/useScreenDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,OAAiB,EAAK;EACxD,IAAAC,SAAA,GAAgD,IAAAC,eAAQ,EAAC;MAAA,OAAMC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;IAAA,EAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAL,SAAA;IAAjFM,gBAAgB,GAAAF,UAAA;IAAEG,mBAAmB,GAAAH,UAAA;EAE5C,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA2C;MAAA,IAArCC,MAAM,GAAAD,IAAA,CAANC,MAAM;MAC5BJ,mBAAmB,CAAC,UAACK,IAAI,EAAK;QAC5B,IAAQC,MAAM,GAAYF,MAAM,CAAxBE,MAAM;UAAEC,KAAK,GAAKH,MAAM,CAAhBG,KAAK;QACrB,IAAIF,IAAI,CAACC,MAAM,KAAKA,MAAM,IAAID,IAAI,CAACE,KAAK,KAAKA,KAAK,EAAE;UAClD,OAAOH,MAAM;QACf;QACA,OAAOC,IAAI;MACb,CAAC,CAAC;IACJ,CAAC;IACD,IAAMG,YAAY,GAAGb,uBAAU,CAACc,gBAAgB,CAAC,QAAQ,EAAEP,YAAY,CAAC;IAMxEA,YAAY,CAAC;MAAEE,MAAM,EAAET,uBAAU,CAACC,GAAG,CAAC,QAAQ;IAAE,CAAC,CAAC;IAElD,OAAO,YAAM;MACXY,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,EAAE,GAAG,IAAAC,kBAAW,EACpB,UAACC,eAAuB,EAAK;IAC3B,IAAMC,KAAK,GAAGf,gBAAgB,CAACQ,KAAK,IAAIM,eAAe,GAAG,GAAG,CAAC;IAC9D,OAAOrB,OAAO,GAAGuB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC,EACD,CAACtB,OAAO,EAAEO,gBAAgB,CAACQ,KAAK,CAClC,CAAC;EAED,IAAMU,EAAE,GAAG,IAAAL,kBAAW,EACpB,UAACM,gBAAwB,EAAK;IAC5B,IAAMJ,KAAK,GAAGf,gBAAgB,CAACO,MAAM,IAAIY,gBAAgB,GAAG,GAAG,CAAC;IAChE,OAAO1B,OAAO,GAAGuB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC,EACD,CAACtB,OAAO,EAAEO,gBAAgB,CAACO,MAAM,CACnC,CAAC;EAED,OAAO;IAAEW,EAAE,EAAFA,EAAE;IAAEN,EAAE,EAAFA;EAAG,CAAC;AACnB,CAAC;AAACQ,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/module/hooks/useViewport.js

@@ -1,47 +1,23 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useViewport = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _reactNative = require("react-native");
 var useViewport = function useViewport(rounded) {
-  var _useState = (0, _react.useState)(_reactNative.Dimensions.get('window')),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    viewportDimensions = _useState2[0],
-    setViewportDimensions = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var subscriptions = _reactNative.Dimensions.addEventListener('change', function (_ref) {
-      var window = _ref.window;
-      setViewportDimensions(function (prev) {
-        var height = window.height,
-          width = window.width;
-        if (prev.height !== height || prev.width !== width) {
-          return window;
-        }
-        return prev;
-      });
-    });
-    return function () {
-      return subscriptions == null ? void 0 : subscriptions.remove();
-    };
-  }, []);
-  var vw = function vw(percentageWidth) {
+  var viewportDimensions = (0, _reactNative.useWindowDimensions)();
+  var vw = (0, _react.useCallback)(function (percentageWidth) {
     var value = viewportDimensions.width * (percentageWidth / 100);
     return rounded ? Math.round(value) : value;
-  };
-  var vh = function vh(percentageHeight) {
+  }, [rounded, viewportDimensions.width]);
+  var vh = (0, _react.useCallback)(function (percentageHeight) {
     var value = viewportDimensions.height * (percentageHeight / 100);
     return rounded ? Math.round(value) : value;
+  }, [rounded, viewportDimensions.height]);
+  return {
+    vh: vh,
+    vw: vw
   };
-  var viewportFunctions = (0, _react.useMemo)(function () {
-    return {
-      vh: vh,
-      vw: vw
-    };
-  }, [vh, vw]);
-  return viewportFunctions;
 };
 exports.useViewport = useViewport;
 //# sourceMappingURL=useViewport.js.map

package/lib/module/hooks/useViewport.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","useViewport","rounded","_useState","useState","Dimensions","get","_useState2","_slicedToArray2","viewportDimensions","setViewportDimensions","useEffect","subscriptions","addEventListener","_ref","window","prev","height","width","remove","vw","percentageWidth","value","Math","round","vh","percentageHeight","viewportFunctions","useMemo","exports"],"sourceRoot":"../../../src","sources":["hooks/useViewport.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASO,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIC,OAAiB,EAAK;EAChD,IAAAC,SAAA,GAAoD,IAAAC,eAAQ,EAACC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAL,SAAA;IAA/EM,kBAAkB,GAAAF,UAAA;IAAEG,qBAAqB,GAAAH,UAAA;EAEhD,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAMC,aAAa,GAAGP,uBAAU,CAACQ,gBAAgB,CAAC,QAAQ,EAAE,UAAAC,IAAA,EAAgB;MAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;MACnEL,qBAAqB,CAAC,UAACM,IAAI,EAAK;QAC9B,IAAQC,MAAM,GAAYF,MAAM,CAAxBE,MAAM;UAAEC,KAAK,GAAKH,MAAM,CAAhBG,KAAK;QACrB,IAAIF,IAAI,CAACC,MAAM,KAAKA,MAAM,IAAID,IAAI,CAACE,KAAK,KAAKA,KAAK,EAAE;UAClD,OAAOH,MAAM;QACf;QACA,OAAOC,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO;MAAA,OAAMJ,aAAa,oBAAbA,aAAa,CAAEO,MAAM,CAAC,CAAC;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;EAGN,IAAMC,EAAE,GAAG,SAALA,EAAEA,CAAIC,eAAuB,EAAK;IACtC,IAAMC,KAAK,GAAGb,kBAAkB,CAACS,KAAK,IAAIG,eAAe,GAAG,GAAG,CAAC;IAChE,OAAOnB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAGD,IAAMG,EAAE,GAAG,SAALA,EAAEA,CAAIC,gBAAwB,EAAK;IACvC,IAAMJ,KAAK,GAAGb,kBAAkB,CAACQ,MAAM,IAAIS,gBAAgB,GAAG,GAAG,CAAC;IAClE,OAAOxB,OAAO,GAAGqB,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC;EAED,IAAMK,iBAAiB,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAO;MAAEH,EAAE,EAAFA,EAAE;MAAEL,EAAE,EAAFA;IAAG,CAAC;EAAA,CAAC,EAAE,CAACK,EAAE,EAAEL,EAAE,CAAC,CAAC;EAE/D,OAAOO,iBAAiB;AAC1B,CAAC;AAACE,OAAA,CAAA5B,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","useViewport","rounded","viewportDimensions","useWindowDimensions","vw","useCallback","percentageWidth","value","width","Math","round","vh","percentageHeight","height","exports"],"sourceRoot":"../../../src","sources":["hooks/useViewport.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASO,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIC,OAAiB,EAAK;EAChD,IAAMC,kBAAkB,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEhD,IAAMC,EAAE,GAAG,IAAAC,kBAAW,EACpB,UAACC,eAAuB,EAAK;IAC3B,IAAMC,KAAK,GAAGL,kBAAkB,CAACM,KAAK,IAAIF,eAAe,GAAG,GAAG,CAAC;IAChE,OAAOL,OAAO,GAAGQ,IAAI,CAACC,KAAK,CAACH,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC,EACD,CAACN,OAAO,EAAEC,kBAAkB,CAACM,KAAK,CACpC,CAAC;EAED,IAAMG,EAAE,GAAG,IAAAN,kBAAW,EACpB,UAACO,gBAAwB,EAAK;IAC5B,IAAML,KAAK,GAAGL,kBAAkB,CAACW,MAAM,IAAID,gBAAgB,GAAG,GAAG,CAAC;IAClE,OAAOX,OAAO,GAAGQ,IAAI,CAACC,KAAK,CAACH,KAAK,CAAC,GAAGA,KAAK;EAC5C,CAAC,EACD,CAACN,OAAO,EAAEC,kBAAkB,CAACW,MAAM,CACrC,CAAC;EAED,OAAO;IAAEF,EAAE,EAAFA,EAAE;IAAEP,EAAE,EAAFA;EAAG,CAAC;AACnB,CAAC;AAACU,OAAA,CAAAd,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/module/version.json

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

package/lib/typescript/hooks/useScreenDimensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScreenDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useScreenDimensions.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO;2BAwBrB,MAAM;0BANP,MAAM;CAcpC,CAAC"}
+{"version":3,"file":"useScreenDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useScreenDimensions.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO;2BAmC9B,MAAM;0BARP,MAAM;CAgB3B,CAAC"}

package/lib/typescript/hooks/useViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useViewport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useViewport.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,aAAc,OAAO;2BAwBb,MAAM;0BANP,MAAM;CAcpC,CAAC"}
+{"version":3,"file":"useViewport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useViewport.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,aAAc,OAAO;2BAYtB,MAAM;0BARP,MAAM;CAgB3B,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.37.1-beta.1",
+  "version": "5.37.1-beta.2",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/hooks/useScreenDimensions.ts

@@ -1,5 +1,5 @@
-import { useEffect, useMemo, useState } from 'react';
-import { Dimensions } from 'react-native';
+import { useCallback, useEffect, useState } from 'react';
+import { Dimensions, ScaledSize } from 'react-native';
 
 /**
  * A custom hook that provides functions to calculate dimensions based on
@@ -9,10 +9,10 @@ import { Dimensions } from 'react-native';
  * @returns {Object} An object containing functions vh and vw.
  */
 export const useScreenDimensions = (rounded?: boolean) => {
-  const [screenDimensions, setScreenDimensions] = useState(Dimensions.get('screen'));
+  const [screenDimensions, setScreenDimensions] = useState(() => Dimensions.get('screen'));
 
   useEffect(() => {
-    const subscriptions = Dimensions.addEventListener('change', ({ screen }) => {
+    const handleChange = ({ screen }: { screen: ScaledSize }) => {
       setScreenDimensions((prev) => {
         const { height, width } = screen;
         if (prev.height !== height || prev.width !== width) {
@@ -20,24 +20,35 @@ export const useScreenDimensions = (rounded?: boolean) => {
         }
         return prev;
       });
-    });
+    };
+    const subscription = Dimensions.addEventListener('change', handleChange);
 
-    return () => subscriptions?.remove();
-  }, []);
+    // We might have missed an update between calling `get` in render and
+    // `addEventListener` in this handler, so we set it here. If there was
+    // no change, React will filter out this update as a no-op.
+    // pattern ref: react-native-repo/packages/react-native/Libraries/Utilities/useWindowDimensions.js
+    handleChange({ screen: Dimensions.get('screen') });
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const vw = (percentageWidth: number) => {
-    const value = screenDimensions.width * (percentageWidth / 100);
-    return rounded ? Math.round(value) : value;
-  };
+    return () => {
+      subscription.remove();
+    };
+  }, []);
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const vh = (percentageHeight: number) => {
-    const value = screenDimensions.height * (percentageHeight / 100);
-    return rounded ? Math.round(value) : value;
-  };
+  const vw = useCallback(
+    (percentageWidth: number) => {
+      const value = screenDimensions.width * (percentageWidth / 100);
+      return rounded ? Math.round(value) : value;
+    },
+    [rounded, screenDimensions.width],
+  );
 
-  const screenDimensionFunctions = useMemo(() => ({ vh, vw }), [vh, vw]);
+  const vh = useCallback(
+    (percentageHeight: number) => {
+      const value = screenDimensions.height * (percentageHeight / 100);
+      return rounded ? Math.round(value) : value;
+    },
+    [rounded, screenDimensions.height],
+  );
 
-  return screenDimensionFunctions;
+  return { vh, vw };
 };

package/src/hooks/useViewport.ts

@@ -1,5 +1,5 @@
-import { useEffect, useMemo, useState } from 'react';
-import { Dimensions } from 'react-native';
+import { useCallback } from 'react';
+import { useWindowDimensions } from 'react-native';
 
 /**
  * A custom hook that provides functions to calculate dimensions based on
@@ -9,35 +9,23 @@ import { Dimensions } from 'react-native';
  * @returns {Object} An object containing functions vh and vw.
  */
 export const useViewport = (rounded?: boolean) => {
-  const [viewportDimensions, setViewportDimensions] = useState(Dimensions.get('window'));
+  const viewportDimensions = useWindowDimensions();
 
-  useEffect(() => {
-    const subscriptions = Dimensions.addEventListener('change', ({ window }) => {
-      setViewportDimensions((prev) => {
-        const { height, width } = window;
-        if (prev.height !== height || prev.width !== width) {
-          return window;
-        }
-        return prev;
-      });
-    });
+  const vw = useCallback(
+    (percentageWidth: number) => {
+      const value = viewportDimensions.width * (percentageWidth / 100);
+      return rounded ? Math.round(value) : value;
+    },
+    [rounded, viewportDimensions.width],
+  );
 
-    return () => subscriptions?.remove();
-  }, []);
+  const vh = useCallback(
+    (percentageHeight: number) => {
+      const value = viewportDimensions.height * (percentageHeight / 100);
+      return rounded ? Math.round(value) : value;
+    },
+    [rounded, viewportDimensions.height],
+  );
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const vw = (percentageWidth: number) => {
-    const value = viewportDimensions.width * (percentageWidth / 100);
-    return rounded ? Math.round(value) : value;
-  };
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const vh = (percentageHeight: number) => {
-    const value = viewportDimensions.height * (percentageHeight / 100);
-    return rounded ? Math.round(value) : value;
-  };
-
-  const viewportFunctions = useMemo(() => ({ vh, vw }), [vh, vw]);
-
-  return viewportFunctions;
+  return { vh, vw };
 };

package/src/version.json

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