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

package/lib/hooks/useChatMessages.js

@@ -0,0 +1,125 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { appendMessages, toggleReaction } from '../messageUtils';
+/**
+ * Local message state wired to every built-in feature, for prototypes and demos:
+ *
+ * ```tsx
+ * const { chatProps } = useChatMessages({ initialMessages, user })
+ * return <Chat {...chatProps} />
+ * ```
+ *
+ * Nothing leaves the device; a real app replaces the handlers with calls to its backend.
+ */
+export function useChatMessages(t0) {
+  const $ = _c(18);
+  const {
+    initialMessages: t1,
+    user,
+    isInverted: t2
+  } = t0;
+  let t3;
+  if ($[0] !== t1) {
+    t3 = t1 === undefined ? [] : t1;
+    $[0] = t1;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const initialMessages = t3;
+  const isInverted = t2 === undefined ? true : t2;
+  const [messages, setMessages] = useState(initialMessages);
+  const userId = user._id;
+  let t4;
+  if ($[2] !== isInverted) {
+    t4 = newMessages => {
+      setMessages(previous => appendMessages(previous, newMessages, isInverted));
+    };
+    $[2] = isInverted;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const onSend = t4;
+  let t5;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = (message, text) => {
+      setMessages(previous_0 => previous_0.map(m => m._id === message._id ? {
+        ...m,
+        text,
+        isEdited: true,
+        editedAt: new Date()
+      } : m));
+    };
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  const onEditMessage = t5;
+  let t6;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = message_0 => {
+      setMessages(previous_1 => previous_1.filter(m_0 => m_0._id !== message_0._id));
+    };
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  const onDeleteMessage = t6;
+  let t7;
+  if ($[6] !== userId) {
+    t7 = (message_1, emoji) => {
+      setMessages(previous_2 => toggleReaction(previous_2, message_1._id, emoji, userId));
+    };
+    $[6] = userId;
+    $[7] = t7;
+  } else {
+    t7 = $[7];
+  }
+  const onReactionPress = t7;
+  let t8;
+  if ($[8] !== onReactionPress) {
+    t8 = {
+      onReactionPress
+    };
+    $[8] = onReactionPress;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  const reactions = t8;
+  let t9;
+  if ($[10] !== messages || $[11] !== onSend || $[12] !== reactions || $[13] !== user) {
+    t9 = {
+      messages,
+      user,
+      onSend,
+      onEditMessage,
+      onDeleteMessage,
+      reactions
+    };
+    $[10] = messages;
+    $[11] = onSend;
+    $[12] = reactions;
+    $[13] = user;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  const chatProps = t9;
+  let t10;
+  if ($[15] !== chatProps || $[16] !== messages) {
+    t10 = {
+      messages,
+      setMessages,
+      chatProps
+    };
+    $[15] = chatProps;
+    $[16] = messages;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  return t10;
+}
+//# sourceMappingURL=useChatMessages.js.map

package/lib/hooks/useChatMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatMessages.js","names":["useCallback","useMemo","useState","appendMessages","toggleReaction","useChatMessages","t0","$","_c","initialMessages","t1","user","isInverted","t2","t3","undefined","messages","setMessages","userId","_id","t4","newMessages","previous","onSend","t5","Symbol","for","message","text","previous_0","map","m","isEdited","editedAt","Date","onEditMessage","t6","message_0","previous_1","filter","m_0","onDeleteMessage","t7","message_1","emoji","previous_2","onReactionPress","t8","reactions","t9","chatProps","t10"],"sources":["../../src/hooks/useChatMessages.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { appendMessages, toggleReaction } from '../messageUtils'\nimport { IMessage, User } from '../Models'\n\nexport interface UseChatMessagesOptions<TMessage extends IMessage> {\n  /** Messages to start with, newest first (the default `isInverted` order). */\n  initialMessages?: TMessage[]\n  /** The current user; reactions are toggled for them. */\n  user: User\n  /** Match `Chat`'s `isInverted`; default true. */\n  isInverted?: boolean\n}\n\nexport interface UseChatMessagesResult<TMessage extends IMessage> {\n  messages: TMessage[]\n  setMessages: React.Dispatch<React.SetStateAction<TMessage[]>>\n  /**\n   * Spread onto `<Chat />`: messages, user, and local handlers for sending, reactions,\n   * editing and deleting. Pass your own prop after the spread to replace any of them.\n   */\n  chatProps: {\n    messages: TMessage[]\n    user: User\n    onSend: (messages: TMessage[]) => void\n    onEditMessage: (message: TMessage, text: string) => void\n    onDeleteMessage: (message: TMessage) => void\n    reactions: { onReactionPress: (message: TMessage, emoji: string) => void }\n  }\n}\n\n/**\n * Local message state wired to every built-in feature, for prototypes and demos:\n *\n * ```tsx\n * const { chatProps } = useChatMessages({ initialMessages, user })\n * return <Chat {...chatProps} />\n * ```\n *\n * Nothing leaves the device; a real app replaces the handlers with calls to its backend.\n */\nexport function useChatMessages<TMessage extends IMessage = IMessage> ({\n  initialMessages = [],\n  user,\n  isInverted = true,\n}: UseChatMessagesOptions<TMessage>): UseChatMessagesResult<TMessage> {\n  const [messages, setMessages] = useState<TMessage[]>(initialMessages)\n  const userId = user._id\n\n  const onSend = useCallback((newMessages: TMessage[]) => {\n    setMessages(previous => appendMessages(previous, newMessages, isInverted))\n  }, [isInverted])\n\n  const onEditMessage = useCallback((message: TMessage, text: string) => {\n    setMessages(previous => previous.map(m => (m._id === message._id ? { ...m, text, isEdited: true, editedAt: new Date() } : m)))\n  }, [])\n\n  const onDeleteMessage = useCallback((message: TMessage) => {\n    setMessages(previous => previous.filter(m => m._id !== message._id))\n  }, [])\n\n  const onReactionPress = useCallback((message: TMessage, emoji: string) => {\n    setMessages(previous => toggleReaction(previous, message._id, emoji, userId))\n  }, [userId])\n\n  const reactions = useMemo(() => ({ onReactionPress }), [onReactionPress])\n\n  const chatProps = useMemo(() => ({\n    messages,\n    user,\n    onSend,\n    onEditMessage,\n    onDeleteMessage,\n    reactions,\n  }), [messages, user, onSend, onEditMessage, onDeleteMessage, reactions])\n\n  return { messages, setMessages, chatProps }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/hooks/useColorScheme.d.ts

@@ -1,10 +1,16 @@
-import { ColorSchemeName } from 'react-native';
+import { Appearance, ColorSchemeName } from 'react-native';
 /**
  * React Native 0.86 widened `ColorSchemeName` with `'unspecified'`, which means
  * "no preference expressed" rather than a real scheme. Everything downstream
  * only understands light/dark, so collapse it (and `undefined`) to `null`.
  */
 export declare const normalizeColorScheme: (scheme: ColorSchemeName | "light" | "dark" | null | undefined) => "light" | "dark" | null;
+/**
+ * The system colour scheme, subscribed to only while `isNeeded`. Inside a `Chat` the context
+ * already carries the scheme, and every row asks for it several times: a listener per call
+ * would be thousands of system listeners on a long list for one value the root already reads.
+ */
+export declare function useSystemColorScheme(isNeeded: boolean): Appearance.ColorSchemeName | null;
 /**
  * Custom hook that returns the color scheme from Chat context if provided,
  * otherwise falls back to the system color scheme from React Native.

package/lib/hooks/useColorScheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useColorScheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAsC,MAAM,cAAc,CAAA;AAGlF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KAC5D,OAAO,GAAG,MAAM,GAAG,IACmC,CAAA;AAEzD;;;;;GAKG;AACH,wBAAgB,cAAc,4BAU7B"}
+{"version":3,"file":"useColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useColorScheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAG1D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KAC5D,OAAO,GAAG,MAAM,GAAG,IACmC,CAAA;AASzD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAE,QAAQ,EAAE,OAAO,qCAEtD;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,4BAO7B"}

package/lib/hooks/useColorScheme.js

@@ -1,11 +1,30 @@
-import { useColorScheme as useRNColorScheme } from 'react-native';
+import { c as _c } from "react/compiler-runtime";
+import { useSyncExternalStore } from 'react';
+import { Appearance } from 'react-native';
 import { useChatContext } from '../ChatContext';
+
 /**
  * React Native 0.86 widened `ColorSchemeName` with `'unspecified'`, which means
  * "no preference expressed" rather than a real scheme. Everything downstream
  * only understands light/dark, so collapse it (and `undefined`) to `null`.
  */
-export const normalizeColorScheme = (scheme) => scheme === 'light' || scheme === 'dark' ? scheme : null;
+export const normalizeColorScheme = scheme => scheme === 'light' || scheme === 'dark' ? scheme : null;
+const subscribeAppearance = listener => {
+  const subscription = Appearance.addChangeListener(listener);
+  return () => subscription.remove();
+};
+const noopSubscribe = () => () => {};
+const getAppearance = () => Appearance.getColorScheme();
+
+/**
+ * The system colour scheme, subscribed to only while `isNeeded`. Inside a `Chat` the context
+ * already carries the scheme, and every row asks for it several times: a listener per call
+ * would be thousands of system listeners on a long list for one value the root already reads.
+ */
+export function useSystemColorScheme(isNeeded) {
+  return useSyncExternalStore(isNeeded ? subscribeAppearance : noopSubscribe, getAppearance, getAppearance);
+}
+
 /**
  * Custom hook that returns the color scheme from Chat context if provided,
  * otherwise falls back to the system color scheme from React Native.
@@ -13,11 +32,30 @@ export const normalizeColorScheme = (scheme) => scheme === 'light' || scheme ===
  * @returns The current color scheme ('light', 'dark', or null)
  */
 export function useColorScheme() {
-    const { getColorScheme } = useChatContext();
-    const contextColorScheme = getColorScheme();
-    const systemColorScheme = useRNColorScheme();
-    return normalizeColorScheme(contextColorScheme !== undefined && contextColorScheme !== null
-        ? contextColorScheme
-        : systemColorScheme);
+  const $ = _c(4);
+  const {
+    getColorScheme
+  } = useChatContext();
+  let t0;
+  if ($[0] !== getColorScheme) {
+    t0 = getColorScheme();
+    $[0] = getColorScheme;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const contextColorScheme = t0;
+  const hasContextScheme = contextColorScheme !== undefined && contextColorScheme !== null;
+  const systemColorScheme = useSystemColorScheme(!hasContextScheme);
+  const t1 = hasContextScheme ? contextColorScheme : systemColorScheme;
+  let t2;
+  if ($[2] !== t1) {
+    t2 = normalizeColorScheme(t1);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 }
 //# sourceMappingURL=useColorScheme.js.map

package/lib/hooks/useColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorScheme.js","sourceRoot":"","sources":["../../src/hooks/useColorScheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,MAA6D,EACpC,EAAE,CAC3B,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAA;IAC3C,MAAM,kBAAkB,GAAG,cAAc,EAAE,CAAA;IAC3C,MAAM,iBAAiB,GAAG,gBAAgB,EAAE,CAAA;IAE5C,OAAO,oBAAoB,CACzB,kBAAkB,KAAK,SAAS,IAAI,kBAAkB,KAAK,IAAI;QAC7D,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,iBAAiB,CACtB,CAAA;AACH,CAAC"}
+{"version":3,"file":"useColorScheme.js","names":["useSyncExternalStore","Appearance","useChatContext","normalizeColorScheme","scheme","subscribeAppearance","listener","subscription","addChangeListener","remove","noopSubscribe","getAppearance","getColorScheme","useSystemColorScheme","isNeeded","useColorScheme","$","_c","t0","contextColorScheme","hasContextScheme","undefined","systemColorScheme","t1","t2"],"sources":["../../src/hooks/useColorScheme.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\nimport { Appearance, ColorSchemeName } from 'react-native'\nimport { useChatContext } from '../ChatContext'\n\n/**\n * React Native 0.86 widened `ColorSchemeName` with `'unspecified'`, which means\n * \"no preference expressed\" rather than a real scheme. Everything downstream\n * only understands light/dark, so collapse it (and `undefined`) to `null`.\n */\nexport const normalizeColorScheme = (\n  scheme: ColorSchemeName | 'light' | 'dark' | null | undefined\n): 'light' | 'dark' | null =>\n  scheme === 'light' || scheme === 'dark' ? scheme : null\n\nconst subscribeAppearance = (listener: () => void) => {\n  const subscription = Appearance.addChangeListener(listener)\n  return () => subscription.remove()\n}\nconst noopSubscribe = () => () => {}\nconst getAppearance = () => Appearance.getColorScheme()\n\n/**\n * The system colour scheme, subscribed to only while `isNeeded`. Inside a `Chat` the context\n * already carries the scheme, and every row asks for it several times: a listener per call\n * would be thousands of system listeners on a long list for one value the root already reads.\n */\nexport function useSystemColorScheme (isNeeded: boolean) {\n  return useSyncExternalStore(isNeeded ? subscribeAppearance : noopSubscribe, getAppearance, getAppearance)\n}\n\n/**\n * Custom hook that returns the color scheme from Chat context if provided,\n * otherwise falls back to the system color scheme from React Native.\n *\n * @returns The current color scheme ('light', 'dark', or null)\n */\nexport function useColorScheme () {\n  const { getColorScheme } = useChatContext()\n  const contextColorScheme = getColorScheme()\n  const hasContextScheme = contextColorScheme !== undefined && contextColorScheme !== null\n  const systemColorScheme = useSystemColorScheme(!hasContextScheme)\n\n  return normalizeColorScheme(hasContextScheme ? contextColorScheme : systemColorScheme)\n}\n"],"mappings":";AAAA,SAASA,oBAAoB,QAAQ,OAAO;AAC5C,SAASC,UAAU,QAAyB,cAAc;AAC1D,SAASC,cAAc,QAAQ,gBAAgB;;AAE/C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAC/BC,MAA6D,IAE7DA,MAAM,KAAK,OAAO,IAAIA,MAAM,KAAK,MAAM,GAAGA,MAAM,GAAG,IAAI;AAEzD,MAAMC,mBAAmB,GAAIC,QAAoB,IAAK;EACpD,MAAMC,YAAY,GAAGN,UAAU,CAACO,iBAAiB,CAACF,QAAQ,CAAC;EAC3D,OAAO,MAAMC,YAAY,CAACE,MAAM,CAAC,CAAC;AACpC,CAAC;AACD,MAAMC,aAAa,GAAGA,CAAA,KAAM,MAAM,CAAC,CAAC;AACpC,MAAMC,aAAa,GAAGA,CAAA,KAAMV,UAAU,CAACW,cAAc,CAAC,CAAC;;AAEvD;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAC,qBAAAC,QAAA;EAAA,OACEd,oBAAoB,CAACc,QAAQ,GAART,mBAA8C,GAA9CK,aAA8C,EAAEC,aAAa,EAAEA,aAAa,CAAC;AAAA;;AAG3G;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAI,eAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL;IAAAL;EAAA,IAA2BV,cAAc,CAAC,CAAC;EAAA,IAAAgB,EAAA;EAAA,IAAAF,CAAA,QAAAJ,cAAA;IAChBM,EAAA,GAAAN,cAAc,CAAC,CAAC;IAAAI,CAAA,MAAAJ,cAAA;IAAAI,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAA3C,MAAAG,kBAAA,GAA2BD,EAAgB;EAC3C,MAAAE,gBAAA,GAAyBD,kBAAkB,KAAKE,SAAwC,IAA3BF,kBAAkB,KAAK,IAAI;EACxF,MAAAG,iBAAA,GAA0BT,oBAAoB,CAAC,CAACO,gBAAgB,CAAC;EAErC,MAAAG,EAAA,GAAAH,gBAAgB,GAAhBD,kBAAyD,GAAzDG,iBAAyD;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAO,EAAA;IAA9EC,EAAA,GAAArB,oBAAoB,CAACoB,EAAyD,CAAC;IAAAP,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,OAA/EQ,EAA+E;AAAA","ignoreList":[]}

package/lib/hooks/useHasKeyboardProvider.js

@@ -1,10 +1,11 @@
+import { c as _c } from "react/compiler-runtime";
 import { createContext, useContext } from 'react';
 import { KeyboardContext } from 'react-native-keyboard-controller';
 // `react-native-keyboard-controller/jest` doesn't mock `KeyboardContext`, so fall back to
 // an empty context to keep consumers' test suites running.
-const Context = KeyboardContext ??
-    createContext(undefined);
-const isReanimatedSharedValue = (value) => typeof value === 'object' && value !== null && '_isReanimatedSharedValue' in value;
+const Context = KeyboardContext ?? createContext(undefined);
+const isReanimatedSharedValue = value => typeof value === 'object' && value !== null && '_isReanimatedSharedValue' in value;
+
 /**
  * Whether a `KeyboardProvider` is already mounted above this component.
  *
@@ -23,9 +24,19 @@ const isReanimatedSharedValue = (value) => typeof value === 'object' && value !=
  * changes we simply mount our own provider, which is what we did before.
  */
 export function useHasKeyboardProvider() {
-    const context = useContext(Context);
-    const progress = context?.reanimated?.progress;
-    const height = context?.reanimated?.height;
-    return progress !== height && isReanimatedSharedValue(progress);
+  const $ = _c(3);
+  const context = useContext(Context);
+  const progress = context?.reanimated?.progress;
+  const height = context?.reanimated?.height;
+  let t0;
+  if ($[0] !== height || $[1] !== progress) {
+    t0 = progress !== height && isReanimatedSharedValue(progress);
+    $[0] = height;
+    $[1] = progress;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 }
 //# sourceMappingURL=useHasKeyboardProvider.js.map

package/lib/hooks/useHasKeyboardProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasKeyboardProvider.js","sourceRoot":"","sources":["../../src/hooks/useHasKeyboardProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAMlE,0FAA0F;AAC1F,2DAA2D;AAC3D,MAAM,OAAO,GACV,eAAmF;IACpF,aAAa,CAA4B,SAAS,CAAC,CAAA;AAErD,MAAM,uBAAuB,GAAG,CAAC,KAAc,EAAE,EAAE,CACjD,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,0BAA0B,IAAI,KAAK,CAAA;AAEpF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,MAAM,QAAQ,GAAG,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAA;IAC9C,MAAM,MAAM,GAAG,OAAO,EAAE,UAAU,EAAE,MAAM,CAAA;IAE1C,OAAO,QAAQ,KAAK,MAAM,IAAI,uBAAuB,CAAC,QAAQ,CAAC,CAAA;AACjE,CAAC"}
+{"version":3,"file":"useHasKeyboardProvider.js","names":["createContext","useContext","KeyboardContext","Context","undefined","isReanimatedSharedValue","value","useHasKeyboardProvider","$","_c","context","progress","reanimated","height","t0"],"sources":["../../src/hooks/useHasKeyboardProvider.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport { KeyboardContext } from 'react-native-keyboard-controller'\n\ntype MaybeKeyboardContextValue = {\n  reanimated?: { progress?: unknown, height?: unknown }\n} | undefined\n\n// `react-native-keyboard-controller/jest` doesn't mock `KeyboardContext`, so fall back to\n// an empty context to keep consumers' test suites running.\nconst Context =\n  (KeyboardContext as unknown as React.Context<MaybeKeyboardContextValue> | undefined) ??\n  createContext<MaybeKeyboardContextValue>(undefined)\n\nconst isReanimatedSharedValue = (value: unknown) =>\n  typeof value === 'object' && value !== null && '_isReanimatedSharedValue' in value\n\n/**\n * Whether a `KeyboardProvider` is already mounted above this component.\n *\n * Mounting a second one is not harmless. On Android every provider installs an\n * `OnApplyWindowInsetsListener` on the *activity's* root view and rewrites the content\n * view's margins from its own `statusBarTranslucent` / `navigationBarTranslucent` props,\n * so a nested provider relayouts the whole host app - and it never restores the listener\n * it replaced, leaving the app broken even after the chat screen is gone.\n * See https://github.com/kesha-antonov/react-native-chat/issues/11\n *\n * Detection: with no provider above, `react-native-keyboard-controller` hands out a\n * module-level fallback context. Two details give that fallback away, and neither can\n * hold for a real provider (which creates one shared value per field): both fields point\n * at the very same object, and that object is a hand-rolled stub rather than a Reanimated\n * shared value. Requiring both keeps the failure mode safe - if either detail ever\n * changes we simply mount our own provider, which is what we did before.\n */\nexport function useHasKeyboardProvider (): boolean {\n  const context = useContext(Context)\n  const progress = context?.reanimated?.progress\n  const height = context?.reanimated?.height\n\n  return progress !== height && isReanimatedSharedValue(progress)\n}\n"],"mappings":";AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjD,SAASC,eAAe,QAAQ,kCAAkC;AAMlE;AACA;AACA,MAAMC,OAAO,GACVD,eAAe,IAChBF,aAAa,CAA4BI,SAAS,CAAC;AAErD,MAAMC,uBAAuB,GAAIC,KAAc,IAC7C,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,IAAI,0BAA0B,IAAIA,KAAK;;AAEpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAC,uBAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL,MAAAC,OAAA,GAAgBT,UAAU,CAACE,OAAO,CAAC;EACnC,MAAAQ,QAAA,GAAiBD,OAAO,EAAAE,UAAsB,EAAAD,QAAA;EAC9C,MAAAE,MAAA,GAAeH,OAAO,EAAAE,UAAoB,EAAAC,MAAA;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAG,QAAA;IAEnCG,EAAA,GAAAH,QAAQ,KAAKE,MAA2C,IAAjCR,uBAAuB,CAACM,QAAQ,CAAC;IAAAH,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,OAAxDM,EAAwD;AAAA","ignoreList":[]}

package/lib/hooks/useIcons.js

@@ -1,8 +1,21 @@
+import { c as _c } from "react/compiler-runtime";
 import { useChatContext } from '../ChatContext';
 const EMPTY = {};
+
 /** Returns the icon override registry from context (empty outside of Chat). */
 export function useIcons() {
-    const { getIcons } = useChatContext();
-    return getIcons?.() ?? EMPTY;
+  const $ = _c(2);
+  const {
+    getIcons
+  } = useChatContext();
+  let t0;
+  if ($[0] !== getIcons) {
+    t0 = getIcons?.() ?? EMPTY;
+    $[0] = getIcons;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
 //# sourceMappingURL=useIcons.js.map

package/lib/hooks/useIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIcons.js","sourceRoot":"","sources":["../../src/hooks/useIcons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAG/C,MAAM,KAAK,GAAc,EAAE,CAAA;AAE3B,+EAA+E;AAC/E,MAAM,UAAU,QAAQ;IACtB,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAA;IACrC,OAAO,QAAQ,EAAE,EAAE,IAAI,KAAK,CAAA;AAC9B,CAAC"}
+{"version":3,"file":"useIcons.js","names":["useChatContext","EMPTY","useIcons","$","_c","getIcons","t0"],"sources":["../../src/hooks/useIcons.ts"],"sourcesContent":["import { useChatContext } from '../ChatContext'\nimport { ChatIcons } from '../Icons'\n\nconst EMPTY: ChatIcons = {}\n\n/** Returns the icon override registry from context (empty outside of Chat). */\nexport function useIcons (): ChatIcons {\n  const { getIcons } = useChatContext()\n  return getIcons?.() ?? EMPTY\n}\n"],"mappings":";AAAA,SAASA,cAAc,QAAQ,gBAAgB;AAG/C,MAAMC,KAAgB,GAAG,CAAC,CAAC;;AAE3B;AACA,OAAO,SAAAC,SAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL;IAAAC;EAAA,IAAqBL,cAAc,CAAC,CAAC;EAAA,IAAAM,EAAA;EAAA,IAAAH,CAAA,QAAAE,QAAA;IAC9BC,EAAA,GAAAD,QAAQ,GAAY,CAAC,IAArBJ,KAAqB;IAAAE,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,OAArBG,EAAqB;AAAA","ignoreList":[]}

package/lib/hooks/useIsKeyboardVisible.js

@@ -1,5 +1,7 @@
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
 import { KeyboardController, KeyboardEvents } from 'react-native-keyboard-controller';
+
 /**
  * Whether the software keyboard is currently on screen.
  *
@@ -10,22 +12,42 @@ import { KeyboardController, KeyboardEvents } from 'react-native-keyboard-contro
  * pass `false` and no listener is registered at all, so features that don't need the
  * keyboard state pay nothing for it.
  */
-export function useIsKeyboardVisible(isEnabled = true) {
-    const [isVisible, setIsVisible] = useState(() => isEnabled && (KeyboardController.isVisible?.() ?? false));
-    useEffect(() => {
-        if (!isEnabled) {
-            setIsVisible(false);
-            return;
-        }
-        // The keyboard may already be up when this turns on (e.g. the prop flipped while the
-        // composer was focused), and it can also change between render and subscribing.
-        setIsVisible(KeyboardController.isVisible?.() ?? false);
-        const subscriptions = [
-            KeyboardEvents.addListener('keyboardWillShow', () => setIsVisible(true)),
-            KeyboardEvents.addListener('keyboardWillHide', () => setIsVisible(false)),
-        ];
-        return () => subscriptions.forEach(subscription => subscription.remove());
-    }, [isEnabled]);
-    return isVisible;
+export function useIsKeyboardVisible(t0) {
+  const $ = _c(5);
+  const isEnabled = t0 === undefined ? true : t0;
+  let t1;
+  if ($[0] !== isEnabled) {
+    t1 = () => isEnabled && (KeyboardController.isVisible?.() ?? false);
+    $[0] = isEnabled;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [isVisible, setIsVisible] = useState(t1);
+  let t2;
+  let t3;
+  if ($[2] !== isEnabled) {
+    t2 = () => {
+      if (!isEnabled) {
+        setIsVisible(false);
+        return;
+      }
+      setIsVisible(KeyboardController.isVisible?.() ?? false);
+      const subscriptions = [KeyboardEvents.addListener("keyboardWillShow", () => setIsVisible(true)), KeyboardEvents.addListener("keyboardWillHide", () => setIsVisible(false))];
+      return () => subscriptions.forEach(_temp);
+    };
+    t3 = [isEnabled];
+    $[2] = isEnabled;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useEffect(t2, t3);
+  return isVisible;
+}
+function _temp(subscription) {
+  return subscription.remove();
 }
 //# sourceMappingURL=useIsKeyboardVisible.js.map

package/lib/hooks/useIsKeyboardVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsKeyboardVisible.js","sourceRoot":"","sources":["../../src/hooks/useIsKeyboardVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAErF;;;;;;;;;GASG;AACH,MAAM,UAAU,oBAAoB,CAAE,YAAqB,IAAI;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,GAAG,EAAE,CAAC,SAAS,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,KAAK,CAAC,CAC/D,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,OAAM;QACR,CAAC;QAED,qFAAqF;QACrF,gFAAgF;QAChF,YAAY,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,KAAK,CAAC,CAAA;QAEvD,MAAM,aAAa,GAAG;YACpB,cAAc,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACxE,cAAc,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAC1E,CAAA;QAED,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAA;IAC3E,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,SAAS,CAAA;AAClB,CAAC"}
+{"version":3,"file":"useIsKeyboardVisible.js","names":["useEffect","useState","KeyboardController","KeyboardEvents","useIsKeyboardVisible","t0","$","_c","isEnabled","undefined","t1","isVisible","setIsVisible","t2","t3","subscriptions","addListener","forEach","_temp","subscription","remove"],"sources":["../../src/hooks/useIsKeyboardVisible.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { KeyboardController, KeyboardEvents } from 'react-native-keyboard-controller'\n\n/**\n * Whether the software keyboard is currently on screen.\n *\n * Tracks `keyboardWillShow` / `keyboardWillHide` rather than the `Did` events so layout\n * reacts *with* the keyboard animation instead of a beat after it.\n *\n * `isEnabled` exists because this re-renders its consumer on every keyboard transition:\n * pass `false` and no listener is registered at all, so features that don't need the\n * keyboard state pay nothing for it.\n */\nexport function useIsKeyboardVisible (isEnabled: boolean = true): boolean {\n  const [isVisible, setIsVisible] = useState(\n    () => isEnabled && (KeyboardController.isVisible?.() ?? false)\n  )\n\n  useEffect(() => {\n    if (!isEnabled) {\n      setIsVisible(false)\n      return\n    }\n\n    // The keyboard may already be up when this turns on (e.g. the prop flipped while the\n    // composer was focused), and it can also change between render and subscribing.\n    setIsVisible(KeyboardController.isVisible?.() ?? false)\n\n    const subscriptions = [\n      KeyboardEvents.addListener('keyboardWillShow', () => setIsVisible(true)),\n      KeyboardEvents.addListener('keyboardWillHide', () => setIsVisible(false)),\n    ]\n\n    return () => subscriptions.forEach(subscription => subscription.remove())\n  }, [isEnabled])\n\n  return isVisible\n}\n"],"mappings":";AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,kCAAkC;;AAErF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAC,qBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAA+B,MAAAC,SAAA,GAAAH,EAAyB,KAAzBI,SAAyB,GAAzB,IAAyB,GAAzBJ,EAAyB;EAAA,IAAAK,EAAA;EAAA,IAAAJ,CAAA,QAAAE,SAAA;IAE3DE,EAAA,GAAAA,CAAA,KAAMF,SAAwD,KAA1CN,kBAAkB,CAAAS,SAAc,GAAQ,CAAC,IAAzC,KAA0C;IAAAL,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EADhE,OAAAK,SAAA,EAAAC,YAAA,IAAkCX,QAAQ,CACxCS,EACF,CAAC;EAAA,IAAAG,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA;IAESK,EAAA,GAAAA,CAAA;MACR,IAAI,CAACL,SAAS;QACZI,YAAY,CAAC,KAAK,CAAC;QAAA;MAAA;MAMrBA,YAAY,CAACV,kBAAkB,CAAAS,SAAc,GAAQ,CAAC,IAAzC,KAAyC,CAAC;MAEvD,MAAAI,aAAA,GAAsB,CACpBZ,cAAc,CAAAa,WAAY,CAAC,kBAAkB,EAAE,MAAMJ,YAAY,CAAC,IAAI,CAAC,CAAC,EACxET,cAAc,CAAAa,WAAY,CAAC,kBAAkB,EAAE,MAAMJ,YAAY,CAAC,KAAK,CAAC,CAAC,CAC1E;MAAA,OAEM,MAAMG,aAAa,CAAAE,OAAQ,CAACC,KAAqC,CAAC;IAAA,CAC1E;IAAEJ,EAAA,IAACN,SAAS,CAAC;IAAAF,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EAhBdN,SAAS,CAACa,EAgBT,EAAEC,EAAW,CAAC;EAAA,OAERH,SAAS;AAAA;AAvBX,SAAAO,MAAAC,YAAA;EAAA,OAoBgDA,YAAY,CAAAC,MAAO,CAAC,CAAC;AAAA","ignoreList":[]}

package/lib/hooks/useIsRTL.js

@@ -1,7 +1,20 @@
+import { c as _c } from "react/compiler-runtime";
 import { useChatContext } from '../ChatContext';
+
 /** Whether the chat is laying out right-to-left (`false` when used outside `Chat`). */
 export function useIsRTL() {
-    const { getIsRTL } = useChatContext();
-    return getIsRTL?.() ?? false;
+  const $ = _c(2);
+  const {
+    getIsRTL
+  } = useChatContext();
+  let t0;
+  if ($[0] !== getIsRTL) {
+    t0 = getIsRTL?.() ?? false;
+    $[0] = getIsRTL;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
 //# sourceMappingURL=useIsRTL.js.map

package/lib/hooks/useIsRTL.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsRTL.js","sourceRoot":"","sources":["../../src/hooks/useIsRTL.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,uFAAuF;AACvF,MAAM,UAAU,QAAQ;IACtB,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAA;IACrC,OAAO,QAAQ,EAAE,EAAE,IAAI,KAAK,CAAA;AAC9B,CAAC"}
+{"version":3,"file":"useIsRTL.js","names":["useChatContext","useIsRTL","$","_c","getIsRTL","t0"],"sources":["../../src/hooks/useIsRTL.ts"],"sourcesContent":["import { useChatContext } from '../ChatContext'\n\n/** Whether the chat is laying out right-to-left (`false` when used outside `Chat`). */\nexport function useIsRTL (): boolean {\n  const { getIsRTL } = useChatContext()\n  return getIsRTL?.() ?? false\n}\n"],"mappings":";AAAA,SAASA,cAAc,QAAQ,gBAAgB;;AAE/C;AACA,OAAO,SAAAC,SAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL;IAAAC;EAAA,IAAqBJ,cAAc,CAAC,CAAC;EAAA,IAAAK,EAAA;EAAA,IAAAH,CAAA,QAAAE,QAAA;IAC9BC,EAAA,GAAAD,QAAQ,GAAY,CAAC,IAArB,KAAqB;IAAAF,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,OAArBG,EAAqB;AAAA","ignoreList":[]}

package/lib/hooks/useKeyboardVerticalOffset.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View } from 'react-native';
 /**
  * How far down the window the chat container starts - the value
@@ -31,10 +32,11 @@ import { View } from 'react-native';
  * the keyboard was already up as the chat mounted.
  * See https://github.com/kesha-antonov/react-native-chat/issues/12
  */
-export declare function useKeyboardVerticalOffset(): {
-    ref: import("react").RefObject<View | null>;
+export interface KeyboardVerticalOffset {
+    ref: React.RefObject<React.ComponentRef<typeof View> | null>;
     onLayout: () => void;
     keyboardVerticalOffset: number;
     isMeasured: boolean;
-};
+}
+export declare function useKeyboardVerticalOffset(): KeyboardVerticalOffset;
 //# sourceMappingURL=useKeyboardVerticalOffset.d.ts.map

package/lib/hooks/useKeyboardVerticalOffset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardVerticalOffset.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboardVerticalOffset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,yBAAyB;;;;;EAqBxC"}
+{"version":3,"file":"useKeyboardVerticalOffset.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboardVerticalOffset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;IAC5D,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,yBAAyB,IAAK,sBAAsB,CA4BnE"}

package/lib/hooks/useKeyboardVerticalOffset.js

@@ -1,5 +1,7 @@
-import { useCallback, useRef, useState } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { useSafeAreaFrame } from 'react-native-safe-area-context';
+
 /**
  * How far down the window the chat container starts - the value
  * `KeyboardAvoidingView` needs to keep the input toolbar on top of the keyboard.
@@ -32,24 +34,56 @@ import { useSafeAreaFrame } from 'react-native-safe-area-context';
  * the keyboard was already up as the chat mounted.
  * See https://github.com/kesha-antonov/react-native-chat/issues/12
  */
+
 export function useKeyboardVerticalOffset() {
-    const frameY = useSafeAreaFrame().y;
-    const ref = useRef(null);
-    const [measured, setMeasured] = useState(null);
-    const onLayout = useCallback(() => {
-        // measureInWindow, not the layout event: the event reports the position
-        // within the parent, which is 0 for a fill view and tells us nothing about
-        // where the chat sits on screen.
-        ref.current?.measureInWindow((_x, y) => {
-            if (Number.isFinite(y))
-                setMeasured(previous => (previous === y ? previous : y));
-        });
-    }, []);
-    return {
-        ref,
-        onLayout,
-        keyboardVerticalOffset: measured ?? frameY,
-        isMeasured: measured !== null,
+  const $ = _c(6);
+  const frameY = useSafeAreaFrame().y;
+  const ref = useRef(null);
+  const [measured, setMeasured] = useState(null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      ref.current?.measureInWindow((_x, y) => {
+        if (Number.isFinite(y)) {
+          setMeasured(previous => previous === y ? previous : y);
+        }
+      });
     };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const onLayout = t0;
+  let t1;
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      onLayout();
+    };
+    t2 = [onLayout];
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useLayoutEffect(t1, t2);
+  const t3 = measured ?? frameY;
+  const t4 = measured !== null;
+  let t5;
+  if ($[3] !== t3 || $[4] !== t4) {
+    t5 = {
+      ref,
+      onLayout,
+      keyboardVerticalOffset: t3,
+      isMeasured: t4
+    };
+    $[3] = t3;
+    $[4] = t4;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  return t5;
 }
 //# sourceMappingURL=useKeyboardVerticalOffset.js.map

package/lib/hooks/useKeyboardVerticalOffset.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardVerticalOffset.js","sourceRoot":"","sources":["../../src/hooks/useKeyboardVerticalOffset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAEjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAA;IACnC,MAAM,GAAG,GAAG,MAAM,CAAO,IAAI,CAAC,CAAA;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAE7D,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,wEAAwE;QACxE,2EAA2E;QAC3E,iCAAiC;QACjC,GAAG,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACrC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACpB,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAC5D,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,GAAG;QACH,QAAQ;QACR,sBAAsB,EAAE,QAAQ,IAAI,MAAM;QAC1C,UAAU,EAAE,QAAQ,KAAK,IAAI;KAC9B,CAAA;AACH,CAAC"}
+{"version":3,"file":"useKeyboardVerticalOffset.js","names":["useCallback","useLayoutEffect","useRef","useState","useSafeAreaFrame","useKeyboardVerticalOffset","$","_c","frameY","y","ref","measured","setMeasured","t0","Symbol","for","current","measureInWindow","_x","Number","isFinite","previous","onLayout","t1","t2","t3","t4","t5","keyboardVerticalOffset","isMeasured"],"sources":["../../src/hooks/useKeyboardVerticalOffset.ts"],"sourcesContent":["import React, { useCallback, useLayoutEffect, useRef, useState } from 'react'\nimport { View } from 'react-native'\nimport { useSafeAreaFrame } from 'react-native-safe-area-context'\n\n/**\n * How far down the window the chat container starts - the value\n * `KeyboardAvoidingView` needs to keep the input toolbar on top of the keyboard.\n *\n * It cannot come from insets: a navigation header draws above the chat and insets\n * cannot see it, so `insets.top` (the old default) placed a chat below a header\n * roughly a header-height too low, i.e. behind the keyboard.\n * See https://github.com/kesha-antonov/react-native-chat/issues/11\n *\n * It cannot come from `useSafeAreaFrame()` alone either. That reads the nearest\n * `SafeAreaProvider`, and react-native-safe-area-context (v5) seeds a nested\n * provider from its *parent's* metrics - so when the host app already mounts one\n * at the root (the documented setup, and what expo-router does), the provider\n * `ChatWrapper` mounts reports the root frame and `y` stays 0 no matter where the\n * chat actually sits. A chat under a navigation header then got offset 0 and its\n * toolbar landed a header-height too low: back behind the keyboard.\n *\n * So the offset is measured from the chat container itself, in window\n * coordinates, and the safe-area frame is kept only as the pre-measurement\n * seed. Attach `onLayout`/`ref` to the view that wraps the chat.\n *\n * `isMeasured` reports whether that real measurement has landed yet, as opposed\n * to `keyboardVerticalOffset` still being the seed. It exists because the seed\n * can be wrong, not just imprecise: Chat mounts its own `SafeAreaProvider`\n * seeded with the *window's* frame (`y = 0`), so a chat nested below a header\n * briefly reports offset 0 - correct for a full-screen chat, wrong for this one -\n * until `measureInWindow`'s native round trip resolves. Reveal the toolbar only\n * once `isMeasured` is true so it never paints at that wrong offset, which\n * otherwise showed as the toolbar sitting under the keyboard for a frame when\n * the keyboard was already up as the chat mounted.\n * See https://github.com/kesha-antonov/react-native-chat/issues/12\n */\nexport interface KeyboardVerticalOffset {\n  ref: React.RefObject<React.ComponentRef<typeof View> | null>\n  onLayout: () => void\n  keyboardVerticalOffset: number\n  isMeasured: boolean\n}\n\nexport function useKeyboardVerticalOffset (): KeyboardVerticalOffset {\n  const frameY = useSafeAreaFrame().y\n  const ref = useRef<React.ComponentRef<typeof View>>(null)\n  const [measured, setMeasured] = useState<number | null>(null)\n\n  const onLayout = useCallback(() => {\n    // measureInWindow, not the layout event: the event reports the position\n    // within the parent, which is 0 for a fill view and tells us nothing about\n    // where the chat sits on screen.\n    ref.current?.measureInWindow((_x, y) => {\n      if (Number.isFinite(y))\n        setMeasured(previous => (previous === y ? previous : y))\n    })\n  }, [])\n\n  // Measured once before the first paint too: in the New Architecture `measureInWindow` answers\n  // synchronously inside a layout effect, so the chat is ready on its first frame instead of\n  // after a layout event and a native round trip.\n  useLayoutEffect(() => {\n    onLayout()\n  }, [onLayout])\n\n  return {\n    ref,\n    onLayout,\n    keyboardVerticalOffset: measured ?? frameY,\n    isMeasured: measured !== null,\n  }\n}\n"],"mappings":";AAAA,SAAgBA,WAAW,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAE7E,SAASC,gBAAgB,QAAQ,gCAAgC;;AAEjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,OAAO,SAAAC,0BAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL,MAAAC,MAAA,GAAeJ,gBAAgB,CAAC,CAAC,CAAAK,CAAE;EACnC,MAAAC,GAAA,GAAYR,MAAM,CAAkC,IAAI,CAAC;EACzD,OAAAS,QAAA,EAAAC,WAAA,IAAgCT,QAAQ,CAAgB,IAAI,CAAC;EAAA,IAAAU,EAAA;EAAA,IAAAP,CAAA,QAAAQ,MAAA,CAAAC,GAAA;IAEhCF,EAAA,GAAAA,CAAA;MAI3BH,GAAG,CAAAM,OAAyB,EAAAC,eAG1B,CAH2B,CAAAC,EAAA,EAAAT,CAAA;QAC3B,IAAIU,MAAM,CAAAC,QAAS,CAACX,CAAC,CAAC;UACpBG,WAAW,CAACS,QAAA,IAAaA,QAAQ,KAAKZ,CAAgB,GAA7BY,QAA6B,GAA7BZ,CAA8B,CAAC;QAAA;MAAA,CAC3D,CAAC;IAAA,CACH;IAAAH,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EARD,MAAAgB,QAAA,GAAiBT,EAQX;EAAA,IAAAU,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAQ,MAAA,CAAAC,GAAA;IAKUQ,EAAA,GAAAA,CAAA;MACdD,QAAQ,CAAC,CAAC;IAAA,CACX;IAAEE,EAAA,IAACF,QAAQ,CAAC;IAAAhB,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAkB,EAAA;EAAA;IAAAD,EAAA,GAAAjB,CAAA;IAAAkB,EAAA,GAAAlB,CAAA;EAAA;EAFbL,eAAe,CAACsB,EAEf,EAAEC,EAAU,CAAC;EAKY,MAAAC,EAAA,GAAAd,QAAkB,IAAlBH,MAAkB;EAC9B,MAAAkB,EAAA,GAAAf,QAAQ,KAAK,IAAI;EAAA,IAAAgB,EAAA;EAAA,IAAArB,CAAA,QAAAmB,EAAA,IAAAnB,CAAA,QAAAoB,EAAA;IAJxBC,EAAA;MAAAjB,GAAA;MAAAY,QAAA;MAAAM,sBAAA,EAGmBH,EAAkB;MAAAI,UAAA,EAC9BH;IACd,CAAC;IAAApB,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAAoB,EAAA;IAAApB,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,OALMqB,EAKN;AAAA","ignoreList":[]}

package/lib/hooks/useLabels.js

@@ -1,8 +1,21 @@
+import { c as _c } from "react/compiler-runtime";
 import { useChatContext } from '../ChatContext';
 import { defaultLabels } from '../i18n';
+
 /** Returns the resolved UI labels (English defaults when used outside Chat). */
 export function useLabels() {
-    const { getLabels } = useChatContext();
-    return getLabels?.() ?? defaultLabels;
+  const $ = _c(2);
+  const {
+    getLabels
+  } = useChatContext();
+  let t0;
+  if ($[0] !== getLabels) {
+    t0 = getLabels?.() ?? defaultLabels;
+    $[0] = getLabels;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
 //# sourceMappingURL=useLabels.js.map

package/lib/hooks/useLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLabels.js","sourceRoot":"","sources":["../../src/hooks/useLabels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAc,aAAa,EAAE,MAAM,SAAS,CAAA;AAEnD,gFAAgF;AAChF,MAAM,UAAU,SAAS;IACvB,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IACtC,OAAO,SAAS,EAAE,EAAE,IAAI,aAAa,CAAA;AACvC,CAAC"}
+{"version":3,"file":"useLabels.js","names":["useChatContext","defaultLabels","useLabels","$","_c","getLabels","t0"],"sources":["../../src/hooks/useLabels.ts"],"sourcesContent":["import { useChatContext } from '../ChatContext'\nimport { ChatLabels, defaultLabels } from '../i18n'\n\n/** Returns the resolved UI labels (English defaults when used outside Chat). */\nexport function useLabels (): ChatLabels {\n  const { getLabels } = useChatContext()\n  return getLabels?.() ?? defaultLabels\n}\n"],"mappings":";AAAA,SAASA,cAAc,QAAQ,gBAAgB;AAC/C,SAAqBC,aAAa,QAAQ,SAAS;;AAEnD;AACA,OAAO,SAAAC,UAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL;IAAAC;EAAA,IAAsBL,cAAc,CAAC,CAAC;EAAA,IAAAM,EAAA;EAAA,IAAAH,CAAA,QAAAE,SAAA;IAC/BC,EAAA,GAAAD,SAAS,GAAoB,CAAC,IAA9BJ,aAA8B;IAAAE,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,OAA9BG,EAA8B;AAAA","ignoreList":[]}