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

package/lib/dayjsLocales.js

@@ -29,8 +29,21 @@ import 'dayjs/locale/id';
 // import and entry here, this object literal fails to typecheck (missing property) - catching
 // the drift at compile time. dayjsLocales.test.ts re-asserts the same invariant at runtime.
 const bundled = {
-    es: true, fr: true, de: true, ru: true, zh: true, ar: true, pt: true, ja: true,
-    ko: true, it: true, tr: true, hi: true, nl: true, pl: true, id: true,
+  es: true,
+  fr: true,
+  de: true,
+  ru: true,
+  zh: true,
+  ar: true,
+  pt: true,
+  ja: true,
+  ko: true,
+  it: true,
+  tr: true,
+  hi: true,
+  nl: true,
+  pl: true,
+  id: true
 };
 export const BUNDLED_DAYJS_LOCALES = Object.keys(bundled);
 //# sourceMappingURL=dayjsLocales.js.map

package/lib/dayjsLocales.js.map

@@ -1 +1 @@
-{"version":3,"file":"dayjsLocales.js","sourceRoot":"","sources":["../src/dayjsLocales.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,oFAAoF;AACpF,EAAE;AACF,6FAA6F;AAC7F,2FAA2F;AAC3F,+FAA+F;AAC/F,6FAA6F;AAC7F,+FAA+F;AAC/F,+FAA+F;AAC/F,6FAA6F;AAC7F,0BAA0B;AAC1B,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AAIxB,mFAAmF;AACnF,8FAA8F;AAC9F,8FAA8F;AAC9F,4FAA4F;AAC5F,MAAM,OAAO,GAAkC;IAC7C,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI;IAC9E,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI;CACrE,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAsB,CAAA"}
+{"version":3,"file":"dayjsLocales.js","names":["bundled","es","fr","de","ru","zh","ar","pt","ja","ko","it","tr","hi","nl","pl","id","BUNDLED_DAYJS_LOCALES","Object","keys"],"sources":["../src/dayjsLocales.ts"],"sourcesContent":["// Registers dayjs's locale data (month/day names, calendar formats) on THIS library's own\n// dayjs module instance, for every language src/locales/ ships UI translations for.\n//\n// Day and Time format dates via `dayjs(...).locale(getLocale()).format(...)`, which silently\n// falls back to English month/day names unless the *exact* dayjs module instance doing the\n// formatting has already had `dayjs/locale/<code>` imported into it. A host app importing that\n// locale file for its own `dayjs` does NOT help here whenever more than one physical copy of\n// dayjs ends up installed (any yarn/npm workspace, or just a host app + this library resolving\n// slightly different dayjs semver ranges) - each copy keeps its own locale registry. Importing\n// the locale files here, once, guarantees this library formats dates correctly regardless of\n// what the host app does.\nimport 'dayjs/locale/es'\nimport 'dayjs/locale/fr'\nimport 'dayjs/locale/de'\nimport 'dayjs/locale/ru'\nimport 'dayjs/locale/zh'\nimport 'dayjs/locale/ar'\nimport 'dayjs/locale/pt'\nimport 'dayjs/locale/ja'\nimport 'dayjs/locale/ko'\nimport 'dayjs/locale/it'\nimport 'dayjs/locale/tr'\nimport 'dayjs/locale/hi'\nimport 'dayjs/locale/nl'\nimport 'dayjs/locale/pl'\nimport 'dayjs/locale/id'\n\nimport { SupportedLocale } from './locales'\n\n// Exhaustiveness check: `SupportedLocale` comes from the single source of truth in\n// ./locales/index.ts. If a new locale is added there without a matching `dayjs/locale/<code>`\n// import and entry here, this object literal fails to typecheck (missing property) - catching\n// the drift at compile time. dayjsLocales.test.ts re-asserts the same invariant at runtime.\nconst bundled: Record<SupportedLocale, true> = {\n  es: true, fr: true, de: true, ru: true, zh: true, ar: true, pt: true, ja: true,\n  ko: true, it: true, tr: true, hi: true, nl: true, pl: true, id: true,\n}\n\nexport const BUNDLED_DAYJS_LOCALES = Object.keys(bundled) as SupportedLocale[]\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AAIxB;AACA;AACA;AACA;AACA,MAAMA,OAAsC,GAAG;EAC7CC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAC9EC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE;AAClE,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGC,MAAM,CAACC,IAAI,CAAClB,OAAO,CAAsB","ignoreList":[]}

package/lib/emoji/EmojiGrid/BackspaceButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Styles } from './styles';
+/** Repeats while held, like a keyboard's backspace. */
+export declare const BackspaceButton: ({ onBackspace, styles, color, label, isRTL }: {
+    onBackspace: () => void;
+    isRTL: boolean;
+    styles: Styles;
+    color: string;
+    label: string;
+}) => React.JSX.Element;
+//# sourceMappingURL=BackspaceButton.d.ts.map

package/lib/emoji/EmojiGrid/BackspaceButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackspaceButton.d.ts","sourceRoot":"","sources":["../../../src/emoji/EmojiGrid/BackspaceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAM7D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,uDAAuD;AACvD,eAAO,MAAM,eAAe,GAAI,8CAA8C;IAC5E,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,sBA+BA,CAAA"}

package/lib/emoji/EmojiGrid/BackspaceButton.js

@@ -0,0 +1,111 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useEffect, useRef } from 'react';
+import { Pressable, Text } from 'react-native';
+import { selectionHaptic } from '../../components/haptics';
+import { Icon } from '../../components/Icon';
+import { BACKSPACE_REPEAT_DELAY, BACKSPACE_REPEAT_MS } from './constants';
+/** Repeats while held, like a keyboard's backspace. */
+export const BackspaceButton = t0 => {
+  const $ = _c(21);
+  const {
+    onBackspace,
+    styles,
+    color,
+    label,
+    isRTL
+  } = t0;
+  const timer = useRef(null);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      if (timer.current) {
+        clearTimeout(timer.current);
+      }
+      timer.current = null;
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const stop = t1;
+  let t2;
+  let t3;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => stop;
+    t3 = [stop];
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t2 = $[1];
+    t3 = $[2];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[3] !== onBackspace) {
+    t4 = () => {
+      onBackspace();
+      const repeat = () => {
+        onBackspace();
+        selectionHaptic();
+        timer.current = setTimeout(repeat, BACKSPACE_REPEAT_MS);
+      };
+      timer.current = setTimeout(repeat, BACKSPACE_REPEAT_DELAY);
+    };
+    $[3] = onBackspace;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const start = t4;
+  const t5 = isRTL && styles.backspaceRTL;
+  let t6;
+  if ($[5] !== styles.backspace || $[6] !== t5) {
+    t6 = [styles.backspace, t5];
+    $[5] = styles.backspace;
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== color) {
+    t7 = {
+      color
+    };
+    $[8] = color;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let t8;
+  if ($[10] !== styles.backspaceFallback || $[11] !== t7) {
+    t8 = <Text style={[styles.backspaceFallback, t7]}>{"\u232B"}</Text>;
+    $[10] = styles.backspaceFallback;
+    $[11] = t7;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== color || $[14] !== t8) {
+    t9 = <Icon name="backspace" color={color} size={24} fallback={t8} />;
+    $[13] = color;
+    $[14] = t8;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] !== label || $[17] !== start || $[18] !== t6 || $[19] !== t9) {
+    t10 = <Pressable onPressIn={start} onPressOut={stop} style={t6} accessibilityRole="button" accessibilityLabel={label} hitSlop={6}>{t9}</Pressable>;
+    $[16] = label;
+    $[17] = start;
+    $[18] = t6;
+    $[19] = t9;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  return t10;
+};
+//# sourceMappingURL=BackspaceButton.js.map

package/lib/emoji/EmojiGrid/BackspaceButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackspaceButton.js","names":["React","useCallback","useEffect","useRef","Pressable","Text","selectionHaptic","Icon","BACKSPACE_REPEAT_DELAY","BACKSPACE_REPEAT_MS","BackspaceButton","t0","$","_c","onBackspace","styles","color","label","isRTL","timer","t1","Symbol","for","current","clearTimeout","stop","t2","t3","t4","repeat","setTimeout","start","t5","backspaceRTL","t6","backspace","t7","t8","backspaceFallback","t9","t10"],"sources":["../../../src/emoji/EmojiGrid/BackspaceButton.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react'\nimport { Pressable, Text } from 'react-native'\n\nimport { selectionHaptic } from '../../components/haptics'\nimport { Icon } from '../../components/Icon'\nimport { BACKSPACE_REPEAT_DELAY, BACKSPACE_REPEAT_MS } from './constants'\nimport { Styles } from './styles'\n\n/** Repeats while held, like a keyboard's backspace. */\nexport const BackspaceButton = ({ onBackspace, styles, color, label, isRTL }: {\n  onBackspace: () => void\n  isRTL: boolean\n  styles: Styles\n  color: string\n  label: string\n}) => {\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const stop = useCallback(() => {\n    if (timer.current)\n      clearTimeout(timer.current)\n    timer.current = null\n  }, [])\n  useEffect(() => stop, [stop])\n\n  const start = useCallback(() => {\n    onBackspace()\n    const repeat = () => {\n      onBackspace()\n      selectionHaptic()\n      timer.current = setTimeout(repeat, BACKSPACE_REPEAT_MS)\n    }\n    timer.current = setTimeout(repeat, BACKSPACE_REPEAT_DELAY)\n  }, [onBackspace])\n\n  return (\n    <Pressable\n      onPressIn={start}\n      onPressOut={stop}\n      style={[styles.backspace, isRTL && styles.backspaceRTL]}\n      accessibilityRole='button'\n      accessibilityLabel={label}\n      hitSlop={6}\n    >\n      <Icon name='backspace' color={color} size={24} fallback={<Text style={[styles.backspaceFallback, { color }]}>{'⌫'}</Text>} />\n    </Pressable>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/emoji/EmojiGrid/EmojiRow.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { GestureResponderEvent } from 'react-native';
+import { Styles } from './styles';
+export declare const EmojiRow: React.MemoExoticComponent<({ emojis, cellSize, fontSize, isRTL, onPress, onLongPress, styles }: {
+    emojis: string[];
+    cellSize: number;
+    fontSize: number;
+    isRTL: boolean;
+    /** Bumped when a remembered tone changes, so the row redraws with it. */
+    toneVersion: number;
+    onPress: (emoji: string) => void;
+    onLongPress: (emoji: string, event: GestureResponderEvent) => void;
+    styles: Styles;
+}) => React.JSX.Element>;
+//# sourceMappingURL=EmojiRow.d.ts.map

package/lib/emoji/EmojiGrid/EmojiRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiRow.d.ts","sourceRoot":"","sources":["../../../src/emoji/EmojiGrid/EmojiRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,qBAAqB,EAAc,MAAM,cAAc,CAAA;AAGhE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,eAAO,MAAM,QAAQ,kGAA8E;IACjG,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAClE,MAAM,EAAE,MAAM,CAAA;CACf,uBAoBC,CAAA"}

package/lib/emoji/EmojiGrid/EmojiRow.js

@@ -0,0 +1,71 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { memo } from 'react';
+import { Text, View } from 'react-native';
+import { emojiRecents, takesSkinTone, withSkinTone } from '../emojiStore';
+export const EmojiRow = memo(t0 => {
+  const $ = _c(19);
+  const {
+    emojis,
+    cellSize,
+    fontSize,
+    isRTL,
+    onPress,
+    onLongPress,
+    styles
+  } = t0;
+  const t1 = isRTL && styles.rowReverse;
+  let t2;
+  if ($[0] !== styles.row || $[1] !== t1) {
+    t2 = [styles.row, t1];
+    $[0] = styles.row;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== cellSize || $[4] !== emojis || $[5] !== fontSize || $[6] !== onLongPress || $[7] !== onPress || $[8] !== styles.cell) {
+    let t4;
+    if ($[10] !== cellSize || $[11] !== fontSize || $[12] !== onLongPress || $[13] !== onPress || $[14] !== styles.cell) {
+      t4 = emoji => {
+        const shown = withSkinTone(emoji, emojiRecents.getTone(emoji));
+        return <Text key={emoji} onPress={() => onPress(shown)} onLongPress={takesSkinTone(emoji) ? event => onLongPress(emoji, event) : undefined} style={[styles.cell, {
+          width: cellSize,
+          height: cellSize,
+          lineHeight: cellSize,
+          fontSize
+        }]} suppressHighlighting={true} allowFontScaling={false} accessibilityRole="button" accessibilityLabel={shown}>{shown}</Text>;
+      };
+      $[10] = cellSize;
+      $[11] = fontSize;
+      $[12] = onLongPress;
+      $[13] = onPress;
+      $[14] = styles.cell;
+      $[15] = t4;
+    } else {
+      t4 = $[15];
+    }
+    t3 = emojis.map(t4);
+    $[3] = cellSize;
+    $[4] = emojis;
+    $[5] = fontSize;
+    $[6] = onLongPress;
+    $[7] = onPress;
+    $[8] = styles.cell;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[16] !== t2 || $[17] !== t3) {
+    t4 = <View style={t2}>{t3}</View>;
+    $[16] = t2;
+    $[17] = t3;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  return t4;
+});
+EmojiRow.displayName = 'EmojiRow';
+//# sourceMappingURL=EmojiRow.js.map

package/lib/emoji/EmojiGrid/EmojiRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiRow.js","names":["React","memo","Text","View","emojiRecents","takesSkinTone","withSkinTone","EmojiRow","t0","$","_c","emojis","cellSize","fontSize","isRTL","onPress","onLongPress","styles","t1","rowReverse","t2","row","t3","cell","t4","emoji","shown","getTone","event","undefined","width","height","lineHeight","map","displayName"],"sources":["../../../src/emoji/EmojiGrid/EmojiRow.tsx"],"sourcesContent":["import React, { memo } from 'react'\nimport { GestureResponderEvent, Text, View } from 'react-native'\n\nimport { emojiRecents, takesSkinTone, withSkinTone } from '../emojiStore'\nimport { Styles } from './styles'\n\nexport const EmojiRow = memo(({ emojis, cellSize, fontSize, isRTL, onPress, onLongPress, styles }: {\n  emojis: string[]\n  cellSize: number\n  fontSize: number\n  isRTL: boolean\n  /** Bumped when a remembered tone changes, so the row redraws with it. */\n  toneVersion: number\n  onPress: (emoji: string) => void\n  onLongPress: (emoji: string, event: GestureResponderEvent) => void\n  styles: Styles\n}) => (\n  <View style={[styles.row, isRTL && styles.rowReverse]}>\n    {emojis.map(emoji => {\n      const shown = withSkinTone(emoji, emojiRecents.getTone(emoji))\n      return (\n        <Text\n          key={emoji}\n          onPress={() => onPress(shown)}\n          onLongPress={takesSkinTone(emoji) ? event => onLongPress(emoji, event) : undefined}\n          style={[styles.cell, { width: cellSize, height: cellSize, lineHeight: cellSize, fontSize }]}\n          suppressHighlighting\n          allowFontScaling={false}\n          accessibilityRole='button'\n          accessibilityLabel={shown}\n        >\n          {shown}\n        </Text>\n      )\n    })}\n  </View>\n))\nEmojiRow.displayName = 'EmojiRow'\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAAgCC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEhE,SAASC,YAAY,EAAEC,aAAa,EAAEC,YAAY,QAAQ,eAAe;AAGzE,OAAO,MAAMC,QAAQ,GAAGN,IAAI,CAACO,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAC,MAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAT,EAU7B;EAC2B,MAAAU,EAAA,GAAAJ,KAA0B,IAAjBG,MAAM,CAAAE,UAAW;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAQ,MAAA,CAAAI,GAAA,IAAAZ,CAAA,QAAAS,EAAA;IAAvCE,EAAA,IAACH,MAAM,CAAAI,GAAI,EAAEH,EAA0B,CAAC;IAAAT,CAAA,MAAAQ,MAAA,CAAAI,GAAA;IAAAZ,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAA,IAAAa,EAAA;EAAA,IAAAb,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAO,WAAA,IAAAP,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAQ,MAAA,CAAAM,IAAA;IAAA,IAAAC,EAAA;IAAA,IAAAf,CAAA,SAAAG,QAAA,IAAAH,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAO,WAAA,IAAAP,CAAA,SAAAM,OAAA,IAAAN,CAAA,SAAAQ,MAAA,CAAAM,IAAA;MACvCC,EAAA,GAAAC,KAAA;QACV,MAAAC,KAAA,GAAcpB,YAAY,CAACmB,KAAK,EAAErB,YAAY,CAAAuB,OAAQ,CAACF,KAAK,CAAC,CAAC;QAAA,OAE5D,CAAC,IAAI,CACEA,GAAK,CAALA,MAAI,CAAC,CACD,OAAoB,CAApB,OAAMV,OAAO,CAACW,KAAK,EAAC,CAChB,WAAqE,CAArE,CAAArB,aAAa,CAACoB,KAAsD,CAAC,GAArEG,KAAA,IAAgCZ,WAAW,CAACS,KAAK,EAAEG,KAAK,CAAa,GAArEC,SAAoE,CAAC,CAC3E,KAAoF,CAApF,EAACZ,MAAM,CAAAM,IAAK,EAAE;UAAAO,KAAA,EAASlB,QAAQ;UAAAmB,MAAA,EAAUnB,QAAQ;UAAAoB,UAAA,EAAcpB,QAAQ;UAAAC;QAAW,CAAC,EAAC,CAC3F,oBAAoB,CAApB,KAAmB,CAAC,CACF,gBAAK,CAAL,MAAI,CAAC,CACL,iBAAQ,CAAR,QAAQ,CACNa,kBAAK,CAALA,MAAI,CAAC,CAExBA,MAAI,CACP,EAXC,IAAI,CAWE;MAAA,CAEV;MAAAjB,CAAA,OAAAG,QAAA;MAAAH,CAAA,OAAAI,QAAA;MAAAJ,CAAA,OAAAO,WAAA;MAAAP,CAAA,OAAAM,OAAA;MAAAN,CAAA,OAAAQ,MAAA,CAAAM,IAAA;MAAAd,CAAA,OAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAhBAa,EAAA,GAAAX,MAAM,CAAAsB,GAAI,CAACT,EAgBX,CAAC;IAAAf,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAO,WAAA;IAAAP,CAAA,MAAAM,OAAA;IAAAN,CAAA,MAAAQ,MAAA,CAAAM,IAAA;IAAAd,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAA,IAAAe,EAAA;EAAA,IAAAf,CAAA,SAAAW,EAAA,IAAAX,CAAA,SAAAa,EAAA;IAjBJE,EAAA,IAAC,IAAI,CAAQ,KAAwC,CAAxC,CAAAJ,EAAuC,CAAC,CAClD,CAAAE,EAgBA,CACH,EAlBC,IAAI,CAkBE;IAAAb,CAAA,OAAAW,EAAA;IAAAX,CAAA,OAAAa,EAAA;IAAAb,CAAA,OAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAAA,OAlBPe,EAkBO;AAAA,CACR,CAAC;AACFjB,QAAQ,CAAC2B,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/emoji/EmojiGrid/Search.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+import { ChatLabels } from '../../i18n';
+import { ChatTheme } from '../../Theme';
+import { Styles } from './styles';
+export declare const SearchHint: ({ styles, isRTL, color, label }: {
+    styles: Styles;
+    isRTL: boolean;
+    color: string;
+    label: string;
+}) => React.JSX.Element;
+/**
+ * The real search field: fixed above the grid in the reactions panel, and in the keyboard once
+ * search is entered, where its icon becomes the way back out.
+ */
+export declare const SearchField: ({ inputRef, query, setQuery, setIsSearching, leaveSearch, isKeyboard, isRTL, isDark, styles, theme, labels, }: {
+    inputRef: React.RefObject<React.ComponentRef<typeof TextInput> | null>;
+    query: string;
+    setQuery: (query: string) => void;
+    setIsSearching: (isSearching: boolean) => void;
+    leaveSearch: () => void;
+    isKeyboard: boolean;
+    isRTL: boolean;
+    isDark: boolean;
+    styles: Styles;
+    theme: ChatTheme;
+    labels: ChatLabels;
+}) => React.JSX.Element;
+//# sourceMappingURL=Search.d.ts.map

package/lib/emoji/EmojiGrid/Search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/emoji/EmojiGrid/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA6B,SAAS,EAAQ,MAAM,cAAc,CAAA;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AASjC,eAAO,MAAM,UAAU,GAAI,iCAAiC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,sBAO3H,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,+GAYzB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,IAAI,CAAC,CAAA;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,CAAA;IAChB,MAAM,EAAE,UAAU,CAAA;CACnB,sBAiCA,CAAA"}

package/lib/emoji/EmojiGrid/Search.js

@@ -0,0 +1,234 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Platform, Pressable, Text, TextInput, View } from 'react-native';
+import { Icon } from '../../components/Icon';
+const SearchIcon = t0 => {
+  const $ = _c(8);
+  const {
+    styles,
+    color
+  } = t0;
+  let t1;
+  if ($[0] !== styles.searchFallback) {
+    t1 = <Text style={styles.searchFallback}>{"\u2315"}</Text>;
+    $[0] = styles.searchFallback;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== color || $[3] !== t1) {
+    t2 = <Icon name="search" color={color} size={20} fallback={t1} />;
+    $[2] = color;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== styles.searchIcon || $[6] !== t2) {
+    t3 = <View style={styles.searchIcon}>{t2}</View>;
+    $[5] = styles.searchIcon;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+
+// The search row as a list item in the keyboard: a tap target that only looks like the field.
+export const SearchHint = t0 => {
+  const $ = _c(19);
+  const {
+    styles,
+    isRTL,
+    color,
+    label
+  } = t0;
+  const t1 = isRTL && styles.rowReverse;
+  let t2;
+  if ($[0] !== styles.searchPill || $[1] !== t1) {
+    t2 = [styles.searchPill, t1];
+    $[0] = styles.searchPill;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== color || $[4] !== styles) {
+    t3 = <SearchIcon styles={styles} color={color} />;
+    $[3] = color;
+    $[4] = styles;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const t4 = isRTL && styles.textRTL;
+  let t5;
+  if ($[6] !== styles.searchHint || $[7] !== t4) {
+    t5 = [styles.searchHint, t4];
+    $[6] = styles.searchHint;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== label || $[10] !== t5) {
+    t6 = <Text style={t5} numberOfLines={1}>{label}</Text>;
+    $[9] = label;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t2 || $[13] !== t3 || $[14] !== t6) {
+    t7 = <View style={t2}>{t3}{t6}</View>;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== styles.searchRow || $[17] !== t7) {
+    t8 = <View style={styles.searchRow}>{t7}</View>;
+    $[16] = styles.searchRow;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  return t8;
+};
+
+/**
+ * The real search field: fixed above the grid in the reactions panel, and in the keyboard once
+ * search is entered, where its icon becomes the way back out.
+ */
+export const SearchField = t0 => {
+  const $ = _c(41);
+  const {
+    inputRef,
+    query,
+    setQuery,
+    setIsSearching,
+    leaveSearch,
+    isKeyboard,
+    isRTL,
+    isDark,
+    styles,
+    theme,
+    labels
+  } = t0;
+  const t1 = isRTL && styles.rowReverse;
+  let t2;
+  if ($[0] !== styles.searchPill || $[1] !== t1) {
+    t2 = [styles.searchPill, t1];
+    $[0] = styles.searchPill;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== isKeyboard || $[4] !== labels.cancel || $[5] !== leaveSearch || $[6] !== styles || $[7] !== theme.emojiKeyboard.searchIcon) {
+    t3 = isKeyboard ? <Pressable onPress={leaveSearch} style={styles.searchIcon} hitSlop={6} accessibilityRole="button" accessibilityLabel={labels.cancel}><Icon name="close" color={theme.emojiKeyboard.searchIcon} size={20} fallback={<Text style={styles.searchFallback}>{"\u2715"}</Text>} /></Pressable> : <SearchIcon styles={styles} color={theme.emojiKeyboard.searchIcon} />;
+    $[3] = isKeyboard;
+    $[4] = labels.cancel;
+    $[5] = leaveSearch;
+    $[6] = styles;
+    $[7] = theme.emojiKeyboard.searchIcon;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== isKeyboard || $[10] !== setIsSearching || $[11] !== setQuery) {
+    t4 = value => {
+      setQuery(value);
+      if (!isKeyboard) {
+        setIsSearching(!!value);
+      }
+    };
+    $[9] = isKeyboard;
+    $[10] = setIsSearching;
+    $[11] = setQuery;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const t5 = isRTL && styles.textRTL;
+  let t6;
+  if ($[13] !== styles.searchInput || $[14] !== t5) {
+    t6 = [styles.searchInput, t5];
+    $[13] = styles.searchInput;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  const t7 = isKeyboard && Platform.OS === "android";
+  const t8 = isDark ? "dark" : "default";
+  let t9;
+  if ($[16] !== isKeyboard || $[17] !== setIsSearching) {
+    t9 = isKeyboard ? undefined : () => setIsSearching(true);
+    $[16] = isKeyboard;
+    $[17] = setIsSearching;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== isKeyboard || $[20] !== query || $[21] !== setIsSearching) {
+    t10 = isKeyboard ? undefined : () => !query && setIsSearching(false);
+    $[19] = isKeyboard;
+    $[20] = query;
+    $[21] = setIsSearching;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  let t11;
+  if ($[23] !== inputRef || $[24] !== labels.emojiSearch || $[25] !== query || $[26] !== t10 || $[27] !== t4 || $[28] !== t6 || $[29] !== t7 || $[30] !== t8 || $[31] !== t9 || $[32] !== theme.emojiKeyboard.searchIcon) {
+    t11 = <TextInput ref={inputRef} value={query} onChangeText={t4} placeholder={labels.emojiSearch} placeholderTextColor={theme.emojiKeyboard.searchIcon} style={t6} autoCorrect={false} autoCapitalize="none" returnKeyType="search" autoFocus={t7} keyboardAppearance={t8} onFocus={t9} onBlur={t10} accessibilityLabel={labels.emojiSearch} />;
+    $[23] = inputRef;
+    $[24] = labels.emojiSearch;
+    $[25] = query;
+    $[26] = t10;
+    $[27] = t4;
+    $[28] = t6;
+    $[29] = t7;
+    $[30] = t8;
+    $[31] = t9;
+    $[32] = theme.emojiKeyboard.searchIcon;
+    $[33] = t11;
+  } else {
+    t11 = $[33];
+  }
+  let t12;
+  if ($[34] !== t11 || $[35] !== t2 || $[36] !== t3) {
+    t12 = <View style={t2}>{t3}{t11}</View>;
+    $[34] = t11;
+    $[35] = t2;
+    $[36] = t3;
+    $[37] = t12;
+  } else {
+    t12 = $[37];
+  }
+  let t13;
+  if ($[38] !== styles.searchRow || $[39] !== t12) {
+    t13 = <View style={styles.searchRow}>{t12}</View>;
+    $[38] = styles.searchRow;
+    $[39] = t12;
+    $[40] = t13;
+  } else {
+    t13 = $[40];
+  }
+  return t13;
+};
+//# sourceMappingURL=Search.js.map

package/lib/emoji/EmojiGrid/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","names":["React","Platform","Pressable","Text","TextInput","View","Icon","SearchIcon","t0","$","_c","styles","color","t1","searchFallback","t2","t3","searchIcon","SearchHint","isRTL","label","rowReverse","searchPill","t4","textRTL","t5","searchHint","t6","t7","t8","searchRow","SearchField","inputRef","query","setQuery","setIsSearching","leaveSearch","isKeyboard","isDark","theme","labels","cancel","emojiKeyboard","value","searchInput","OS","t9","undefined","t10","t11","emojiSearch","t12","t13"],"sources":["../../../src/emoji/EmojiGrid/Search.tsx"],"sourcesContent":["import React from 'react'\nimport { Platform, Pressable, Text, TextInput, View } from 'react-native'\n\nimport { Icon } from '../../components/Icon'\nimport { ChatLabels } from '../../i18n'\nimport { ChatTheme } from '../../Theme'\nimport { Styles } from './styles'\n\nconst SearchIcon = ({ styles, color }: { styles: Styles, color: string }) => (\n  <View style={styles.searchIcon}>\n    <Icon name='search' color={color} size={20} fallback={<Text style={styles.searchFallback}>{'⌕'}</Text>} />\n  </View>\n)\n\n// The search row as a list item in the keyboard: a tap target that only looks like the field.\nexport const SearchHint = ({ styles, isRTL, color, label }: { styles: Styles, isRTL: boolean, color: string, label: string }) => (\n  <View style={styles.searchRow}>\n    <View style={[styles.searchPill, isRTL && styles.rowReverse]}>\n      <SearchIcon styles={styles} color={color} />\n      <Text style={[styles.searchHint, isRTL && styles.textRTL]} numberOfLines={1}>{label}</Text>\n    </View>\n  </View>\n)\n\n/**\n * The real search field: fixed above the grid in the reactions panel, and in the keyboard once\n * search is entered, where its icon becomes the way back out.\n */\nexport const SearchField = ({\n  inputRef,\n  query,\n  setQuery,\n  setIsSearching,\n  leaveSearch,\n  isKeyboard,\n  isRTL,\n  isDark,\n  styles,\n  theme,\n  labels,\n}: {\n  inputRef: React.RefObject<React.ComponentRef<typeof TextInput> | null>\n  query: string\n  setQuery: (query: string) => void\n  setIsSearching: (isSearching: boolean) => void\n  leaveSearch: () => void\n  isKeyboard: boolean\n  isRTL: boolean\n  isDark: boolean\n  styles: Styles\n  theme: ChatTheme\n  labels: ChatLabels\n}) => (\n  <View style={styles.searchRow}>\n    <View style={[styles.searchPill, isRTL && styles.rowReverse]}>\n      {isKeyboard\n        ? (\n          <Pressable onPress={leaveSearch} style={styles.searchIcon} hitSlop={6} accessibilityRole='button' accessibilityLabel={labels.cancel}>\n            <Icon name='close' color={theme.emojiKeyboard.searchIcon} size={20} fallback={<Text style={styles.searchFallback}>{'✕'}</Text>} />\n          </Pressable>\n        )\n        : <SearchIcon styles={styles} color={theme.emojiKeyboard.searchIcon} />}\n      <TextInput\n        ref={inputRef}\n        value={query}\n        onChangeText={value => {\n          setQuery(value)\n          // The reactions panel searches as you type, focus or not.\n          if (!isKeyboard)\n            setIsSearching(!!value)\n        }}\n        placeholder={labels.emojiSearch}\n        placeholderTextColor={theme.emojiKeyboard.searchIcon}\n        style={[styles.searchInput, isRTL && styles.textRTL]}\n        autoCorrect={false}\n        autoCapitalize='none'\n        returnKeyType='search'\n        autoFocus={isKeyboard && Platform.OS === 'android'}\n        keyboardAppearance={isDark ? 'dark' : 'default'}\n        onFocus={isKeyboard ? undefined : () => setIsSearching(true)}\n        onBlur={isKeyboard ? undefined : () => !query && setIsSearching(false)}\n        accessibilityLabel={labels.emojiSearch}\n      />\n    </View>\n  </View>\n)\n"],"mappings":"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","ignoreList":[]}

package/lib/emoji/EmojiGrid/TabStrip.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ChatTheme } from '../../Theme';
+import { Styles } from './styles';
+import { Tab } from './types';
+/** The tab strip with its sliding indicator; owns the active tab so a scroll re-renders only it. */
+export declare const TabStrip: React.MemoExoticComponent<({ tabs, activeRef, onPress, onScrubEnd, styles, theme, isRTL }: {
+    tabs: Tab[];
+    activeRef: React.MutableRefObject<(index: number) => void>;
+    /** A tab was touched (`isScrub` false) or the finger slid onto it along the strip. */
+    onPress: (index: number, isScrub: boolean) => void;
+    onScrubEnd: () => void;
+    styles: Styles;
+    theme: ChatTheme;
+    isRTL: boolean;
+}) => React.JSX.Element>;
+//# sourceMappingURL=TabStrip.d.ts.map

package/lib/emoji/EmojiGrid/TabStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabStrip.d.ts","sourceRoot":"","sources":["../../../src/emoji/EmojiGrid/TabStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAO7E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAE7B,oGAAoG;AACpG,eAAO,MAAM,QAAQ,6FAAyE;IAC5F,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAA;IAC1D,sFAAsF;IACtF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;CACf,uBA4FC,CAAA"}