react-native-keyboard-controller 1.21.0-beta.1 → 1.21.0-beta.3

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

@@ -0,0 +1,115 @@
+import { useSharedValue } from "react-native-reanimated";
+import { useKeyboardHandler } from "../../../hooks";
+import useScrollState from "../../hooks/useScrollState";
+import { computeIOSContentOffset, getEffectiveHeight, isScrollAtEnd, shouldShiftContent } from "./helpers";
+/**
+ * Hook that manages keyboard-driven scrolling for chat-style scroll views.
+ * Calculates padding (extra scrollable space) and content shift values,
+ * using iOS-specific strategy (contentOffset set once in onStart).
+ *
+ * @param scrollViewRef - Animated ref to the scroll view.
+ * @param options - Configuration for inverted and keyboardLiftBehavior.
+ * @returns Shared values for padding and contentOffsetY.
+ * @example
+ * ```tsx
+ * const { padding, contentOffsetY } = useChatKeyboard(ref, {
+ *   inverted: false,
+ *   keyboardLiftBehavior: "always",
+ * });
+ * ```
+ */
+function useChatKeyboard(scrollViewRef, options) {
+  const {
+    inverted,
+    keyboardLiftBehavior,
+    freeze,
+    offset
+  } = options;
+  const padding = useSharedValue(0);
+  const currentHeight = useSharedValue(0);
+  const contentOffsetY = useSharedValue(0);
+  const targetKeyboardHeight = useSharedValue(0);
+  const {
+    layout,
+    size,
+    offset: scroll,
+    onLayout,
+    onContentSizeChange
+  } = useScrollState(scrollViewRef);
+  useKeyboardHandler({
+    onStart: e => {
+      "worklet";
+
+      if (freeze) {
+        return;
+      }
+      if (e.height > 0) {
+        // eslint-disable-next-line react-compiler/react-compiler
+        targetKeyboardHeight.value = e.height;
+      }
+      const effective = getEffectiveHeight(e.height, targetKeyboardHeight.value, offset);
+      const atEnd = isScrollAtEnd(scroll.value, layout.value.height, size.value.height, inverted);
+
+      // persistent mode: when keyboard shrinks, snap to end or hold position
+      if (keyboardLiftBehavior === "persistent" && effective < padding.value) {
+        padding.value = effective;
+        if (atEnd) {
+          if (inverted) {
+            contentOffsetY.value = -effective;
+          } else {
+            contentOffsetY.value = Math.max(size.value.height - layout.value.height + effective, 0);
+          }
+        } else {
+          // Preserve current scroll position so the animated props
+          // don't re-apply the stale contentOffset from keyboard open
+          contentOffsetY.value = scroll.value;
+        }
+        return;
+      }
+
+      // never mode: when keyboard shrinks and at end, snap to end
+      // to avoid ghost padding
+      if (keyboardLiftBehavior === "never" && effective < padding.value && atEnd) {
+        padding.value = effective;
+        if (inverted) {
+          contentOffsetY.value = -effective;
+        } else {
+          contentOffsetY.value = Math.max(size.value.height - layout.value.height + effective, 0);
+        }
+        return;
+      }
+      const relativeScroll = inverted ? scroll.value + padding.value : scroll.value - padding.value;
+      padding.value = effective;
+      if (!shouldShiftContent(keyboardLiftBehavior, atEnd)) {
+        // Preserve current scroll position so animated props
+        // don't re-apply a stale contentOffset when padding changes
+        contentOffsetY.value = scroll.value;
+        return;
+      }
+      contentOffsetY.value = computeIOSContentOffset(relativeScroll, effective, size.value.height, layout.value.height, inverted);
+    },
+    onMove: () => {
+      "worklet";
+
+      // iOS doesn't need per-frame updates (contentOffset handles it)
+    },
+    onEnd: e => {
+      "worklet";
+
+      if (freeze) {
+        return;
+      }
+      const effective = getEffectiveHeight(e.height, targetKeyboardHeight.value, offset);
+      padding.value = effective;
+    }
+  }, [inverted, keyboardLiftBehavior, freeze, offset]);
+  return {
+    padding,
+    currentHeight,
+    contentOffsetY,
+    onLayout,
+    onContentSizeChange
+  };
+}
+export { useChatKeyboard };
+//# sourceMappingURL=index.ios.js.map

package/lib/module/components/KeyboardChatScrollView/useChatKeyboard/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSharedValue","useKeyboardHandler","useScrollState","computeIOSContentOffset","getEffectiveHeight","isScrollAtEnd","shouldShiftContent","useChatKeyboard","scrollViewRef","options","inverted","keyboardLiftBehavior","freeze","offset","padding","currentHeight","contentOffsetY","targetKeyboardHeight","layout","size","scroll","onLayout","onContentSizeChange","onStart","e","height","value","effective","atEnd","Math","max","relativeScroll","onMove","onEnd"],"sources":["index.ios.ts"],"sourcesContent":["import { useSharedValue } from \"react-native-reanimated\";\n\nimport { useKeyboardHandler } from \"../../../hooks\";\nimport useScrollState from \"../../hooks/useScrollState\";\n\nimport {\n  computeIOSContentOffset,\n  getEffectiveHeight,\n  isScrollAtEnd,\n  shouldShiftContent,\n} from \"./helpers\";\n\nimport type { UseChatKeyboardOptions, UseChatKeyboardReturn } from \"./types\";\nimport type { AnimatedRef } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\n/**\n * Hook that manages keyboard-driven scrolling for chat-style scroll views.\n * Calculates padding (extra scrollable space) and content shift values,\n * using iOS-specific strategy (contentOffset set once in onStart).\n *\n * @param scrollViewRef - Animated ref to the scroll view.\n * @param options - Configuration for inverted and keyboardLiftBehavior.\n * @returns Shared values for padding and contentOffsetY.\n * @example\n * ```tsx\n * const { padding, contentOffsetY } = useChatKeyboard(ref, {\n *   inverted: false,\n *   keyboardLiftBehavior: \"always\",\n * });\n * ```\n */\nfunction useChatKeyboard(\n  scrollViewRef: AnimatedRef<Reanimated.ScrollView>,\n  options: UseChatKeyboardOptions,\n): UseChatKeyboardReturn {\n  const { inverted, keyboardLiftBehavior, freeze, offset } = options;\n\n  const padding = useSharedValue(0);\n  const currentHeight = useSharedValue(0);\n  const contentOffsetY = useSharedValue(0);\n  const targetKeyboardHeight = useSharedValue(0);\n\n  const {\n    layout,\n    size,\n    offset: scroll,\n    onLayout,\n    onContentSizeChange,\n  } = useScrollState(scrollViewRef);\n\n  useKeyboardHandler(\n    {\n      onStart: (e) => {\n        \"worklet\";\n\n        if (freeze) {\n          return;\n        }\n\n        if (e.height > 0) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          targetKeyboardHeight.value = e.height;\n        }\n\n        const effective = getEffectiveHeight(\n          e.height,\n          targetKeyboardHeight.value,\n          offset,\n        );\n\n        const atEnd = isScrollAtEnd(\n          scroll.value,\n          layout.value.height,\n          size.value.height,\n          inverted,\n        );\n\n        // persistent mode: when keyboard shrinks, snap to end or hold position\n        if (\n          keyboardLiftBehavior === \"persistent\" &&\n          effective < padding.value\n        ) {\n          padding.value = effective;\n\n          if (atEnd) {\n            if (inverted) {\n              contentOffsetY.value = -effective;\n            } else {\n              contentOffsetY.value = Math.max(\n                size.value.height - layout.value.height + effective,\n                0,\n              );\n            }\n          } else {\n            // Preserve current scroll position so the animated props\n            // don't re-apply the stale contentOffset from keyboard open\n            contentOffsetY.value = scroll.value;\n          }\n\n          return;\n        }\n\n        // never mode: when keyboard shrinks and at end, snap to end\n        // to avoid ghost padding\n        if (\n          keyboardLiftBehavior === \"never\" &&\n          effective < padding.value &&\n          atEnd\n        ) {\n          padding.value = effective;\n\n          if (inverted) {\n            contentOffsetY.value = -effective;\n          } else {\n            contentOffsetY.value = Math.max(\n              size.value.height - layout.value.height + effective,\n              0,\n            );\n          }\n\n          return;\n        }\n\n        const relativeScroll = inverted\n          ? scroll.value + padding.value\n          : scroll.value - padding.value;\n\n        padding.value = effective;\n\n        if (!shouldShiftContent(keyboardLiftBehavior, atEnd)) {\n          // Preserve current scroll position so animated props\n          // don't re-apply a stale contentOffset when padding changes\n          contentOffsetY.value = scroll.value;\n\n          return;\n        }\n\n        contentOffsetY.value = computeIOSContentOffset(\n          relativeScroll,\n          effective,\n          size.value.height,\n          layout.value.height,\n          inverted,\n        );\n      },\n      onMove: () => {\n        \"worklet\";\n\n        // iOS doesn't need per-frame updates (contentOffset handles it)\n      },\n      onEnd: (e) => {\n        \"worklet\";\n\n        if (freeze) {\n          return;\n        }\n\n        const effective = getEffectiveHeight(\n          e.height,\n          targetKeyboardHeight.value,\n          offset,\n        );\n\n        padding.value = effective;\n      },\n    },\n    [inverted, keyboardLiftBehavior, freeze, offset],\n  );\n\n  return {\n    padding,\n    currentHeight,\n    contentOffsetY,\n    onLayout,\n    onContentSizeChange,\n  };\n}\n\nexport { useChatKeyboard };\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,199 @@
+import { scrollTo, useSharedValue } from "react-native-reanimated";
+import { useKeyboardHandler } from "../../../hooks";
+import useScrollState from "../../hooks/useScrollState";
+import { clampedScrollTarget, getEffectiveHeight, isScrollAtEnd, shouldShiftContent } from "./helpers";
+/**
+ * Hook that manages keyboard-driven scrolling for chat-style scroll views.
+ * Calculates padding (extra scrollable space) and content shift values,
+ * using per-frame scrollTo updates (Android and other platforms).
+ *
+ * @param scrollViewRef - Animated ref to the scroll view.
+ * @param options - Configuration for inverted and keyboardLiftBehavior.
+ * @returns Shared values for padding and contentOffsetY (always `undefined`).
+ * @example
+ * ```tsx
+ * const { padding, contentOffsetY } = useChatKeyboard(ref, {
+ *   inverted: false,
+ *   keyboardLiftBehavior: "always",
+ * });
+ * ```
+ */
+function useChatKeyboard(scrollViewRef, options) {
+  const {
+    inverted,
+    keyboardLiftBehavior,
+    freeze,
+    offset
+  } = options;
+  const padding = useSharedValue(0);
+  const currentHeight = useSharedValue(0);
+  const offsetBeforeScroll = useSharedValue(0);
+  const targetKeyboardHeight = useSharedValue(0);
+  const closing = useSharedValue(false);
+  const {
+    layout,
+    size,
+    offset: scroll,
+    onLayout,
+    onContentSizeChange
+  } = useScrollState(scrollViewRef);
+  const clampScrollIfNeeded = effective => {
+    "worklet";
+
+    const maxScroll = Math.max(size.value.height - layout.value.height + effective, 0);
+    if (scroll.value > maxScroll) {
+      scrollTo(scrollViewRef, 0, maxScroll, false);
+    }
+  };
+  useKeyboardHandler({
+    onStart: e => {
+      "worklet";
+
+      if (freeze) {
+        return;
+      }
+      if (e.height > 0) {
+        // eslint-disable-next-line react-compiler/react-compiler
+        targetKeyboardHeight.value = e.height;
+        closing.value = false;
+      } else {
+        closing.value = true;
+      }
+      const effective = getEffectiveHeight(e.height, targetKeyboardHeight.value, offset);
+      const atEnd = isScrollAtEnd(scroll.value, layout.value.height, size.value.height, inverted);
+      if (inverted && e.duration === -1) {
+        // Android inverted: skip post-interactive snap-back events
+        // (duration === -1 means the keyboard is re-establishing its
+        // position after an interactive gesture, not a real animation)
+        return;
+      } else if (e.height > 0) {
+        // Android: keyboard opening — set padding + capture scroll position
+        padding.value = effective;
+        offsetBeforeScroll.value = scroll.value;
+        if (!inverted && keyboardLiftBehavior === "whenAtEnd" && !atEnd) {
+          // Sentinel: don't scroll in onMove (non-inverted only)
+          offsetBeforeScroll.value = -1;
+        }
+      } else {
+        // Android: keyboard closing — re-capture scroll position
+        if (inverted) {
+          offsetBeforeScroll.value = scroll.value;
+        } else {
+          // Preserve "whenAtEnd" sentinel: if open didn't shift, close shouldn't either
+          if (offsetBeforeScroll.value !== -1) {
+            // Non-inverted: subtract padding to get the "natural" position
+            // so onMove smoothly scrolls back from where the user is now
+            offsetBeforeScroll.value = scroll.value - padding.value;
+          }
+        }
+      }
+    },
+    onMove: e => {
+      "worklet";
+
+      if (freeze) {
+        return;
+      }
+      currentHeight.value = e.height;
+      if (inverted) {
+        // Skip post-interactive snap-back (duration === -1)
+        if (e.duration === -1) {
+          return;
+        }
+        const effective = getEffectiveHeight(e.height, targetKeyboardHeight.value, offset);
+
+        // Check if we should shift content based on position when keyboard started
+        const wasAtEnd = isScrollAtEnd(offsetBeforeScroll.value, layout.value.height, size.value.height, inverted);
+
+        // "never" at end: scroll along when keyboard closes to avoid jump
+        if (keyboardLiftBehavior === "never" && wasAtEnd && effective < padding.value) {
+          padding.value = effective;
+          scrollTo(scrollViewRef, 0, 0, false);
+          return;
+        }
+        if (!shouldShiftContent(keyboardLiftBehavior, wasAtEnd)) {
+          // Closing, not shifting: reduce padding to avoid gap
+          if (closing.value && effective < padding.value) {
+            padding.value = effective;
+            clampScrollIfNeeded(effective);
+          }
+          return;
+        }
+
+        // Persistent: don't let shift decrease
+        if (keyboardLiftBehavior === "persistent") {
+          const currentShift = offsetBeforeScroll.value + padding.value - scroll.value;
+          if (effective < currentShift) {
+            // When at end, allow scrolling back (snap to end + reduce padding)
+            if (wasAtEnd) {
+              padding.value = effective;
+              scrollTo(scrollViewRef, 0, 0, false);
+            } else if (closing.value) {
+              // Not at end: reduce padding to avoid gap
+              padding.value = effective;
+              clampScrollIfNeeded(effective);
+            }
+            return;
+          }
+        }
+        const target = offsetBeforeScroll.value + padding.value - effective;
+        scrollTo(scrollViewRef, 0, target, false);
+      } else {
+        const effective = getEffectiveHeight(e.height, targetKeyboardHeight.value, offset);
+
+        // "never" closing: scroll along when at end to avoid jump
+        if (keyboardLiftBehavior === "never" && closing.value && effective < padding.value) {
+          const wasAtEnd = isScrollAtEnd(offsetBeforeScroll.value + padding.value, layout.value.height, size.value.height, false);
+          if (wasAtEnd) {
+            const target = clampedScrollTarget(offsetBeforeScroll.value, effective, size.value.height, layout.value.height);
+            scrollTo(scrollViewRef, 0, target, false);
+          } else {
+            // Clamp to valid range as padding shrinks
+            clampScrollIfNeeded(effective);
+          }
+          return;
+        }
+        if (!shouldShiftContent(keyboardLiftBehavior, true)) {
+          return;
+        }
+
+        // "whenAtEnd" sentinel check
+        if (offsetBeforeScroll.value === -1) {
+          if (closing.value) {
+            // Keyboard didn't shift on open; ensure valid position on close
+            clampScrollIfNeeded(effective);
+          }
+          return;
+        }
+
+        // "persistent" closing: maintain position, clamped to valid range
+        if (keyboardLiftBehavior === "persistent" && closing.value) {
+          const keepAt = offsetBeforeScroll.value + padding.value;
+          const maxScroll = Math.max(size.value.height - layout.value.height + effective, 0);
+          scrollTo(scrollViewRef, 0, Math.min(keepAt, maxScroll), false);
+          return;
+        }
+        const target = clampedScrollTarget(offsetBeforeScroll.value, effective, size.value.height, layout.value.height);
+        scrollTo(scrollViewRef, 0, target, false);
+      }
+    },
+    onEnd: e => {
+      "worklet";
+
+      if (freeze) {
+        return;
+      }
+      const effective = getEffectiveHeight(e.height, targetKeyboardHeight.value, offset);
+      padding.value = effective;
+    }
+  }, [inverted, keyboardLiftBehavior, freeze, offset]);
+  return {
+    padding,
+    currentHeight,
+    contentOffsetY: undefined,
+    onLayout,
+    onContentSizeChange
+  };
+}
+export { useChatKeyboard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["scrollTo","useSharedValue","useKeyboardHandler","useScrollState","clampedScrollTarget","getEffectiveHeight","isScrollAtEnd","shouldShiftContent","useChatKeyboard","scrollViewRef","options","inverted","keyboardLiftBehavior","freeze","offset","padding","currentHeight","offsetBeforeScroll","targetKeyboardHeight","closing","layout","size","scroll","onLayout","onContentSizeChange","clampScrollIfNeeded","effective","maxScroll","Math","max","value","height","onStart","e","atEnd","duration","onMove","wasAtEnd","currentShift","target","keepAt","min","onEnd","contentOffsetY","undefined"],"sources":["index.ts"],"sourcesContent":["import { scrollTo, useSharedValue } from \"react-native-reanimated\";\n\nimport { useKeyboardHandler } from \"../../../hooks\";\nimport useScrollState from \"../../hooks/useScrollState\";\n\nimport {\n  clampedScrollTarget,\n  getEffectiveHeight,\n  isScrollAtEnd,\n  shouldShiftContent,\n} from \"./helpers\";\n\nimport type { UseChatKeyboardOptions, UseChatKeyboardReturn } from \"./types\";\nimport type { AnimatedRef } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\n/**\n * Hook that manages keyboard-driven scrolling for chat-style scroll views.\n * Calculates padding (extra scrollable space) and content shift values,\n * using per-frame scrollTo updates (Android and other platforms).\n *\n * @param scrollViewRef - Animated ref to the scroll view.\n * @param options - Configuration for inverted and keyboardLiftBehavior.\n * @returns Shared values for padding and contentOffsetY (always `undefined`).\n * @example\n * ```tsx\n * const { padding, contentOffsetY } = useChatKeyboard(ref, {\n *   inverted: false,\n *   keyboardLiftBehavior: \"always\",\n * });\n * ```\n */\nfunction useChatKeyboard(\n  scrollViewRef: AnimatedRef<Reanimated.ScrollView>,\n  options: UseChatKeyboardOptions,\n): UseChatKeyboardReturn {\n  const { inverted, keyboardLiftBehavior, freeze, offset } = options;\n\n  const padding = useSharedValue(0);\n  const currentHeight = useSharedValue(0);\n  const offsetBeforeScroll = useSharedValue(0);\n  const targetKeyboardHeight = useSharedValue(0);\n  const closing = useSharedValue(false);\n\n  const {\n    layout,\n    size,\n    offset: scroll,\n    onLayout,\n    onContentSizeChange,\n  } = useScrollState(scrollViewRef);\n\n  const clampScrollIfNeeded = (effective: number) => {\n    \"worklet\";\n\n    const maxScroll = Math.max(\n      size.value.height - layout.value.height + effective,\n      0,\n    );\n\n    if (scroll.value > maxScroll) {\n      scrollTo(scrollViewRef, 0, maxScroll, false);\n    }\n  };\n\n  useKeyboardHandler(\n    {\n      onStart: (e) => {\n        \"worklet\";\n\n        if (freeze) {\n          return;\n        }\n\n        if (e.height > 0) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          targetKeyboardHeight.value = e.height;\n          closing.value = false;\n        } else {\n          closing.value = true;\n        }\n\n        const effective = getEffectiveHeight(\n          e.height,\n          targetKeyboardHeight.value,\n          offset,\n        );\n\n        const atEnd = isScrollAtEnd(\n          scroll.value,\n          layout.value.height,\n          size.value.height,\n          inverted,\n        );\n\n        if (inverted && e.duration === -1) {\n          // Android inverted: skip post-interactive snap-back events\n          // (duration === -1 means the keyboard is re-establishing its\n          // position after an interactive gesture, not a real animation)\n          return;\n        } else if (e.height > 0) {\n          // Android: keyboard opening — set padding + capture scroll position\n          padding.value = effective;\n          offsetBeforeScroll.value = scroll.value;\n\n          if (!inverted && keyboardLiftBehavior === \"whenAtEnd\" && !atEnd) {\n            // Sentinel: don't scroll in onMove (non-inverted only)\n            offsetBeforeScroll.value = -1;\n          }\n        } else {\n          // Android: keyboard closing — re-capture scroll position\n          if (inverted) {\n            offsetBeforeScroll.value = scroll.value;\n          } else {\n            // Preserve \"whenAtEnd\" sentinel: if open didn't shift, close shouldn't either\n            if (offsetBeforeScroll.value !== -1) {\n              // Non-inverted: subtract padding to get the \"natural\" position\n              // so onMove smoothly scrolls back from where the user is now\n              offsetBeforeScroll.value = scroll.value - padding.value;\n            }\n          }\n        }\n      },\n      onMove: (e) => {\n        \"worklet\";\n\n        if (freeze) {\n          return;\n        }\n\n        currentHeight.value = e.height;\n\n        if (inverted) {\n          // Skip post-interactive snap-back (duration === -1)\n          if (e.duration === -1) {\n            return;\n          }\n\n          const effective = getEffectiveHeight(\n            e.height,\n            targetKeyboardHeight.value,\n            offset,\n          );\n\n          // Check if we should shift content based on position when keyboard started\n          const wasAtEnd = isScrollAtEnd(\n            offsetBeforeScroll.value,\n            layout.value.height,\n            size.value.height,\n            inverted,\n          );\n\n          // \"never\" at end: scroll along when keyboard closes to avoid jump\n          if (\n            keyboardLiftBehavior === \"never\" &&\n            wasAtEnd &&\n            effective < padding.value\n          ) {\n            padding.value = effective;\n            scrollTo(scrollViewRef, 0, 0, false);\n\n            return;\n          }\n\n          if (!shouldShiftContent(keyboardLiftBehavior, wasAtEnd)) {\n            // Closing, not shifting: reduce padding to avoid gap\n            if (closing.value && effective < padding.value) {\n              padding.value = effective;\n              clampScrollIfNeeded(effective);\n            }\n\n            return;\n          }\n\n          // Persistent: don't let shift decrease\n          if (keyboardLiftBehavior === \"persistent\") {\n            const currentShift =\n              offsetBeforeScroll.value + padding.value - scroll.value;\n\n            if (effective < currentShift) {\n              // When at end, allow scrolling back (snap to end + reduce padding)\n              if (wasAtEnd) {\n                padding.value = effective;\n                scrollTo(scrollViewRef, 0, 0, false);\n              } else if (closing.value) {\n                // Not at end: reduce padding to avoid gap\n                padding.value = effective;\n                clampScrollIfNeeded(effective);\n              }\n\n              return;\n            }\n          }\n\n          const target = offsetBeforeScroll.value + padding.value - effective;\n\n          scrollTo(scrollViewRef, 0, target, false);\n        } else {\n          const effective = getEffectiveHeight(\n            e.height,\n            targetKeyboardHeight.value,\n            offset,\n          );\n\n          // \"never\" closing: scroll along when at end to avoid jump\n          if (\n            keyboardLiftBehavior === \"never\" &&\n            closing.value &&\n            effective < padding.value\n          ) {\n            const wasAtEnd = isScrollAtEnd(\n              offsetBeforeScroll.value + padding.value,\n              layout.value.height,\n              size.value.height,\n              false,\n            );\n\n            if (wasAtEnd) {\n              const target = clampedScrollTarget(\n                offsetBeforeScroll.value,\n                effective,\n                size.value.height,\n                layout.value.height,\n              );\n\n              scrollTo(scrollViewRef, 0, target, false);\n            } else {\n              // Clamp to valid range as padding shrinks\n              clampScrollIfNeeded(effective);\n            }\n\n            return;\n          }\n\n          if (!shouldShiftContent(keyboardLiftBehavior, true)) {\n            return;\n          }\n\n          // \"whenAtEnd\" sentinel check\n          if (offsetBeforeScroll.value === -1) {\n            if (closing.value) {\n              // Keyboard didn't shift on open; ensure valid position on close\n              clampScrollIfNeeded(effective);\n            }\n\n            return;\n          }\n\n          // \"persistent\" closing: maintain position, clamped to valid range\n          if (keyboardLiftBehavior === \"persistent\" && closing.value) {\n            const keepAt = offsetBeforeScroll.value + padding.value;\n            const maxScroll = Math.max(\n              size.value.height - layout.value.height + effective,\n              0,\n            );\n\n            scrollTo(scrollViewRef, 0, Math.min(keepAt, maxScroll), false);\n\n            return;\n          }\n\n          const target = clampedScrollTarget(\n            offsetBeforeScroll.value,\n            effective,\n            size.value.height,\n            layout.value.height,\n          );\n\n          scrollTo(scrollViewRef, 0, target, false);\n        }\n      },\n      onEnd: (e) => {\n        \"worklet\";\n\n        if (freeze) {\n          return;\n        }\n\n        const effective = getEffectiveHeight(\n          e.height,\n          targetKeyboardHeight.value,\n          offset,\n        );\n\n        padding.value = effective;\n      },\n    },\n    [inverted, keyboardLiftBehavior, freeze, offset],\n  );\n\n  return {\n    padding,\n    currentHeight,\n    contentOffsetY: undefined,\n    onLayout,\n    onContentSizeChange,\n  };\n}\n\nexport { useChatKeyboard };\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/KeyboardChatScrollView/useChatKeyboard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/KeyboardChatScrollView/useChatKeyboard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { LayoutChangeEvent } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\ntype KeyboardLiftBehavior = \"always\" | \"whenAtEnd\" | \"persistent\" | \"never\";\n\ntype UseChatKeyboardOptions = {\n  inverted: boolean;\n  keyboardLiftBehavior: KeyboardLiftBehavior;\n  freeze: boolean;\n  offset: number;\n};\n\ntype UseChatKeyboardReturn = {\n  /** Extra scrollable space (= keyboard height). Used as contentInset on iOS, contentInsetBottom/contentInsetTop on Android. */\n  padding: SharedValue<number>;\n  /** Raw keyboard height updated every frame in onMove. Used to force Reanimated commits on Fabric. */\n  currentHeight: SharedValue<number>;\n  /** Absolute Y content offset for iOS (set once in onStart). `undefined` on Android. */\n  contentOffsetY: SharedValue<number> | undefined;\n  /** Callback to attach to ScrollView's onLayout prop to capture initial viewport dimensions. */\n  onLayout: (e: LayoutChangeEvent) => void;\n  /** Callback to attach to ScrollView's onContentSizeChange prop to capture initial content dimensions. */\n  onContentSizeChange: (w: number, h: number) => void;\n};\n\nexport type {\n  KeyboardLiftBehavior,\n  UseChatKeyboardOptions,\n  UseChatKeyboardReturn,\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -33,11 +33,15 @@ const KeyboardStickyView = /*#__PURE__*/forwardRef(({
     inputRange: [0, 1],
     outputRange: [closed, opened]
   });
-  const styles = useMemo(() => [{
-    transform: [{
-      translateY: enabled ? Animated.add(height, offset) : closed
-    }]
-  }, style], [closed, enabled, height, offset, style]);
+  const styles = useMemo(() => {
+    const disabled = Animated.add(Animated.multiply(height, 0), closed);
+    const active = Animated.add(height, offset);
+    return [{
+      transform: [{
+        translateY: enabled ? active : disabled
+      }]
+    }, style];
+  }, [closed, enabled, height, offset, style]);
   return /*#__PURE__*/React.createElement(Animated.View, _extends({
     ref: ref,
     style: styles

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useMemo","Animated","useKeyboardAnimation","KeyboardStickyView","children","offset","closed","opened","style","enabled","props","ref","height","progress","interpolate","inputRange","outputRange","styles","transform","translateY","add","createElement","View","_extends"],"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      () => [\n        {\n          transform: [\n            { translateY: enabled ? Animated.add(height, offset) : closed },\n          ],\n        },\n        style,\n      ],\n      [closed, enabled, height, offset, style],\n    );\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":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,oBAAoB,QAAQ,aAAa;AAuBlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,gBAAGJ,UAAU,CAInC,CACE;EACEK,QAAQ;EACRC,MAAM,EAAE;IAAEC,MAAM,GAAG,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAG,CAAC,CAAC;EACvCC,KAAK;EACLC,OAAO,GAAG,IAAI;EACd,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGX,oBAAoB,CAAC,CAAC;EAEnD,MAAMG,MAAM,GAAGQ,QAAQ,CAACC,WAAW,CAAC;IAClCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAACV,MAAM,EAAEC,MAAM;EAC9B,CAAC,CAAC;EAEF,MAAMU,MAAM,GAAGjB,OAAO,CACpB,MAAM,CACJ;IACEkB,SAAS,EAAE,CACT;MAAEC,UAAU,EAAEV,OAAO,GAAGR,QAAQ,CAACmB,GAAG,CAACR,MAAM,EAAEP,MAAM,CAAC,GAAGC;IAAO,CAAC;EAEnE,CAAC,EACDE,KAAK,CACN,EACD,CAACF,MAAM,EAAEG,OAAO,EAAEG,MAAM,EAAEP,MAAM,EAAEG,KAAK,CACzC,CAAC;EAED,oBACEV,KAAA,CAAAuB,aAAA,CAACpB,QAAQ,CAACqB,IAAI,EAAAC,QAAA;IAACZ,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAES;EAAO,GAAKP,KAAK,GAC9CN,QACY,CAAC;AAEpB,CACF,CAAC;AAED,eAAeD,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useMemo","Animated","useKeyboardAnimation","KeyboardStickyView","children","offset","closed","opened","style","enabled","props","ref","height","progress","interpolate","inputRange","outputRange","styles","disabled","add","multiply","active","transform","translateY","createElement","View","_extends"],"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":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,oBAAoB,QAAQ,aAAa;AAuBlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,gBAAGJ,UAAU,CAInC,CACE;EACEK,QAAQ;EACRC,MAAM,EAAE;IAAEC,MAAM,GAAG,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAG,CAAC,CAAC;EACvCC,KAAK;EACLC,OAAO,GAAG,IAAI;EACd,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGX,oBAAoB,CAAC,CAAC;EAEnD,MAAMG,MAAM,GAAGQ,QAAQ,CAACC,WAAW,CAAC;IAClCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAACV,MAAM,EAAEC,MAAM;EAC9B,CAAC,CAAC;EAEF,MAAMU,MAAM,GAAGjB,OAAO,CAAC,MAAM;IAC3B,MAAMkB,QAAQ,GAAGjB,QAAQ,CAACkB,GAAG,CAAClB,QAAQ,CAACmB,QAAQ,CAACR,MAAM,EAAE,CAAC,CAAC,EAAEN,MAAM,CAAC;IACnE,MAAMe,MAAM,GAAGpB,QAAQ,CAACkB,GAAG,CAACP,MAAM,EAAEP,MAAM,CAAC;IAE3C,OAAO,CACL;MACEiB,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEd,OAAO,GAAGY,MAAM,GAAGH;MAAS,CAAC;IACzD,CAAC,EACDV,KAAK,CACN;EACH,CAAC,EAAE,CAACF,MAAM,EAAEG,OAAO,EAAEG,MAAM,EAAEP,MAAM,EAAEG,KAAK,CAAC,CAAC;EAE5C,oBACEV,KAAA,CAAA0B,aAAA,CAACvB,QAAQ,CAACwB,IAAI,EAAAC,QAAA;IAACf,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAES;EAAO,GAAKP,KAAK,GAC9CN,QACY,CAAC;AAEpB,CACF,CAAC;AAED,eAAeD,kBAAkB","ignoreList":[]}

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

@@ -1,35 +1,68 @@
 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); }
 import React, { forwardRef } from "react";
-import { Platform } from "react-native";
+import { Platform, View } from "react-native";
 import Reanimated, { useAnimatedProps } from "react-native-reanimated";
 import { ClippingScrollView } from "../../bindings";
 import styles from "./styles";
-const ReanimatedClippingScrollView = Platform.OS === "android" ? Reanimated.createAnimatedComponent(ClippingScrollView) : ClippingScrollView;
+const OS = Platform.OS;
+const ReanimatedClippingScrollView = OS === "android" ? Reanimated.createAnimatedComponent(ClippingScrollView) : ClippingScrollView;
 const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
   ScrollViewComponent,
   bottomPadding,
   contentInset,
+  scrollIndicatorInsets,
+  inverted,
+  contentOffsetY,
   children,
   ...rest
 }, ref) => {
-  const animatedProps = useAnimatedProps(() => ({
-    // iOS prop
-    contentInset: {
-      bottom: bottomPadding.value + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0),
-      top: contentInset === null || contentInset === void 0 ? void 0 : contentInset.top,
-      right: contentInset === null || contentInset === void 0 ? void 0 : contentInset.right,
-      left: contentInset === null || contentInset === void 0 ? void 0 : contentInset.left
-    },
-    // Android prop
-    contentInsetBottom: bottomPadding.value
-  }), [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]);
+  const animatedProps = 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 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
+      },
+      scrollIndicatorInsets: {
+        bottom: bottom,
+        top: top,
+        right: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right,
+        left: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left
+      },
+      // Android prop
+      contentInsetBottom: insetBottom,
+      contentInsetTop: insetTop
+    };
+    if (contentOffsetY) {
+      result.contentOffset = {
+        x: 0,
+        y: contentOffsetY.value
+      };
+    }
+    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]);
   return /*#__PURE__*/React.createElement(ReanimatedClippingScrollView, {
     animatedProps: animatedProps,
     style: styles.container
   }, /*#__PURE__*/React.createElement(ScrollViewComponent, _extends({
     ref: ref,
     animatedProps: animatedProps
-  }, rest), children));
+  }, rest), inverted ?
+  /*#__PURE__*/
+  // The only thing it can break is `StickyHeader`, but it's already broken in FlatList and other lists
+  // don't support this functionality, so we can add additional view here
+  // The correct fix would be to add a new prop in ScrollView that allows
+  // to customize children extraction logic and skip custom view
+  React.createElement(View, {
+    collapsable: false,
+    nativeID: "container"
+  }, children) : children));
 });
 export default ScrollViewWithBottomPadding;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Platform","Reanimated","useAnimatedProps","ClippingScrollView","styles","ReanimatedClippingScrollView","OS","createAnimatedComponent","ScrollViewWithBottomPadding","ScrollViewComponent","bottomPadding","contentInset","children","rest","ref","animatedProps","bottom","value","top","right","left","contentInsetBottom","createElement","style","container","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport Reanimated, { useAnimatedProps } 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 ReanimatedClippingScrollView =\n  Platform.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  bottomPadding: SharedValue<number>;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n  Reanimated.ScrollView,\n  ScrollViewWithBottomPaddingProps\n>(\n  (\n    { ScrollViewComponent, bottomPadding, contentInset, children, ...rest },\n    ref,\n  ) => {\n    const animatedProps = useAnimatedProps(\n      () => ({\n        // iOS prop\n        contentInset: {\n          bottom: bottomPadding.value + (contentInset?.bottom || 0),\n          top: contentInset?.top,\n          right: contentInset?.right,\n          left: contentInset?.left,\n        },\n        // Android prop\n        contentInsetBottom: bottomPadding.value,\n      }),\n      [\n        contentInset?.bottom,\n        contentInset?.top,\n        contentInset?.right,\n        contentInset?.left,\n      ],\n    );\n\n    return (\n      <ReanimatedClippingScrollView\n        animatedProps={animatedProps}\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":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,UAAU,IAAIC,gBAAgB,QAAQ,yBAAyB;AAEtE,SAASC,kBAAkB,QAAQ,gBAAgB;AAEnD,OAAOC,MAAM,MAAM,UAAU;AAK7B,MAAMC,4BAA4B,GAChCL,QAAQ,CAACM,EAAE,KAAK,SAAS,GACrBL,UAAU,CAACM,uBAAuB,CAACJ,kBAAkB,CAAC,GACtDA,kBAAkB;AAgBxB,MAAMK,2BAA2B,gBAAGT,UAAU,CAI5C,CACE;EAAEU,mBAAmB;EAAEC,aAAa;EAAEC,YAAY;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EACvEC,GAAG,KACA;EACH,MAAMC,aAAa,GAAGb,gBAAgB,CACpC,OAAO;IACL;IACAS,YAAY,EAAE;MACZK,MAAM,EAAEN,aAAa,CAACO,KAAK,IAAI,CAAAN,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,MAAM,KAAI,CAAC,CAAC;MACzDE,GAAG,EAAEP,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEO,GAAG;MACtBC,KAAK,EAAER,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEQ,KAAK;MAC1BC,IAAI,EAAET,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAES;IACtB,CAAC;IACD;IACAC,kBAAkB,EAAEX,aAAa,CAACO;EACpC,CAAC,CAAC,EACF,CACEN,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,MAAM,EACpBL,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEO,GAAG,EACjBP,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEQ,KAAK,EACnBR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAES,IAAI,CAEtB,CAAC;EAED,oBACEtB,KAAA,CAAAwB,aAAA,CAACjB,4BAA4B;IAC3BU,aAAa,EAAEA,aAAc;IAC7BQ,KAAK,EAAEnB,MAAM,CAACoB;EAAU,gBAExB1B,KAAA,CAAAwB,aAAA,CAACb,mBAAmB,EAAAgB,QAAA;IAACX,GAAG,EAAEA,GAAI;IAACC,aAAa,EAAEA;EAAc,GAAKF,IAAI,GAClED,QACkB,CACO,CAAC;AAEnC,CACF,CAAC;AAED,eAAeJ,2BAA2B","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","Platform","View","Reanimated","useAnimatedProps","ClippingScrollView","styles","OS","ReanimatedClippingScrollView","createAnimatedComponent","ScrollViewWithBottomPadding","ScrollViewComponent","bottomPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","children","rest","ref","animatedProps","insetTop","value","insetBottom","bottom","top","result","right","left","contentInsetBottom","contentInsetTop","contentOffset","x","y","createElement","style","container","_extends","collapsable","nativeID"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform, View } from \"react-native\";\nimport Reanimated, { useAnimatedProps } 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  /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */\n  contentOffsetY?: SharedValue<number>;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n  Reanimated.ScrollView,\n  ScrollViewWithBottomPaddingProps\n>(\n  (\n    {\n      ScrollViewComponent,\n      bottomPadding,\n      contentInset,\n      scrollIndicatorInsets,\n      inverted,\n      contentOffsetY,\n      children,\n      ...rest\n    },\n    ref,\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 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: bottom,\n          top: top,\n          right: scrollIndicatorInsets?.right,\n          left: scrollIndicatorInsets?.left,\n        },\n        // Android prop\n        contentInsetBottom: insetBottom,\n        contentInsetTop: insetTop,\n      };\n\n      if (contentOffsetY) {\n        result.contentOffset = { x: 0, y: contentOffsetY.value };\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        style={styles.container}\n      >\n        <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>\n          {inverted ? (\n            // The only thing it can break is `StickyHeader`, but it's already broken in FlatList and other lists\n            // don't support this functionality, so we can add additional view here\n            // The correct fix would be to add a new prop in ScrollView that allows\n            // to customize children extraction logic and skip custom view\n            <View collapsable={false} nativeID=\"container\">\n              {children}\n            </View>\n          ) : (\n            children\n          )}\n        </ScrollViewComponent>\n      </ReanimatedClippingScrollView>\n    );\n  },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/hooks/useScrollState.js

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useCallback, useEffect } from "react";
 import { useEvent, useSharedValue } from "react-native-reanimated";
 import { useEventHandlerRegistration } from "../../internal";
 const NATIVE_SCROLL_EVENT_NAMES = ["onScroll", "onScrollBeginDrag", "onScrollEndDrag", "onMomentumScrollBegin", "onMomentumScrollEnd"];
@@ -27,10 +27,29 @@ const useScrollState = ref => {
       cleanup();
     };
   }, []);
+
+  // `onContentSizeChange` is synthesized in JS (from the content container's
+  // onLayout) and `onLayout` has a different payload shape than scroll events,
+  // so neither can be reliably captured via native event registration.
+  // Instead we expose callbacks for the consumer to attach as props.
+  const onLayout = useCallback(e => {
+    layout.value = {
+      width: e.nativeEvent.layout.width,
+      height: e.nativeEvent.layout.height
+    };
+  }, [layout]);
+  const onContentSizeChange = useCallback((w, h) => {
+    size.value = {
+      width: w,
+      height: h
+    };
+  }, [size]);
   return {
     offset,
     layout,
-    size
+    size,
+    onLayout,
+    onContentSizeChange
   };
 };
 export default useScrollState;

package/lib/module/components/hooks/useScrollState.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useEvent","useSharedValue","useEventHandlerRegistration","NATIVE_SCROLL_EVENT_NAMES","useScrollState","ref","offset","layout","width","height","size","register","eventHandler","event","value","contentOffset","y","layoutMeasurement","contentSize","cleanup"],"sources":["useScrollState.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEvent, useSharedValue } from \"react-native-reanimated\";\n\nimport { useEventHandlerRegistration } from \"../../internal\";\n\nimport type { AnimatedRef } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\nconst NATIVE_SCROLL_EVENT_NAMES = [\n  \"onScroll\",\n  \"onScrollBeginDrag\",\n  \"onScrollEndDrag\",\n  \"onMomentumScrollBegin\",\n  \"onMomentumScrollEnd\",\n];\n\ntype ScrollEvent = {\n  contentOffset: {\n    x: number;\n    y: number;\n  };\n  layoutMeasurement: {\n    width: number;\n    height: number;\n  };\n  contentSize: {\n    width: number;\n    height: number;\n  };\n};\n\nconst useScrollState = (ref: AnimatedRef<Reanimated.ScrollView>) => {\n  const offset = useSharedValue(0);\n  const layout = useSharedValue({ width: 0, height: 0 });\n  const size = useSharedValue({ width: 0, height: 0 });\n\n  const register = useEventHandlerRegistration(ref);\n\n  const eventHandler = useEvent((event: ScrollEvent) => {\n    \"worklet\";\n\n    // eslint-disable-next-line react-compiler/react-compiler\n    offset.value = event.contentOffset.y;\n    layout.value = event.layoutMeasurement;\n    size.value = event.contentSize;\n  }, NATIVE_SCROLL_EVENT_NAMES);\n\n  useEffect(() => {\n    const cleanup = register(eventHandler);\n\n    return () => {\n      cleanup();\n    };\n  }, []);\n\n  return { offset, layout, size };\n};\n\nexport default useScrollState;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,EAAEC,cAAc,QAAQ,yBAAyB;AAElE,SAASC,2BAA2B,QAAQ,gBAAgB;AAK5D,MAAMC,yBAAyB,GAAG,CAChC,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,CACtB;AAiBD,MAAMC,cAAc,GAAIC,GAAuC,IAAK;EAClE,MAAMC,MAAM,GAAGL,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMM,MAAM,GAAGN,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACtD,MAAMC,IAAI,GAAGT,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAEpD,MAAME,QAAQ,GAAGT,2BAA2B,CAACG,GAAG,CAAC;EAEjD,MAAMO,YAAY,GAAGZ,QAAQ,CAAEa,KAAkB,IAAK;IACpD,SAAS;;IAET;IACAP,MAAM,CAACQ,KAAK,GAAGD,KAAK,CAACE,aAAa,CAACC,CAAC;IACpCT,MAAM,CAACO,KAAK,GAAGD,KAAK,CAACI,iBAAiB;IACtCP,IAAI,CAACI,KAAK,GAAGD,KAAK,CAACK,WAAW;EAChC,CAAC,EAAEf,yBAAyB,CAAC;EAE7BJ,SAAS,CAAC,MAAM;IACd,MAAMoB,OAAO,GAAGR,QAAQ,CAACC,YAAY,CAAC;IAEtC,OAAO,MAAM;MACXO,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEb,MAAM;IAAEC,MAAM;IAAEG;EAAK,CAAC;AACjC,CAAC;AAED,eAAeN,cAAc","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useEvent","useSharedValue","useEventHandlerRegistration","NATIVE_SCROLL_EVENT_NAMES","useScrollState","ref","offset","layout","width","height","size","register","eventHandler","event","value","contentOffset","y","layoutMeasurement","contentSize","cleanup","onLayout","e","nativeEvent","onContentSizeChange","w","h"],"sources":["useScrollState.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useEvent, useSharedValue } from \"react-native-reanimated\";\n\nimport { useEventHandlerRegistration } from \"../../internal\";\n\nimport type { LayoutChangeEvent } from \"react-native\";\nimport type { AnimatedRef } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\nconst NATIVE_SCROLL_EVENT_NAMES = [\n  \"onScroll\",\n  \"onScrollBeginDrag\",\n  \"onScrollEndDrag\",\n  \"onMomentumScrollBegin\",\n  \"onMomentumScrollEnd\",\n];\n\ntype ScrollEvent = {\n  contentOffset: {\n    x: number;\n    y: number;\n  };\n  layoutMeasurement: {\n    width: number;\n    height: number;\n  };\n  contentSize: {\n    width: number;\n    height: number;\n  };\n};\n\nconst useScrollState = (ref: AnimatedRef<Reanimated.ScrollView>) => {\n  const offset = useSharedValue(0);\n  const layout = useSharedValue({ width: 0, height: 0 });\n  const size = useSharedValue({ width: 0, height: 0 });\n\n  const register = useEventHandlerRegistration(ref);\n\n  const eventHandler = useEvent((event: ScrollEvent) => {\n    \"worklet\";\n\n    // eslint-disable-next-line react-compiler/react-compiler\n    offset.value = event.contentOffset.y;\n    layout.value = event.layoutMeasurement;\n    size.value = event.contentSize;\n  }, NATIVE_SCROLL_EVENT_NAMES);\n\n  useEffect(() => {\n    const cleanup = register(eventHandler);\n\n    return () => {\n      cleanup();\n    };\n  }, []);\n\n  // `onContentSizeChange` is synthesized in JS (from the content container's\n  // onLayout) and `onLayout` has a different payload shape than scroll events,\n  // so neither can be reliably captured via native event registration.\n  // Instead we expose callbacks for the consumer to attach as props.\n  const onLayout = useCallback(\n    (e: LayoutChangeEvent) => {\n      layout.value = {\n        width: e.nativeEvent.layout.width,\n        height: e.nativeEvent.layout.height,\n      };\n    },\n    [layout],\n  );\n\n  const onContentSizeChange = useCallback(\n    (w: number, h: number) => {\n      size.value = { width: w, height: h };\n    },\n    [size],\n  );\n\n  return { offset, layout, size, onLayout, onContentSizeChange };\n};\n\nexport default useScrollState;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC9C,SAASC,QAAQ,EAAEC,cAAc,QAAQ,yBAAyB;AAElE,SAASC,2BAA2B,QAAQ,gBAAgB;AAM5D,MAAMC,yBAAyB,GAAG,CAChC,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,CACtB;AAiBD,MAAMC,cAAc,GAAIC,GAAuC,IAAK;EAClE,MAAMC,MAAM,GAAGL,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMM,MAAM,GAAGN,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACtD,MAAMC,IAAI,GAAGT,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAEpD,MAAME,QAAQ,GAAGT,2BAA2B,CAACG,GAAG,CAAC;EAEjD,MAAMO,YAAY,GAAGZ,QAAQ,CAAEa,KAAkB,IAAK;IACpD,SAAS;;IAET;IACAP,MAAM,CAACQ,KAAK,GAAGD,KAAK,CAACE,aAAa,CAACC,CAAC;IACpCT,MAAM,CAACO,KAAK,GAAGD,KAAK,CAACI,iBAAiB;IACtCP,IAAI,CAACI,KAAK,GAAGD,KAAK,CAACK,WAAW;EAChC,CAAC,EAAEf,yBAAyB,CAAC;EAE7BJ,SAAS,CAAC,MAAM;IACd,MAAMoB,OAAO,GAAGR,QAAQ,CAACC,YAAY,CAAC;IAEtC,OAAO,MAAM;MACXO,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACA;EACA,MAAMC,QAAQ,GAAGtB,WAAW,CACzBuB,CAAoB,IAAK;IACxBd,MAAM,CAACO,KAAK,GAAG;MACbN,KAAK,EAAEa,CAAC,CAACC,WAAW,CAACf,MAAM,CAACC,KAAK;MACjCC,MAAM,EAAEY,CAAC,CAACC,WAAW,CAACf,MAAM,CAACE;IAC/B,CAAC;EACH,CAAC,EACD,CAACF,MAAM,CACT,CAAC;EAED,MAAMgB,mBAAmB,GAAGzB,WAAW,CACrC,CAAC0B,CAAS,EAAEC,CAAS,KAAK;IACxBf,IAAI,CAACI,KAAK,GAAG;MAAEN,KAAK,EAAEgB,CAAC;MAAEf,MAAM,EAAEgB;IAAE,CAAC;EACtC,CAAC,EACD,CAACf,IAAI,CACP,CAAC;EAED,OAAO;IAAEJ,MAAM;IAAEC,MAAM;IAAEG,IAAI;IAAEU,QAAQ;IAAEG;EAAoB,CAAC;AAChE,CAAC;AAED,eAAenB,cAAc","ignoreList":[]}

package/lib/module/components/index.js

@@ -2,4 +2,5 @@ export { default as KeyboardAvoidingView } from "./KeyboardAvoidingView";
 export { default as KeyboardStickyView } from "./KeyboardStickyView";
 export { default as KeyboardAwareScrollView } from "./KeyboardAwareScrollView";
 export { default as KeyboardToolbar, DefaultKeyboardToolbarTheme } from "./KeyboardToolbar";
+export { default as KeyboardChatScrollView } from "./KeyboardChatScrollView";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["default","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme"],"sources":["index.ts"],"sourcesContent":["export { default as KeyboardAvoidingView } from \"./KeyboardAvoidingView\";\nexport { default as KeyboardStickyView } from \"./KeyboardStickyView\";\nexport { default as KeyboardAwareScrollView } from \"./KeyboardAwareScrollView\";\nexport {\n  default as KeyboardToolbar,\n  DefaultKeyboardToolbarTheme,\n} from \"./KeyboardToolbar\";\nexport type { KeyboardAvoidingViewProps } from \"./KeyboardAvoidingView\";\nexport type { KeyboardStickyViewProps } from \"./KeyboardStickyView\";\nexport type {\n  KeyboardAwareScrollViewProps,\n  KeyboardAwareScrollViewRef,\n} from \"./KeyboardAwareScrollView\";\nexport type { KeyboardToolbarProps } from \"./KeyboardToolbar\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAAoB,QAAQ,wBAAwB;AACxE,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,sBAAsB;AACpE,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,2BAA2B;AAC9E,SACEH,OAAO,IAAII,eAAe,EAC1BC,2BAA2B,QACtB,mBAAmB","ignoreList":[]}
+{"version":3,"names":["default","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme","KeyboardChatScrollView"],"sources":["index.ts"],"sourcesContent":["export { default as KeyboardAvoidingView } from \"./KeyboardAvoidingView\";\nexport { default as KeyboardStickyView } from \"./KeyboardStickyView\";\nexport { default as KeyboardAwareScrollView } from \"./KeyboardAwareScrollView\";\nexport {\n  default as KeyboardToolbar,\n  DefaultKeyboardToolbarTheme,\n} from \"./KeyboardToolbar\";\nexport { default as KeyboardChatScrollView } from \"./KeyboardChatScrollView\";\nexport type { KeyboardAvoidingViewProps } from \"./KeyboardAvoidingView\";\nexport type { KeyboardStickyViewProps } from \"./KeyboardStickyView\";\nexport type {\n  KeyboardAwareScrollViewProps,\n  KeyboardAwareScrollViewRef,\n} from \"./KeyboardAwareScrollView\";\nexport type { KeyboardToolbarProps } from \"./KeyboardToolbar\";\nexport type { KeyboardChatScrollViewProps } from \"./KeyboardChatScrollView/types\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAAoB,QAAQ,wBAAwB;AACxE,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,sBAAsB;AACpE,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,2BAA2B;AAC9E,SACEH,OAAO,IAAII,eAAe,EAC1BC,2BAA2B,QACtB,mBAAmB;AAC1B,SAASL,OAAO,IAAIM,sBAAsB,QAAQ,0BAA0B","ignoreList":[]}

package/lib/module/index.js

@@ -6,7 +6,7 @@ export * from "./constants";
 export * from "./module";
 export * from "./types";
 export * from "./compat";
-export { KeyboardAvoidingView, KeyboardStickyView, KeyboardAwareScrollView,
+export { KeyboardChatScrollView, KeyboardAvoidingView, KeyboardStickyView, KeyboardAwareScrollView,
 // keyboard toolbar
 KeyboardToolbar, DefaultKeyboardToolbarTheme } from "./components";
 export { OverKeyboardView, KeyboardExtender } from "./views";