react-native-keyboard-controller 1.21.6 → 1.21.8

package/android/src/main/java/com/reactnativekeyboardcontroller/listeners/KeyboardAnimationCallback.kt

@@ -31,6 +31,13 @@ import kotlin.math.abs
 private val TAG = KeyboardAnimationCallback::class.qualifiedName
 private val isResizeHandledInCallbackMethods = Keyboard.IS_ANIMATION_EMULATED
 
+private data class PendingKeyboardStartEvent(
+  val keyboardHeight: Double,
+  val progress: Double,
+  val duration: Int,
+  val target: Int,
+)
+
 data class KeyboardAnimationCallbackConfig(
   val persistentInsetTypes: Int,
   val deferredInsetTypes: Int,
@@ -63,6 +70,7 @@ class KeyboardAnimationCallback(
   private var isTransitioning = false
   private var duration = 0
   private var viewTagFocused = -1
+  private var pendingStartEvent: PendingKeyboardStartEvent? = null
   private var animationsToSkip = hashSetOf<WindowInsetsAnimationCompat>()
   private val isKeyboardInteractive: Boolean
     get() = duration == -1
@@ -177,6 +185,7 @@ class KeyboardAnimationCallback(
     }
 
     isTransitioning = true
+    pendingStartEvent = null
     isKeyboardVisible = isKeyboardVisible()
     duration = animation.durationMillis.toInt()
     val keyboardHeight = getCurrentKeyboardHeight()
@@ -205,18 +214,16 @@ class KeyboardAnimationCallback(
     )
 
     Logger.i(TAG, "HEIGHT:: $keyboardHeight TAG:: $viewTagFocused")
-    context.dispatchEvent(
-      eventPropagationView.id,
-      KeyboardTransitionEvent(
-        surfaceId,
-        eventPropagationView.id,
-        KeyboardTransitionEvent.Start,
+    // AOSP calls app onStart before its internal listener.onReady. Dispatching
+    // a RN event here lets Reanimated synchronously mutate Fabric and can
+    // cancel the pending IME controller before Android starts its animator.
+    pendingStartEvent =
+      PendingKeyboardStartEvent(
         keyboardHeight,
         if (!isKeyboardVisible) 0.0 else 1.0,
         duration,
         viewTagFocused,
-      ),
-    )
+      )
 
     return super.onStart(animation, bounds)
   }
@@ -265,24 +272,27 @@ class KeyboardAnimationCallback(
       "DiffY: $diffY $height $progress ${InteractiveKeyboardProvider.isInteractive} $viewTagFocused",
     )
 
-    val event =
-      if (InteractiveKeyboardProvider.isInteractive) {
-        KeyboardTransitionEvent.Interactive
-      } else {
-        KeyboardTransitionEvent.Move
-      }
-    context.dispatchEvent(
-      eventPropagationView.id,
-      KeyboardTransitionEvent(
-        surfaceId,
+    flushPendingStartEvent()
+    if (isTransitioning) {
+      val event =
+        if (InteractiveKeyboardProvider.isInteractive) {
+          KeyboardTransitionEvent.Interactive
+        } else {
+          KeyboardTransitionEvent.Move
+        }
+      context.dispatchEvent(
         eventPropagationView.id,
-        event,
-        height,
-        progress,
-        duration,
-        viewTagFocused,
-      ),
-    )
+        KeyboardTransitionEvent(
+          surfaceId,
+          eventPropagationView.id,
+          event,
+          height,
+          progress,
+          duration,
+          viewTagFocused,
+        ),
+      )
+    }
 
     return insets
   }
@@ -306,10 +316,13 @@ class KeyboardAnimationCallback(
 
         if (animation in animationsToSkip) {
           duration = 0
+          pendingStartEvent = null
           animationsToSkip.remove(animation)
           return@Runnable
         }
 
+        flushPendingStartEvent()
+
         context.emitEvent(
           "KeyboardController::" + if (!isKeyboardVisible) "keyboardDidHide" else "keyboardDidShow",
           getEventParams(keyboardHeight),
@@ -352,6 +365,7 @@ class KeyboardAnimationCallback(
     prevKeyboardHeight = keyboardHeight
     isTransitioning = false
     duration = 0
+    pendingStartEvent = null
 
     context.emitEvent(
       "KeyboardController::" + if (!isKeyboardVisible) "keyboardDidHide" else "keyboardDidShow",
@@ -375,6 +389,7 @@ class KeyboardAnimationCallback(
   }
 
   fun destroy() {
+    pendingStartEvent = null
     view.viewTreeObserver.removeOnGlobalFocusChangeListener(focusListener)
     layoutObserver?.destroy()
   }
@@ -430,6 +445,24 @@ class KeyboardAnimationCallback(
     return (keyboardHeight - navigationBar).toFloat().dp.coerceAtLeast(0.0)
   }
 
+  private fun flushPendingStartEvent() {
+    val event = pendingStartEvent ?: return
+
+    pendingStartEvent = null
+    context.dispatchEvent(
+      eventPropagationView.id,
+      KeyboardTransitionEvent(
+        surfaceId,
+        eventPropagationView.id,
+        KeyboardTransitionEvent.Start,
+        event.keyboardHeight,
+        event.progress,
+        event.duration,
+        event.target,
+      ),
+    )
+  }
+
   private fun getEventParams(height: Double): WritableMap {
     val params: WritableMap = Arguments.createMap()
     params.putDouble("height", height)

package/android/src/main/java/com/reactnativekeyboardcontroller/modules/KeyboardControllerModuleImpl.kt

@@ -8,14 +8,18 @@ import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.UiThreadUtil
+import com.facebook.react.uimanager.IllegalViewOperationException
 import com.reactnativekeyboardcontroller.extensions.dp
 import com.reactnativekeyboardcontroller.extensions.screenLocation
 import com.reactnativekeyboardcontroller.extensions.uiManager
 import com.reactnativekeyboardcontroller.extensions.windowSoftInputMode
 import com.reactnativekeyboardcontroller.interactive.KeyboardAnimationController
+import com.reactnativekeyboardcontroller.log.Logger
 import com.reactnativekeyboardcontroller.traversal.FocusedInputHolder
 import com.reactnativekeyboardcontroller.traversal.ViewHierarchyNavigator
 
+private val TAG = KeyboardControllerModuleImpl::class.qualifiedName
+
 class KeyboardControllerModuleImpl(
   private val mReactContext: ReactApplicationContext,
 ) {
@@ -89,7 +93,13 @@ class KeyboardControllerModuleImpl(
     promise: Promise,
   ) {
     UiThreadUtil.runOnUiThread {
-      val view = uiManager?.resolveView(viewTag.toInt())
+      val view =
+        try {
+          uiManager?.resolveView(viewTag.toInt())
+        } catch (e: IllegalViewOperationException) {
+          Logger.w(TAG, "Could not resolve view for tag ${viewTag.toInt()}", e)
+          null
+        }
       if (view == null) {
         promise.reject("E_VIEW_NOT_FOUND", "Could not find view for tag")
         return@runOnUiThread

package/ios/observers/movement/KeyboardViewLocator.swift

@@ -7,7 +7,7 @@
 
 final class KeyboardViewLocator {
   static let shared = KeyboardViewLocator()
-  private var cachedKeyboardView: UIView?
+  private weak var cachedKeyboardView: UIView?
   private var cachedWindowsCount: Int = 0
 
   func resolve() -> UIView? {

package/ios/views/ClippingScrollViewDecoratorViewManager.mm

@@ -16,6 +16,7 @@
 #import "RCTFabricComponentsPlugins.h"
 #endif
 
+#import <TargetConditionals.h>
 #import <UIKit/UIKit.h>
 #import <objc/runtime.h>
 
@@ -213,11 +214,16 @@ RCT_EXPORT_VIEW_PROPERTY(applyWorkaroundForContentInsetHitTestBug, BOOL)
 {
   [super didMoveToWindow];
   if (self.window) {
+#if TARGET_OS_MACCATALYST
+    // Catalyst UIScrollView is AppKit-backed; avoid runtime subclassing it.
+    return;
+#else
     UIScrollView *scrollView = KCFindFirstScrollView(self);
     KCApplyNoopScrollRectToVisible(scrollView);
     if (self.applyWorkaroundForContentInsetHitTestBug) {
       KCApplyFixedHitTest(scrollView);
     }
+#endif
   }
 }
 

package/lib/commonjs/components/KeyboardChatScrollView/index.js

@@ -10,6 +10,7 @@ var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reani
 var _useCombinedRef = _interopRequireDefault(require("../hooks/useCombinedRef"));
 var _ScrollViewWithBottomPadding = _interopRequireDefault(require("../ScrollViewWithBottomPadding"));
 var _useChatKeyboard = require("./useChatKeyboard");
+var _useEndVisible = require("./useEndVisible");
 var _useExtraContentPadding = require("./useExtraContentPadding");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -28,6 +29,7 @@ const KeyboardChatScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
   applyWorkaroundForContentInsetHitTestBug = false,
   onLayout: onLayoutProp,
   onContentSizeChange: onContentSizeChangeProp,
+  onEndVisible,
   ...rest
 }, ref) => {
   const scrollViewRef = (0, _reactNativeReanimated.useAnimatedRef)();
@@ -63,6 +65,13 @@ const KeyboardChatScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
     keyboardLiftBehavior,
     freeze: freezeSV
   });
+  (0, _useEndVisible.useEndVisible)({
+    scroll,
+    layout,
+    size,
+    inverted,
+    onEndVisible
+  });
   const totalPadding = (0, _reactNativeReanimated.useDerivedValue)(() => Math.max(blankSpace.value, padding.value + extraContentPadding.value));
 
   // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).

package/lib/commonjs/components/KeyboardChatScrollView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useCombinedRef","_interopRequireDefault","_ScrollViewWithBottomPadding","_useChatKeyboard","_useExtraContentPadding","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ZERO_CONTENT_PADDING","makeMutable","ZERO_BLANK_SPACE","KeyboardChatScrollView","forwardRef","children","ScrollViewComponent","Reanimated","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","rest","ref","scrollViewRef","useAnimatedRef","onRef","useCombinedRef","freezeSV","useDerivedValue","value","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","useChatKeyboard","useExtraContentPadding","keyboardPadding","totalPadding","Math","max","indicatorPadding","useCallback","w","h","commitStyle","useAnimatedStyle","transform","translateY","commit","useMemo","styles","commitView","createElement","Fragment","bottomPadding","scrollIndicatorPadding","View","style","StyleSheet","create","display","position","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n  makeMutable,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n  Reanimated.ScrollView,\n  React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n  (\n    {\n      children,\n      ScrollViewComponent = Reanimated.ScrollView,\n      inverted = false,\n      keyboardLiftBehavior = \"always\",\n      freeze = false,\n      offset = 0,\n      extraContentPadding = ZERO_CONTENT_PADDING,\n      blankSpace = ZERO_BLANK_SPACE,\n      applyWorkaroundForContentInsetHitTestBug = false,\n      onLayout: onLayoutProp,\n      onContentSizeChange: onContentSizeChangeProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n    const onRef = useCombinedRef(ref, scrollViewRef);\n    const freezeSV = useDerivedValue(() =>\n      typeof freeze === \"boolean\" ? freeze : freeze.value,\n    );\n    const {\n      padding,\n      currentHeight,\n      contentOffsetY,\n      scroll,\n      layout,\n      size,\n      onLayout: onLayoutInternal,\n      onContentSizeChange: onContentSizeChangeInternal,\n    } = useChatKeyboard(scrollViewRef, {\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n      offset,\n      blankSpace,\n      extraContentPadding,\n    });\n\n    useExtraContentPadding({\n      scrollViewRef,\n      extraContentPadding,\n      keyboardPadding: padding,\n      blankSpace,\n      scroll,\n      layout,\n      size,\n      contentOffsetY,\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n    });\n\n    const totalPadding = useDerivedValue(() =>\n      Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n    );\n\n    // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n    // Apps that render into the unsafe area can supply a negative\n    // scrollIndicatorInsets adjustment at the application layer.\n    const indicatorPadding = useDerivedValue(\n      () => padding.value + extraContentPadding.value,\n    );\n\n    const onLayout = useCallback(\n      (e: LayoutChangeEvent) => {\n        onLayoutInternal(e);\n        onLayoutProp?.(e);\n      },\n      [onLayoutInternal, onLayoutProp],\n    );\n\n    const onContentSizeChange = useCallback(\n      (w: number, h: number) => {\n        onContentSizeChangeInternal(w, h);\n        onContentSizeChangeProp?.(w, h);\n      },\n      [onContentSizeChangeInternal, onContentSizeChangeProp],\n    );\n\n    // Invisible view whose animated style changes every frame during keyboard\n    // animation. On Fabric, this forces Reanimated to schedule a commit,\n    // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n    // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n    const commitStyle = useAnimatedStyle(\n      () => ({\n        transform: [{ translateY: -currentHeight.value }],\n      }),\n      [],\n    );\n    const commit = useMemo(\n      () => [styles.commitView, commitStyle],\n      [commitStyle],\n    );\n\n    return (\n      <>\n        <ScrollViewWithBottomPadding\n          ref={onRef}\n          {...rest}\n          applyWorkaroundForContentInsetHitTestBug={\n            applyWorkaroundForContentInsetHitTestBug\n          }\n          bottomPadding={totalPadding}\n          contentOffsetY={contentOffsetY}\n          inverted={inverted}\n          scrollIndicatorPadding={indicatorPadding}\n          ScrollViewComponent={ScrollViewComponent}\n          onContentSizeChange={onContentSizeChange}\n          onLayout={onLayout}\n        >\n          {children}\n        </ScrollViewWithBottomPadding>\n        <Reanimated.View style={commit} />\n      </>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  commitView: {\n    display: \"none\",\n    position: \"absolute\",\n  },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useCombinedRef","_interopRequireDefault","_ScrollViewWithBottomPadding","_useChatKeyboard","_useEndVisible","_useExtraContentPadding","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ZERO_CONTENT_PADDING","makeMutable","ZERO_BLANK_SPACE","KeyboardChatScrollView","forwardRef","children","ScrollViewComponent","Reanimated","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","onEndVisible","rest","ref","scrollViewRef","useAnimatedRef","onRef","useCombinedRef","freezeSV","useDerivedValue","value","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","useChatKeyboard","useExtraContentPadding","keyboardPadding","useEndVisible","totalPadding","Math","max","indicatorPadding","useCallback","w","h","commitStyle","useAnimatedStyle","transform","translateY","commit","useMemo","styles","commitView","createElement","Fragment","bottomPadding","scrollIndicatorPadding","View","style","StyleSheet","create","display","position","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n  makeMutable,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useEndVisible } from \"./useEndVisible\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n  Reanimated.ScrollView,\n  React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n  (\n    {\n      children,\n      ScrollViewComponent = Reanimated.ScrollView,\n      inverted = false,\n      keyboardLiftBehavior = \"always\",\n      freeze = false,\n      offset = 0,\n      extraContentPadding = ZERO_CONTENT_PADDING,\n      blankSpace = ZERO_BLANK_SPACE,\n      applyWorkaroundForContentInsetHitTestBug = false,\n      onLayout: onLayoutProp,\n      onContentSizeChange: onContentSizeChangeProp,\n      onEndVisible,\n      ...rest\n    },\n    ref,\n  ) => {\n    const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n    const onRef = useCombinedRef(ref, scrollViewRef);\n    const freezeSV = useDerivedValue(() =>\n      typeof freeze === \"boolean\" ? freeze : freeze.value,\n    );\n    const {\n      padding,\n      currentHeight,\n      contentOffsetY,\n      scroll,\n      layout,\n      size,\n      onLayout: onLayoutInternal,\n      onContentSizeChange: onContentSizeChangeInternal,\n    } = useChatKeyboard(scrollViewRef, {\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n      offset,\n      blankSpace,\n      extraContentPadding,\n    });\n\n    useExtraContentPadding({\n      scrollViewRef,\n      extraContentPadding,\n      keyboardPadding: padding,\n      blankSpace,\n      scroll,\n      layout,\n      size,\n      contentOffsetY,\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n    });\n\n    useEndVisible({\n      scroll,\n      layout,\n      size,\n      inverted,\n      onEndVisible,\n    });\n\n    const totalPadding = useDerivedValue(() =>\n      Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n    );\n\n    // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n    // Apps that render into the unsafe area can supply a negative\n    // scrollIndicatorInsets adjustment at the application layer.\n    const indicatorPadding = useDerivedValue(\n      () => padding.value + extraContentPadding.value,\n    );\n\n    const onLayout = useCallback(\n      (e: LayoutChangeEvent) => {\n        onLayoutInternal(e);\n        onLayoutProp?.(e);\n      },\n      [onLayoutInternal, onLayoutProp],\n    );\n\n    const onContentSizeChange = useCallback(\n      (w: number, h: number) => {\n        onContentSizeChangeInternal(w, h);\n        onContentSizeChangeProp?.(w, h);\n      },\n      [onContentSizeChangeInternal, onContentSizeChangeProp],\n    );\n\n    // Invisible view whose animated style changes every frame during keyboard\n    // animation. On Fabric, this forces Reanimated to schedule a commit,\n    // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n    // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n    const commitStyle = useAnimatedStyle(\n      () => ({\n        transform: [{ translateY: -currentHeight.value }],\n      }),\n      [],\n    );\n    const commit = useMemo(\n      () => [styles.commitView, commitStyle],\n      [commitStyle],\n    );\n\n    return (\n      <>\n        <ScrollViewWithBottomPadding\n          ref={onRef}\n          {...rest}\n          applyWorkaroundForContentInsetHitTestBug={\n            applyWorkaroundForContentInsetHitTestBug\n          }\n          bottomPadding={totalPadding}\n          contentOffsetY={contentOffsetY}\n          inverted={inverted}\n          scrollIndicatorPadding={indicatorPadding}\n          ScrollViewComponent={ScrollViewComponent}\n          onContentSizeChange={onContentSizeChange}\n          onLayout={onLayout}\n        >\n          {children}\n        </ScrollViewWithBottomPadding>\n        <Reanimated.View style={commit} />\n      </>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  commitView: {\n    display: \"none\",\n    position: \"absolute\",\n  },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardChatScrollView/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { AnimatedScrollViewComponent } from \"../ScrollViewWithBottomPadding\";\nimport type { KeyboardLiftBehavior } from \"./useChatKeyboard/types\";\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nexport type KeyboardChatScrollViewProps = {\n  /** Custom component for `ScrollView`. Default is `ScrollView`. */\n  ScrollViewComponent?: AnimatedScrollViewComponent;\n  /** Whether list are using `inverted` prop. Default is `false`. */\n  inverted?: boolean;\n  /**\n   * The distance between the bottom of the screen and the `ScrollView`.\n   * When the keyboard appears, the `ScrollView` will only push content by the effective\n   * distance (`keyboardHeight - offset`) instead of the full keyboard height.\n   *\n   * Useful when the input is not at the very bottom of the screen (e.g., above safe area, above\n   * bottom tabs, etc. - in this case offset should be equal to the height of the elements between\n   * `ScrollView` and bottom of the screen).\n   *\n   * Default is `0`.\n   */\n  offset?: number;\n  /**\n   * Determines how the chat content should behave when the keyboard appears, specifically whether\n   * the scroll view should automatically lift its content to keep it visible above the keyboard.\n   *\n   * Possible values:\n   * - `'always'`: The content always lifts along with the keyboard, ensuring the messages from the bottom part of screen\n   * remain visible regardless of the current scroll position. This is the default behavior for most chat applications (used in Telegram).\n   * - `'whenAtEnd'`: The content lifts only if the scroll view is at the end (i.e., the last message\n   * is visible or near the bottom). This prevents unnecessary adjustments when the user is scrolling\n   * through older messages (ChatGPT mobile app behavior).\n   * - `'persistent'`: The content always lifts when the keyboard appears (similar to `'always'`), but\n   * does not reset (lower) when the keyboard hides. This mimics behaviors where the view remains adjusted\n   * after keyboard dismissal to maintain focus on the latest content without shifting back (Claude mobile app behavior).\n   * - `'never'`: The content does not lift at all when the keyboard appears. Use this for scenarios\n   * when you don't want to disturb user attention with animations (Perplexity mobile app behavior).\n   *\n   * Default is `'always'`.\n   */\n  keyboardLiftBehavior?: KeyboardLiftBehavior;\n  /**\n   * When `true`, freezes all keyboard-driven layout changes (padding, content offset, scroll position).\n   * Useful when dismissing the keyboard to open a bottom sheet — prevents visual disruption\n   * while the sheet is visible.\n   *\n   * Default is `false`.\n   */\n  freeze?: boolean | SharedValue<boolean>;\n  /**\n   * A shared value representing additional padding from external elements\n   * (e.g., a growing multiline `TextInput` in a `KeyboardStickyView`).\n   *\n   * When this value changes:\n   * - The scrollable range is always extended/contracted (via `contentInset`).\n   * - The scroll position is conditionally adjusted based on `keyboardLiftBehavior`.\n   *\n   * Default is `undefined` (no extra padding).\n   */\n  extraContentPadding?: SharedValue<number>;\n  /**\n   * When `true`, applies a runtime workaround for a React Native 0.81+ bug\n   * where the ScrollView's `contentInset` area does not respond to touch/scroll\n   * gestures (facebook/react-native#54123).\n   *\n   * This uses Objective-C runtime method swizzling on the ScrollView's container\n   * view, which is inherently fragile. Only enable if you are affected by the\n   * upstream bug and understand the risks.\n   *\n   * iOS only. Default is `false`.\n   */\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n  /**\n   * A shared value representing a minimum inset floor (in pixels).\n   *\n   * When set, the total bottom padding is computed as:\n   * `max(blankSpace, keyboardPadding + extraContentPadding)`\n   *\n   * This means the keyboard \"absorbs\" into the minimum padding rather than adding to it:\n   * - When `blankSpace >= keyboard + extraContentPadding`: content does NOT move on keyboard open/close.\n   * - When `blankSpace < keyboard + extraContentPadding`: content moves, but only by the excess amount.\n   *\n   * Useful in AI chat apps where a sent message needs space below it (to push it to the top\n   * of the viewport) while the AI response streams in, without that space causing extra movement\n   * when the keyboard opens.\n   *\n   * Default is `undefined` (equivalent to `0` — no minimum floor).\n   */\n  blankSpace?: SharedValue<number>;\n} & ScrollViewProps;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {\n  AnimatedScrollViewComponent,\n  ScrollViewContentInsets,\n} from \"../ScrollViewWithBottomPadding\";\nimport type { KeyboardLiftBehavior } from \"./useChatKeyboard/types\";\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nexport type KeyboardChatScrollViewProps = {\n  /** Custom component for `ScrollView`. Default is `ScrollView`. */\n  ScrollViewComponent?: AnimatedScrollViewComponent;\n  /** Whether list are using `inverted` prop. Default is `false`. */\n  inverted?: boolean;\n  /**\n   * The distance between the bottom of the screen and the `ScrollView`.\n   * When the keyboard appears, the `ScrollView` will only push content by the effective\n   * distance (`keyboardHeight - offset`) instead of the full keyboard height.\n   *\n   * Useful when the input is not at the very bottom of the screen (e.g., above safe area, above\n   * bottom tabs, etc. - in this case offset should be equal to the height of the elements between\n   * `ScrollView` and bottom of the screen).\n   *\n   * Default is `0`.\n   */\n  offset?: number;\n  /**\n   * Determines how the chat content should behave when the keyboard appears, specifically whether\n   * the scroll view should automatically lift its content to keep it visible above the keyboard.\n   *\n   * Possible values:\n   * - `'always'`: The content always lifts along with the keyboard, ensuring the messages from the bottom part of screen\n   * remain visible regardless of the current scroll position. This is the default behavior for most chat applications (used in Telegram).\n   * - `'whenAtEnd'`: The content lifts only if the scroll view is at the end (i.e., the last message\n   * is visible or near the bottom). This prevents unnecessary adjustments when the user is scrolling\n   * through older messages (ChatGPT mobile app behavior).\n   * - `'persistent'`: The content always lifts when the keyboard appears (similar to `'always'`), but\n   * does not reset (lower) when the keyboard hides. This mimics behaviors where the view remains adjusted\n   * after keyboard dismissal to maintain focus on the latest content without shifting back (Claude mobile app behavior).\n   * - `'never'`: The content does not lift at all when the keyboard appears. Use this for scenarios\n   * when you don't want to disturb user attention with animations (Perplexity mobile app behavior).\n   *\n   * Default is `'always'`.\n   */\n  keyboardLiftBehavior?: KeyboardLiftBehavior;\n  /**\n   * When `true`, freezes all keyboard-driven layout changes (padding, content offset, scroll position).\n   * Useful when dismissing the keyboard to open a bottom sheet — prevents visual disruption\n   * while the sheet is visible.\n   *\n   * Default is `false`.\n   */\n  freeze?: boolean | SharedValue<boolean>;\n  /**\n   * A shared value representing additional padding from external elements\n   * (e.g., a growing multiline `TextInput` in a `KeyboardStickyView`).\n   *\n   * When this value changes:\n   * - The scrollable range is always extended/contracted (via `contentInset`).\n   * - The scroll position is conditionally adjusted based on `keyboardLiftBehavior`.\n   *\n   * Default is `undefined` (no extra padding).\n   */\n  extraContentPadding?: SharedValue<number>;\n  /**\n   * When `true`, applies a runtime workaround for a React Native 0.81+ bug\n   * where the ScrollView's `contentInset` area does not respond to touch/scroll\n   * gestures (facebook/react-native#54123).\n   *\n   * This uses Objective-C runtime method swizzling on the ScrollView's container\n   * view, which is inherently fragile. Only enable if you are affected by the\n   * upstream bug and understand the risks.\n   *\n   * iOS only. Default is `false`.\n   */\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n  /**\n   * A shared value representing a minimum inset floor (in pixels).\n   *\n   * When set, the total bottom padding is computed as:\n   * `max(blankSpace, keyboardPadding + extraContentPadding)`\n   *\n   * This means the keyboard \"absorbs\" into the minimum padding rather than adding to it:\n   * - When `blankSpace >= keyboard + extraContentPadding`: content does NOT move on keyboard open/close.\n   * - When `blankSpace < keyboard + extraContentPadding`: content moves, but only by the excess amount.\n   *\n   * Useful in AI chat apps where a sent message needs space below it (to push it to the top\n   * of the viewport) while the AI response streams in, without that space causing extra movement\n   * when the keyboard opens.\n   *\n   * Default is `undefined` (equivalent to `0` — no minimum floor).\n   */\n  blankSpace?: SharedValue<number>;\n  /**\n   * Fires whenever the effective content inset changes — the static `contentInset`\n   * prop combined with the dynamic keyboard-driven padding.\n   *\n   * Useful on Android, where the synthetic content inset is not reflected in the native\n   * `onScroll` event payload. Consumers such as virtualized lists computing their own\n   * `scrollToEnd` target can use this to track the current inset alongside scroll offsets.\n   */\n  onContentInsetChange?: (insets: ScrollViewContentInsets) => void;\n  /**\n   * Fires whenever the visibility of the content \"end\" changes — both when the user\n   * arrives at the end and when they leave it. The boolean parameter reflects the new state.\n   *\n   * For non-inverted lists, the \"end\" is the bottom of the content. For inverted lists\n   * (`inverted={true}`), the \"end\" is the top of the scroll view, where the latest messages\n   * are rendered. The same internal detection drives `keyboardLiftBehavior=\"whenAtEnd\"`.\n   *\n   * The callback can be either a plain JS function or a Reanimated worklet — the type is\n   * detected automatically. Worklets run on the UI thread; plain functions are dispatched\n   * via `runOnJS`.\n   *\n   * Fires once on mount with the initial state (after the scroll view has been measured).\n   */\n  onEndVisible?: (visible: boolean) => void;\n} & ScrollViewProps;\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/KeyboardChatScrollView/useEndVisible.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEndVisible = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _helpers = require("./useChatKeyboard/helpers");
+const hasWorkletHash = value => typeof value === "function" && !!value.__workletHash;
+const useEndVisible = ({
+  scroll,
+  layout,
+  size,
+  inverted,
+  onEndVisible
+}) => {
+  const isWorklet = (0, _react.useMemo)(() => hasWorkletHash(onEndVisible), [onEndVisible]);
+  const isAtEnd = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    // Wait until the scroll view has been measured to avoid a spurious initial
+    // `true` on a (0,0,0) layout (the helper would otherwise treat unmeasured
+    // state as "at end" because 0 + 0 >= 0 - threshold).
+    if (layout.value.height === 0 || size.value.height === 0) {
+      return null;
+    }
+    return (0, _helpers.isScrollAtEnd)(scroll.value, layout.value.height, size.value.height, inverted);
+  });
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => isAtEnd.value, (current, previous) => {
+    if (current === null || current === previous || !onEndVisible) {
+      return;
+    }
+    if (isWorklet) {
+      onEndVisible(current);
+    } else {
+      (0, _reactNativeReanimated.runOnJS)(onEndVisible)(current);
+    }
+  }, [onEndVisible, isWorklet, inverted]);
+};
+exports.useEndVisible = useEndVisible;
+//# sourceMappingURL=useEndVisible.js.map

package/lib/commonjs/components/KeyboardChatScrollView/useEndVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_helpers","hasWorkletHash","value","__workletHash","useEndVisible","scroll","layout","size","inverted","onEndVisible","isWorklet","useMemo","isAtEnd","useDerivedValue","height","isScrollAtEnd","useAnimatedReaction","current","previous","runOnJS","exports"],"sources":["useEndVisible.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport {\n  runOnJS,\n  useAnimatedReaction,\n  useDerivedValue,\n} from \"react-native-reanimated\";\n\nimport { isScrollAtEnd } from \"./useChatKeyboard/helpers\";\n\nimport type { SharedValue } from \"react-native-reanimated\";\n\ntype EndVisibleCallback = (visible: boolean) => void;\n\ntype Options = {\n  scroll: SharedValue<number>;\n  layout: SharedValue<{ width: number; height: number }>;\n  size: SharedValue<{ width: number; height: number }>;\n  inverted: boolean;\n  onEndVisible?: EndVisibleCallback;\n};\n\nconst hasWorkletHash = (value: unknown): boolean =>\n  typeof value === \"function\" &&\n  !!(value as unknown as Record<string, unknown>).__workletHash;\n\nexport const useEndVisible = ({\n  scroll,\n  layout,\n  size,\n  inverted,\n  onEndVisible,\n}: Options) => {\n  const isWorklet = useMemo(() => hasWorkletHash(onEndVisible), [onEndVisible]);\n\n  const isAtEnd = useDerivedValue(() => {\n    // Wait until the scroll view has been measured to avoid a spurious initial\n    // `true` on a (0,0,0) layout (the helper would otherwise treat unmeasured\n    // state as \"at end\" because 0 + 0 >= 0 - threshold).\n    if (layout.value.height === 0 || size.value.height === 0) {\n      return null;\n    }\n\n    return isScrollAtEnd(\n      scroll.value,\n      layout.value.height,\n      size.value.height,\n      inverted,\n    );\n  });\n\n  useAnimatedReaction(\n    () => isAtEnd.value,\n    (current, previous) => {\n      if (current === null || current === previous || !onEndVisible) {\n        return;\n      }\n\n      if (isWorklet) {\n        onEndVisible(current);\n      } else {\n        runOnJS(onEndVisible)(current);\n      }\n    },\n    [onEndVisible, isWorklet, inverted],\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AAcA,MAAMG,cAAc,GAAIC,KAAc,IACpC,OAAOA,KAAK,KAAK,UAAU,IAC3B,CAAC,CAAEA,KAAK,CAAwCC,aAAa;AAExD,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACNC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACO,CAAC,KAAK;EACb,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAMV,cAAc,CAACQ,YAAY,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAE7E,MAAMG,OAAO,GAAG,IAAAC,sCAAe,EAAC,MAAM;IACpC;IACA;IACA;IACA,IAAIP,MAAM,CAACJ,KAAK,CAACY,MAAM,KAAK,CAAC,IAAIP,IAAI,CAACL,KAAK,CAACY,MAAM,KAAK,CAAC,EAAE;MACxD,OAAO,IAAI;IACb;IAEA,OAAO,IAAAC,sBAAa,EAClBV,MAAM,CAACH,KAAK,EACZI,MAAM,CAACJ,KAAK,CAACY,MAAM,EACnBP,IAAI,CAACL,KAAK,CAACY,MAAM,EACjBN,QACF,CAAC;EACH,CAAC,CAAC;EAEF,IAAAQ,0CAAmB,EACjB,MAAMJ,OAAO,CAACV,KAAK,EACnB,CAACe,OAAO,EAAEC,QAAQ,KAAK;IACrB,IAAID,OAAO,KAAK,IAAI,IAAIA,OAAO,KAAKC,QAAQ,IAAI,CAACT,YAAY,EAAE;MAC7D;IACF;IAEA,IAAIC,SAAS,EAAE;MACbD,YAAY,CAACQ,OAAO,CAAC;IACvB,CAAC,MAAM;MACL,IAAAE,8BAAO,EAACV,YAAY,CAAC,CAACQ,OAAO,CAAC;IAChC;EACF,CAAC,EACD,CAACR,YAAY,EAAEC,SAAS,EAAEF,QAAQ,CACpC,CAAC;AACH,CAAC;AAACY,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/components/KeyboardStickyView/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _hooks = require("../../hooks");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -35,21 +35,17 @@ const KeyboardStickyView = /*#__PURE__*/(0, _react.forwardRef)(({
   const {
     height,
     progress
-  } = (0, _hooks.useKeyboardAnimation)();
-  const offset = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: [closed, opened]
-  });
-  const styles = (0, _react.useMemo)(() => {
-    const disabled = _reactNative.Animated.add(_reactNative.Animated.multiply(height, 0), closed);
-    const active = _reactNative.Animated.add(height, offset);
-    return [{
+  } = (0, _hooks.useReanimatedKeyboardAnimation)();
+  const stickyViewStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const offset = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [closed, opened]);
+    return {
       transform: [{
-        translateY: enabled ? active : disabled
+        translateY: enabled ? height.value + offset : closed
       }]
-    }, style];
-  }, [closed, enabled, height, offset, style]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({
+    };
+  }, [closed, opened, enabled]);
+  const styles = (0, _react.useMemo)(() => [style, stickyViewStyle], [style, stickyViewStyle]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({
     ref: ref,
     style: styles
   }, props), children);

package/lib/commonjs/components/KeyboardStickyView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","KeyboardStickyView","forwardRef","children","offset","closed","opened","style","enabled","props","ref","height","progress","useKeyboardAnimation","interpolate","inputRange","outputRange","styles","useMemo","disabled","Animated","add","multiply","active","transform","translateY","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport { Animated } from \"react-native\";\n\nimport { useKeyboardAnimation } from \"../../hooks\";\n\nimport type { View, ViewProps } from \"react-native\";\n\nexport type KeyboardStickyViewProps = {\n  /**\n   * Specify additional offset to the view for given keyboard state.\n   */\n  offset?: {\n    /**\n     * Adds additional `translateY` when keyboard is close. By default `0`.\n     */\n    closed?: number;\n    /**\n     * Adds additional `translateY` when keyboard is open. By default `0`.\n     */\n    opened?: number;\n  };\n\n  /** Controls whether this `KeyboardStickyView` instance should take effect. Default is `true`. */\n  enabled?: boolean;\n} & ViewProps;\n\n/**\n * A View component that sticks to the keyboard and moves with it when it appears or disappears.\n * The view can be configured with custom offsets for both closed and open keyboard states.\n *\n * @returns An animated View component that sticks to the keyboard.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-sticky-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardStickyView offset={{ closed: 0, opened: 20 }}>\n *   <Button title=\"Submit\" />\n * </KeyboardStickyView>\n * ```\n */\nconst KeyboardStickyView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n  (\n    {\n      children,\n      offset: { closed = 0, opened = 0 } = {},\n      style,\n      enabled = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const { height, progress } = useKeyboardAnimation();\n\n    const offset = progress.interpolate({\n      inputRange: [0, 1],\n      outputRange: [closed, opened],\n    });\n\n    const styles = useMemo(() => {\n      const disabled = Animated.add(Animated.multiply(height, 0), closed);\n      const active = Animated.add(height, offset);\n\n      return [\n        {\n          transform: [{ translateY: enabled ? active : disabled }],\n        },\n        style,\n      ];\n    }, [closed, enabled, height, offset, style]);\n\n    return (\n      <Animated.View ref={ref} style={styles} {...props}>\n        {children}\n      </Animated.View>\n    );\n  },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","KeyboardStickyView","forwardRef","children","offset","closed","opened","style","enabled","props","ref","height","progress","useReanimatedKeyboardAnimation","stickyViewStyle","useAnimatedStyle","interpolate","value","transform","translateY","styles","useMemo","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport Reanimated, {\n  interpolate,\n  useAnimatedStyle,\n} from \"react-native-reanimated\";\n\nimport { useReanimatedKeyboardAnimation } from \"../../hooks\";\n\nimport type { View, ViewProps } from \"react-native\";\n\nexport type KeyboardStickyViewProps = {\n  /**\n   * Specify additional offset to the view for given keyboard state.\n   */\n  offset?: {\n    /**\n     * Adds additional `translateY` when keyboard is close. By default `0`.\n     */\n    closed?: number;\n    /**\n     * Adds additional `translateY` when keyboard is open. By default `0`.\n     */\n    opened?: number;\n  };\n\n  /** Controls whether this `KeyboardStickyView` instance should take effect. Default is `true`. */\n  enabled?: boolean;\n} & ViewProps;\n\n/**\n * A View component that sticks to the keyboard and moves with it when it appears or disappears.\n * The view can be configured with custom offsets for both closed and open keyboard states.\n *\n * @returns An animated View component that sticks to the keyboard.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-sticky-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardStickyView offset={{ closed: 0, opened: 20 }}>\n *   <Button title=\"Submit\" />\n * </KeyboardStickyView>\n * ```\n */\nconst KeyboardStickyView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n  (\n    {\n      children,\n      offset: { closed = 0, opened = 0 } = {},\n      style,\n      enabled = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const { height, progress } = useReanimatedKeyboardAnimation();\n\n    const stickyViewStyle = useAnimatedStyle(() => {\n      const offset = interpolate(progress.value, [0, 1], [closed, opened]);\n\n      return {\n        transform: [{ translateY: enabled ? height.value + offset : closed }],\n      };\n    }, [closed, opened, enabled]);\n\n    const styles = useMemo(\n      () => [style, stickyViewStyle],\n      [style, stickyViewStyle],\n    );\n\n    return (\n      <Reanimated.View ref={ref} style={styles} {...props}>\n        {children}\n      </Reanimated.View>\n    );\n  },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ScrollViewWithBottomPadding/index.js

@@ -23,26 +23,47 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/(0, _react.forwardRef)(({
   inverted,
   contentOffsetY,
   applyWorkaroundForContentInsetHitTestBug,
+  onContentInsetChange,
   children,
   ...rest
 }, ref) => {
   const prevContentOffsetY = (0, _reactNativeReanimated.useSharedValue)(null);
+  const insets = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    const dynamicTop = inverted ? bottomPadding.value : 0;
+    const dynamicBottom = !inverted ? bottomPadding.value : 0;
+    return {
+      dynamic: {
+        top: dynamicTop,
+        bottom: dynamicBottom
+      },
+      effective: {
+        top: dynamicTop + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.top) || 0),
+        bottom: dynamicBottom + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0),
+        left: (contentInset === null || contentInset === void 0 ? void 0 : contentInset.left) || 0,
+        right: (contentInset === null || contentInset === void 0 ? void 0 : contentInset.right) || 0
+      }
+    };
+  }, [inverted, contentInset === null || contentInset === void 0 ? void 0 : contentInset.top, contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom, contentInset === null || contentInset === void 0 ? void 0 : contentInset.left, contentInset === null || contentInset === void 0 ? void 0 : contentInset.right]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => insets.value.effective, (current, previous) => {
+    if (!onContentInsetChange) {
+      return;
+    }
+    if (previous && current.top === previous.top && current.bottom === previous.bottom && current.left === previous.left && current.right === previous.right) {
+      return;
+    }
+    (0, _reactNativeReanimated.runOnJS)(onContentInsetChange)(current);
+  }, [onContentInsetChange]);
   const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
-    const insetTop = inverted ? bottomPadding.value : 0;
-    const insetBottom = !inverted ? bottomPadding.value : 0;
-    const bottom = insetBottom + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0);
-    const top = insetTop + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.top) || 0);
+    const {
+      dynamic,
+      effective
+    } = insets.value;
     const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;
     const indicatorTop = (inverted ? indicatorPadding.value : 0) + ((scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top) || 0);
     const indicatorBottom = (!inverted ? indicatorPadding.value : 0) + ((scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom) || 0);
     const result = {
       // iOS prop
-      contentInset: {
-        bottom: bottom,
-        top: top,
-        right: contentInset === null || contentInset === void 0 ? void 0 : contentInset.right,
-        left: contentInset === null || contentInset === void 0 ? void 0 : contentInset.left
-      },
+      contentInset: effective,
       scrollIndicatorInsets: {
         bottom: indicatorBottom,
         top: indicatorTop,
@@ -50,8 +71,8 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/(0, _react.forwardRef)(({
         left: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left
       },
       // Android prop
-      contentInsetBottom: insetBottom,
-      contentInsetTop: insetTop
+      contentInsetBottom: dynamic.bottom,
+      contentInsetTop: dynamic.top
     };
     if (contentOffsetY) {
       const curr = contentOffsetY.value;
@@ -65,7 +86,7 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/(0, _react.forwardRef)(({
       }
     }
     return result;
-  }, [contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom, contentInset === null || contentInset === void 0 ? void 0 : contentInset.top, contentInset === null || contentInset === void 0 ? void 0 : contentInset.right, contentInset === null || contentInset === void 0 ? void 0 : contentInset.left, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left, inverted, contentOffsetY]);
+  }, [scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left, inverted, contentOffsetY]);
   return /*#__PURE__*/_react.default.createElement(ReanimatedClippingScrollView, {
     animatedProps: animatedProps,
     applyWorkaroundForContentInsetHitTestBug: applyWorkaroundForContentInsetHitTestBug,

package/lib/commonjs/components/ScrollViewWithBottomPadding/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_bindings","_styles","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","OS","Platform","ReanimatedClippingScrollView","Reanimated","createAnimatedComponent","ClippingScrollView","ScrollViewWithBottomPadding","forwardRef","ScrollViewComponent","bottomPadding","scrollIndicatorPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","applyWorkaroundForContentInsetHitTestBug","children","rest","ref","prevContentOffsetY","useSharedValue","animatedProps","useAnimatedProps","insetTop","value","insetBottom","bottom","top","indicatorPadding","indicatorTop","indicatorBottom","result","right","left","contentInsetBottom","contentInsetTop","curr","contentOffset","x","y","createElement","style","styles","container","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport Reanimated, {\n  useAnimatedProps,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport { ClippingScrollView } from \"../../bindings\";\n\nimport styles from \"./styles\";\n\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nconst OS = Platform.OS;\nconst ReanimatedClippingScrollView =\n  OS === \"android\"\n    ? Reanimated.createAnimatedComponent(ClippingScrollView)\n    : ClippingScrollView;\n\ntype AnimatedScrollViewProps = React.ComponentProps<\n  typeof Reanimated.ScrollView\n>;\n\nexport type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<\n  AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>\n>;\n\ntype ScrollViewWithBottomPaddingProps = {\n  ScrollViewComponent: AnimatedScrollViewComponent;\n  children?: React.ReactNode;\n  inverted?: boolean;\n  bottomPadding: SharedValue<number>;\n  /** Padding for scroll indicator insets (excludes blankSpace). Falls back to bottomPadding when not provided. */\n  scrollIndicatorPadding?: SharedValue<number>;\n  /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */\n  contentOffsetY?: SharedValue<number>;\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n  Reanimated.ScrollView,\n  ScrollViewWithBottomPaddingProps\n>(\n  (\n    {\n      ScrollViewComponent,\n      bottomPadding,\n      scrollIndicatorPadding,\n      contentInset,\n      scrollIndicatorInsets,\n      inverted,\n      contentOffsetY,\n      applyWorkaroundForContentInsetHitTestBug,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const prevContentOffsetY = useSharedValue<number | null>(null);\n\n    const animatedProps = useAnimatedProps(() => {\n      const insetTop = inverted ? bottomPadding.value : 0;\n      const insetBottom = !inverted ? bottomPadding.value : 0;\n      const bottom = insetBottom + (contentInset?.bottom || 0);\n      const top = insetTop + (contentInset?.top || 0);\n\n      const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;\n      const indicatorTop =\n        (inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.top || 0);\n      const indicatorBottom =\n        (!inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.bottom || 0);\n\n      const result: Record<string, unknown> = {\n        // iOS prop\n        contentInset: {\n          bottom: bottom,\n          top: top,\n          right: contentInset?.right,\n          left: contentInset?.left,\n        },\n        scrollIndicatorInsets: {\n          bottom: indicatorBottom,\n          top: indicatorTop,\n          right: scrollIndicatorInsets?.right,\n          left: scrollIndicatorInsets?.left,\n        },\n        // Android prop\n        contentInsetBottom: insetBottom,\n        contentInsetTop: insetTop,\n      };\n\n      if (contentOffsetY) {\n        const curr = contentOffsetY.value;\n\n        if (curr !== prevContentOffsetY.value) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          prevContentOffsetY.value = curr;\n          result.contentOffset = { x: 0, y: curr };\n        }\n      }\n\n      return result;\n    }, [\n      contentInset?.bottom,\n      contentInset?.top,\n      contentInset?.right,\n      contentInset?.left,\n      scrollIndicatorInsets?.bottom,\n      scrollIndicatorInsets?.top,\n      scrollIndicatorInsets?.right,\n      scrollIndicatorInsets?.left,\n      inverted,\n      contentOffsetY,\n    ]);\n\n    return (\n      <ReanimatedClippingScrollView\n        animatedProps={animatedProps}\n        applyWorkaroundForContentInsetHitTestBug={\n          applyWorkaroundForContentInsetHitTestBug\n        }\n        style={styles.container}\n      >\n        <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>\n          {children}\n        </ScrollViewComponent>\n      </ReanimatedClippingScrollView>\n    );\n  },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_bindings","_styles","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","OS","Platform","ReanimatedClippingScrollView","Reanimated","createAnimatedComponent","ClippingScrollView","ScrollViewWithBottomPadding","forwardRef","ScrollViewComponent","bottomPadding","scrollIndicatorPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","applyWorkaroundForContentInsetHitTestBug","onContentInsetChange","children","rest","ref","prevContentOffsetY","useSharedValue","insets","useDerivedValue","dynamicTop","value","dynamicBottom","dynamic","top","bottom","effective","left","right","useAnimatedReaction","current","previous","runOnJS","animatedProps","useAnimatedProps","indicatorPadding","indicatorTop","indicatorBottom","result","contentInsetBottom","contentInsetTop","curr","contentOffset","x","y","createElement","style","styles","container","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport Reanimated, {\n  runOnJS,\n  useAnimatedProps,\n  useAnimatedReaction,\n  useDerivedValue,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport { ClippingScrollView } from \"../../bindings\";\n\nimport styles from \"./styles\";\n\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nconst OS = Platform.OS;\nconst ReanimatedClippingScrollView =\n  OS === \"android\"\n    ? Reanimated.createAnimatedComponent(ClippingScrollView)\n    : ClippingScrollView;\n\ntype AnimatedScrollViewProps = React.ComponentProps<\n  typeof Reanimated.ScrollView\n>;\n\nexport type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<\n  AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>\n>;\n\nexport type ScrollViewContentInsets = {\n  top: number;\n  bottom: number;\n  left: number;\n  right: number;\n};\n\ntype ScrollViewWithBottomPaddingProps = {\n  ScrollViewComponent: AnimatedScrollViewComponent;\n  children?: React.ReactNode;\n  inverted?: boolean;\n  bottomPadding: SharedValue<number>;\n  /** Padding for scroll indicator insets (excludes blankSpace). Falls back to bottomPadding when not provided. */\n  scrollIndicatorPadding?: SharedValue<number>;\n  /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */\n  contentOffsetY?: SharedValue<number>;\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n  /**\n   * Fires whenever the effective content inset changes (combines the static `contentInset`\n   * prop with the dynamic keyboard-driven padding). Useful on Android where the synthetic\n   * inset is not reflected in `onScroll` events.\n   */\n  onContentInsetChange?: (insets: ScrollViewContentInsets) => void;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n  Reanimated.ScrollView,\n  ScrollViewWithBottomPaddingProps\n>(\n  (\n    {\n      ScrollViewComponent,\n      bottomPadding,\n      scrollIndicatorPadding,\n      contentInset,\n      scrollIndicatorInsets,\n      inverted,\n      contentOffsetY,\n      applyWorkaroundForContentInsetHitTestBug,\n      onContentInsetChange,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const prevContentOffsetY = useSharedValue<number | null>(null);\n\n    const insets = useDerivedValue(() => {\n      const dynamicTop = inverted ? bottomPadding.value : 0;\n      const dynamicBottom = !inverted ? bottomPadding.value : 0;\n\n      return {\n        dynamic: {\n          top: dynamicTop,\n          bottom: dynamicBottom,\n        },\n        effective: {\n          top: dynamicTop + (contentInset?.top || 0),\n          bottom: dynamicBottom + (contentInset?.bottom || 0),\n          left: contentInset?.left || 0,\n          right: contentInset?.right || 0,\n        } as ScrollViewContentInsets,\n      };\n    }, [\n      inverted,\n      contentInset?.top,\n      contentInset?.bottom,\n      contentInset?.left,\n      contentInset?.right,\n    ]);\n\n    useAnimatedReaction(\n      () => insets.value.effective,\n      (current, previous) => {\n        if (!onContentInsetChange) {\n          return;\n        }\n        if (\n          previous &&\n          current.top === previous.top &&\n          current.bottom === previous.bottom &&\n          current.left === previous.left &&\n          current.right === previous.right\n        ) {\n          return;\n        }\n        runOnJS(onContentInsetChange)(current);\n      },\n      [onContentInsetChange],\n    );\n\n    const animatedProps = useAnimatedProps(() => {\n      const { dynamic, effective } = insets.value;\n\n      const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;\n      const indicatorTop =\n        (inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.top || 0);\n      const indicatorBottom =\n        (!inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.bottom || 0);\n\n      const result: Record<string, unknown> = {\n        // iOS prop\n        contentInset: effective,\n        scrollIndicatorInsets: {\n          bottom: indicatorBottom,\n          top: indicatorTop,\n          right: scrollIndicatorInsets?.right,\n          left: scrollIndicatorInsets?.left,\n        },\n        // Android prop\n        contentInsetBottom: dynamic.bottom,\n        contentInsetTop: dynamic.top,\n      };\n\n      if (contentOffsetY) {\n        const curr = contentOffsetY.value;\n\n        if (curr !== prevContentOffsetY.value) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          prevContentOffsetY.value = curr;\n          result.contentOffset = { x: 0, y: curr };\n        }\n      }\n\n      return result;\n    }, [\n      scrollIndicatorInsets?.bottom,\n      scrollIndicatorInsets?.top,\n      scrollIndicatorInsets?.right,\n      scrollIndicatorInsets?.left,\n      inverted,\n      contentOffsetY,\n    ]);\n\n    return (\n      <ReanimatedClippingScrollView\n        animatedProps={animatedProps}\n        applyWorkaroundForContentInsetHitTestBug={\n          applyWorkaroundForContentInsetHitTestBug\n        }\n        style={styles.container}\n      >\n        <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>\n          {children}\n        </ScrollViewComponent>\n      </ReanimatedClippingScrollView>\n    );\n  },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/KeyboardChatScrollView/index.js

@@ -6,6 +6,7 @@ import Reanimated from "react-native-reanimated";
 import useCombinedRef from "../hooks/useCombinedRef";
 import ScrollViewWithBottomPadding from "../ScrollViewWithBottomPadding";
 import { useChatKeyboard } from "./useChatKeyboard";
+import { useEndVisible } from "./useEndVisible";
 import { useExtraContentPadding } from "./useExtraContentPadding";
 const ZERO_CONTENT_PADDING = makeMutable(0);
 const ZERO_BLANK_SPACE = makeMutable(0);
@@ -21,6 +22,7 @@ const KeyboardChatScrollView = /*#__PURE__*/forwardRef(({
   applyWorkaroundForContentInsetHitTestBug = false,
   onLayout: onLayoutProp,
   onContentSizeChange: onContentSizeChangeProp,
+  onEndVisible,
   ...rest
 }, ref) => {
   const scrollViewRef = useAnimatedRef();
@@ -56,6 +58,13 @@ const KeyboardChatScrollView = /*#__PURE__*/forwardRef(({
     keyboardLiftBehavior,
     freeze: freezeSV
   });
+  useEndVisible({
+    scroll,
+    layout,
+    size,
+    inverted,
+    onEndVisible
+  });
   const totalPadding = useDerivedValue(() => Math.max(blankSpace.value, padding.value + extraContentPadding.value));
 
   // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).