@kesha-antonov/react-native-chat 5.0.0 → 6.0.0

package/lib/emoji/EmojiKeyboard.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import { SharedValue } from 'react-native-reanimated';
+import { EmojiCategoryKey } from './emojiStore';
+/** Props for a custom `emojiKeyboard.renderEmojiKeyboard`. */
+export interface EmojiKeyboardRenderProps {
+    /** Insert an emoji at the caret. */
+    onSelect: (emoji: string) => void;
+    /** Delete the character before the caret. */
+    onBackspace: () => void;
+    /** Go back to the system keyboard. */
+    onClose: () => void;
+    /** The panel's height, including the bottom inset. */
+    height: number;
+    /** The bottom inset (home indicator) the content should keep clear of. */
+    bottomInset: number;
+}
+/**
+ * The built-in emoji keyboard (`Chat`'s `emojiKeyboard` prop). It is on by default; the emoji
+ * button opens it in the system keyboard's place.
+ */
+export interface EmojiKeyboardProps {
+    /** Show the emoji button and its keyboard. Default true. */
+    isEnabled?: boolean;
+    /** Fixed column count; by default as many 45pt columns as fit (8 on a phone). */
+    columns?: number;
+    /** Which tabs to offer, in order. Default: all. */
+    categories?: EmojiCategoryKey[];
+    /**
+     * Recents (by use count, at most 48). `false` hides them. They persist through
+     * `@react-native-async-storage/async-storage` when it is installed, under `storageKey`.
+     */
+    recents?: boolean | {
+        isEnabled?: boolean;
+        storageKey?: string;
+        isPersisted?: boolean;
+    };
+    /** Show search. Default true. */
+    isSearchEnabled?: boolean;
+    /** Draw your own keyboard in the panel instead of the built-in grid. */
+    renderEmojiKeyboard?: (props: EmojiKeyboardRenderProps) => React.ReactNode;
+}
+export declare const resolveEmojiKeyboard: (value: boolean | EmojiKeyboardProps | undefined) => EmojiKeyboardProps | null;
+interface UseEmojiKeyboardOptions {
+    isEnabled: boolean;
+    focusComposer: () => void;
+    defaultHeight: number;
+}
+export interface EmojiKeyboardController {
+    /** The emoji panel is up (the button shows the keyboard icon). */
+    isOpen: boolean;
+    /** The panel has been opened at least once, so it is mounted. */
+    isMounted: boolean;
+    /** The panel's search field has the system keyboard. */
+    isSearching: boolean;
+    toggle: () => void;
+    close: () => void;
+    /** The composer took focus: the system keyboard replaces the panel. */
+    onComposerFocus: () => void;
+    onSearchModeChange: (isSearching: boolean) => void;
+    /** 0 closed, 1 open, on the UI thread. */
+    open: SharedValue<number>;
+    searching: SharedValue<number>;
+    panelHeight: number;
+}
+export declare function useEmojiKeyboard({ isEnabled, focusComposer, defaultHeight }: UseEmojiKeyboardOptions): EmojiKeyboardController;
+interface EmojiKeyboardPanelProps {
+    controller: EmojiKeyboardController;
+    config: EmojiKeyboardProps;
+    onSelect: (emoji: string) => void;
+    onBackspace: () => void;
+}
+/**
+ * The space under the composer the panel fills. Its height is the panel's share of the bottom,
+ * less whatever the system keyboard already covers, so the composer stays put while the two
+ * trade places; the panel itself is laid out once at full height and simply revealed.
+ */
+export declare function EmojiKeyboardPanel({ controller, config, onSelect, onBackspace }: EmojiKeyboardPanelProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=EmojiKeyboard.d.ts.map

package/lib/emoji/EmojiKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiKeyboard.d.ts","sourceRoot":"","sources":["../../src/emoji/EmojiKeyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAA;AAGxF,OAAiB,EAAU,WAAW,EAAgD,MAAM,yBAAyB,CAAA;AAOrH,OAAO,EAAE,gBAAgB,EAAgB,MAAM,cAAc,CAAA;AAgB7D,8DAA8D;AAC9D,MAAM,WAAW,wBAAwB;IACvC,oCAAoC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,6CAA6C;IAC7C,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAA;IACd,0EAA0E;IAC1E,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG;QAAE,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IACvF,iCAAiC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,CAAA;CAC3E;AAED,eAAO,MAAM,oBAAoB,GAAI,OAAO,OAAO,GAAG,kBAAkB,GAAG,SAAS,KAAG,kBAAkB,GAAG,IAM3G,CAAA;AAED,UAAU,uBAAuB;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAA;IACf,iEAAiE;IACjE,SAAS,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,WAAW,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,uEAAuE;IACvE,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,kBAAkB,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,0CAA0C;IAC1C,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACzB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,gBAAgB,CAAE,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,uBAAuB,GAAG,uBAAuB,CAgH/H;AAED,UAAU,uBAAuB;IAC/B,UAAU,EAAE,uBAAuB,CAAA;IACnC,MAAM,EAAE,kBAAkB,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,uBAAuB,4BA8DzG"}

package/lib/emoji/EmojiKeyboard.js

@@ -0,0 +1,445 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { BackHandler, Keyboard, Platform, StyleSheet } from 'react-native';
+import { KeyboardEvents, useReanimatedKeyboardAnimation } from 'react-native-keyboard-controller';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useThemedStyles } from '../hooks/useTheme';
+import { renderComponentOrElement } from '../utils';
+import { EmojiGrid } from './EmojiGrid';
+import { emojiRecents } from './emojiStore';
+
+/*
+ * The in-app emoji keyboard: the panel takes the system keyboard's place at the last keyboard
+ * height (200 before one was seen), so switching keyboard <-> emoji keeps the composer still;
+ * from nothing it slides up over 250ms on the list's move curve. The panel is a sheet with 29
+ * top corners under the floating composer.
+ */
+const SWITCH = {
+  duration: 250,
+  easing: Easing.bezier(0.1992, 0.0106, 0.2792, 0.9103)
+};
+const SHEET_RADIUS = 29;
+// While searching, the search row and two rows of results stay above the system keyboard.
+const SEARCH_MODE_HEIGHT = 50 + 2 * 48 + 6;
+
+// The last system keyboard height, shared by every chat.
+let lastKeyboardHeight = 0;
+
+/** Props for a custom `emojiKeyboard.renderEmojiKeyboard`. */
+
+/**
+ * The built-in emoji keyboard (`Chat`'s `emojiKeyboard` prop). It is on by default; the emoji
+ * button opens it in the system keyboard's place.
+ */
+
+export const resolveEmojiKeyboard = value => {
+  if (value === false) return null;
+  if (value === true || value === undefined) return {};
+  return value.isEnabled === false ? null : value;
+};
+export function useEmojiKeyboard(t0) {
+  const $ = _c(40);
+  const {
+    isEnabled,
+    focusComposer,
+    defaultHeight
+  } = t0;
+  const insets = useSafeAreaInsets();
+  const keyboard = useReanimatedKeyboardAnimation();
+  const fallbackProgress = useSharedValue(0);
+  const keyboardProgress = keyboard?.progress ?? fallbackProgress;
+  const [isOpen, setIsOpen] = useState(false);
+  const [isMounted, setIsMounted] = useState(false);
+  const [isSearching, setIsSearching] = useState(false);
+  let t1;
+  if ($[0] !== defaultHeight || $[1] !== insets) {
+    t1 = () => lastKeyboardHeight || defaultHeight + insets.bottom;
+    $[0] = defaultHeight;
+    $[1] = insets;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const [panelHeight, setPanelHeight] = useState(t1);
+  const open = useSharedValue(0);
+  const searching = useSharedValue(0);
+  const isOpenRef = useRef(false);
+  let t2;
+  if ($[3] !== isOpen) {
+    t2 = () => {
+      isOpenRef.current = isOpen;
+    };
+    $[3] = isOpen;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  useLayoutEffect(t2);
+  const awaitingKeyboardRef = useRef(false);
+  let t3;
+  if ($[5] !== open || $[6] !== searching) {
+    t3 = animated => {
+      awaitingKeyboardRef.current = false;
+      open.set(animated ? withTiming(0, SWITCH) : 0);
+      searching.set(0);
+      setIsSearching(false);
+      setIsOpen(false);
+    };
+    $[5] = open;
+    $[6] = searching;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const finishClose = t3;
+  let t4;
+  let t5;
+  if ($[8] !== finishClose) {
+    t4 = () => {
+      const show = KeyboardEvents.addListener("keyboardDidShow", event => {
+        if (event?.height > 0) {
+          lastKeyboardHeight = event.height;
+          if (!isOpenRef.current || awaitingKeyboardRef.current) {
+            setPanelHeight(event.height);
+          }
+        }
+        if (awaitingKeyboardRef.current) {
+          finishClose(true);
+        }
+      });
+      return () => show?.remove?.();
+    };
+    t5 = [finishClose];
+    $[8] = finishClose;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t4 = $[9];
+    t5 = $[10];
+  }
+  useEffect(t4, t5);
+  let t6;
+  let t7;
+  if ($[11] !== finishClose || $[12] !== isOpen) {
+    t6 = () => {
+      if (!isOpen || Platform.OS !== "android") {
+        return;
+      }
+      const subscription = BackHandler.addEventListener("hardwareBackPress", () => {
+        finishClose(true);
+        return true;
+      });
+      return () => subscription.remove();
+    };
+    t7 = [isOpen, finishClose];
+    $[11] = finishClose;
+    $[12] = isOpen;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t6 = $[13];
+    t7 = $[14];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[15] !== focusComposer || $[16] !== isEnabled || $[17] !== keyboardProgress || $[18] !== open) {
+    t8 = () => {
+      if (!isEnabled) {
+        return;
+      }
+      if (isOpenRef.current) {
+        awaitingKeyboardRef.current = true;
+        focusComposer();
+        return;
+      }
+      emojiRecents.load();
+      if (lastKeyboardHeight > 0) {
+        setPanelHeight(lastKeyboardHeight);
+      }
+      setIsMounted(true);
+      setIsOpen(true);
+      const isKeyboardUp = keyboardProgress.get() > 0.5;
+      if (isKeyboardUp) {
+        open.set(1);
+        Keyboard.dismiss();
+      } else {
+        open.set(withTiming(1, SWITCH));
+      }
+    };
+    $[15] = focusComposer;
+    $[16] = isEnabled;
+    $[17] = keyboardProgress;
+    $[18] = open;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  const toggle = t8;
+  let t9;
+  if ($[20] !== finishClose || $[21] !== keyboardProgress) {
+    t9 = () => {
+      if (!isOpenRef.current) {
+        return;
+      }
+      if (keyboardProgress.get() > 0.5) {
+        Keyboard.dismiss();
+      }
+      finishClose(true);
+    };
+    $[20] = finishClose;
+    $[21] = keyboardProgress;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  const close = t9;
+  let t10;
+  if ($[23] !== finishClose || $[24] !== keyboardProgress || $[25] !== searching) {
+    t10 = () => {
+      if (!isOpenRef.current) {
+        return;
+      }
+      awaitingKeyboardRef.current = true;
+      if (searching.get() > 0 || keyboardProgress.get() > 0.9) {
+        finishClose(true);
+      }
+    };
+    $[23] = finishClose;
+    $[24] = keyboardProgress;
+    $[25] = searching;
+    $[26] = t10;
+  } else {
+    t10 = $[26];
+  }
+  const onComposerFocus = t10;
+  let t11;
+  if ($[27] !== searching) {
+    t11 = next => {
+      searching.set(next ? 1 : 0);
+      setIsSearching(next);
+    };
+    $[27] = searching;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  const onSearchModeChange = t11;
+  const t12 = isMounted && isEnabled;
+  let t13;
+  if ($[29] !== close || $[30] !== isOpen || $[31] !== isSearching || $[32] !== onComposerFocus || $[33] !== onSearchModeChange || $[34] !== open || $[35] !== panelHeight || $[36] !== searching || $[37] !== t12 || $[38] !== toggle) {
+    t13 = {
+      isOpen,
+      isMounted: t12,
+      isSearching,
+      toggle,
+      close,
+      onComposerFocus,
+      onSearchModeChange,
+      open,
+      searching,
+      panelHeight
+    };
+    $[29] = close;
+    $[30] = isOpen;
+    $[31] = isSearching;
+    $[32] = onComposerFocus;
+    $[33] = onSearchModeChange;
+    $[34] = open;
+    $[35] = panelHeight;
+    $[36] = searching;
+    $[37] = t12;
+    $[38] = toggle;
+    $[39] = t13;
+  } else {
+    t13 = $[39];
+  }
+  return t13;
+}
+/**
+ * The space under the composer the panel fills. Its height is the panel's share of the bottom,
+ * less whatever the system keyboard already covers, so the composer stays put while the two
+ * trade places; the panel itself is laid out once at full height and simply revealed.
+ */
+export function EmojiKeyboardPanel(t0) {
+  const $ = _c(48);
+  const {
+    controller,
+    config,
+    onSelect,
+    onBackspace
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const insets = useSafeAreaInsets();
+  const keyboard = useReanimatedKeyboardAnimation();
+  const fallbackHeight = useSharedValue(0);
+  const keyboardHeight = keyboard?.height ?? fallbackHeight;
+  const {
+    open,
+    searching,
+    panelHeight,
+    isMounted
+  } = controller;
+  const spacerStyle = useAnimatedStyle(() => {
+    const covered = Math.max(0, -keyboardHeight.value);
+    const height = searching.value > 0 ? Math.max(SEARCH_MODE_HEIGHT, panelHeight - covered) * open.value : Math.max(0, open.value * panelHeight - covered);
+    return {
+      height
+    };
+  });
+  const panelStyle = useAnimatedStyle(() => ({
+    opacity: open.value > 0 ? 1 : 0
+  }));
+  const recents = config.recents;
+  const recentsConfig = typeof recents === "object" ? recents : null;
+  let t1;
+  if ($[0] !== recentsConfig?.isPersisted || $[1] !== recentsConfig?.storageKey) {
+    t1 = () => {
+      emojiRecents.configure({
+        storageKey: recentsConfig?.storageKey,
+        isPersisted: recentsConfig?.isPersisted
+      });
+    };
+    $[0] = recentsConfig?.isPersisted;
+    $[1] = recentsConfig?.storageKey;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const t2 = recentsConfig?.storageKey;
+  const t3 = recentsConfig?.isPersisted;
+  let t4;
+  if ($[3] !== t2 || $[4] !== t3) {
+    t4 = [t2, t3];
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  useEffect(t1, t4);
+  if (!isMounted) {
+    return null;
+  }
+  const isRecentsEnabled = recents === false ? false : recentsConfig?.isEnabled !== false;
+  let T0;
+  let T1;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[6] !== config.categories || $[7] !== config.columns || $[8] !== config.isSearchEnabled || $[9] !== config.renderEmojiKeyboard || $[10] !== controller.close || $[11] !== controller.isOpen || $[12] !== controller.onSearchModeChange || $[13] !== insets.bottom || $[14] !== isRecentsEnabled || $[15] !== onBackspace || $[16] !== onSelect || $[17] !== panelHeight || $[18] !== panelStyle || $[19] !== spacerStyle || $[20] !== styles.panel || $[21] !== styles.spacer) {
+    const renderProps = {
+      onSelect,
+      onBackspace,
+      onClose: controller.close,
+      height: panelHeight,
+      bottomInset: insets.bottom
+    };
+    T1 = Animated.View;
+    if ($[29] !== spacerStyle || $[30] !== styles.spacer) {
+      t9 = [styles.spacer, spacerStyle];
+      $[29] = spacerStyle;
+      $[30] = styles.spacer;
+      $[31] = t9;
+    } else {
+      t9 = $[31];
+    }
+    T0 = Animated.View;
+    t5 = "emoji-keyboard";
+    let t10;
+    if ($[32] !== panelHeight) {
+      t10 = {
+        height: panelHeight
+      };
+      $[32] = panelHeight;
+      $[33] = t10;
+    } else {
+      t10 = $[33];
+    }
+    if ($[34] !== panelStyle || $[35] !== styles.panel || $[36] !== t10) {
+      t6 = [styles.panel, t10, panelStyle];
+      $[34] = panelStyle;
+      $[35] = styles.panel;
+      $[36] = t10;
+      $[37] = t6;
+    } else {
+      t6 = $[37];
+    }
+    t7 = controller.isOpen ? "auto" : "none";
+    t8 = config.renderEmojiKeyboard ? renderComponentOrElement(config.renderEmojiKeyboard, renderProps) : <EmojiGrid variant="keyboard" onSelect={onSelect} onBackspace={onBackspace} columns={config.columns} categories={config.categories} isRecentsEnabled={isRecentsEnabled} isSearchEnabled={config.isSearchEnabled !== false} onSearchModeChange={controller.onSearchModeChange} bottomInset={insets.bottom} />;
+    $[6] = config.categories;
+    $[7] = config.columns;
+    $[8] = config.isSearchEnabled;
+    $[9] = config.renderEmojiKeyboard;
+    $[10] = controller.close;
+    $[11] = controller.isOpen;
+    $[12] = controller.onSearchModeChange;
+    $[13] = insets.bottom;
+    $[14] = isRecentsEnabled;
+    $[15] = onBackspace;
+    $[16] = onSelect;
+    $[17] = panelHeight;
+    $[18] = panelStyle;
+    $[19] = spacerStyle;
+    $[20] = styles.panel;
+    $[21] = styles.spacer;
+    $[22] = T0;
+    $[23] = T1;
+    $[24] = t5;
+    $[25] = t6;
+    $[26] = t7;
+    $[27] = t8;
+    $[28] = t9;
+  } else {
+    T0 = $[22];
+    T1 = $[23];
+    t5 = $[24];
+    t6 = $[25];
+    t7 = $[26];
+    t8 = $[27];
+    t9 = $[28];
+  }
+  let t10;
+  if ($[38] !== T0 || $[39] !== t5 || $[40] !== t6 || $[41] !== t7 || $[42] !== t8) {
+    t10 = <T0 testID={t5} style={t6} pointerEvents={t7}>{t8}</T0>;
+    $[38] = T0;
+    $[39] = t5;
+    $[40] = t6;
+    $[41] = t7;
+    $[42] = t8;
+    $[43] = t10;
+  } else {
+    t10 = $[43];
+  }
+  let t11;
+  if ($[44] !== T1 || $[45] !== t10 || $[46] !== t9) {
+    t11 = <T1 style={t9}>{t10}</T1>;
+    $[44] = T1;
+    $[45] = t10;
+    $[46] = t9;
+    $[47] = t11;
+  } else {
+    t11 = $[47];
+  }
+  return t11;
+}
+const createStyles = theme => StyleSheet.create({
+  // Unclipped: the panel hangs below it, under the keyboard or off screen, and is revealed.
+  spacer: {
+    overflow: 'visible'
+  },
+  panel: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    borderTopLeftRadius: SHEET_RADIUS,
+    borderTopRightRadius: SHEET_RADIUS,
+    backgroundColor: theme.emojiKeyboard.background,
+    overflow: 'hidden',
+    paddingTop: 4
+  }
+});
+//# sourceMappingURL=EmojiKeyboard.js.map

package/lib/emoji/EmojiKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiKeyboard.js","names":["React","useCallback","useEffect","useLayoutEffect","useRef","useState","BackHandler","Keyboard","Platform","StyleSheet","KeyboardEvents","useReanimatedKeyboardAnimation","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","useSafeAreaInsets","useThemedStyles","renderComponentOrElement","EmojiGrid","emojiRecents","SWITCH","duration","easing","bezier","SHEET_RADIUS","SEARCH_MODE_HEIGHT","lastKeyboardHeight","resolveEmojiKeyboard","value","undefined","isEnabled","useEmojiKeyboard","t0","$","_c","focusComposer","defaultHeight","insets","keyboard","fallbackProgress","keyboardProgress","progress","isOpen","setIsOpen","isMounted","setIsMounted","isSearching","setIsSearching","t1","bottom","panelHeight","setPanelHeight","open","searching","isOpenRef","t2","current","awaitingKeyboardRef","t3","animated","set","finishClose","t4","t5","show","addListener","event","height","remove","t6","t7","OS","subscription","addEventListener","t8","load","isKeyboardUp","get","dismiss","toggle","t9","close","t10","onComposerFocus","t11","next","onSearchModeChange","t12","t13","EmojiKeyboardPanel","controller","config","onSelect","onBackspace","styles","createStyles","fallbackHeight","keyboardHeight","spacerStyle","covered","Math","max","panelStyle","opacity","recents","recentsConfig","isPersisted","storageKey","configure","isRecentsEnabled","T0","T1","categories","columns","isSearchEnabled","renderEmojiKeyboard","panel","spacer","renderProps","onClose","bottomInset","View","theme","create","overflow","position","top","left","right","borderTopLeftRadius","borderTopRightRadius","backgroundColor","emojiKeyboard","background","paddingTop"],"sources":["../../src/emoji/EmojiKeyboard.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { BackHandler, Keyboard, Platform, StyleSheet } from 'react-native'\nimport { KeyboardEvents, useReanimatedKeyboardAnimation } from 'react-native-keyboard-controller'\nimport Animated, { Easing, SharedValue, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nimport { useThemedStyles } from '../hooks/useTheme'\nimport { ChatTheme } from '../Theme'\nimport { renderComponentOrElement } from '../utils'\nimport { EmojiGrid } from './EmojiGrid'\nimport { EmojiCategoryKey, emojiRecents } from './emojiStore'\n\n/*\n * The in-app emoji keyboard: the panel takes the system keyboard's place at the last keyboard\n * height (200 before one was seen), so switching keyboard <-> emoji keeps the composer still;\n * from nothing it slides up over 250ms on the list's move curve. The panel is a sheet with 29\n * top corners under the floating composer.\n */\nconst SWITCH = { duration: 250, easing: Easing.bezier(0.1992, 0.0106, 0.2792, 0.9103) }\nconst SHEET_RADIUS = 29\n// While searching, the search row and two rows of results stay above the system keyboard.\nconst SEARCH_MODE_HEIGHT = 50 + 2 * 48 + 6\n\n// The last system keyboard height, shared by every chat.\nlet lastKeyboardHeight = 0\n\n/** Props for a custom `emojiKeyboard.renderEmojiKeyboard`. */\nexport interface EmojiKeyboardRenderProps {\n  /** Insert an emoji at the caret. */\n  onSelect: (emoji: string) => void\n  /** Delete the character before the caret. */\n  onBackspace: () => void\n  /** Go back to the system keyboard. */\n  onClose: () => void\n  /** The panel's height, including the bottom inset. */\n  height: number\n  /** The bottom inset (home indicator) the content should keep clear of. */\n  bottomInset: number\n}\n\n/**\n * The built-in emoji keyboard (`Chat`'s `emojiKeyboard` prop). It is on by default; the emoji\n * button opens it in the system keyboard's place.\n */\nexport interface EmojiKeyboardProps {\n  /** Show the emoji button and its keyboard. Default true. */\n  isEnabled?: boolean\n  /** Fixed column count; by default as many 45pt columns as fit (8 on a phone). */\n  columns?: number\n  /** Which tabs to offer, in order. Default: all. */\n  categories?: EmojiCategoryKey[]\n  /**\n   * Recents (by use count, at most 48). `false` hides them. They persist through\n   * `@react-native-async-storage/async-storage` when it is installed, under `storageKey`.\n   */\n  recents?: boolean | { isEnabled?: boolean, storageKey?: string, isPersisted?: boolean }\n  /** Show search. Default true. */\n  isSearchEnabled?: boolean\n  /** Draw your own keyboard in the panel instead of the built-in grid. */\n  renderEmojiKeyboard?: (props: EmojiKeyboardRenderProps) => React.ReactNode\n}\n\nexport const resolveEmojiKeyboard = (value: boolean | EmojiKeyboardProps | undefined): EmojiKeyboardProps | null => {\n  if (value === false)\n    return null\n  if (value === true || value === undefined)\n    return {}\n  return value.isEnabled === false ? null : value\n}\n\ninterface UseEmojiKeyboardOptions {\n  isEnabled: boolean\n  focusComposer: () => void\n  defaultHeight: number\n}\n\nexport interface EmojiKeyboardController {\n  /** The emoji panel is up (the button shows the keyboard icon). */\n  isOpen: boolean\n  /** The panel has been opened at least once, so it is mounted. */\n  isMounted: boolean\n  /** The panel's search field has the system keyboard. */\n  isSearching: boolean\n  toggle: () => void\n  close: () => void\n  /** The composer took focus: the system keyboard replaces the panel. */\n  onComposerFocus: () => void\n  onSearchModeChange: (isSearching: boolean) => void\n  /** 0 closed, 1 open, on the UI thread. */\n  open: SharedValue<number>\n  searching: SharedValue<number>\n  panelHeight: number\n}\n\nexport function useEmojiKeyboard ({ isEnabled, focusComposer, defaultHeight }: UseEmojiKeyboardOptions): EmojiKeyboardController {\n  const insets = useSafeAreaInsets()\n  const keyboard = useReanimatedKeyboardAnimation()\n  const fallbackProgress = useSharedValue(0)\n  const keyboardProgress = keyboard?.progress ?? fallbackProgress\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [isMounted, setIsMounted] = useState(false)\n  const [isSearching, setIsSearching] = useState(false)\n  const [panelHeight, setPanelHeight] = useState(() => lastKeyboardHeight || defaultHeight + insets.bottom)\n  const open = useSharedValue(0)\n  const searching = useSharedValue(0)\n  const isOpenRef = useRef(false)\n  useLayoutEffect(() => {\n    isOpenRef.current = isOpen\n  })\n  // The composer asked for the system keyboard; the panel goes once it is up.\n  const awaitingKeyboardRef = useRef(false)\n\n  const finishClose = useCallback((animated: boolean) => {\n    awaitingKeyboardRef.current = false\n    open.set(animated ? withTiming(0, SWITCH) : 0)\n    searching.set(0)\n    setIsSearching(false)\n    setIsOpen(false)\n  }, [open, searching])\n\n  useEffect(() => {\n    const show = KeyboardEvents.addListener('keyboardDidShow', event => {\n      if (event?.height > 0) {\n        lastKeyboardHeight = event.height\n        // Not while the panel is showing: it would jump. It takes the new height next time.\n        if (!isOpenRef.current || awaitingKeyboardRef.current)\n          setPanelHeight(event.height)\n      }\n      if (awaitingKeyboardRef.current)\n        finishClose(true)\n    })\n    return () => show?.remove?.()\n  }, [finishClose])\n\n  // Android's back closes the panel first.\n  useEffect(() => {\n    if (!isOpen || Platform.OS !== 'android')\n      return\n    const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n      finishClose(true)\n      return true\n    })\n    return () => subscription.remove()\n  }, [isOpen, finishClose])\n\n  const toggle = useCallback(() => {\n    if (!isEnabled)\n      return\n\n    if (isOpenRef.current) {\n      // Back to the system keyboard: the panel stays under it until the keyboard is up.\n      awaitingKeyboardRef.current = true\n      focusComposer()\n      return\n    }\n\n    emojiRecents.load()\n    if (lastKeyboardHeight > 0)\n      setPanelHeight(lastKeyboardHeight)\n    setIsMounted(true)\n    setIsOpen(true)\n    const isKeyboardUp = keyboardProgress.get() > 0.5\n    if (isKeyboardUp) {\n      // The panel takes the keyboard's exact place while the keyboard leaves.\n      open.set(1)\n      Keyboard.dismiss()\n    } else {\n      open.set(withTiming(1, SWITCH))\n    }\n  }, [isEnabled, focusComposer, keyboardProgress, open])\n\n  const close = useCallback(() => {\n    if (!isOpenRef.current)\n      return\n    if (keyboardProgress.get() > 0.5)\n      Keyboard.dismiss()\n    finishClose(true)\n  }, [finishClose, keyboardProgress])\n\n  const onComposerFocus = useCallback(() => {\n    if (!isOpenRef.current)\n      return\n    awaitingKeyboardRef.current = true\n    // Moving focus from the panel's search keeps the keyboard up, so nothing will announce it.\n    if (searching.get() > 0 || keyboardProgress.get() > 0.9)\n      finishClose(true)\n  }, [finishClose, keyboardProgress, searching])\n\n  const onSearchModeChange = useCallback((next: boolean) => {\n    searching.set(next ? 1 : 0)\n    setIsSearching(next)\n  }, [searching])\n\n  return {\n    isOpen,\n    isMounted: isMounted && isEnabled,\n    isSearching,\n    toggle,\n    close,\n    onComposerFocus,\n    onSearchModeChange,\n    open,\n    searching,\n    panelHeight,\n  }\n}\n\ninterface EmojiKeyboardPanelProps {\n  controller: EmojiKeyboardController\n  config: EmojiKeyboardProps\n  onSelect: (emoji: string) => void\n  onBackspace: () => void\n}\n\n/**\n * The space under the composer the panel fills. Its height is the panel's share of the bottom,\n * less whatever the system keyboard already covers, so the composer stays put while the two\n * trade places; the panel itself is laid out once at full height and simply revealed.\n */\nexport function EmojiKeyboardPanel ({ controller, config, onSelect, onBackspace }: EmojiKeyboardPanelProps) {\n  const styles = useThemedStyles(createStyles)\n  const insets = useSafeAreaInsets()\n  const keyboard = useReanimatedKeyboardAnimation()\n  const fallbackHeight = useSharedValue(0)\n  const keyboardHeight = keyboard?.height ?? fallbackHeight\n  const { open, searching, panelHeight, isMounted } = controller\n\n  const spacerStyle = useAnimatedStyle(() => {\n    const covered = Math.max(0, -keyboardHeight.value)\n    const height = searching.value > 0\n      ? Math.max(SEARCH_MODE_HEIGHT, panelHeight - covered) * open.value\n      : Math.max(0, open.value * panelHeight - covered)\n    return { height }\n  })\n  // Hidden once closed: the translucent system keyboard would show it through.\n  const panelStyle = useAnimatedStyle(() => ({ opacity: open.value > 0 ? 1 : 0 }))\n\n  // Recents and skin tones follow the app's choice of storage.\n  const recents = config.recents\n  const recentsConfig = typeof recents === 'object' ? recents : null\n  useEffect(() => {\n    emojiRecents.configure({ storageKey: recentsConfig?.storageKey, isPersisted: recentsConfig?.isPersisted })\n  }, [recentsConfig?.storageKey, recentsConfig?.isPersisted])\n\n  if (!isMounted)\n    return null\n\n  const isRecentsEnabled = recents === false ? false : recentsConfig?.isEnabled !== false\n  const renderProps: EmojiKeyboardRenderProps = {\n    onSelect,\n    onBackspace,\n    onClose: controller.close,\n    height: panelHeight,\n    bottomInset: insets.bottom,\n  }\n\n  return (\n    <Animated.View style={[styles.spacer, spacerStyle]}>\n      <Animated.View\n        testID='emoji-keyboard'\n        style={[styles.panel, { height: panelHeight }, panelStyle]}\n        pointerEvents={controller.isOpen ? 'auto' : 'none'}\n      >\n        {config.renderEmojiKeyboard\n          ? renderComponentOrElement(config.renderEmojiKeyboard, renderProps)\n          : (\n            <EmojiGrid\n              variant='keyboard'\n              onSelect={onSelect}\n              onBackspace={onBackspace}\n              columns={config.columns}\n              categories={config.categories}\n              isRecentsEnabled={isRecentsEnabled}\n              isSearchEnabled={config.isSearchEnabled !== false}\n              onSearchModeChange={controller.onSearchModeChange}\n              bottomInset={insets.bottom}\n            />\n          )}\n      </Animated.View>\n    </Animated.View>\n  )\n}\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  // Unclipped: the panel hangs below it, under the keyboard or off screen, and is revealed.\n  spacer: {\n    overflow: 'visible',\n  },\n  panel: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    borderTopLeftRadius: SHEET_RADIUS,\n    borderTopRightRadius: SHEET_RADIUS,\n    backgroundColor: theme.emojiKeyboard.background,\n    overflow: 'hidden',\n    paddingTop: 4,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/emoji/defaultExpandedPicker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ExpandedReactionPickerProps } from '../Reactions/types';
+/** The reactions bar's expanded panel by default: the built-in emoji grid, 8 columns. */
+export declare const renderDefaultExpandedPicker: ({ onSelect }: ExpandedReactionPickerProps) => React.JSX.Element;
+//# sourceMappingURL=defaultExpandedPicker.d.ts.map

package/lib/emoji/defaultExpandedPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultExpandedPicker.d.ts","sourceRoot":"","sources":["../../src/emoji/defaultExpandedPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAMhE,yFAAyF;AACzF,eAAO,MAAM,2BAA2B,GAAI,cAAc,2BAA2B,sBAEpF,CAAA"}

package/lib/emoji/defaultExpandedPicker.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { EmojiGrid } from './EmojiGrid';
+
+// Eight columns in the expanded reactions panel.
+const COLUMNS = 8;
+
+/** The reactions bar's expanded panel by default: the built-in emoji grid, 8 columns. */
+export const renderDefaultExpandedPicker = ({
+  onSelect
+}) => <EmojiGrid variant='reactions' columns={COLUMNS} onSelect={onSelect} />;
+//# sourceMappingURL=defaultExpandedPicker.js.map

package/lib/emoji/defaultExpandedPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultExpandedPicker.js","names":["React","EmojiGrid","COLUMNS","renderDefaultExpandedPicker","onSelect"],"sources":["../../src/emoji/defaultExpandedPicker.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ExpandedReactionPickerProps } from '../Reactions/types'\nimport { EmojiGrid } from './EmojiGrid'\n\n// Eight columns in the expanded reactions panel.\nconst COLUMNS = 8\n\n/** The reactions bar's expanded panel by default: the built-in emoji grid, 8 columns. */\nexport const renderDefaultExpandedPicker = ({ onSelect }: ExpandedReactionPickerProps) => (\n  <EmojiGrid variant='reactions' columns={COLUMNS} onSelect={onSelect} />\n)\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,SAAS,QAAQ,aAAa;;AAEvC;AACA,MAAMC,OAAO,GAAG,CAAC;;AAEjB;AACA,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EAAEC;AAAsC,CAAC,KACnF,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAACF,OAAO,CAAC,CAAC,QAAQ,CAAC,CAACE,QAAQ,CAAC,GACrE","ignoreList":[]}

package/lib/emoji/emojiData.d.ts

@@ -0,0 +1,2 @@
+export declare const EMOJI_DATA: ReadonlyArray<readonly [string, string, string]>;
+//# sourceMappingURL=emojiData.d.ts.map

package/lib/emoji/emojiData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiData.d.ts","sourceRoot":"","sources":["../../src/emoji/emojiData.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CASvE,CAAA"}