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

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

@@ -34,9 +34,11 @@ const KeyboardStickyView = /*#__PURE__*/forwardRef(({
     outputRange: [closed, opened]
   });
   const styles = useMemo(() => {
+    const disabled = Animated.add(Animated.multiply(height, 0), closed);
+    const active = Animated.add(height, offset);
     return [{
       transform: [{
-        translateY: enabled ? Animated.add(height, offset) : closed
+        translateY: enabled ? active : disabled
       }]
     }, style];
   }, [closed, enabled, height, offset, style]);

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      return [\n        {\n          transform: [\n            { translateY: enabled ? Animated.add(height, offset) : closed },\n          ],\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,OAAO,CACL;MACEkB,SAAS,EAAE,CACT;QAAEC,UAAU,EAAEV,OAAO,GAAGR,QAAQ,CAACmB,GAAG,CAACR,MAAM,EAAEP,MAAM,CAAC,GAAGC;MAAO,CAAC;IAEnE,CAAC,EACDE,KAAK,CACN;EACH,CAAC,EAAE,CAACF,MAAM,EAAEG,OAAO,EAAEG,MAAM,EAAEP,MAAM,EAAEG,KAAK,CAAC,CAAC;EAE5C,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,6 +1,6 @@
 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";
@@ -13,14 +13,14 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
   scrollIndicatorInsets,
   inverted,
   contentOffsetY,
-  containerStyle,
   children,
-  style,
   ...rest
 }, ref) => {
   const animatedProps = useAnimatedProps(() => {
-    const bottom = inverted ? 0 : bottomPadding.value + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0);
-    const top = !inverted ? 0 : bottomPadding.value + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.top) || 0);
+    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: {
@@ -36,7 +36,8 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
         left: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left
       },
       // Android prop
-      contentInsetBottom: bottomPadding.value
+      contentInsetBottom: insetBottom,
+      contentInsetTop: insetTop
     };
     if (contentOffsetY) {
       result.contentOffset = {
@@ -48,12 +49,20 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
   }, [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, OS === "android" ? containerStyle : undefined]
+    style: styles.container
   }, /*#__PURE__*/React.createElement(ScrollViewComponent, _extends({
     ref: ref,
-    animatedProps: animatedProps,
-    style: style
-  }, rest), children));
+    animatedProps: animatedProps
+  }, 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","OS","ReanimatedClippingScrollView","createAnimatedComponent","ScrollViewWithBottomPadding","ScrollViewComponent","bottomPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","containerStyle","children","style","rest","ref","animatedProps","bottom","value","top","result","right","left","contentInsetBottom","contentOffset","x","y","createElement","container","undefined","_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, StyleProp, ViewStyle } 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 ChatKit). */\n  contentOffsetY?: SharedValue<number>;\n  /** Style applied to the container wrapper (Android only, for ChatKit translateY). */\n  containerStyle?: StyleProp<ViewStyle>;\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      containerStyle,\n      children,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const animatedProps = useAnimatedProps(() => {\n      const bottom = inverted\n        ? 0\n        : bottomPadding.value + (contentInset?.bottom || 0);\n      const top = !inverted\n        ? 0\n        : bottomPadding.value + (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: bottomPadding.value,\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={[\n          styles.container,\n          OS === \"android\" ? containerStyle : undefined,\n        ]}\n      >\n        <ScrollViewComponent\n          ref={ref}\n          animatedProps={animatedProps}\n          style={style}\n          {...rest}\n        >\n          {children}\n        </ScrollViewComponent>\n      </ReanimatedClippingScrollView>\n    );\n  },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":"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","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":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,OAAOC,UAAU,IAAIC,gBAAgB,QAAQ,yBAAyB;AAEtE,SAASC,kBAAkB,QAAQ,gBAAgB;AAEnD,OAAOC,MAAM,MAAM,UAAU;AAK7B,MAAMC,EAAE,GAAGN,QAAQ,CAACM,EAAE;AACtB,MAAMC,4BAA4B,GAChCD,EAAE,KAAK,SAAS,GACZJ,UAAU,CAACM,uBAAuB,CAACJ,kBAAkB,CAAC,GACtDA,kBAAkB;AAmBxB,MAAMK,2BAA2B,gBAAGV,UAAU,CAI5C,CACE;EACEW,mBAAmB;EACnBC,aAAa;EACbC,YAAY;EACZC,qBAAqB;EACrBC,QAAQ;EACRC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;IAC3C,MAAMiB,QAAQ,GAAGN,QAAQ,GAAGH,aAAa,CAACU,KAAK,GAAG,CAAC;IACnD,MAAMC,WAAW,GAAG,CAACR,QAAQ,GAAGH,aAAa,CAACU,KAAK,GAAG,CAAC;IACvD,MAAME,MAAM,GAAGD,WAAW,IAAI,CAAAV,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEW,MAAM,KAAI,CAAC,CAAC;IACxD,MAAMC,GAAG,GAAGJ,QAAQ,IAAI,CAAAR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEY,GAAG,KAAI,CAAC,CAAC;IAE/C,MAAMC,MAA+B,GAAG;MACtC;MACAb,YAAY,EAAE;QACZW,MAAM,EAAEA,MAAM;QACdC,GAAG,EAAEA,GAAG;QACRE,KAAK,EAAEd,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEc,KAAK;QAC1BC,IAAI,EAAEf,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEe;MACtB,CAAC;MACDd,qBAAqB,EAAE;QACrBU,MAAM,EAAEA,MAAM;QACdC,GAAG,EAAEA,GAAG;QACRE,KAAK,EAAEb,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEa,KAAK;QACnCC,IAAI,EAAEd,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEc;MAC/B,CAAC;MACD;MACAC,kBAAkB,EAAEN,WAAW;MAC/BO,eAAe,EAAET;IACnB,CAAC;IAED,IAAIL,cAAc,EAAE;MAClBU,MAAM,CAACK,aAAa,GAAG;QAAEC,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAEjB,cAAc,CAACM;MAAM,CAAC;IAC1D;IAEA,OAAOI,MAAM;EACf,CAAC,EAAE,CACDb,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEW,MAAM,EACpBX,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEY,GAAG,EACjBZ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEc,KAAK,EACnBd,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEe,IAAI,EAClBd,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEU,MAAM,EAC7BV,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEW,GAAG,EAC1BX,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEa,KAAK,EAC5Bb,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEc,IAAI,EAC3Bb,QAAQ,EACRC,cAAc,CACf,CAAC;EAEF,oBACEjB,KAAA,CAAAmC,aAAA,CAAC1B,4BAA4B;IAC3BY,aAAa,EAAEA,aAAc;IAC7Be,KAAK,EAAE7B,MAAM,CAAC8B;EAAU,gBAExBrC,KAAA,CAAAmC,aAAA,CAACvB,mBAAmB,EAAA0B,QAAA;IAAClB,GAAG,EAAEA,GAAI;IAACC,aAAa,EAAEA;EAAc,GAAKF,IAAI,GAClEH,QAAQ;EAAA;EACP;EACA;EACA;EACA;EACAhB,KAAA,CAAAmC,aAAA,CAAChC,IAAI;IAACoC,WAAW,EAAE,KAAM;IAACC,QAAQ,EAAC;EAAW,GAC3CtB,QACG,CAAC,GAEPA,QAEiB,CACO,CAAC;AAEnC,CACF,CAAC;AAED,eAAeP,2BAA2B","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,5 +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 ChatKit } from "./ChatKit";
+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","ChatKit"],"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 ChatKit } from \"./ChatKit\";\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 { ChatKitScrollViewProps } from \"./ChatKit/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,OAAO,QAAQ,WAAW","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 { ChatKit, KeyboardAvoidingView, KeyboardStickyView, KeyboardAwareScrollView,
+export { KeyboardChatScrollView, KeyboardAvoidingView, KeyboardStickyView, KeyboardAwareScrollView,
 // keyboard toolbar
 KeyboardToolbar, DefaultKeyboardToolbarTheme } from "./components";
 export { OverKeyboardView, KeyboardExtender } from "./views";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ChatKit","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme","OverKeyboardView","KeyboardExtender"],"sources":["index.ts"],"sourcesContent":["export * from \"./bindings\";\nexport * from \"./animated\";\nexport * from \"./context\";\nexport * from \"./hooks\";\nexport * from \"./constants\";\nexport * from \"./module\";\nexport * from \"./types\";\nexport * from \"./compat\";\n\nexport {\n  ChatKit,\n  KeyboardAvoidingView,\n  KeyboardStickyView,\n  KeyboardAwareScrollView,\n  // keyboard toolbar\n  KeyboardToolbar,\n  DefaultKeyboardToolbarTheme,\n} from \"./components\";\nexport type {\n  ChatKitScrollViewProps,\n  KeyboardAvoidingViewProps,\n  KeyboardStickyViewProps,\n  KeyboardAwareScrollViewProps,\n  KeyboardAwareScrollViewRef,\n  KeyboardToolbarProps,\n} from \"./components\";\nexport { OverKeyboardView, KeyboardExtender } from \"./views\";\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AAExB,SACEA,OAAO,EACPC,oBAAoB,EACpBC,kBAAkB,EAClBC,uBAAuB;AACvB;AACAC,eAAe,EACfC,2BAA2B,QACtB,cAAc;AASrB,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,SAAS","ignoreList":[]}
+{"version":3,"names":["KeyboardChatScrollView","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme","OverKeyboardView","KeyboardExtender"],"sources":["index.ts"],"sourcesContent":["export * from \"./bindings\";\nexport * from \"./animated\";\nexport * from \"./context\";\nexport * from \"./hooks\";\nexport * from \"./constants\";\nexport * from \"./module\";\nexport * from \"./types\";\nexport * from \"./compat\";\n\nexport {\n  KeyboardChatScrollView,\n  KeyboardAvoidingView,\n  KeyboardStickyView,\n  KeyboardAwareScrollView,\n  // keyboard toolbar\n  KeyboardToolbar,\n  DefaultKeyboardToolbarTheme,\n} from \"./components\";\nexport type {\n  KeyboardChatScrollViewProps,\n  KeyboardAvoidingViewProps,\n  KeyboardStickyViewProps,\n  KeyboardAwareScrollViewProps,\n  KeyboardAwareScrollViewRef,\n  KeyboardToolbarProps,\n} from \"./components\";\nexport { OverKeyboardView, KeyboardExtender } from \"./views\";\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AAExB,SACEA,sBAAsB,EACtBC,oBAAoB,EACpBC,kBAAkB,EAClBC,uBAAuB;AACvB;AACAC,eAAe,EACfC,2BAA2B,QACtB,cAAc;AASrB,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,SAAS","ignoreList":[]}

package/lib/module/specs/ClippingScrollViewDecoratorViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["codegenNativeComponent","interfaceOnly","excludedPlatforms"],"sources":["ClippingScrollViewDecoratorViewNativeComponent.ts"],"sourcesContent":["import { codegenNativeComponent } from \"react-native\";\n\nimport type { HostComponent } from \"react-native\";\nimport type { ViewProps } from \"react-native\";\nimport type { Double } from \"react-native/Libraries/Types/CodegenTypes\";\n\nexport interface NativeProps extends ViewProps {\n  contentInsetBottom: Double;\n}\n\nexport default codegenNativeComponent<NativeProps>(\n  \"ClippingScrollViewDecoratorView\",\n  {\n    interfaceOnly: true,\n    excludedPlatforms: [\"iOS\"],\n  },\n) as HostComponent<NativeProps>;\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,cAAc;AAUrD,eAAeA,sBAAsB,CACnC,iCAAiC,EACjC;EACEC,aAAa,EAAE,IAAI;EACnBC,iBAAiB,EAAE,CAAC,KAAK;AAC3B,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["codegenNativeComponent","interfaceOnly","excludedPlatforms"],"sources":["ClippingScrollViewDecoratorViewNativeComponent.ts"],"sourcesContent":["import { codegenNativeComponent } from \"react-native\";\n\nimport type { HostComponent } from \"react-native\";\nimport type { ViewProps } from \"react-native\";\nimport type { Double } from \"react-native/Libraries/Types/CodegenTypes\";\n\nexport interface NativeProps extends ViewProps {\n  contentInsetBottom: Double;\n  contentInsetTop: Double;\n}\n\nexport default codegenNativeComponent<NativeProps>(\n  \"ClippingScrollViewDecoratorView\",\n  {\n    interfaceOnly: true,\n    excludedPlatforms: [\"iOS\"],\n  },\n) as HostComponent<NativeProps>;\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,cAAc;AAWrD,eAAeA,sBAAsB,CACnC,iCAAiC,EACjC;EACEC,aAAa,EAAE,IAAI;EACnBC,iBAAiB,EAAE,CAAC,KAAK;AAC3B,CACF,CAAC","ignoreList":[]}

package/lib/module/types/views.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n  /**\n   * Determines how the keyboard position will be controlled:\n   * - `ios` - keyboard will be following finger only when finger touches keyboard\n   * - `linear` - keyboard will be following finger position linearly.\n   *\n   * @platform android\n   */\n  interpolator?: \"ios\" | \"linear\";\n  /**\n   * Whether to allow to show a keyboard from dismissed state by swipe up.\n   * Default to `false`.\n   *\n   * @platform android\n   */\n  showOnSwipeUp?: boolean;\n  /**\n   * Whether to allow to control a keyboard by gestures. The strategy how\n   * it should be controlled is determined by `interpolator` property.\n   * Defaults to `true`.\n   *\n   * @platform android\n   */\n  enableSwipeToDismiss?: boolean;\n  /**\n   * Extra distance to the keyboard.\n   */\n  offset?: number;\n  /**\n   * A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n   * This is **required on iOS** in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n   * will receive offset behavior.\n   *\n   * @platform ios\n   */\n  textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n  /**\n   * A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n   */\n  visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n  /** Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */\n  enabled?: boolean;\n}>;\nexport type ClippingScrollViewProps = PropsWithChildren<\n  ViewProps & {\n    /** An additional space that gets applied to the bottom of the `ScrollView` (inside a scrollable content). Default is `0`. */\n    contentInsetBottom?: number;\n  }\n>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n  /**\n   * Determines how the keyboard position will be controlled:\n   * - `ios` - keyboard will be following finger only when finger touches keyboard\n   * - `linear` - keyboard will be following finger position linearly.\n   *\n   * @platform android\n   */\n  interpolator?: \"ios\" | \"linear\";\n  /**\n   * Whether to allow to show a keyboard from dismissed state by swipe up.\n   * Default to `false`.\n   *\n   * @platform android\n   */\n  showOnSwipeUp?: boolean;\n  /**\n   * Whether to allow to control a keyboard by gestures. The strategy how\n   * it should be controlled is determined by `interpolator` property.\n   * Defaults to `true`.\n   *\n   * @platform android\n   */\n  enableSwipeToDismiss?: boolean;\n  /**\n   * Extra distance to the keyboard.\n   */\n  offset?: number;\n  /**\n   * A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n   * This is **required on iOS** in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n   * will receive offset behavior.\n   *\n   * @platform ios\n   */\n  textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n  /**\n   * A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n   */\n  visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n  /** Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */\n  enabled?: boolean;\n}>;\nexport type ClippingScrollViewProps = PropsWithChildren<\n  ViewProps & {\n    /** An additional space that gets applied to the bottom of the `ScrollView` (inside a scrollable content). Default is `0`. */\n    contentInsetBottom?: number;\n    /** An additional space that gets applied to the top of the `ScrollView` (inside a scrollable content). Default is `0`. */\n    contentInsetTop?: number;\n  }\n>;\n"],"mappings":"","ignoreList":[]}

package/lib/typescript/components/KeyboardChatScrollView/hooks.d.ts

@@ -0,0 +1,2 @@
+export { useChatKeyboard } from "./useChatKeyboard";
+export type { KeyboardLiftBehavior } from "./useChatKeyboard/types";

package/lib/typescript/components/KeyboardChatScrollView/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import Reanimated from "react-native-reanimated";
+declare const KeyboardChatScrollView: React.ForwardRefExoticComponent<{
+    ScrollViewComponent?: import("../ScrollViewWithBottomPadding").AnimatedScrollViewComponent;
+    inverted?: boolean;
+    offset?: number;
+    keyboardLiftBehavior?: import("./hooks").KeyboardLiftBehavior;
+    freeze?: boolean;
+} & import("react-native").ScrollViewProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<Reanimated.ScrollView>>;
+export default KeyboardChatScrollView;

package/lib/typescript/components/{ChatKit → KeyboardChatScrollView}/types.d.ts

@@ -1,14 +1,14 @@
 import type { AnimatedScrollViewComponent } from "../ScrollViewWithBottomPadding";
+import type { KeyboardLiftBehavior } from "./useChatKeyboard/types";
 import type { ScrollViewProps } from "react-native";
-type KeyboardLiftBehavior = "always" | "whenAtEnd" | "persistent" | "never";
-export type ChatKitScrollViewProps = {
+export type KeyboardChatScrollViewProps = {
     /** Custom component for `ScrollView`. Default is `ScrollView`. */
-    ScrollViewComponent: AnimatedScrollViewComponent;
+    ScrollViewComponent?: AnimatedScrollViewComponent;
     /** Whether list are using `inverted` prop. Default is `false`. */
     inverted?: boolean;
     /**
-     * The distance (in pixels) between the bottom of the screen and the `ScrollView`.
-     * When the keyboard appears, the scroll view will only push content by the effective
+     * The distance between the bottom of the screen and the `ScrollView`.
+     * When the keyboard appears, the `ScrollView` will only push content by the effective
      * distance (`keyboardHeight - offset`) instead of the full keyboard height.
      *
      * Useful when the input is not at the very bottom of the screen (e.g., above safe area, above
@@ -46,4 +46,3 @@ export type ChatKitScrollViewProps = {
      */
     freeze?: boolean;
 } & ScrollViewProps;
-export {};

package/lib/typescript/components/{ChatKit → KeyboardChatScrollView}/useChatKeyboard/helpers.d.ts

@@ -1,17 +1,38 @@
-type KeyboardLiftBehavior = "always" | "whenAtEnd" | "persistent" | "never";
+import type { KeyboardLiftBehavior } from "./types";
+/**
+ * Map the current keyboard height to an effective height that accounts for a
+ * fixed offset (e.g. bottom safe-area or tab-bar height).
+ *
+ * @param height - Current keyboard height.
+ * @param targetKeyboardHeight - Full target keyboard height (captured on keyboard open).
+ * @param offset - Fixed distance between the scroll-view bottom and the screen bottom.
+ * @returns Effective height after subtracting the offset proportionally.
+ * @example
+ * ```ts
+ * getEffectiveHeight(300, 300, 50); // 250
+ * getEffectiveHeight(150, 300, 50); // 125
+ * ```
+ */
+export declare function getEffectiveHeight(height: number, targetKeyboardHeight: number, offset: number): number;
 /**
  * Check whether the scroll view is at the end of its content.
  *
+ * For non-inverted lists the "end" is the bottom of the content.
+ * For inverted lists the "end" is the top (scroll offset near 0),
+ * because that is where the latest messages are displayed.
+ *
  * @param scrollOffset - Current vertical scroll offset.
  * @param layoutHeight - Visible height of the scroll view.
  * @param contentHeight - Total height of the scrollable content.
+ * @param inverted - Whether the list is inverted.
  * @returns `true` if the scroll position is within the threshold of the content end.
  * @example
  * ```ts
  * const atEnd = isScrollAtEnd(100, 800, 920); // true (100 + 800 >= 920 - 20)
+ * const atEndInverted = isScrollAtEnd(5, 800, 2000, true); // true (5 <= 20)
  * ```
  */
-export declare function isScrollAtEnd(scrollOffset: number, layoutHeight: number, contentHeight: number): boolean;
+export declare function isScrollAtEnd(scrollOffset: number, layoutHeight: number, contentHeight: number, inverted?: boolean): boolean;
 /**
  * Decide whether content should be shifted based on the keyboard lift behavior.
  *
@@ -54,4 +75,3 @@ export declare function clampedScrollTarget(offsetBeforeScroll: number, keyboard
  * ```
  */
 export declare function computeIOSContentOffset(relativeScroll: number, keyboardHeight: number, contentHeight: number, layoutHeight: number, inverted: boolean): number;
-export {};

package/lib/typescript/components/KeyboardChatScrollView/useChatKeyboard/index.d.ts

@@ -0,0 +1,21 @@
+import type { UseChatKeyboardOptions, UseChatKeyboardReturn } from "./types";
+import type { AnimatedRef } from "react-native-reanimated";
+import type Reanimated from "react-native-reanimated";
+/**
+ * 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",
+ * });
+ * ```
+ */
+declare function useChatKeyboard(scrollViewRef: AnimatedRef<Reanimated.ScrollView>, options: UseChatKeyboardOptions): UseChatKeyboardReturn;
+export { useChatKeyboard };