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

package/lib/components/ContextMenu/useExpandPanel.js

@@ -0,0 +1,81 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useRef } from 'react';
+import { runOnJS, withTiming } from 'react-native-reanimated';
+import { selectionHaptic } from '../haptics';
+import { EXPAND, timing } from './constants';
+
+/**
+ * The reactions bar growing into the full picker panel, and folding back. `setIsExpanded` keeps
+ * the panel's content mounted from the expand until the fold has finished.
+ */
+export const useExpandPanel = (expand, menuFade, setIsExpanded) => {
+  const $ = _c(13);
+  const isCollapsingRef = useRef(false);
+  let t0;
+  if ($[0] !== expand || $[1] !== menuFade || $[2] !== setIsExpanded) {
+    t0 = () => {
+      selectionHaptic();
+      isCollapsingRef.current = false;
+      setIsExpanded(true);
+      expand.set(withTiming(1, EXPAND));
+      menuFade.set(withTiming(0, timing(150)));
+    };
+    $[0] = expand;
+    $[1] = menuFade;
+    $[2] = setIsExpanded;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  const handleExpand = t0;
+  let t1;
+  if ($[4] !== setIsExpanded) {
+    t1 = () => {
+      if (isCollapsingRef.current) {
+        setIsExpanded(false);
+      }
+      isCollapsingRef.current = false;
+    };
+    $[4] = setIsExpanded;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const finishCollapse = t1;
+  let t2;
+  if ($[6] !== expand || $[7] !== finishCollapse || $[8] !== menuFade) {
+    t2 = () => {
+      if (isCollapsingRef.current) {
+        return;
+      }
+      isCollapsingRef.current = true;
+      expand.set(withTiming(0, EXPAND, finished => {
+        if (finished) {
+          runOnJS(finishCollapse)();
+        }
+      }));
+      menuFade.set(withTiming(1, timing(150)));
+    };
+    $[6] = expand;
+    $[7] = finishCollapse;
+    $[8] = menuFade;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const handleCollapse = t2;
+  let t3;
+  if ($[10] !== handleCollapse || $[11] !== handleExpand) {
+    t3 = {
+      handleExpand,
+      handleCollapse
+    };
+    $[10] = handleCollapse;
+    $[11] = handleExpand;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
+};
+//# sourceMappingURL=useExpandPanel.js.map

package/lib/components/ContextMenu/useExpandPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandPanel.js","names":["useCallback","useRef","runOnJS","withTiming","selectionHaptic","EXPAND","timing","useExpandPanel","expand","menuFade","setIsExpanded","$","_c","isCollapsingRef","t0","current","set","handleExpand","t1","finishCollapse","t2","finished","handleCollapse","t3"],"sources":["../../../src/components/ContextMenu/useExpandPanel.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useCallback, useRef } from 'react'\nimport { SharedValue, runOnJS, withTiming } from 'react-native-reanimated'\n\nimport { selectionHaptic } from '../haptics'\nimport { EXPAND, timing } from './constants'\n\n/**\n * The reactions bar growing into the full picker panel, and folding back. `setIsExpanded` keeps\n * the panel's content mounted from the expand until the fold has finished.\n */\nexport const useExpandPanel = (\n  expand: SharedValue<number>,\n  menuFade: SharedValue<number>,\n  setIsExpanded: Dispatch<SetStateAction<boolean>>\n) => {\n  const isCollapsingRef = useRef(false)\n  const handleExpand = useCallback(() => {\n    selectionHaptic()\n    isCollapsingRef.current = false\n    setIsExpanded(true)\n    expand.set(withTiming(1, EXPAND))\n    // The actions make way for the panel.\n    menuFade.set(withTiming(0, timing(150)))\n  }, [expand, menuFade, setIsExpanded])\n\n  // A tap outside the expanded panel (or Android's back) folds it back into the bar and keeps\n  // the menu up, as Telegram's emoji window does on Android; only a second tap closes the menu.\n  // The panel stays mounted until it has folded away.\n  const finishCollapse = useCallback(() => {\n    if (isCollapsingRef.current)\n      setIsExpanded(false)\n    isCollapsingRef.current = false\n  }, [setIsExpanded])\n  const handleCollapse = useCallback(() => {\n    if (isCollapsingRef.current)\n      return\n    isCollapsingRef.current = true\n    expand.set(withTiming(0, EXPAND, finished => {\n      if (finished)\n        runOnJS(finishCollapse)()\n    }))\n    menuFade.set(withTiming(1, timing(150)))\n  }, [expand, menuFade, finishCollapse])\n\n  return { handleExpand, handleCollapse }\n}\n"],"mappings":";AAAA,SAAmCA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AACrE,SAAsBC,OAAO,EAAEC,UAAU,QAAQ,yBAAyB;AAE1E,SAASC,eAAe,QAAQ,YAAY;AAC5C,SAASC,MAAM,EAAEC,MAAM,QAAQ,aAAa;;AAE5C;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAAC,MAAA,EAAAC,QAAA,EAAAC,aAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAK5B,MAAAC,eAAA,GAAwBZ,MAAM,CAAC,KAAK,CAAC;EAAA,IAAAa,EAAA;EAAA,IAAAH,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAF,QAAA,IAAAE,CAAA,QAAAD,aAAA;IACJI,EAAA,GAAAA,CAAA;MAC/BV,eAAe,CAAC,CAAC;MACjBS,eAAe,CAAAE,OAAA,GAAW,KAAH;MACvBL,aAAa,CAAC,IAAI,CAAC;MACnBF,MAAM,CAAAQ,GAAI,CAACb,UAAU,CAAC,CAAC,EAAEE,MAAM,CAAC,CAAC;MAEjCI,QAAQ,CAAAO,GAAI,CAACb,UAAU,CAAC,CAAC,EAAEG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAAA,CACzC;IAAAK,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAF,QAAA;IAAAE,CAAA,MAAAD,aAAA;IAAAC,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAPD,MAAAM,YAAA,GAAqBH,EAOgB;EAAA,IAAAI,EAAA;EAAA,IAAAP,CAAA,QAAAD,aAAA;IAKFQ,EAAA,GAAAA,CAAA;MACjC,IAAIL,eAAe,CAAAE,OAAQ;QACzBL,aAAa,CAAC,KAAK,CAAC;MAAA;MACtBG,eAAe,CAAAE,OAAA,GAAW,KAAH;IAAA,CACxB;IAAAJ,CAAA,MAAAD,aAAA;IAAAC,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAJD,MAAAQ,cAAA,GAAuBD,EAIJ;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAQ,cAAA,IAAAR,CAAA,QAAAF,QAAA;IACgBW,EAAA,GAAAA,CAAA;MACjC,IAAIP,eAAe,CAAAE,OAAQ;QAAA;MAAA;MAE3BF,eAAe,CAAAE,OAAA,GAAW,IAAH;MACvBP,MAAM,CAAAQ,GAAI,CAACb,UAAU,CAAC,CAAC,EAAEE,MAAM,EAAEgB,QAAA;QAC/B,IAAIA,QAAQ;UACVnB,OAAO,CAACiB,cAAc,CAAC,CAAC,CAAC;QAAA;MAAA,CAC5B,CAAC,CAAC;MACHV,QAAQ,CAAAO,GAAI,CAACb,UAAU,CAAC,CAAC,EAAEG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAAA,CACzC;IAAAK,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAQ,cAAA;IAAAR,CAAA,MAAAF,QAAA;IAAAE,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EATD,MAAAW,cAAA,GAAuBF,EASe;EAAA,IAAAG,EAAA;EAAA,IAAAZ,CAAA,SAAAW,cAAA,IAAAX,CAAA,SAAAM,YAAA;IAE/BM,EAAA;MAAAN,YAAA;MAAAK;IAA+B,CAAC;IAAAX,CAAA,OAAAW,cAAA;IAAAX,CAAA,OAAAM,YAAA;IAAAN,CAAA,OAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAA,OAAhCY,EAAgC;AAAA,CACxC","ignoreList":[]}

package/lib/components/ContextMenu/useMenuPresence.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The overlay's open and close: the scrim, the card unrolling, the bar popping out, and the
+ * exit, which waits for a reaction still flying to the message (`isFlying`) before the
+ * overlay unmounts.
+ */
+export declare const useMenuPresence: (visible: boolean, revealMs: number, isFlying: () => boolean) => {
+    scrim: import("react-native-reanimated").SharedValue<number>;
+    reveal: import("react-native-reanimated").SharedValue<number>;
+    barIn: import("react-native-reanimated").SharedValue<number>;
+    closing: import("react-native-reanimated").SharedValue<number>;
+    expand: import("react-native-reanimated").SharedValue<number>;
+    menuFade: import("react-native-reanimated").SharedValue<number>;
+    onFlightEnd: () => void;
+    isMounted: boolean;
+    close: (after?: () => void) => void;
+};
+//# sourceMappingURL=useMenuPresence.d.ts.map

package/lib/components/ContextMenu/useMenuPresence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuPresence.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/useMenuPresence.ts"],"names":[],"mappings":"AAcA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,UAAU,MAAM,EAAE,UAAU,MAAM,OAAO;;;;;;;;;;CAsD1F,CAAA"}

package/lib/components/ContextMenu/useMenuPresence.js

@@ -0,0 +1,125 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useRef } from 'react';
+import { runOnJS, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useAnimatedPresence } from '../../hooks/useAnimatedPresence';
+import { selectionHaptic } from '../haptics';
+import { BAR_IN, CLOSE_MS, DECELERATE, EASE_OUT_QUINT, SCRIM_MS, timing } from './constants';
+
+/**
+ * The overlay's open and close: the scrim, the card unrolling, the bar popping out, and the
+ * exit, which waits for a reaction still flying to the message (`isFlying`) before the
+ * overlay unmounts.
+ */
+export const useMenuPresence = (visible, revealMs, isFlying) => {
+  const $ = _c(23);
+  const scrim = useSharedValue(0);
+  const reveal = useSharedValue(0);
+  const barIn = useSharedValue(0);
+  const closing = useSharedValue(0);
+  const expand = useSharedValue(0);
+  const menuFade = useSharedValue(1);
+  const pendingRef = useRef(0);
+  const exitDoneRef = useRef(null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      pendingRef.current = pendingRef.current - 1;
+      if (pendingRef.current > 0) {
+        return;
+      }
+      const done = exitDoneRef.current;
+      exitDoneRef.current = null;
+      done?.();
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const settle = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      selectionHaptic();
+      settle();
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onFlightEnd = t1;
+  let t2;
+  if ($[2] !== barIn || $[3] !== closing || $[4] !== expand || $[5] !== menuFade || $[6] !== reveal || $[7] !== revealMs || $[8] !== scrim) {
+    t2 = () => {
+      expand.set(0);
+      closing.set(0);
+      menuFade.set(1);
+      barIn.set(0);
+      reveal.set(0);
+      scrim.set(withTiming(1, timing(SCRIM_MS, EASE_OUT_QUINT)));
+      reveal.set(withTiming(1, timing(revealMs)));
+      barIn.set(withTiming(1, BAR_IN));
+    };
+    $[2] = barIn;
+    $[3] = closing;
+    $[4] = expand;
+    $[5] = menuFade;
+    $[6] = reveal;
+    $[7] = revealMs;
+    $[8] = scrim;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const animateIn = t2;
+  let t3;
+  if ($[10] !== closing || $[11] !== isFlying || $[12] !== scrim) {
+    t3 = onDone => {
+      exitDoneRef.current = onDone;
+      pendingRef.current = isFlying() ? 2 : 1;
+      closing.set(withTiming(1, timing(CLOSE_MS, DECELERATE)));
+      scrim.set(withTiming(0, timing(SCRIM_MS, EASE_OUT_QUINT), finished => {
+        if (finished) {
+          runOnJS(settle)();
+        }
+      }));
+    };
+    $[10] = closing;
+    $[11] = isFlying;
+    $[12] = scrim;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  const animateOut = t3;
+  const {
+    isMounted,
+    close
+  } = useAnimatedPresence(visible, animateIn, animateOut);
+  let t4;
+  if ($[14] !== barIn || $[15] !== close || $[16] !== closing || $[17] !== expand || $[18] !== isMounted || $[19] !== menuFade || $[20] !== reveal || $[21] !== scrim) {
+    t4 = {
+      scrim,
+      reveal,
+      barIn,
+      closing,
+      expand,
+      menuFade,
+      onFlightEnd,
+      isMounted,
+      close
+    };
+    $[14] = barIn;
+    $[15] = close;
+    $[16] = closing;
+    $[17] = expand;
+    $[18] = isMounted;
+    $[19] = menuFade;
+    $[20] = reveal;
+    $[21] = scrim;
+    $[22] = t4;
+  } else {
+    t4 = $[22];
+  }
+  return t4;
+};
+//# sourceMappingURL=useMenuPresence.js.map

package/lib/components/ContextMenu/useMenuPresence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuPresence.js","names":["useCallback","useRef","runOnJS","useSharedValue","withTiming","useAnimatedPresence","selectionHaptic","BAR_IN","CLOSE_MS","DECELERATE","EASE_OUT_QUINT","SCRIM_MS","timing","useMenuPresence","visible","revealMs","isFlying","$","_c","scrim","reveal","barIn","closing","expand","menuFade","pendingRef","exitDoneRef","t0","Symbol","for","current","done","settle","t1","onFlightEnd","t2","set","animateIn","t3","onDone","finished","animateOut","isMounted","close","t4"],"sources":["../../../src/components/ContextMenu/useMenuPresence.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\nimport { runOnJS, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport { useAnimatedPresence } from '../../hooks/useAnimatedPresence'\nimport { selectionHaptic } from '../haptics'\nimport {\n  BAR_IN,\n  CLOSE_MS,\n  DECELERATE,\n  EASE_OUT_QUINT,\n  SCRIM_MS,\n  timing,\n} from './constants'\n\n/**\n * The overlay's open and close: the scrim, the card unrolling, the bar popping out, and the\n * exit, which waits for a reaction still flying to the message (`isFlying`) before the\n * overlay unmounts.\n */\nexport const useMenuPresence = (visible: boolean, revealMs: number, isFlying: () => boolean) => {\n  const scrim = useSharedValue(0)\n  const reveal = useSharedValue(0)\n  const barIn = useSharedValue(0)\n  const closing = useSharedValue(0)\n  const expand = useSharedValue(0)\n  const menuFade = useSharedValue(1)\n\n  const pendingRef = useRef(0)\n  const exitDoneRef = useRef<(() => void) | null>(null)\n\n  const settle = useCallback(() => {\n    pendingRef.current -= 1\n    if (pendingRef.current > 0)\n      return\n\n    const done = exitDoneRef.current\n    exitDoneRef.current = null\n    done?.()\n  }, [])\n\n  const onFlightEnd = useCallback(() => {\n    selectionHaptic()\n    settle()\n  }, [settle])\n\n  const animateIn = useCallback(() => {\n    // The same overlay opens again for the next long-press, so every open starts from rest;\n    // a panel left expanded would reopen empty.\n    expand.set(0)\n    closing.set(0)\n    menuFade.set(1)\n    barIn.set(0)\n    reveal.set(0)\n    scrim.set(withTiming(1, timing(SCRIM_MS, EASE_OUT_QUINT)))\n    reveal.set(withTiming(1, timing(revealMs)))\n    barIn.set(withTiming(1, BAR_IN))\n  }, [scrim, reveal, barIn, closing, expand, menuFade, revealMs])\n\n  const animateOut = useCallback((onDone: () => void) => {\n    exitDoneRef.current = onDone\n    // The flight (if any) and the scrim both have to finish.\n    pendingRef.current = isFlying() ? 2 : 1\n\n    closing.set(withTiming(1, timing(CLOSE_MS, DECELERATE)))\n    scrim.set(withTiming(0, timing(SCRIM_MS, EASE_OUT_QUINT), finished => {\n      if (finished)\n        runOnJS(settle)()\n    }))\n  }, [scrim, closing, settle, isFlying])\n\n  const { isMounted, close } = useAnimatedPresence(visible, animateIn, animateOut)\n\n  return { scrim, reveal, barIn, closing, expand, menuFade, onFlightEnd, isMounted, close }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/FloatingRoundNote.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * The floating round video: while a round note is
+ * current, playing or paused, and its message has scrolled out of the list, it
+ * floats in a 120pt circle docked to the top right. A tap pauses or resumes it,
+ * it can be dragged and snaps to the side it is let go near, and throwing it
+ * off a side stops the note. It goes away once the message is back on screen,
+ * where the note carries on in its row.
+ *
+ * Drawn over the message list; render it inside the list's area.
+ */
+export declare function FloatingRoundNote(): React.JSX.Element | null;
+//# sourceMappingURL=FloatingRoundNote.d.ts.map

package/lib/components/FloatingRoundNote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingRoundNote.d.ts","sourceRoot":"","sources":["../../src/components/FloatingRoundNote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAA;AAyQxF;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,6BAyChC"}