stream-chat-react-native-core 9.0.0-beta.3 → 9.0.0-beta.31

package/lib/commonjs/components/ThreadList/ThreadListUnreadBanner.js

@@ -10,7 +10,7 @@ var _reactNative = require("react-native");
 var _contexts = require("../../contexts");
 var _hooks = require("../../hooks");
 var _icons = require("../../icons");
-var _ExclamationCircle = require("../../icons/ExclamationCircle");
+var _exclamationCircleFill = require("../../icons/exclamation-circle-fill");
 var _theme = require("../../theme");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
@@ -73,7 +73,7 @@ var ThreadListUnreadBanner = exports.ThreadListUnreadBanner = function ThreadLis
   if (error) {
     return (0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.container,
-      children: [(0, _jsxRuntime.jsx)(_ExclamationCircle.ExclamationCircle, {
+      children: [(0, _jsxRuntime.jsx)(_exclamationCircleFill.ExclamationCircle, {
         stroke: semantics.textSecondary,
         height: 20,
         width: 20
@@ -88,7 +88,7 @@ var ThreadListUnreadBanner = exports.ThreadListUnreadBanner = function ThreadLis
     style: function style(_ref2) {
       var pressed = _ref2.pressed;
       return [styles.container, {
-        backgroundColor: pressed ? semantics.backgroundUtilityPressed : semantics.backgroundCoreSurface
+        backgroundColor: pressed ? semantics.backgroundUtilityPressed : semantics.backgroundCoreSurfaceDefault
       }];
     },
     children: [(0, _jsxRuntime.jsx)(_icons.Reload, {
@@ -117,7 +117,7 @@ var useStyles = function useStyles() {
         lineHeight: _theme.primitives.typographyLineHeightTight
       }, threadListUnreadBanner.text),
       container: Object.assign({
-        backgroundColor: semantics.backgroundCoreSurface,
+        backgroundColor: semantics.backgroundCoreSurfaceDefault,
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'center',

package/lib/commonjs/components/ThreadList/ThreadListUnreadBanner.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_contexts","_hooks","_icons","_ExclamationCircle","_theme","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","selector","nextValue","unseenThreadIds","ThreadListUnreadBanner","exports","_useState","useState","_useState2","_slicedToArray2","loading","setLoading","_useState3","_useState4","error","setError","_useChatContext","useChatContext","client","_useTranslationContex","useTranslationContext","_useTheme","useTheme","semantics","theme","styles","useStyles","_useStateStore","useStateStore","threads","state","length","handlePress","_ref","_asyncToGenerator2","reload","err","apply","arguments","jsxs","View","style","container","children","jsx","Loading","height","width","Text","text","ExclamationCircle","stroke","textSecondary","Pressable","onPress","_ref2","pressed","backgroundColor","backgroundUtilityPressed","backgroundCoreSurface","Reload","count","_useTheme2","_useTheme2$theme","threadListUnreadBanner","useMemo","StyleSheet","create","assign","color","fontSize","primitives","typographyFontSizeXs","fontWeight","typographyFontWeightSemiBold","lineHeight","typographyLineHeightTight","flexDirection","alignItems","justifyContent","padding","spacingSm","gap","spacingXs"],"sourceRoot":"../../../../src","sources":["components/ThreadList/ThreadListUnreadBanner.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_contexts","_hooks","_icons","_exclamationCircleFill","_theme","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","selector","nextValue","unseenThreadIds","ThreadListUnreadBanner","exports","_useState","useState","_useState2","_slicedToArray2","loading","setLoading","_useState3","_useState4","error","setError","_useChatContext","useChatContext","client","_useTranslationContex","useTranslationContext","_useTheme","useTheme","semantics","theme","styles","useStyles","_useStateStore","useStateStore","threads","state","length","handlePress","_ref","_asyncToGenerator2","reload","err","apply","arguments","jsxs","View","style","container","children","jsx","Loading","height","width","Text","text","ExclamationCircle","stroke","textSecondary","Pressable","onPress","_ref2","pressed","backgroundColor","backgroundUtilityPressed","backgroundCoreSurfaceDefault","Reload","count","_useTheme2","_useTheme2$theme","threadListUnreadBanner","useMemo","StyleSheet","create","assign","color","fontSize","primitives","typographyFontSizeXs","fontWeight","typographyFontWeightSemiBold","lineHeight","typographyLineHeightTight","flexDirection","alignItems","justifyContent","padding","spacingSm","gap","spacingXs"],"sourceRoot":"../../../../src","sources":["components/ThreadList/ThreadListUnreadBanner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/UIComponents/BottomSheetModal.js

@@ -9,22 +9,26 @@ var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _BottomSheetModal = require("./BottomSheetModal.utils");
 var _BottomSheetContext = require("../../contexts/bottomSheetContext/BottomSheetContext");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _hooks = require("../../hooks");
+var _theme = require("../../theme");
 var _KeyboardControllerAvoidingView = require("../KeyboardCompatibleView/KeyboardControllerAvoidingView");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/UIComponents/BottomSheetModal.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var BottomSheetModal = exports.BottomSheetModal = function BottomSheetModal(props) {
+var BottomSheetModalInner = function BottomSheetModalInner(props) {
   var _useWindowDimensions = (0, _reactNative.useWindowDimensions)(),
     windowHeight = _useWindowDimensions.height;
   var _useSafeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)(),
     topInset = _useSafeAreaInsets.top,
     bottomInset = _useSafeAreaInsets.bottom;
   var children = props.children,
+    _props$enableDynamicS = props.enableDynamicSizing,
+    enableDynamicSizing = _props$enableDynamicS === void 0 ? false : _props$enableDynamicS,
     _props$height = props.height,
     height = _props$height === void 0 ? windowHeight / 2 : _props$height,
     onClose = props.onClose,
@@ -39,16 +43,30 @@ var BottomSheetModal = exports.BottomSheetModal = function BottomSheetModal(prop
     overlayTheme = _useTheme$theme$botto.overlay;
   var styles = useStyles();
   var maxHeight = Math.max(0, windowHeight - topInset - (_reactNative.Platform.OS === 'android' ? bottomInset + 16 : 0));
-  var baseHeight = Math.min(height, maxHeight);
-  var snapPoints = (0, _react.useMemo)(function () {
-    return [baseHeight, maxHeight];
+  var fixedBaseHeight = Math.min(height, maxHeight);
+  var contentHeight = (0, _reactNativeReanimated.useSharedValue)(undefined);
+  var baseHeight = (0, _reactNativeReanimated.useDerivedValue)(function () {
+    return (0, _BottomSheetModal.getBottomSheetBaseHeight)({
+      contentHeight: contentHeight.value,
+      enableDynamicSizing: enableDynamicSizing,
+      height: height,
+      maxHeight: maxHeight
+    });
+  }, [contentHeight, enableDynamicSizing, height, maxHeight]);
+  var topSnapIndex = (0, _reactNativeReanimated.useDerivedValue)(function () {
+    return (0, _BottomSheetModal.getBottomSheetTopSnapIndex)({
+      baseHeight: baseHeight.value,
+      maxHeight: maxHeight
+    });
   }, [baseHeight, maxHeight]);
-  var translateY = (0, _reactNativeReanimated.useSharedValue)(maxHeight);
+  var sheetTranslateY = (0, _reactNativeReanimated.useSharedValue)(maxHeight);
   var keyboardOffset = (0, _reactNativeReanimated.useSharedValue)(0);
   var currentSnapIndex = (0, _reactNativeReanimated.useSharedValue)(0);
   var isOpen = (0, _reactNativeReanimated.useSharedValue)(false);
   var isOpening = (0, _reactNativeReanimated.useSharedValue)(false);
-  var panStartY = (0, _reactNativeReanimated.useSharedValue)(0);
+  var panStartTranslateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  var hasCommittedVisibilityRef = (0, _react.useRef)(false);
+  var wasVisibleRef = (0, _react.useRef)(false);
   var _useState = (0, _react.useState)(!lazy),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     renderContent = _useState2[0],
@@ -58,247 +76,327 @@ var BottomSheetModal = exports.BottomSheetModal = function BottomSheetModal(prop
       setRenderContent(true);
     }
   });
-  var hideContent = (0, _hooks.useStableCallback)(function () {
-    if (lazy) {
-      setRenderContent(false);
+  var handleDynamicContentLayout = (0, _hooks.useStableCallback)(function (event) {
+    if (!enableDynamicSizing) {
+      return;
+    }
+    var nextContentHeight = Math.ceil(event.nativeEvent.layout.height);
+    if (contentHeight.value === nextContentHeight) {
+      return;
+    }
+    contentHeight.value = nextContentHeight;
+  });
+  var open = (0, _hooks.useStableCallback)(function () {
+    var shouldShowContentAfterOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    sheetTranslateY.value = (0, _reactNativeReanimated.withTiming)(maxHeight - fixedBaseHeight, {
+      duration: 250,
+      easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)
+    }, function (finished) {
+      if (!finished) return;
+      isOpening.value = false;
+      if (shouldShowContentAfterOpen) {
+        (0, _reactNativeReanimated.runOnJS)(showContent)();
+      }
+    });
+  });
+  var finishClose = (0, _hooks.useStableCallback)(function (closeAnimationFinishedCallback) {
+    onClose();
+    if (closeAnimationFinishedCallback) {
+      _reactNative.Platform.OS === 'ios' ? closeAnimationFinishedCallback() : setTimeout(function () {
+        return closeAnimationFinishedCallback();
+      }, 100);
     }
   });
+  var closeFromGesture = (0, _hooks.useStableCallback)(function () {
+    requestAnimationFrame(function () {
+      isOpen.value = false;
+      isOpening.value = false;
+      sheetTranslateY.value = (0, _reactNativeReanimated.withTiming)(maxHeight, {
+        duration: 250,
+        easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)
+      }, function (finished) {
+        if (finished) {
+          (0, _reactNativeReanimated.runOnJS)(onClose)();
+        }
+      });
+    });
+  });
   var close = (0, _hooks.useStableCallback)(function (closeAnimationFinishedCallback) {
-    hideContent();
+    if (!visible || !isOpen.value) {
+      return;
+    }
     isOpen.value = false;
     isOpening.value = false;
-    (0, _reactNativeReanimated.cancelAnimation)(translateY);
-    var closeCallback = function closeCallback() {
-      onClose();
-      if (closeAnimationFinishedCallback) {
-        _reactNative.Platform.OS === 'ios' ? closeAnimationFinishedCallback() : setTimeout(function () {
-          return closeAnimationFinishedCallback();
-        }, 100);
-      }
-    };
-    translateY.value = (0, _reactNativeReanimated.withTiming)(maxHeight, {
+    sheetTranslateY.value = (0, _reactNativeReanimated.withTiming)(maxHeight, {
       duration: 250,
       easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)
     }, function (finished) {
-      if (finished) (0, _reactNativeReanimated.runOnJS)(closeCallback)();
+      if (finished) {
+        (0, _reactNativeReanimated.runOnJS)(finishClose)(closeAnimationFinishedCallback);
+      }
     });
   });
   (0, _react.useLayoutEffect)(function () {
-    if (!visible) return;
+    var wasVisible = hasCommittedVisibilityRef.current ? wasVisibleRef.current : false;
+    hasCommittedVisibilityRef.current = true;
+    wasVisibleRef.current = visible;
+    if (!visible || wasVisible) {
+      return;
+    }
     isOpen.value = true;
     isOpening.value = true;
     currentSnapIndex.value = 0;
-    (0, _reactNativeReanimated.cancelAnimation)(translateY);
-    translateY.value = maxHeight;
-    var initialTarget = keyboardOffset.value + (maxHeight - snapPoints[currentSnapIndex.value]);
-    translateY.value = (0, _reactNativeReanimated.withTiming)(initialTarget, {
+    sheetTranslateY.value = maxHeight;
+    if (enableDynamicSizing) {
+      setRenderContent(true);
+      return;
+    }
+    open();
+  }, [enableDynamicSizing, visible, isOpen, isOpening, maxHeight, open, sheetTranslateY, currentSnapIndex]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(function () {
+    if (!visible || !enableDynamicSizing || !isOpening.value || contentHeight.value === undefined) {
+      return undefined;
+    }
+    return (0, _BottomSheetModal.getBottomSheetSnapPointTranslateY)({
+      baseHeight: baseHeight.value,
+      maxHeight: maxHeight,
+      snapIndex: 0
+    });
+  }, function (nextTranslateY, prevTranslateY) {
+    if (nextTranslateY === undefined || nextTranslateY === prevTranslateY) {
+      return;
+    }
+    sheetTranslateY.value = (0, _reactNativeReanimated.withTiming)(nextTranslateY, {
       duration: 250,
       easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)
     }, function (finished) {
-      if (!finished) return;
-      isOpening.value = false;
-      (0, _reactNativeReanimated.runOnJS)(showContent)();
-      var latestTarget = keyboardOffset.value + (maxHeight - snapPoints[currentSnapIndex.value]);
-      if (latestTarget !== initialTarget && isOpen.value) {
-        (0, _reactNativeReanimated.cancelAnimation)(translateY);
-        translateY.value = (0, _reactNativeReanimated.withTiming)(latestTarget, {
-          duration: 250,
-          easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
-        });
+      if (finished) {
+        isOpening.value = false;
       }
     });
-  }, [visible, hideContent, isOpen, isOpening, keyboardOffset, maxHeight, snapPoints, showContent, translateY, currentSnapIndex]);
+  }, [baseHeight, contentHeight, enableDynamicSizing, isOpening, maxHeight, sheetTranslateY, visible]);
   (0, _react.useEffect)(function () {
     if (visible) return;
     isOpen.value = false;
     isOpening.value = false;
     keyboardOffset.value = 0;
     currentSnapIndex.value = 0;
-    (0, _reactNativeReanimated.cancelAnimation)(translateY);
-    translateY.value = maxHeight;
-  }, [visible, maxHeight, isOpen, isOpening, keyboardOffset, translateY, currentSnapIndex]);
-  var keyboardDidShowRN = (0, _hooks.useStableCallback)(function (event) {
-    var offset = -event.endCoordinates.height;
-    keyboardOffset.value = offset;
-    if (!isOpen.value || isOpening.value) return;
-    (0, _reactNativeReanimated.cancelAnimation)(translateY);
-    translateY.value = (0, _reactNativeReanimated.withTiming)(offset + (maxHeight - snapPoints[currentSnapIndex.value]), {
+    sheetTranslateY.value = maxHeight;
+    contentHeight.value = undefined;
+    setRenderContent(!lazy);
+  }, [contentHeight, visible, lazy, isOpen, isOpening, keyboardOffset, maxHeight, sheetTranslateY, currentSnapIndex]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(function () {
+    if (!visible || !isOpen.value || isOpening.value) {
+      return undefined;
+    }
+    var clampedSnapIndex = Math.min(currentSnapIndex.value, topSnapIndex.value);
+    return {
+      snapIndex: clampedSnapIndex,
+      translateY: (0, _BottomSheetModal.getBottomSheetSnapPointTranslateY)({
+        baseHeight: baseHeight.value,
+        maxHeight: maxHeight,
+        snapIndex: clampedSnapIndex
+      })
+    };
+  }, function (nextTarget) {
+    if (!nextTarget) {
+      return;
+    }
+    if (currentSnapIndex.value !== nextTarget.snapIndex) {
+      currentSnapIndex.value = nextTarget.snapIndex;
+    }
+    if (Math.abs(sheetTranslateY.value - nextTarget.translateY) < 1) {
+      return;
+    }
+    sheetTranslateY.value = (0, _reactNativeReanimated.withTiming)(nextTarget.translateY, {
       duration: 250,
       easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
     });
-  });
-  var keyboardDidHide = (0, _hooks.useStableCallback)(function () {
-    keyboardOffset.value = 0;
-    if (!isOpen.value || isOpening.value) return;
-    (0, _reactNativeReanimated.cancelAnimation)(translateY);
-    translateY.value = (0, _reactNativeReanimated.withTiming)(maxHeight - snapPoints[currentSnapIndex.value], {
+  }, [baseHeight, currentSnapIndex, isOpen, isOpening, maxHeight, sheetTranslateY, topSnapIndex, visible]);
+  var animateKeyboardOffset = (0, _hooks.useStableCallback)(function (offset) {
+    keyboardOffset.value = (0, _reactNativeReanimated.withTiming)(offset, {
       duration: 250,
       easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
     });
   });
+  var keyboardDidShowRN = (0, _hooks.useStableCallback)(function (event) {
+    animateKeyboardOffset(event.endCoordinates.height);
+  });
+  var keyboardDidHide = (0, _hooks.useStableCallback)(function () {
+    animateKeyboardOffset(0);
+  });
   (0, _react.useEffect)(function () {
     if (!visible) return;
     var listeners = [];
     if (_KeyboardControllerAvoidingView.KeyboardControllerPackage != null && _KeyboardControllerAvoidingView.KeyboardControllerPackage.KeyboardEvents) {
       var keyboardDidShowKC = function keyboardDidShowKC(event) {
-        var offset = -event.height;
-        keyboardOffset.value = offset;
-        if (!isOpen.value || isOpening.value) return;
-        (0, _reactNativeReanimated.cancelAnimation)(translateY);
-        translateY.value = (0, _reactNativeReanimated.withTiming)(offset + (maxHeight - snapPoints[currentSnapIndex.value]), {
-          duration: 250,
-          easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
-        });
+        animateKeyboardOffset(event.height);
       };
       listeners.push(_KeyboardControllerAvoidingView.KeyboardControllerPackage.KeyboardEvents.addListener('keyboardDidShow', keyboardDidShowKC), _KeyboardControllerAvoidingView.KeyboardControllerPackage.KeyboardEvents.addListener('keyboardDidHide', keyboardDidHide));
-    } else {
-      listeners.push(_reactNative.Keyboard.addListener('keyboardDidShow', keyboardDidShowRN));
-      listeners.push(_reactNative.Keyboard.addListener('keyboardDidHide', keyboardDidHide));
+    } else if (_reactNative.Platform.OS === 'ios') {
+      listeners.push(_reactNative.Keyboard.addListener('keyboardWillShow', keyboardDidShowRN));
+      listeners.push(_reactNative.Keyboard.addListener('keyboardWillHide', keyboardDidHide));
     }
     return function () {
       return listeners.forEach(function (l) {
         return l.remove();
       });
     };
-  }, [visible, keyboardDidHide, keyboardDidShowRN, keyboardOffset, isOpen, isOpening, translateY, maxHeight, snapPoints, currentSnapIndex]);
-  var sheetAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+  }, [visible, animateKeyboardOffset, keyboardDidHide, keyboardDidShowRN]);
+  var sheetViewportAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
     return {
       transform: [{
-        translateY: translateY.value
-      }],
-      paddingBottom: translateY.value
+        translateY: sheetTranslateY.value - keyboardOffset.value
+      }]
     };
   });
-  var backdropThreshold = baseHeight;
   var overlayAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
-    var visibleHeight = Math.max(0, maxHeight - (translateY.value - keyboardOffset.value));
-    var threshold = Math.max(1, Math.min(backdropThreshold, maxHeight));
+    var visibleHeight = Math.max(0, maxHeight - sheetTranslateY.value);
+    var threshold = Math.max(1, Math.min(baseHeight.value, maxHeight));
     var progress = Math.min(1, visibleHeight / threshold);
     return {
       opacity: progress
     };
-  });
-  var snapPointsTranslateY = (0, _react.useMemo)(function () {
-    return snapPoints.map(function (point) {
-      return maxHeight - point;
-    });
-  }, [maxHeight, snapPoints]);
+  }, [baseHeight, maxHeight]);
   var panGesture = (0, _react.useMemo)(function () {
     return _reactNativeGestureHandler.Gesture.Pan().enabled(renderContent).onBegin(function () {
-      (0, _reactNativeReanimated.cancelAnimation)(translateY);
-      panStartY.value = translateY.value;
+      panStartTranslateY.value = sheetTranslateY.value;
     }).onUpdate(function (event) {
-      var minY = keyboardOffset.value + (maxHeight - snapPoints[snapPoints.length - 1]);
-      var next = panStartY.value + event.translationY;
-      translateY.value = Math.max(next, minY);
+      var nextTranslateY = panStartTranslateY.value + event.translationY;
+      sheetTranslateY.value = Math.min(Math.max(nextTranslateY, 0), maxHeight);
     }).onEnd(function (event) {
-      var openY = keyboardOffset.value + (maxHeight - snapPoints[currentSnapIndex.value]);
-      var draggedDown = Math.max(translateY.value - openY, 0);
-      var topSnapIndex = snapPoints.length - 1;
-      var isAtTopSnap = currentSnapIndex.value === topSnapIndex;
-      var snap0Y = keyboardOffset.value + (maxHeight - snapPoints[0]);
-      var projectedY = translateY.value + event.velocityY * 0.2;
+      var openTranslateY = (0, _BottomSheetModal.getBottomSheetSnapPointTranslateY)({
+        baseHeight: baseHeight.value,
+        maxHeight: maxHeight,
+        snapIndex: currentSnapIndex.value
+      });
+      var draggedDown = Math.max(sheetTranslateY.value - openTranslateY, 0);
+      var hasMultipleSnapPoints = topSnapIndex.value > 0;
+      var isAtTopSnap = currentSnapIndex.value === topSnapIndex.value;
+      var snap0TranslateY = (0, _BottomSheetModal.getBottomSheetSnapPointTranslateY)({
+        baseHeight: baseHeight.value,
+        maxHeight: maxHeight,
+        snapIndex: 0
+      });
+      var topSnapTranslateY = (0, _BottomSheetModal.getBottomSheetSnapPointTranslateY)({
+        baseHeight: baseHeight.value,
+        maxHeight: maxHeight,
+        snapIndex: topSnapIndex.value
+      });
+      var projectedTranslateY = sheetTranslateY.value + event.velocityY * 0.2;
       var shouldCloseFromLowerSnap = event.velocityY > 500 || draggedDown > maxHeight / 2;
-      var shouldCloseFromTopSnap = event.velocityY > 2200 || projectedY > snap0Y + (maxHeight - snap0Y) * 0.96;
-      var shouldClose = isAtTopSnap ? shouldCloseFromTopSnap : shouldCloseFromLowerSnap;
-      (0, _reactNativeReanimated.cancelAnimation)(translateY);
+      var shouldCloseFromTopSnap = event.velocityY > 2200 || projectedTranslateY > snap0TranslateY + (maxHeight - snap0TranslateY) * 0.96;
+      var shouldClose = !hasMultipleSnapPoints ? shouldCloseFromLowerSnap : isAtTopSnap ? shouldCloseFromTopSnap : shouldCloseFromLowerSnap;
       if (shouldClose) {
-        isOpen.value = false;
-        isOpening.value = false;
-        translateY.value = (0, _reactNativeReanimated.withTiming)(maxHeight, {
-          duration: 250,
-          easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)
-        }, function (finished) {
-          if (finished) (0, _reactNativeReanimated.runOnJS)(onClose)();
-        });
+        (0, _reactNativeReanimated.runOnJS)(closeFromGesture)();
       } else {
         isOpen.value = true;
         var nearestIndex = 0;
-        var minDistance = Number.POSITIVE_INFINITY;
-        var baseOffset = keyboardOffset.value;
-        for (var i = 0; i < snapPointsTranslateY.length; i += 1) {
-          var candidate = baseOffset + snapPointsTranslateY[i];
-          var distance = Math.abs(translateY.value - candidate);
-          if (distance < minDistance) {
-            minDistance = distance;
-            nearestIndex = i;
+        var minDistance = Math.abs(sheetTranslateY.value - snap0TranslateY);
+        if (hasMultipleSnapPoints) {
+          var topDistance = Math.abs(sheetTranslateY.value - topSnapTranslateY);
+          if (topDistance < minDistance) {
+            minDistance = topDistance;
+            nearestIndex = topSnapIndex.value;
           }
         }
-        if (event.velocityY < -800) {
-          nearestIndex = snapPointsTranslateY.length - 1;
+        if (hasMultipleSnapPoints && event.velocityY < -800) {
+          nearestIndex = topSnapIndex.value;
         }
-        if (isAtTopSnap && event.velocityY > 120) {
+        if (hasMultipleSnapPoints && isAtTopSnap && event.velocityY > 120) {
           nearestIndex = 0;
         }
         currentSnapIndex.value = nearestIndex;
-        translateY.value = (0, _reactNativeReanimated.withTiming)(baseOffset + snapPointsTranslateY[nearestIndex], {
+        sheetTranslateY.value = (0, _reactNativeReanimated.withTiming)((0, _BottomSheetModal.getBottomSheetSnapPointTranslateY)({
+          baseHeight: baseHeight.value,
+          maxHeight: maxHeight,
+          snapIndex: nearestIndex
+        }), {
           duration: 250,
           easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
         });
       }
     });
-  }, [currentSnapIndex, isOpen, isOpening, keyboardOffset, maxHeight, onClose, panStartY, renderContent, snapPoints, snapPointsTranslateY, translateY]);
+  }, [baseHeight, currentSnapIndex, isOpen, maxHeight, closeFromGesture, panStartTranslateY, renderContent, sheetTranslateY, topSnapIndex]);
   var onBackdropPress = (0, _hooks.useStableCallback)(function () {
     return close();
   });
   var bottomSheetModalContextValue = (0, _react.useMemo)(function () {
     return {
       close: close,
-      currentSnapIndex: currentSnapIndex
+      currentSnapIndex: currentSnapIndex,
+      topSnapIndex: topSnapIndex
     };
-  }, [close, currentSnapIndex]);
+  }, [close, currentSnapIndex, topSnapIndex]);
   return (0, _jsxRuntime.jsx)(_reactNative.Modal, {
     onRequestClose: onClose,
     transparent: true,
     visible: visible,
     children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
       style: styles.sheetContentContainer,
-      children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
-        gesture: panGesture,
-        children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: [styles.overlay, overlayTheme],
-          children: [(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-            pointerEvents: "none",
-            style: [styles.backdrop, overlayAnimatedStyle]
-          }), (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-            onPress: onBackdropPress,
-            style: _reactNative.StyleSheet.absoluteFillObject
-          }), (0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
-            style: [styles.container, {
-              height: maxHeight
-            }, sheetAnimatedStyle, container],
-            children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: [styles.handle, handle]
-            }), (0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: [styles.contentContainer, contentContainer],
-              children: renderContent ? (0, _jsxRuntime.jsx)(_BottomSheetContext.BottomSheetProvider, {
-                value: bottomSheetModalContextValue,
-                children: (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-                  entering: _reactNativeReanimated.FadeIn.duration(250),
-                  style: styles.sheetContentContainer,
-                  children: children
-                })
-              }) : null
-            })]
-          })]
-        })
+      children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.overlay, overlayTheme],
+        children: [(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          pointerEvents: "none",
+          style: [_reactNative.StyleSheet.absoluteFill, styles.backdrop, overlayAnimatedStyle]
+        }), (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: onBackdropPress,
+          style: _reactNative.StyleSheet.absoluteFill
+        }), (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          pointerEvents: "box-none",
+          style: [{
+            height: maxHeight
+          }, sheetViewportAnimatedStyle],
+          children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+            gesture: panGesture,
+            children: (0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+              style: [styles.container, {
+                height: maxHeight
+              }, container],
+              children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: [styles.handle, handle]
+              }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: [styles.contentContainer, contentContainer],
+                children: renderContent ? (0, _jsxRuntime.jsx)(_BottomSheetContext.BottomSheetProvider, {
+                  value: bottomSheetModalContextValue,
+                  children: (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+                    entering: _reactNativeReanimated.FadeIn.duration(250),
+                    style: styles.sheetContentContainer,
+                    children: enableDynamicSizing ? (0, _jsxRuntime.jsx)(_reactNative.View, {
+                      onLayout: handleDynamicContentLayout,
+                      style: {
+                        paddingBottom: bottomInset
+                      },
+                      children: children
+                    }) : children
+                  })
+                }) : null
+              })]
+            })
+          })
+        })]
       })
     })
   });
 };
+var BottomSheetModal = exports.BottomSheetModal = function BottomSheetModal(props) {
+  if (!props.visible) {
+    return null;
+  }
+  return (0, _jsxRuntime.jsx)(BottomSheetModalInner, Object.assign({}, props));
+};
 var useStyles = function useStyles() {
   var _useTheme2 = (0, _ThemeContext.useTheme)(),
     semantics = _useTheme2.theme.semantics;
   return (0, _react.useMemo)(function () {
     return _reactNative.StyleSheet.create({
       container: {
-        borderTopLeftRadius: 16,
-        borderTopRightRadius: 16,
+        borderTopLeftRadius: _theme.primitives.radius4xl,
+        borderTopRightRadius: _theme.primitives.radius4xl,
         backgroundColor: semantics.backgroundCoreElevation1
       },
       contentContainer: {
-        flex: 1,
-        marginTop: 8
+        flex: 1
       },
       handle: {
         alignSelf: 'center',
@@ -312,9 +410,9 @@ var useStyles = function useStyles() {
         flex: 1,
         justifyContent: 'flex-end'
       },
-      backdrop: Object.assign({}, _reactNative.StyleSheet.absoluteFillObject, {
+      backdrop: {
         backgroundColor: semantics.backgroundCoreScrim
-      }),
+      },
       sheetContentContainer: {
         flex: 1
       }