@react-native-ohos/react-native-keyboard-controller 1.12.8-rc.1

package/lib/module/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js

@@ -0,0 +1,103 @@
+import { Platform } from "react-native";
+import { Easing, useAnimatedReaction, useSharedValue, withTiming } from "react-native-reanimated";
+import { useKeyboardHandler } from "../../hooks";
+const IS_ANDROID_ELEVEN_OR_HIGHER = Platform.OS === "android" && Platform.Version >= 30;
+// on these platforms keyboard transitions will be smooth
+const IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS = IS_ANDROID_ELEVEN_OR_HIGHER || Platform.OS === "ios" || Platform.OS === 'harmony';
+// on Android Telegram is not using androidx.core values and uses custom interpolation
+// duration is taken from here: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/org/telegram/ui/ActionBar/AdjustPanLayoutHelper.java#L39
+// and bezier is taken from: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/androidx/recyclerview/widget/ChatListItemAnimator.java#L40
+const TELEGRAM_ANDROID_TIMING_CONFIG = {
+  duration: 250,
+  easing: Easing.bezier(0.19919472913616398, 0.010644531250000006, 0.27920937042459737, 0.91025390625)
+};
+
+/**
+ * Hook that uses default transitions for iOS and Android > 11, and uses
+ * custom interpolation on Android < 11 to achieve more smooth animation
+ */
+export const useSmoothKeyboardHandler = (handler, deps) => {
+  const target = useSharedValue(-1);
+  const height = useSharedValue(0);
+  const persistedHeight = useSharedValue(0);
+  const animatedKeyboardHeight = useSharedValue(0);
+  useAnimatedReaction(() => {
+    if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+      return;
+    }
+    if (persistedHeight.value === 0) {
+      return;
+    }
+    const event = {
+      // it'll be always `TELEGRAM_ANDROID_TIMING_CONFIG.duration`, since we're running animation via `withTiming`
+      duration: TELEGRAM_ANDROID_TIMING_CONFIG.duration,
+      target: target.value,
+      height: animatedKeyboardHeight.value,
+      progress: animatedKeyboardHeight.value / persistedHeight.value
+    };
+    return event;
+  }, evt => {
+    var _handler$onMove;
+    if (!evt) {
+      return;
+    }
+    (_handler$onMove = handler.onMove) === null || _handler$onMove === void 0 || _handler$onMove.call(handler, evt);
+
+    // dispatch `onEnd`
+    if (evt.height === height.value) {
+      var _handler$onEnd;
+      (_handler$onEnd = handler.onEnd) === null || _handler$onEnd === void 0 || _handler$onEnd.call(handler, evt);
+      // eslint-disable-next-line react-compiler/react-compiler
+      persistedHeight.value = height.value;
+    }
+  },
+  // REA uses own version of `DependencyList` and it's not compatible with the same type from React
+  deps);
+  useKeyboardHandler({
+    onStart: e => {
+      "worklet";
+
+      // immediately dispatch onStart/onEnd events if onStart dispatched with the same height
+      // and don't wait for animation 250ms
+      var _handler$onStart2;
+      if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS && e.height === persistedHeight.value) {
+        var _handler$onStart, _handler$onEnd2;
+        (_handler$onStart = handler.onStart) === null || _handler$onStart === void 0 || _handler$onStart.call(handler, e);
+        (_handler$onEnd2 = handler.onEnd) === null || _handler$onEnd2 === void 0 || _handler$onEnd2.call(handler, e);
+        return;
+      }
+      target.value = e.target;
+      height.value = e.height;
+      if (e.height > 0) {
+        persistedHeight.value = e.height;
+      }
+      // if we are running on Android < 9, then we are using custom interpolation
+      // to achieve smoother animation and use `animatedKeyboardHeight` as animation
+      // driver
+      if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        animatedKeyboardHeight.value = withTiming(e.height, TELEGRAM_ANDROID_TIMING_CONFIG);
+      }
+      (_handler$onStart2 = handler.onStart) === null || _handler$onStart2 === void 0 || _handler$onStart2.call(handler, {
+        ...e,
+        duration: IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS ? e.duration : TELEGRAM_ANDROID_TIMING_CONFIG.duration
+      });
+    },
+    onMove: e => {
+      "worklet";
+
+      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        var _handler$onMove2;
+        (_handler$onMove2 = handler.onMove) === null || _handler$onMove2 === void 0 || _handler$onMove2.call(handler, e);
+      }
+    },
+    onEnd: e => {
+      "worklet";
+
+      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        var _handler$onEnd3;
+        (_handler$onEnd3 = handler.onEnd) === null || _handler$onEnd3 === void 0 || _handler$onEnd3.call(handler, e);
+      }
+    }
+  }, deps);
+};
+//# sourceMappingURL=useSmoothKeyboardHandler.js.map

package/lib/module/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","Easing","useAnimatedReaction","useSharedValue","withTiming","useKeyboardHandler","IS_ANDROID_ELEVEN_OR_HIGHER","OS","Version","IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS","TELEGRAM_ANDROID_TIMING_CONFIG","duration","easing","bezier","useSmoothKeyboardHandler","handler","deps","target","height","persistedHeight","animatedKeyboardHeight","value","event","progress","evt","_handler$onMove","onMove","call","_handler$onEnd","onEnd","onStart","e","_handler$onStart2","_handler$onStart","_handler$onEnd2","_handler$onMove2","_handler$onEnd3"],"sources":["useSmoothKeyboardHandler.ts"],"sourcesContent":["import { Platform } from \"react-native\";\r\nimport {\r\n  Easing,\r\n  useAnimatedReaction,\r\n  useSharedValue,\r\n  withTiming,\r\n} from \"react-native-reanimated\";\r\n\r\nimport { useKeyboardHandler } from \"../../hooks\";\r\n\r\nconst IS_ANDROID_ELEVEN_OR_HIGHER =\r\n  Platform.OS === \"android\" && Platform.Version >= 30;\r\n// on these platforms keyboard transitions will be smooth\r\nconst IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS =\r\n  IS_ANDROID_ELEVEN_OR_HIGHER || Platform.OS === \"ios\" || Platform.OS as string === 'harmony';\r\n// on Android Telegram is not using androidx.core values and uses custom interpolation\r\n// duration is taken from here: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/org/telegram/ui/ActionBar/AdjustPanLayoutHelper.java#L39\r\n// and bezier is taken from: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/androidx/recyclerview/widget/ChatListItemAnimator.java#L40\r\nconst TELEGRAM_ANDROID_TIMING_CONFIG = {\r\n  duration: 250,\r\n  easing: Easing.bezier(\r\n    0.19919472913616398,\r\n    0.010644531250000006,\r\n    0.27920937042459737,\r\n    0.91025390625,\r\n  ),\r\n};\r\n\r\n/**\r\n * Hook that uses default transitions for iOS and Android > 11, and uses\r\n * custom interpolation on Android < 11 to achieve more smooth animation\r\n */\r\nexport const useSmoothKeyboardHandler: typeof useKeyboardHandler = (\r\n  handler,\r\n  deps,\r\n) => {\r\n  const target = useSharedValue(-1);\r\n  const height = useSharedValue(0);\r\n  const persistedHeight = useSharedValue(0);\r\n  const animatedKeyboardHeight = useSharedValue(0);\r\n\r\n  useAnimatedReaction(\r\n    () => {\r\n      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n        return;\r\n      }\r\n      if (persistedHeight.value === 0) {\r\n        return;\r\n      }\r\n      const event = {\r\n        // it'll be always `TELEGRAM_ANDROID_TIMING_CONFIG.duration`, since we're running animation via `withTiming`\r\n        duration: TELEGRAM_ANDROID_TIMING_CONFIG.duration,\r\n        target: target.value,\r\n        height: animatedKeyboardHeight.value,\r\n        progress: animatedKeyboardHeight.value / persistedHeight.value,\r\n      };\r\n      return event;\r\n    },\r\n    (evt) => {\r\n      if (!evt) {\r\n        return;\r\n      }\r\n      handler.onMove?.(evt);\r\n\r\n      // dispatch `onEnd`\r\n      if (evt.height === height.value) {\r\n        handler.onEnd?.(evt);\r\n        // eslint-disable-next-line react-compiler/react-compiler\r\n        persistedHeight.value = height.value;\r\n      }\r\n    },\r\n    // REA uses own version of `DependencyList` and it's not compatible with the same type from React\r\n    deps as unknown[],\r\n  );\r\n\r\n  useKeyboardHandler(\r\n    {\r\n      onStart: (e) => {\r\n        \"worklet\";\r\n\r\n        // immediately dispatch onStart/onEnd events if onStart dispatched with the same height\r\n        // and don't wait for animation 250ms\r\n        if (\r\n          !IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS &&\r\n          e.height === persistedHeight.value\r\n        ) {\r\n          handler.onStart?.(e);\r\n          handler.onEnd?.(e);\r\n\r\n          return;\r\n        }\r\n\r\n        target.value = e.target;\r\n        height.value = e.height;\r\n\r\n        if (e.height > 0) {\r\n          persistedHeight.value = e.height;\r\n        }\r\n        // if we are running on Android < 9, then we are using custom interpolation\r\n        // to achieve smoother animation and use `animatedKeyboardHeight` as animation\r\n        // driver\r\n        if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n          animatedKeyboardHeight.value = withTiming(\r\n            e.height,\r\n            TELEGRAM_ANDROID_TIMING_CONFIG,\r\n          );\r\n        }\r\n\r\n        handler.onStart?.({\r\n          ...e,\r\n          duration: IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS\r\n            ? e.duration\r\n            : TELEGRAM_ANDROID_TIMING_CONFIG.duration,\r\n        });\r\n      },\r\n      onMove: (e) => {\r\n        \"worklet\";\r\n\r\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n          handler.onMove?.(e);\r\n        }\r\n      },\r\n      onEnd: (e) => {\r\n        \"worklet\";\r\n\r\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n          handler.onEnd?.(e);\r\n        }\r\n      },\r\n    },\r\n    deps,\r\n  );\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/KeyboardAwareScrollView/utils.js

@@ -0,0 +1,29 @@
+export const debounce = (worklet, wait = 0) => {
+  "worklet";
+
+  const value = {
+    time: 0
+  };
+  return (...args) => {
+    "worklet";
+
+    const t = Date.now();
+    const now = t - value.time;
+    if (now < wait) {
+      value.time = t;
+      return;
+    }
+    value.time = t;
+    return worklet(...args);
+  };
+};
+export const scrollDistanceWithRespectToSnapPoints = (defaultScrollValue, snapPoints) => {
+  "worklet";
+
+  let snapPoint;
+  if (snapPoints) {
+    snapPoint = snapPoints.find(offset => offset >= defaultScrollValue);
+  }
+  return snapPoint ?? defaultScrollValue;
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/components/KeyboardAwareScrollView/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","worklet","wait","value","time","args","t","Date","now","scrollDistanceWithRespectToSnapPoints","defaultScrollValue","snapPoints","snapPoint","find","offset"],"sources":["utils.ts"],"sourcesContent":["export const debounce = <F extends (...args: Parameters<F>) => ReturnType<F>>(\r\n  worklet: F,\r\n  wait = 0,\r\n) => {\r\n  \"worklet\";\r\n\r\n  const value = {\r\n    time: 0,\r\n  };\r\n\r\n  return (...args: Parameters<F>): ReturnType<F> | void => {\r\n    \"worklet\";\r\n\r\n    const t = Date.now();\r\n    const now = t - value.time;\r\n\r\n    if (now < wait) {\r\n      value.time = t;\r\n      return;\r\n    }\r\n\r\n    value.time = t;\r\n\r\n    return worklet(...args);\r\n  };\r\n};\r\n\r\nexport const scrollDistanceWithRespectToSnapPoints = (\r\n  defaultScrollValue: number,\r\n  snapPoints?: number[],\r\n) => {\r\n  \"worklet\";\r\n\r\n  let snapPoint: number | undefined;\r\n\r\n  if (snapPoints) {\r\n    snapPoint = snapPoints.find((offset) => offset >= defaultScrollValue);\r\n  }\r\n\r\n  return snapPoint ?? defaultScrollValue;\r\n};\r\n"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,GAAGA,CACtBC,OAAU,EACVC,IAAI,GAAG,CAAC,KACL;EACH,SAAS;;EAET,MAAMC,KAAK,GAAG;IACZC,IAAI,EAAE;EACR,CAAC;EAED,OAAO,CAAC,GAAGC,IAAmB,KAA2B;IACvD,SAAS;;IAET,MAAMC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;IACpB,MAAMA,GAAG,GAAGF,CAAC,GAAGH,KAAK,CAACC,IAAI;IAE1B,IAAII,GAAG,GAAGN,IAAI,EAAE;MACdC,KAAK,CAACC,IAAI,GAAGE,CAAC;MACd;IACF;IAEAH,KAAK,CAACC,IAAI,GAAGE,CAAC;IAEd,OAAOL,OAAO,CAAC,GAAGI,IAAI,CAAC;EACzB,CAAC;AACH,CAAC;AAED,OAAO,MAAMI,qCAAqC,GAAGA,CACnDC,kBAA0B,EAC1BC,UAAqB,KAClB;EACH,SAAS;;EAET,IAAIC,SAA6B;EAEjC,IAAID,UAAU,EAAE;IACdC,SAAS,GAAGD,UAAU,CAACE,IAAI,CAAEC,MAAM,IAAKA,MAAM,IAAIJ,kBAAkB,CAAC;EACvE;EAEA,OAAOE,SAAS,IAAIF,kBAAkB;AACxC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+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, useMemo } from "react";
+import Reanimated, { interpolate, useAnimatedStyle } from "react-native-reanimated";
+import { useReanimatedKeyboardAnimation } from "../../hooks";
+const KeyboardStickyView = /*#__PURE__*/forwardRef(({
+  children,
+  offset: {
+    closed = 0,
+    opened = 0
+  } = {},
+  style,
+  ...props
+}, ref) => {
+  const {
+    height,
+    progress
+  } = useReanimatedKeyboardAnimation();
+  const stickyViewStyle = useAnimatedStyle(() => {
+    const offset = interpolate(progress.value, [0, 1], [closed, opened]);
+    return {
+      transform: [{
+        translateY: height.value + offset
+      }]
+    };
+  }, [closed, opened]);
+  const styles = useMemo(() => [style, stickyViewStyle], [style, stickyViewStyle]);
+  return /*#__PURE__*/React.createElement(Reanimated.View, _extends({
+    ref: ref,
+    style: styles
+  }, props), children);
+});
+export default KeyboardStickyView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useMemo","Reanimated","interpolate","useAnimatedStyle","useReanimatedKeyboardAnimation","KeyboardStickyView","children","offset","closed","opened","style","props","ref","height","progress","stickyViewStyle","value","transform","translateY","styles","createElement","View","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport Reanimated, {\r\n  interpolate,\r\n  useAnimatedStyle,\r\n} from \"react-native-reanimated\";\r\n\r\nimport { useReanimatedKeyboardAnimation } from \"../../hooks\";\r\n\r\nimport type { View, ViewProps } from \"react-native\";\r\n\r\nexport type KeyboardStickyViewProps = {\r\n  /**\r\n   * Specify additional offset to the view for given keyboard state.\r\n   */\r\n  offset?: {\r\n    /**\r\n     * Adds additional `translateY` when keyboard is close. By default `0`.\r\n     */\r\n    closed?: number;\r\n    /**\r\n     * Adds additional `translateY` when keyboard is open. By default `0`.\r\n     */\r\n    opened?: number;\r\n  };\r\n} & ViewProps;\r\n\r\nconst KeyboardStickyView = forwardRef<\r\n  View,\r\n  React.PropsWithChildren<KeyboardStickyViewProps>\r\n>(\r\n  (\r\n    { children, offset: { closed = 0, opened = 0 } = {}, style, ...props },\r\n    ref,\r\n  ) => {\r\n    const { height, progress } = useReanimatedKeyboardAnimation();\r\n    const stickyViewStyle = useAnimatedStyle(() => {\r\n      const offset = interpolate(progress.value, [0, 1], [closed, opened]);\r\n\r\n      return {\r\n        transform: [{ translateY: height.value + offset }],\r\n      };\r\n    }, [closed, opened]);\r\n\r\n    const styles = useMemo(\r\n      () => [style, stickyViewStyle],\r\n      [style, stickyViewStyle],\r\n    );\r\n\r\n    return (\r\n      <Reanimated.View ref={ref} style={styles} {...props}>\r\n        {children}\r\n      </Reanimated.View>\r\n    );\r\n  },\r\n);\r\n\r\nexport default KeyboardStickyView;\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,IACfC,WAAW,EACXC,gBAAgB,QACX,yBAAyB;AAEhC,SAASC,8BAA8B,QAAQ,aAAa;AAoB5D,MAAMC,kBAAkB,gBAAGN,UAAU,CAInC,CACE;EAAEO,QAAQ;EAAEC,MAAM,EAAE;IAAEC,MAAM,GAAG,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAG,CAAC,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACtEC,GAAG,KACA;EACH,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGV,8BAA8B,CAAC,CAAC;EAC7D,MAAMW,eAAe,GAAGZ,gBAAgB,CAAC,MAAM;IAC7C,MAAMI,MAAM,GAAGL,WAAW,CAACY,QAAQ,CAACE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACR,MAAM,EAAEC,MAAM,CAAC,CAAC;IAEpE,OAAO;MACLQ,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEL,MAAM,CAACG,KAAK,GAAGT;MAAO,CAAC;IACnD,CAAC;EACH,CAAC,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC,CAAC;EAEpB,MAAMU,MAAM,GAAGnB,OAAO,CACpB,MAAM,CAACU,KAAK,EAAEK,eAAe,CAAC,EAC9B,CAACL,KAAK,EAAEK,eAAe,CACzB,CAAC;EAED,oBACEjB,KAAA,CAAAsB,aAAA,CAACnB,UAAU,CAACoB,IAAI,EAAAC,QAAA;IAACV,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAES;EAAO,GAAKR,KAAK,GAChDL,QACc,CAAC;AAEtB,CACF,CAAC;AAED,eAAeD,kBAAkB","ignoreList":[]}

package/lib/module/components/KeyboardToolbar/Arrow.js

@@ -0,0 +1,68 @@
+import React, { useMemo } from "react";
+import { Animated, StyleSheet, View } from "react-native";
+import useColorScheme from "../hooks/useColorScheme";
+const ArrowComponent = ({
+  type,
+  disabled,
+  theme
+}) => {
+  const colorScheme = useColorScheme();
+  const color = useMemo(() => ({
+    backgroundColor: disabled ? theme[colorScheme].disabled : theme[colorScheme].primary
+  }), [disabled, theme, colorScheme]);
+  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);
+  const right = useMemo(() => [styles.arrowRightLine, color], [color]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: type === "next" ? styles.arrowDownContainer : styles.arrowUpContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.arrow
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: left
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    style: right
+  })));
+};
+const arrowLine = {
+  width: 13,
+  height: 2,
+  borderRadius: 1
+};
+const arrowUpContainer = {
+  marginHorizontal: 5,
+  width: 30,
+  height: 30,
+  justifyContent: "center",
+  alignItems: "center"
+};
+const styles = StyleSheet.create({
+  arrowUpContainer: arrowUpContainer,
+  arrowDownContainer: {
+    ...arrowUpContainer,
+    transform: [{
+      rotate: "180deg"
+    }]
+  },
+  arrow: {
+    width: 20,
+    height: 20,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  arrowLeftLine: {
+    ...arrowLine,
+    transform: [{
+      rotate: "-45deg"
+    }],
+    left: -0.5
+  },
+  arrowRightLine: {
+    ...arrowLine,
+    transform: [{
+      rotate: "45deg"
+    }],
+    left: -5.5
+  }
+});
+export default ArrowComponent;
+//# sourceMappingURL=Arrow.js.map

package/lib/module/components/KeyboardToolbar/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Animated","StyleSheet","View","useColorScheme","ArrowComponent","type","disabled","theme","colorScheme","color","backgroundColor","primary","left","styles","arrowLeftLine","right","arrowRightLine","createElement","style","arrowDownContainer","arrowUpContainer","arrow","arrowLine","width","height","borderRadius","marginHorizontal","justifyContent","alignItems","create","transform","rotate","flexDirection"],"sources":["Arrow.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { Animated, StyleSheet, View } from \"react-native\";\r\n\r\nimport useColorScheme from \"../hooks/useColorScheme\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { ViewStyle } from \"react-native\";\r\n\r\ntype ArrowProps = {\r\n  type: \"prev\" | \"next\";\r\n  disabled?: boolean;\r\n  theme: KeyboardToolbarTheme;\r\n};\r\n\r\nconst ArrowComponent: React.FC<ArrowProps> = ({ type, disabled, theme }) => {\r\n  const colorScheme = useColorScheme();\r\n\r\n  const color = useMemo(\r\n    () => ({\r\n      backgroundColor: disabled\r\n        ? theme[colorScheme].disabled\r\n        : theme[colorScheme].primary,\r\n    }),\r\n    [disabled, theme, colorScheme],\r\n  );\r\n  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);\r\n  const right = useMemo(() => [styles.arrowRightLine, color], [color]);\r\n\r\n  return (\r\n    <View\r\n      style={\r\n        type === \"next\" ? styles.arrowDownContainer : styles.arrowUpContainer\r\n      }\r\n    >\r\n      <View style={styles.arrow}>\r\n        <Animated.View style={left} />\r\n        <Animated.View style={right} />\r\n      </View>\r\n    </View>\r\n  );\r\n};\r\n\r\nconst arrowLine: ViewStyle = {\r\n  width: 13,\r\n  height: 2,\r\n  borderRadius: 1,\r\n};\r\nconst arrowUpContainer: ViewStyle = {\r\n  marginHorizontal: 5,\r\n  width: 30,\r\n  height: 30,\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n};\r\nconst styles = StyleSheet.create({\r\n  arrowUpContainer: arrowUpContainer,\r\n  arrowDownContainer: {\r\n    ...arrowUpContainer,\r\n    transform: [{ rotate: \"180deg\" }],\r\n  },\r\n  arrow: {\r\n    width: 20,\r\n    height: 20,\r\n    flexDirection: \"row\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"space-between\",\r\n  },\r\n  arrowLeftLine: {\r\n    ...arrowLine,\r\n    transform: [{ rotate: \"-45deg\" }],\r\n    left: -0.5,\r\n  },\r\n  arrowRightLine: {\r\n    ...arrowLine,\r\n    transform: [{ rotate: \"45deg\" }],\r\n    left: -5.5,\r\n  },\r\n});\r\n\r\nexport default ArrowComponent;\r\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,OAAOC,cAAc,MAAM,yBAAyB;AAWpD,MAAMC,cAAoC,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EAC1E,MAAMC,WAAW,GAAGL,cAAc,CAAC,CAAC;EAEpC,MAAMM,KAAK,GAAGV,OAAO,CACnB,OAAO;IACLW,eAAe,EAAEJ,QAAQ,GACrBC,KAAK,CAACC,WAAW,CAAC,CAACF,QAAQ,GAC3BC,KAAK,CAACC,WAAW,CAAC,CAACG;EACzB,CAAC,CAAC,EACF,CAACL,QAAQ,EAAEC,KAAK,EAAEC,WAAW,CAC/B,CAAC;EACD,MAAMI,IAAI,GAAGb,OAAO,CAAC,MAAM,CAACc,MAAM,CAACC,aAAa,EAAEL,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAClE,MAAMM,KAAK,GAAGhB,OAAO,CAAC,MAAM,CAACc,MAAM,CAACG,cAAc,EAAEP,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEpE,oBACEX,KAAA,CAAAmB,aAAA,CAACf,IAAI;IACHgB,KAAK,EACHb,IAAI,KAAK,MAAM,GAAGQ,MAAM,CAACM,kBAAkB,GAAGN,MAAM,CAACO;EACtD,gBAEDtB,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEL,MAAM,CAACQ;EAAM,gBACxBvB,KAAA,CAAAmB,aAAA,CAACjB,QAAQ,CAACE,IAAI;IAACgB,KAAK,EAAEN;EAAK,CAAE,CAAC,eAC9Bd,KAAA,CAAAmB,aAAA,CAACjB,QAAQ,CAACE,IAAI;IAACgB,KAAK,EAAEH;EAAM,CAAE,CAC1B,CACF,CAAC;AAEX,CAAC;AAED,MAAMO,SAAoB,GAAG;EAC3BC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE;AAChB,CAAC;AACD,MAAML,gBAA2B,GAAG;EAClCM,gBAAgB,EAAE,CAAC;EACnBH,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVG,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE;AACd,CAAC;AACD,MAAMf,MAAM,GAAGZ,UAAU,CAAC4B,MAAM,CAAC;EAC/BT,gBAAgB,EAAEA,gBAAgB;EAClCD,kBAAkB,EAAE;IAClB,GAAGC,gBAAgB;IACnBU,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC,CAAC;EACDV,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVQ,aAAa,EAAE,KAAK;IACpBJ,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE;EAClB,CAAC;EACDb,aAAa,EAAE;IACb,GAAGQ,SAAS;IACZQ,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC,CAAC;IACjCnB,IAAI,EAAE,CAAC;EACT,CAAC;EACDI,cAAc,EAAE;IACd,GAAGM,SAAS;IACZQ,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAQ,CAAC,CAAC;IAChCnB,IAAI,EAAE,CAAC;EACT;AACF,CAAC,CAAC;AAEF,eAAeR,cAAc","ignoreList":[]}

package/lib/module/components/KeyboardToolbar/Button.js

@@ -0,0 +1,62 @@
+import React, { useMemo } from "react";
+import { Platform, TouchableNativeFeedback, TouchableOpacity, View } from "react-native";
+import useColorScheme from "../hooks/useColorScheme";
+const ButtonIOS = ({
+  children,
+  onPress,
+  disabled,
+  accessibilityLabel,
+  accessibilityHint,
+  testID,
+  style
+}) => {
+  // immediately switch to plain view to avoid animation flickering
+  // when fade out animation happens and view becomes disabled
+  const Container = disabled ? View : TouchableOpacity;
+  const accessibilityState = useMemo(() => ({
+    disabled
+  }), [disabled]);
+  return /*#__PURE__*/React.createElement(Container, {
+    accessibilityState: accessibilityState,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    onPress: onPress,
+    style: style,
+    testID: testID
+  }, children);
+};
+const ButtonAndroid = ({
+  children,
+  onPress,
+  disabled,
+  accessibilityLabel,
+  accessibilityHint,
+  testID,
+  rippleRadius = 18,
+  style,
+  theme
+}) => {
+  const colorScheme = useColorScheme();
+  const accessibilityState = useMemo(() => ({
+    disabled
+  }), [disabled]);
+  const ripple = useMemo(() => TouchableNativeFeedback.Ripple(theme[colorScheme].ripple, true, rippleRadius), [colorScheme, rippleRadius, theme]);
+  return /*#__PURE__*/React.createElement(TouchableNativeFeedback, {
+    accessibilityState: accessibilityState,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    onPress: onPress,
+    background: ripple,
+    testID: testID,
+    style: style
+  }, /*#__PURE__*/React.createElement(View, {
+    style: style
+  }, children));
+};
+export default Platform.select({
+  android: ButtonAndroid,
+  default: ButtonIOS
+});
+//# sourceMappingURL=Button.js.map

package/lib/module/components/KeyboardToolbar/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Platform","TouchableNativeFeedback","TouchableOpacity","View","useColorScheme","ButtonIOS","children","onPress","disabled","accessibilityLabel","accessibilityHint","testID","style","Container","accessibilityState","createElement","accessibilityRole","ButtonAndroid","rippleRadius","theme","colorScheme","ripple","Ripple","background","select","android","default"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport {\r\n  Platform,\r\n  TouchableNativeFeedback,\r\n  TouchableOpacity,\r\n  View,\r\n} from \"react-native\";\r\n\r\nimport useColorScheme from \"../hooks/useColorScheme\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { PropsWithChildren } from \"react\";\r\nimport type { ViewStyle } from \"react-native\";\r\n\r\ntype ButtonProps = {\r\n  disabled?: boolean;\r\n  onPress: () => void;\r\n  accessibilityLabel: string;\r\n  accessibilityHint: string;\r\n  testID: string;\r\n  rippleRadius?: number;\r\n  style?: ViewStyle;\r\n  theme: KeyboardToolbarTheme;\r\n};\r\n\r\nconst ButtonIOS = ({\r\n  children,\r\n  onPress,\r\n  disabled,\r\n  accessibilityLabel,\r\n  accessibilityHint,\r\n  testID,\r\n  style,\r\n}: PropsWithChildren<ButtonProps>) => {\r\n  // immediately switch to plain view to avoid animation flickering\r\n  // when fade out animation happens and view becomes disabled\r\n  const Container = disabled\r\n    ? (View as unknown as typeof TouchableOpacity)\r\n    : TouchableOpacity;\r\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\r\n\r\n  return (\r\n    <Container\r\n      accessibilityState={accessibilityState}\r\n      accessibilityRole=\"button\"\r\n      accessibilityLabel={accessibilityLabel}\r\n      accessibilityHint={accessibilityHint}\r\n      onPress={onPress}\r\n      style={style}\r\n      testID={testID}\r\n    >\r\n      {children}\r\n    </Container>\r\n  );\r\n};\r\nconst ButtonAndroid = ({\r\n  children,\r\n  onPress,\r\n  disabled,\r\n  accessibilityLabel,\r\n  accessibilityHint,\r\n  testID,\r\n  rippleRadius = 18,\r\n  style,\r\n  theme,\r\n}: PropsWithChildren<ButtonProps>) => {\r\n  const colorScheme = useColorScheme();\r\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\r\n  const ripple = useMemo(\r\n    () =>\r\n      TouchableNativeFeedback.Ripple(\r\n        theme[colorScheme].ripple,\r\n        true,\r\n        rippleRadius,\r\n      ),\r\n    [colorScheme, rippleRadius, theme],\r\n  );\r\n\r\n  return (\r\n    <TouchableNativeFeedback\r\n      accessibilityState={accessibilityState}\r\n      accessibilityRole=\"button\"\r\n      accessibilityLabel={accessibilityLabel}\r\n      accessibilityHint={accessibilityHint}\r\n      onPress={onPress}\r\n      background={ripple}\r\n      testID={testID}\r\n      style={style}\r\n    >\r\n      <View style={style}>{children}</View>\r\n    </TouchableNativeFeedback>\r\n  );\r\n};\r\n\r\nexport default Platform.select({\r\n  android: ButtonAndroid,\r\n  default: ButtonIOS,\r\n});\r\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,QAAQ,EACRC,uBAAuB,EACvBC,gBAAgB,EAChBC,IAAI,QACC,cAAc;AAErB,OAAOC,cAAc,MAAM,yBAAyB;AAiBpD,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNC;AAC8B,CAAC,KAAK;EACpC;EACA;EACA,MAAMC,SAAS,GAAGL,QAAQ,GACrBL,IAAI,GACLD,gBAAgB;EACpB,MAAMY,kBAAkB,GAAGf,OAAO,CAAC,OAAO;IAAES;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEpE,oBACEV,KAAA,CAAAiB,aAAA,CAACF,SAAS;IACRC,kBAAkB,EAAEA,kBAAmB;IACvCE,iBAAiB,EAAC,QAAQ;IAC1BP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCH,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEA;EAAO,GAEdL,QACQ,CAAC;AAEhB,CAAC;AACD,MAAMW,aAAa,GAAGA,CAAC;EACrBX,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNO,YAAY,GAAG,EAAE;EACjBN,KAAK;EACLO;AAC8B,CAAC,KAAK;EACpC,MAAMC,WAAW,GAAGhB,cAAc,CAAC,CAAC;EACpC,MAAMU,kBAAkB,GAAGf,OAAO,CAAC,OAAO;IAAES;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EACpE,MAAMa,MAAM,GAAGtB,OAAO,CACpB,MACEE,uBAAuB,CAACqB,MAAM,CAC5BH,KAAK,CAACC,WAAW,CAAC,CAACC,MAAM,EACzB,IAAI,EACJH,YACF,CAAC,EACH,CAACE,WAAW,EAAEF,YAAY,EAAEC,KAAK,CACnC,CAAC;EAED,oBACErB,KAAA,CAAAiB,aAAA,CAACd,uBAAuB;IACtBa,kBAAkB,EAAEA,kBAAmB;IACvCE,iBAAiB,EAAC,QAAQ;IAC1BP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCH,OAAO,EAAEA,OAAQ;IACjBgB,UAAU,EAAEF,MAAO;IACnBV,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA;EAAM,gBAEbd,KAAA,CAAAiB,aAAA,CAACZ,IAAI;IAACS,KAAK,EAAEA;EAAM,GAAEN,QAAe,CACb,CAAC;AAE9B,CAAC;AAED,eAAeN,QAAQ,CAACwB,MAAM,CAAC;EAC7BC,OAAO,EAAER,aAAa;EACtBS,OAAO,EAAErB;AACX,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/KeyboardToolbar/colors.js

@@ -0,0 +1,15 @@
+export const colors = {
+  light: {
+    primary: "#2c2c2c",
+    disabled: "#B0BEC5",
+    background: "#f3f3f4",
+    ripple: "#bcbcbcbc"
+  },
+  dark: {
+    primary: "#fafafa",
+    disabled: "#707070",
+    background: "#2C2C2E",
+    ripple: "#F8F8F888"
+  }
+};
+//# sourceMappingURL=colors.js.map

package/lib/module/components/KeyboardToolbar/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colors","light","primary","disabled","background","ripple","dark"],"sources":["colors.ts"],"sourcesContent":["import type { KeyboardToolbarTheme } from \"./types\";\r\n\r\nexport const colors: KeyboardToolbarTheme = {\r\n  light: {\r\n    primary: \"#2c2c2c\",\r\n    disabled: \"#B0BEC5\",\r\n    background: \"#f3f3f4\",\r\n    ripple: \"#bcbcbcbc\",\r\n  },\r\n  dark: {\r\n    primary: \"#fafafa\",\r\n    disabled: \"#707070\",\r\n    background: \"#2C2C2E\",\r\n    ripple: \"#F8F8F888\",\r\n  },\r\n};\r\n"],"mappings":"AAEA,OAAO,MAAMA,MAA4B,GAAG;EAC1CC,KAAK,EAAE;IACLC,OAAO,EAAE,SAAS;IAClBC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJJ,OAAO,EAAE,SAAS;IAClBC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/lib/module/components/KeyboardToolbar/colors.native.js

@@ -0,0 +1,34 @@
+import { Platform, PlatformColor } from "react-native";
+export const colors = {
+  light: {
+    primary: Platform.select({
+      ios: PlatformColor("link"),
+      default: "#2c2c2c"
+    }),
+    disabled: Platform.select({
+      ios: PlatformColor("systemGray4"),
+      default: "#B0BEC5"
+    }),
+    background: Platform.select({
+      ios: "#F8F8F8",
+      default: "#f3f3f4"
+    }),
+    ripple: "#bcbcbcbc"
+  },
+  dark: {
+    primary: Platform.select({
+      ios: PlatformColor("label"),
+      default: "#fafafa"
+    }),
+    disabled: Platform.select({
+      ios: PlatformColor("systemGray"),
+      default: "#707070"
+    }),
+    background: Platform.select({
+      ios: "#555756",
+      default: "#2C2C2E"
+    }),
+    ripple: "#F8F8F888"
+  }
+};
+//# sourceMappingURL=colors.native.js.map

package/lib/module/components/KeyboardToolbar/colors.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","PlatformColor","colors","light","primary","select","ios","default","disabled","background","ripple","dark"],"sources":["colors.native.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { ColorValue } from \"react-native\";\r\n\r\nexport const colors: KeyboardToolbarTheme = {\r\n  light: {\r\n    primary: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"link\"),\r\n      default: \"#2c2c2c\",\r\n    }),\r\n    disabled: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"systemGray4\"),\r\n      default: \"#B0BEC5\",\r\n    }),\r\n    background: Platform.select({\r\n      ios: \"#F8F8F8\",\r\n      default: \"#f3f3f4\",\r\n    }),\r\n    ripple: \"#bcbcbcbc\",\r\n  },\r\n  dark: {\r\n    primary: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"label\"),\r\n      default: \"#fafafa\",\r\n    }),\r\n    disabled: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"systemGray\"),\r\n      default: \"#707070\",\r\n    }),\r\n    background: Platform.select({\r\n      ios: \"#555756\",\r\n      default: \"#2C2C2E\",\r\n    }),\r\n    ripple: \"#F8F8F888\",\r\n  },\r\n};\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,cAAc;AAKtD,OAAO,MAAMC,MAA4B,GAAG;EAC1CC,KAAK,EAAE;IACLC,OAAO,EAAEJ,QAAQ,CAACK,MAAM,CAAa;MACnCC,GAAG,EAAEL,aAAa,CAAC,MAAM,CAAC;MAC1BM,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAER,QAAQ,CAACK,MAAM,CAAa;MACpCC,GAAG,EAAEL,aAAa,CAAC,aAAa,CAAC;MACjCM,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAET,QAAQ,CAACK,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJP,OAAO,EAAEJ,QAAQ,CAACK,MAAM,CAAa;MACnCC,GAAG,EAAEL,aAAa,CAAC,OAAO,CAAC;MAC3BM,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAER,QAAQ,CAACK,MAAM,CAAa;MACpCC,GAAG,EAAEL,aAAa,CAAC,YAAY,CAAC;MAChCM,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAET,QAAQ,CAACK,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,140 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { FocusedInputEvents } from "../../bindings";
+import KeyboardStickyView from "../KeyboardStickyView";
+import { KeyboardController } from "../../bindings";
+import useColorScheme from "../hooks/useColorScheme";
+import Arrow from "./Arrow";
+import Button from "./Button";
+import { colors } from "./colors";
+const TEST_ID_KEYBOARD_TOOLBAR = "keyboard.toolbar";
+const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;
+const TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;
+const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;
+const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;
+const KEYBOARD_TOOLBAR_HEIGHT = 42;
+const DEFAULT_OPACITY = "FF";
+const offset = {
+  closed: KEYBOARD_TOOLBAR_HEIGHT
+};
+const dismissKeyboard = () => KeyboardController.dismiss();
+const goToNextField = () => KeyboardController.setFocusTo("next");
+const goToPrevField = () => KeyboardController.setFocusTo("prev");
+
+/**
+ * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and
+ * `Done` buttons.
+ */
+const KeyboardToolbar = ({
+  content,
+  theme = colors,
+  doneText,
+  button,
+  icon,
+  showArrows = true,
+  onNextCallback,
+  onPrevCallback,
+  onDoneCallback,
+  blur = null,
+  opacity = DEFAULT_OPACITY
+}) => {
+  const colorScheme = useColorScheme();
+  const [inputs, setInputs] = useState({
+    current: 0,
+    count: 0
+  });
+  const isPrevDisabled = inputs.current === 0;
+  const isNextDisabled = inputs.current === inputs.count - 1;
+  useEffect(() => {
+    const subscription = FocusedInputEvents.addListener("focusDidSet", e => {
+      setInputs(e);
+    });
+    return subscription.remove;
+  }, []);
+  const doneStyle = useMemo(() => [styles.doneButton, {
+    color: theme[colorScheme].primary
+  }], [colorScheme, theme]);
+  const toolbarStyle = useMemo(() => [styles.toolbar, {
+    backgroundColor: `${theme[colorScheme].background}${opacity}`
+  }], [colorScheme, opacity, theme]);
+  const ButtonContainer = button || Button;
+  const IconContainer = icon || Arrow;
+  const onPressNext = useCallback(() => {
+    goToNextField();
+    onNextCallback === null || onNextCallback === void 0 || onNextCallback();
+  }, [onNextCallback]);
+  const onPressPrev = useCallback(() => {
+    goToPrevField();
+    onPrevCallback === null || onPrevCallback === void 0 || onPrevCallback();
+  }, [onPrevCallback]);
+  const onPressDone = useCallback(() => {
+    dismissKeyboard();
+    onDoneCallback === null || onDoneCallback === void 0 || onDoneCallback();
+  }, [onDoneCallback]);
+  return /*#__PURE__*/React.createElement(KeyboardStickyView, {
+    offset: offset
+  }, /*#__PURE__*/React.createElement(View, {
+    style: toolbarStyle,
+    testID: TEST_ID_KEYBOARD_TOOLBAR
+  }, blur, showArrows && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ButtonContainer, {
+    accessibilityLabel: "Previous",
+    accessibilityHint: "Will move focus to previous field",
+    disabled: isPrevDisabled,
+    onPress: onPressPrev,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
+    theme: theme
+  }, /*#__PURE__*/React.createElement(IconContainer, {
+    disabled: isPrevDisabled,
+    type: "prev",
+    theme: theme
+  })), /*#__PURE__*/React.createElement(ButtonContainer, {
+    accessibilityLabel: "Next",
+    accessibilityHint: "Will move focus to next field",
+    disabled: isNextDisabled,
+    onPress: onPressNext,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_NEXT,
+    theme: theme
+  }, /*#__PURE__*/React.createElement(IconContainer, {
+    disabled: isNextDisabled,
+    type: "next",
+    theme: theme
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.flex,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_CONTENT
+  }, content), /*#__PURE__*/React.createElement(ButtonContainer, {
+    accessibilityLabel: "Done",
+    accessibilityHint: "Will close the keyboard",
+    onPress: onPressDone,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_DONE,
+    rippleRadius: 28,
+    style: styles.doneButtonContainer,
+    theme: theme
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: doneStyle,
+    maxFontSizeMultiplier: 1.3
+  }, doneText || "Done"))));
+};
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  toolbar: {
+    position: "absolute",
+    bottom: 0,
+    alignItems: "center",
+    width: "100%",
+    flexDirection: "row",
+    height: KEYBOARD_TOOLBAR_HEIGHT,
+    paddingHorizontal: 8
+  },
+  doneButton: {
+    fontWeight: "600",
+    fontSize: 15
+  },
+  doneButtonContainer: {
+    marginRight: 8
+  }
+});
+export { colors as DefaultKeyboardToolbarTheme };
+export default KeyboardToolbar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","Text","View","FocusedInputEvents","KeyboardStickyView","KeyboardController","useColorScheme","Arrow","Button","colors","TEST_ID_KEYBOARD_TOOLBAR","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","TEST_ID_KEYBOARD_TOOLBAR_NEXT","TEST_ID_KEYBOARD_TOOLBAR_CONTENT","TEST_ID_KEYBOARD_TOOLBAR_DONE","KEYBOARD_TOOLBAR_HEIGHT","DEFAULT_OPACITY","offset","closed","dismissKeyboard","dismiss","goToNextField","setFocusTo","goToPrevField","KeyboardToolbar","content","theme","doneText","button","icon","showArrows","onNextCallback","onPrevCallback","onDoneCallback","blur","opacity","colorScheme","inputs","setInputs","current","count","isPrevDisabled","isNextDisabled","subscription","addListener","e","remove","doneStyle","styles","doneButton","color","primary","toolbarStyle","toolbar","backgroundColor","background","ButtonContainer","IconContainer","onPressNext","onPressPrev","onPressDone","createElement","style","testID","Fragment","accessibilityLabel","accessibilityHint","disabled","onPress","type","flex","rippleRadius","doneButtonContainer","maxFontSizeMultiplier","create","position","bottom","alignItems","width","flexDirection","height","paddingHorizontal","fontWeight","fontSize","marginRight","DefaultKeyboardToolbarTheme"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { StyleSheet, Text, View } from \"react-native\";\r\n\r\nimport {\r\n  FocusedInputEvents,\r\n} from \"../../bindings\";\r\nimport KeyboardStickyView from \"../KeyboardStickyView\"\r\nimport { KeyboardController } from \"../../bindings\";\r\nimport useColorScheme from \"../hooks/useColorScheme\";\r\n\r\nimport Arrow from \"./Arrow\";\r\nimport Button from \"./Button\";\r\nimport { colors } from \"./colors\";\r\n\r\nimport type { HEX, KeyboardToolbarTheme } from \"./types\";\r\nimport type { ReactNode } from \"react\";\r\n\r\nexport type KeyboardToolbarProps = {\r\n  /** An element that is shown in the middle of the toolbar. */\r\n  content?: JSX.Element | null;\r\n  /** A set of dark/light colors consumed by toolbar component. */\r\n  theme?: KeyboardToolbarTheme;\r\n  /** Custom text for done button. */\r\n  doneText?: ReactNode;\r\n  /** Custom touchable component for toolbar (used for prev/next/done buttons). */\r\n  button?: typeof Button;\r\n  /** Custom icon component used to display next/prev buttons. */\r\n  icon?: typeof Arrow;\r\n  /**\r\n   * Whether to show next and previous buttons. Can be useful to set it to `false` if you have only one input\r\n   * and want to show only `Done` button. Default to `true`.\r\n   */\r\n  showArrows?: boolean;\r\n  /**\r\n   * A callback that is called when the user presses the next button along with the default action.\r\n   */\r\n  onNextCallback?: () => void;\r\n  /**\r\n   * A callback that is called when the user presses the previous button along with the default action.\r\n   */\r\n  onPrevCallback?: () => void;\r\n  /**\r\n   * A callback that is called when the user presses the done button along with the default action.\r\n   */\r\n  onDoneCallback?: () => void;\r\n  /**\r\n   * A component that applies blur effect to the toolbar.\r\n   */\r\n  blur?: JSX.Element | null;\r\n  /**\r\n   * A value for container opacity in hexadecimal format (e.g. `ff`). Default value is `ff`.\r\n   */\r\n  opacity?: HEX;\r\n};\r\nconst TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\r\nconst TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\r\nconst TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\r\nconst TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\r\nconst TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\r\n\r\nconst KEYBOARD_TOOLBAR_HEIGHT = 42;\r\nconst DEFAULT_OPACITY: HEX = \"FF\";\r\nconst offset = { closed: KEYBOARD_TOOLBAR_HEIGHT };\r\n\r\nconst dismissKeyboard = () => KeyboardController.dismiss();\r\nconst goToNextField = () => KeyboardController.setFocusTo(\"next\");\r\nconst goToPrevField = () => KeyboardController.setFocusTo(\"prev\");\r\n\r\n/**\r\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and\r\n * `Done` buttons.\r\n */\r\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> = ({\r\n  content,\r\n  theme = colors,\r\n  doneText,\r\n  button,\r\n  icon,\r\n  showArrows = true,\r\n  onNextCallback,\r\n  onPrevCallback,\r\n  onDoneCallback,\r\n  blur = null,\r\n  opacity = DEFAULT_OPACITY,\r\n}) => {\r\n  const colorScheme = useColorScheme();\r\n  const [inputs, setInputs] = useState({\r\n    current: 0,\r\n    count: 0,\r\n  });\r\n  const isPrevDisabled = inputs.current === 0;\r\n  const isNextDisabled = inputs.current === inputs.count - 1;\r\n\r\n  useEffect(() => {\r\n    const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\r\n      setInputs(e);\r\n    });\r\n\r\n    return subscription.remove;\r\n  }, []);\r\n  const doneStyle = useMemo(\r\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\r\n    [colorScheme, theme],\r\n  );\r\n  const toolbarStyle = useMemo(\r\n    () => [\r\n      styles.toolbar,\r\n      {\r\n        backgroundColor: `${theme[colorScheme].background}${opacity}`,\r\n      },\r\n    ],\r\n    [colorScheme, opacity, theme],\r\n  );\r\n  const ButtonContainer = button || Button;\r\n  const IconContainer = icon || Arrow;\r\n\r\n  const onPressNext = useCallback(() => {\r\n    goToNextField();\r\n    onNextCallback?.();\r\n  }, [onNextCallback]);\r\n  const onPressPrev = useCallback(() => {\r\n    goToPrevField();\r\n    onPrevCallback?.();\r\n  }, [onPrevCallback]);\r\n  const onPressDone = useCallback(() => {\r\n    dismissKeyboard();\r\n    onDoneCallback?.();\r\n  }, [onDoneCallback]);\r\n\r\n  return (\r\n    <KeyboardStickyView offset={offset}>\r\n      <View style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\r\n        {blur}\r\n        {showArrows && (\r\n          <>\r\n            <ButtonContainer\r\n              accessibilityLabel=\"Previous\"\r\n              accessibilityHint=\"Will move focus to previous field\"\r\n              disabled={isPrevDisabled}\r\n              onPress={onPressPrev}\r\n              testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\r\n              theme={theme}\r\n            >\r\n              <IconContainer\r\n                disabled={isPrevDisabled}\r\n                type=\"prev\"\r\n                theme={theme}\r\n              />\r\n            </ButtonContainer>\r\n            <ButtonContainer\r\n              accessibilityLabel=\"Next\"\r\n              accessibilityHint=\"Will move focus to next field\"\r\n              disabled={isNextDisabled}\r\n              onPress={onPressNext}\r\n              testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\r\n              theme={theme}\r\n            >\r\n              <IconContainer\r\n                disabled={isNextDisabled}\r\n                type=\"next\"\r\n                theme={theme}\r\n              />\r\n            </ButtonContainer>\r\n          </>\r\n        )}\r\n\r\n        <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\r\n          {content}\r\n        </View>\r\n        <ButtonContainer\r\n          accessibilityLabel=\"Done\"\r\n          accessibilityHint=\"Will close the keyboard\"\r\n          onPress={onPressDone}\r\n          testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\r\n          rippleRadius={28}\r\n          style={styles.doneButtonContainer}\r\n          theme={theme}\r\n        >\r\n          <Text style={doneStyle} maxFontSizeMultiplier={1.3}>\r\n            {doneText || \"Done\"}\r\n          </Text>\r\n        </ButtonContainer>\r\n      </View>\r\n    </KeyboardStickyView>\r\n  );\r\n};\r\n\r\nconst styles = StyleSheet.create({\r\n  flex: {\r\n    flex: 1,\r\n  },\r\n  toolbar: {\r\n    position: \"absolute\",\r\n    bottom: 0,\r\n    alignItems: \"center\",\r\n    width: \"100%\",\r\n    flexDirection: \"row\",\r\n    height: KEYBOARD_TOOLBAR_HEIGHT,\r\n    paddingHorizontal: 8,\r\n  },\r\n  doneButton: {\r\n    fontWeight: \"600\",\r\n    fontSize: 15,\r\n  },\r\n  doneButtonContainer: {\r\n    marginRight: 8,\r\n  },\r\n});\r\n\r\nexport { colors as DefaultKeyboardToolbarTheme };\r\nexport default KeyboardToolbar;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/KeyboardToolbar/types.js

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

package/lib/module/components/KeyboardToolbar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ColorValue } from \"react-native\";\r\n\r\ntype Theme = {\r\n  /** Color for arrow when it's enabled */\r\n  primary: ColorValue;\r\n  /** Color for arrow when it's disabled */\r\n  disabled: ColorValue;\r\n  /** Keyboard toolbar background color */\r\n  background: string;\r\n  /** Color for ripple effect (on button touch) on Android */\r\n  ripple: ColorValue;\r\n};\r\nexport type KeyboardToolbarTheme = {\r\n  light: Theme;\r\n  dark: Theme;\r\n};\r\ntype HexSymbol =\r\n  | \"0\"\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"9\"\r\n  | \"A\"\r\n  | \"B\"\r\n  | \"C\"\r\n  | \"D\"\r\n  | \"E\"\r\n  | \"F\"\r\n  | \"a\"\r\n  | \"b\"\r\n  | \"c\"\r\n  | \"d\"\r\n  | \"e\"\r\n  | \"f\";\r\nexport type HEX = `${HexSymbol}${HexSymbol}`;\r\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import { useColorScheme as useColorSchemeRN } from "react-native";
+const useColorScheme = () => useColorSchemeRN() || "light";
+export default useColorScheme;
+//# sourceMappingURL=useColorScheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useColorScheme","useColorSchemeRN"],"sources":["useColorScheme.ts"],"sourcesContent":["import { useColorScheme as useColorSchemeRN } from \"react-native\";\r\n\r\nconst useColorScheme = () => useColorSchemeRN() || \"light\";\r\n\r\nexport default useColorScheme;\r\n"],"mappings":"AAAA,SAASA,cAAc,IAAIC,gBAAgB,QAAQ,cAAc;AAEjE,MAAMD,cAAc,GAAGA,CAAA,KAAMC,gBAAgB,CAAC,CAAC,IAAI,OAAO;AAE1D,eAAeD,cAAc","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,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";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme"],"sources":["index.ts"],"sourcesContent":["export { default as KeyboardAvoidingView } from \"./KeyboardAvoidingView\";\r\nexport { default as KeyboardStickyView } from \"./KeyboardStickyView\";\r\nexport { default as KeyboardAwareScrollView } from \"./KeyboardAwareScrollView\";\r\nexport {\r\n  default as KeyboardToolbar,\r\n  DefaultKeyboardToolbarTheme,\r\n} from \"./KeyboardToolbar\";\r\nexport type { KeyboardAvoidingViewProps } from \"./KeyboardAvoidingView\";\r\nexport type { KeyboardStickyViewProps } from \"./KeyboardStickyView\";\r\nexport type { KeyboardAwareScrollViewProps } from \"./KeyboardAwareScrollView\";\r\nexport type { KeyboardToolbarProps } from \"./KeyboardToolbar\";\r\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":[]}